[Migration] NPM (#1266)

* chore: add npm + vite for progressive enhancement

* fix: update Dockerfile to copy only the dist folder contents

* fix: update Dockerfile to use multi-stage build for optimized production image

* fix: correct nginx config file copy command in Dockerfile

* chore: add netlify configuration for build and redirects

* fix: add NODE_VERSION to environment in Netlify configuration

* remove wrong dist folder

* Update package.json

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* chore: split public and src

* migrating all util files from js to ts

* feat: Implement HeightmapGenerator and Voronoi module

- Added HeightmapGenerator class for generating heightmaps with various tools (Hill, Pit, Range, Trough, Strait, etc.).
- Introduced Voronoi class for creating Voronoi diagrams using Delaunator.
- Updated index.html to include new modules.
- Created index.ts to manage module imports.
- Enhanced arrayUtils and graphUtils with type definitions and improved functionality.
- Added utility functions for generating grids and calculating Voronoi cells.

* chore: add GitHub Actions workflow for deploying to GitHub Pages

* fix: update branch name in GitHub Actions workflow from 'main' to 'master'

* chore: update package.json to specify Node.js engine version and remove unused launch.json

* Initial plan

* Update copilot guidelines to reflect NPM/Vite/TypeScript migration

Co-authored-by: Azgaar <26469650+Azgaar@users.noreply.github.com>

* Update src/modules/heightmap-generator.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update src/utils/graphUtils.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update src/modules/heightmap-generator.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* feat: Add TIME and ERROR variables to global scope in HeightmapGenerator

* fix: Update base path in vite.config.ts for Netlify deployment

* fix: Update Node.js version in Dockerfile to 24-alpine

---------

Co-authored-by: Marc Emmanuel <marc.emmanuel@tado.com>
Co-authored-by: Marc Emmanuel <marcwissler@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Azgaar <26469650+Azgaar@users.noreply.github.com>

public/sw.js

@@ -0,0 +1,98 @@
+importScripts("https://storage.googleapis.com/workbox-cdn/releases/6.2.0/workbox-sw.js");
+
+const {Route, registerRoute} = workbox.routing;
+const {CacheFirst, NetworkFirst, StaleWhileRevalidate} = workbox.strategies;
+const {CacheableResponsePlugin} = workbox.cacheableResponse;
+const {ExpirationPlugin} = workbox.expiration;
+
+const DAY = 24 * 60 * 60; // in seconds
+
+registerRoute(
+  ({request}) => request.mode === "navigate",
+  new NetworkFirst({
+    networkTimeoutSeconds: 15,
+    cacheName: "fmg-html",
+    plugins: [new CacheableResponsePlugin({statuses: [0, 200]})]
+  })
+);
+
+registerRoute(
+  ({request, url}) =>
+    request.destination === "script" &&
+    !url.pathname.endsWith("min.js") &&
+    !url.pathname.includes("versioning.js") &&
+    !url.pathname.includes("google"),
+  new StaleWhileRevalidate({
+    cacheName: "fmg-scripts",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  ({request}) => request.destination === "style",
+  new CacheFirst({
+    cacheName: "fmg-stylesheets",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  ({request, url}) => request.destination === "script" && url.pathname.endsWith("min.js"),
+  new CacheFirst({
+    cacheName: "fmg-libs",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  new RegExp(".json$"),
+  new CacheFirst({
+    cacheName: "fmg-json",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  ({request}) => request.destination === "image",
+  new CacheFirst({
+    cacheName: "fmg-images",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  new RegExp(".svg$"),
+  new CacheFirst({
+    cacheName: "fmg-charges",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
+  })
+);
+
+registerRoute(
+  ({request}) => request.destination === "font",
+  new CacheFirst({
+    cacheName: "fmg-fonts",
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
+  })
+);