Reimplement map with MapLibre and VersaTiles (#63)

* Reimplement map with MapLibre and VersaTiles

Co-authored-by: Marcus Weiner <mraerino@users.noreply.github.com>

* Remove remaining references to leaflet

* Fetch tiles from same origin

* Load fonts

* Fix use of window and document in SSR

* Provide empty sprite libraries

* Upgrade canvas

* Specify node version

* Specify transpilation targets

* Allow forcing imports to be assets

* Use unaltered worker script for map

* Revert setting worker URL

* Use narrower browser support

* Debug tiles api

* Serve tiles uncompressed

---------

Co-authored-by: Marcus Weiner <mraerino@users.noreply.github.com>
Co-authored-by: Marcus Weiner <marcus.weiner@gmail.com>

Author: ansgarprause

.gitignore

@@ -1,3 +1,6 @@
 node_modules/
 .cache/
 public
+
+# Local Netlify folder
+.netlify

gatsby-config.js

@@ -34,11 +34,5 @@ module.exports = {
       },
       __key: "blog",
     },
-    {
-      resolve: "gatsby-plugin-react-leaflet",
-      options: {
-        linkStyles: false,
-      },
-    },
   ],
 };

gatsby-node.js

@@ -77,15 +77,27 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
 
 /** @type {import("gatsby").GatsbyNode["onCreateWebpackConfig"]} */
 exports.onCreateWebpackConfig = ({ getConfig, stage, loaders, actions }) => {
-  if (stage === "build-html" || stage === "develop-html") {
-    const config = getConfig();
-    actions.setWebpackConfig({
-      externals: [
+  const config = getConfig();
+  const newConfig = {
+    ...config,
+    module: {
+      ...config.module,
+      rules: [
         {
-          canvas: "commonjs canvas",
+          resourceQuery: "?asset",
+          type: "asset/resource",
         },
-        ...config.externals,
+        ...config.module.rules,
       ],
-    });
+    },
+  };
+  if (stage === "build-html" || stage === "develop-html") {
+    newConfig.externals = [
+      {
+        canvas: "commonjs canvas",
+      },
+      ...config.externals,
+    ];
   }
+  actions.replaceWebpackConfig(newConfig);
 };

netlify.toml

@@ -1,3 +1,6 @@
+[build]
+functions = "src/functions"
+
 [[redirects]]
 from = "/kegelbahn"
 to = "https://bbb.kalk.space/rooms/gdf-1yc-88b-yxb/join"