From 3884864d300cb15253158612bd9f0239036d626a Mon Sep 17 00:00:00 2001
From: Matteo Rosati <matteo.rosati@akqa.com>
Date: Wed, 11 Feb 2026 15:34:53 +0100
Subject: [PATCH] setup ts

---
 build.js                              |  2 +-
 bun.lock                              |  1 +
 frontend/static/frontend/ts/main.ts   | 18 ++++++++++++++++++
 frontend/templates/frontend/home.html |  2 +-
 package.json                          |  3 ++-
 tsconfig.json                         | 12 ++++++++++++
 6 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 tsconfig.json

diff --git a/build.js b/build.js
index 92664af..9025b1e 100644
--- a/build.js
+++ b/build.js
@@ -6,7 +6,7 @@ const isDev = process.argv.includes("--dev");
 const config = {
   entryPoints: ["frontend/static/frontend/ts/main.ts"], // il tuo entry point
   bundle: true,
-  outdir: "frontend/static/frontend/dist",
+  outdir: "frontend/static/frontend/dist/js",
   format: "iife", // o 'iife' se serve per un tag <script> classico
   target: "es2020",
   sourcemap: isDev,
diff --git a/bun.lock b/bun.lock
index 155a5ad..ec3f6af 100644
--- a/bun.lock
+++ b/bun.lock
@@ -5,6 +5,7 @@
       "dependencies": {
         "@types/maplibre-gl": "^1.14.0",
         "esbuild": "^0.27.3",
+        "maplibre-gl": "^5.18.0",
       },
     },
   },
diff --git a/frontend/static/frontend/ts/main.ts b/frontend/static/frontend/ts/main.ts
index f5f4279..a1082a6 100644
--- a/frontend/static/frontend/ts/main.ts
+++ b/frontend/static/frontend/ts/main.ts
@@ -1,3 +1,21 @@
 import add from "./lib/add";
 
+import { Map } from "maplibre-gl";
+
 console.log(add(1, 2));
+
+const map = new Map({
+  style:
+    "https://api.maptiler.com/maps/019be805-c88e-7c8b-9850-bc704d72e604/style.json?key=8nmgHEIZQiIgqQj3RZNa",
+  container: "map",
+  zoom: 15,
+});
+
+map.on("load", () => {
+  navigator.geolocation.getCurrentPosition((position) => {
+    map.panTo({
+      lat: position.coords.latitude,
+      lng: position.coords.longitude,
+    });
+  });
+});
diff --git a/frontend/templates/frontend/home.html b/frontend/templates/frontend/home.html
index 31ed711..a277962 100644
--- a/frontend/templates/frontend/home.html
+++ b/frontend/templates/frontend/home.html
@@ -9,5 +9,5 @@
 {% endblock %}
 
 {% block js_bottom %}
-    <script src="{% static 'frontend/dist/main.js' %}"></script>
+    <script src="{% static 'frontend/dist/js/main.js' %}"></script>
 {% endblock %}
diff --git a/package.json b/package.json
index 072d4f5..a3f6404 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,8 @@
 {
   "dependencies": {
     "@types/maplibre-gl": "^1.14.0",
-    "esbuild": "^0.27.3"
+    "esbuild": "^0.27.3",
+    "maplibre-gl": "^5.18.0"
   },
   "scripts": {
     "dev": "bun run build.js --dev",
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e8024b8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "types": ["maplibre-gl"],
+    "lib": ["ES2020", "DOM"],
+    "noEmit": true
+  },
+  "include": ["frontend/static/frontend/ts/**/*.ts"]
+}