Initial sprite generation code. [#238, #167] (#243)

* Initial sprite generation code. [#238, #167] * update townspot themes [#167] * support 1x and 2x ratios * pin pmtiles dependency; fix style diffing when changing themes
protomaps · May 8, 2024 · 1f03a4b · 1f03a4b
1 parent ea39589
commit 1f03a4b
Show file tree

Hide file tree

Showing 15 changed files with 1,870 additions and 10 deletions.
diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -13,7 +13,7 @@
   "dependencies": {
     "maplibre-gl": "^4.1.3",
     "pixelmatch": "^5.3.0",
-    "pmtiles": "^3.0.5",
+    "pmtiles": "3.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",

diff --git a/app/src/MapViewComponent.tsx b/app/src/MapViewComponent.tsx
@@ -123,7 +123,6 @@ function getMaplibreStyle(
   } else {
     style.layers = style.layers.concat(layers("protomaps", theme));
   }
-
   return style;
 }
 
@@ -174,12 +173,7 @@ function MapLibreView(props: {
     const map = new maplibregl.Map({
       hash: "map",
       container: "map",
-      style: getMaplibreStyle(
-        props.theme,
-        props.localSprites,
-        props.tiles,
-        props.npmLayers,
-      ),
+      style: getMaplibreStyle("", false),
     });
 
     map.addControl(new maplibregl.NavigationControl());
@@ -223,7 +217,7 @@ function MapLibreView(props: {
       maplibregl.removeProtocol("pmtiles");
       map.remove();
     };
-  }, [props.npmLayers, props.theme, props.tiles, props.localSprites]);
+  }, []);
 
   useEffect(() => {
     if (protocolRef.current) {

diff --git a/sprites/.gitignore b/sprites/.gitignore
@@ -0,0 +1,3 @@
+dist/*.png
+dist/*.json
+target