Bundle maplibre assets (#72)

.gitignore

@@ -24,3 +24,6 @@ kino_maplibre-*.tar
 
 # Temporary files, for example, from tests.
 /tmp/
+
+# Node modules.
+assets/*/node_modules/

lib/assets/maplibre/main.js → assets/maplibre/main.js

@@ -1,16 +1,11 @@
-import "https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.min.js";
-// TODO: point to npm when released
-import "https://cdn.jsdelivr.net/gh/jimmyrocks/maplibre-gl-vector-text-protocol@main/dist/maplibre-gl-vector-text-protocol.min.js";
-import "https://cdn.jsdelivr.net/npm/@maplibre/[email protected]/dist/maplibre-gl-geocoder.min.js";
+import * as maplibregl from "maplibre-gl";
+import VectorTextProtocol from "maplibre-gl-vector-text-protocol";
+import MaplibreGeocoder from "@maplibre/maplibre-gl-geocoder";
+import "@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css";
+import "maplibre-gl/dist/maplibre-gl.css";
 
 export function init(ctx, data) {
-  ctx.importCSS(
-    "https://cdn.jsdelivr.net/npm/[email protected]/dist/maplibre-gl.min.css"
-  );
-
-  ctx.importCSS(
-    "https://cdn.jsdelivr.net/npm/@maplibre/[email protected]/lib/maplibre-gl-geocoder.min.css"
-  );
+  ctx.importCSS("main.css");
 
   ctx.root.innerHTML = `
     <div id='map' style='width: 896px; height: 400px;'></div>