Merge pull request #45 from stac-utils/remove-snowpack

removed snowpack
stac-utils · Aug 16, 2022 · 9599f61 · 9599f61
2 parents 950affc + 6f40be7
commit 9599f61
Show file tree

Hide file tree

Showing 53 changed files with 266 additions and 71 deletions.
diff --git a/package.json b/package.json
@@ -33,11 +33,11 @@
   ],
   "scripts": {
     "build": "webpack",
-    "dev": "concurrently \"npx snowpack build --polyfill-node --watch\" \"cd build && npx http-server\"",
+    "dev": "concurrently \"WEBPACK_WATCH=true webpack\" \"npm run serve\"",
     "format": "npx prettier --arrow-parens=avoid --print-width=120 --trailing-comma=none --write src/*.js src/*/*.js",
-    "serve": "http-server --cors",
+    "serve": "npx srvd --debug",
     "test": "echo 'no automatic tests'",
-    "tiler": "docker run --name titiler -p 8000:8000 --env PORT=8000 --rm -t developmentseed/titiler"
+    "tiler": "docker run --env-file=./.env --name titiler -p 8000:8000 --env PORT=8000 --rm -t developmentseed/titiler"
   },
   "repository": {
     "type": "git",
@@ -80,9 +80,9 @@
     "@babel/preset-env": "^7.18.2",
     "babel-loader": "^8.2.2",
     "concurrently": "^7.3.0",
+    "envisage": "^0.1.0",
     "eslint-config-prettier": "^8.3.0",
     "http-server": "^14.1.0",
-    "snowpack": "^3.7.1",
     "webpack": "^5.42.0",
     "webpack-cli": "^4.9.2"
   },

diff --git a/snowpack.config.js b/snowpack.config.js
diff --git a/...t/item-collection/cogs_with_overview.html → test/item-collection/cogs_with_overview.html b/...t/item-collection/cogs_with_overview.html → test/item-collection/cogs_with_overview.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...ollection/cogs_with_overview_no_bbox.html → ...ollection/cogs_with_overview_no_bbox.html b/...ollection/cogs_with_overview_no_bbox.html → ...ollection/cogs_with_overview_no_bbox.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/item-collection/dxf.html → test/item-collection/dxf.html b/src/test/item-collection/dxf.html → test/item-collection/dxf.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...est/stac-api-items/swiss-federal-sdi.html → test/stac-api-items/swiss-federal-sdi.html b/...est/stac-api-items/swiss-federal-sdi.html → test/stac-api-items/swiss-federal-sdi.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-catalog/pdd.html → test/stac-catalog/pdd.html b/src/test/stac-catalog/pdd.html → test/stac-catalog/pdd.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...st/stac-collection/collection-assets.html → test/stac-collection/collection-assets.html b/...st/stac-collection/collection-assets.html → test/stac-collection/collection-assets.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...lection/gee-aafc-aci-display-preview.html → ...lection/gee-aafc-aci-display-preview.html b/...lection/gee-aafc-aci-display-preview.html → ...lection/gee-aafc-aci-display-preview.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-collection/gee-aafc-aci.html → test/stac-collection/gee-aafc-aci.html b/src/test/stac-collection/gee-aafc-aci.html → test/stac-collection/gee-aafc-aci.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-collection/gee-landsat-8.html → test/stac-collection/gee-landsat-8.html b/src/test/stac-collection/gee-landsat-8.html → test/stac-collection/gee-landsat-8.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-collection/pdd.html → test/stac-collection/pdd.html b/src/test/stac-collection/pdd.html → test/stac-collection/pdd.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...est/stac-collection/preview-one-bbox.html → test/stac-collection/preview-one-bbox.html b/...est/stac-collection/preview-one-bbox.html → test/stac-collection/preview-one-bbox.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...st/stac-collection/swiss-federal-sdi.html → test/stac-collection/swiss-federal-sdi.html b/...st/stac-collection/swiss-federal-sdi.html → test/stac-collection/swiss-federal-sdi.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/no-bounds.html → test/stac-item-asset/no-bounds.html b/src/test/stac-item-asset/no-bounds.html → test/stac-item-asset/no-bounds.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/no-cors.html → test/stac-item-asset/no-cors.html b/src/test/stac-item-asset/no-cors.html → test/stac-item-asset/no-cors.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...set/pdd/analytic-georaster-band-math.html → ...set/pdd/analytic-georaster-band-math.html b/...set/pdd/analytic-georaster-band-math.html → ...set/pdd/analytic-georaster-band-math.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/pdd/one-band.html → test/stac-item-asset/pdd/one-band.html b/src/test/stac-item-asset/pdd/one-band.html → test/stac-item-asset/pdd/one-band.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/pdd/thumbnail.html → test/stac-item-asset/pdd/thumbnail.html b/src/test/stac-item-asset/pdd/thumbnail.html → test/stac-item-asset/pdd/thumbnail.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/pdd/udm.html → test/stac-item-asset/pdd/udm.html b/src/test/stac-item-asset/pdd/udm.html → test/stac-item-asset/pdd/udm.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/pdd/visual.html → test/stac-item-asset/pdd/visual.html b/src/test/stac-item-asset/pdd/visual.html → test/stac-item-asset/pdd/visual.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item-asset/relative-asset.html → test/stac-item-asset/relative-asset.html b/src/test/stac-item-asset/relative-asset.html → test/stac-item-asset/relative-asset.html
@@ -18,7 +18,7 @@
 <body>
   <div id="map"></div>
   <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-  <script src="/index.js" type="module"></script>
+  <script src="/dist/stac-layer.min.js" type="module"></script>
   <script type="module">
     // initalize leaflet map
     const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item/band-info.html → test/stac-item/band-info.html b/src/test/stac-item/band-info.html → test/stac-item/band-info.html
@@ -17,7 +17,7 @@
     <div id="map"></div>
     <script src="https://unpkg.com/flug"></script>
     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/test/stac-item/cbers-2-cogs.html b/test/stac-item/cbers-2-cogs.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css"/>
+    <style>
+      #map {
+        bottom: 0;
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="map"></div>
+    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
+    <script type="module">
+      // initalize leaflet map
+      const map = L.map('map').setView([0, 0], 5);
+
+      // add OpenStreetMap basemap
+      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+          attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+      }).addTo(map);
+
+      // https://cbers-stac-1-0-0.s3.amazonaws.com/CBERS4A/MUX/097/097/CBERS_4A_MUX_20220313_097_097_L4.json
+      // https://cbers-stac-1-0-0.s3.amazonaws.com/CBERS4A/WPM/209/139/CBERS_4A_WPM_20200730_209_139_L4.json
+      const url_to_stac_item = "https://cbers-stac-1-0-0.s3.amazonaws.com/CBERS4A/MUX/203/138/CBERS_4A_MUX_20210905_203_138_L4.json";
+
+      fetch(url_to_stac_item).then(res => res.json()).then(async feature => {
+        const lyr = await L.stacLayer(feature, {
+          debugLevel: 2,
+          tileUrlTemplate: `http://localhost:8000/stac/tiles/{z}/{x}/{y}@2x?url={url}&assets=B3,`,
+          timeout: 10,
+          assets: [
+            "B3", "B2", "B1"
+          ]
+        });
+        lyr.on('click', console.log);
+        lyr.addTo(map);
+        map.fitBounds(lyr.getLayers()[0].getBounds());
+      });
+    </script>
+  </body>
+</html>
diff --git a/...n-CanopyBaseHeight-2016-Summer-00010m.png → ...n-CanopyBaseHeight-2016-Summer-00010m.png b/...n-CanopyBaseHeight-2016-Summer-00010m.png → ...n-CanopyBaseHeight-2016-Summer-00010m.png
diff --git a/src/test/stac-item/cogs/cog-1.html → test/stac-item/cogs/cog-1.html b/src/test/stac-item/cogs/cog-1.html → test/stac-item/cogs/cog-1.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/.../stac-item/cogs/cog-no-cors-overview.html → .../stac-item/cogs/cog-no-cors-overview.html b/.../stac-item/cogs/cog-no-cors-overview.html → .../stac-item/cogs/cog-no-cors-overview.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item/cogs/cog-no-cors.html → test/stac-item/cogs/cog-no-cors.html b/src/test/stac-item/cogs/cog-no-cors.html → test/stac-item/cogs/cog-no-cors.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...-item/cogs/cog-selected-asset-object.html → ...-item/cogs/cog-selected-asset-object.html b/...-item/cogs/cog-selected-asset-object.html → ...-item/cogs/cog-selected-asset-object.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/...st/stac-item/cogs/cog-selected-asset.html → test/stac-item/cogs/cog-selected-asset.html b/...st/stac-item/cogs/cog-selected-asset.html → test/stac-item/cogs/cog-selected-asset.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item/cogs/thumb.html → test/stac-item/cogs/thumb.html b/src/test/stac-item/cogs/thumb.html → test/stac-item/cogs/thumb.html
@@ -16,7 +16,7 @@
   <body>
     <div id="map"></div>
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);

diff --git a/src/test/stac-item/pdd.html → test/stac-item/digital-earth-au-local-2.html b/src/test/stac-item/pdd.html → test/stac-item/digital-earth-au-local-2.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css"/>
     <style>
       #map {
         bottom: 0;
@@ -15,8 +15,8 @@
   </head>
   <body>
     <div id="map"></div>
-    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-    <script src="/index.js" type="module"></script>
+    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"></script>
+    <script src="/dist/stac-layer.min.js" type="module"></script>
     <script type="module">
       // initalize leaflet map
       const map = L.map('map').setView([0, 0], 5);
@@ -27,10 +27,21 @@
       }).addTo(map);
 
 
-      const url_to_stac_item = "https://raw.githubusercontent.com/cholmes/pdd-stac/beta2/disasters/hurricane-harvey/hurricane-harvey-0831/20170831_172754_101c/20170831_172754_101c.json";
+      const url_to_stac_data = "https://explorer.sandbox.dea.ga.gov.au/stac/collections/s2a_ard_granule/items/104dea3d-33e0-465a-9894-85c144e42c84";
+
+      fetch(url_to_stac_data).then(res => res.json()).then(async feature => {
 
-      fetch(url_to_stac_item).then(res => res.json()).then(async feature => {
-        const lyr = await L.stacLayer(feature, { debugLevel: 2 });
+        Object.keys(feature.assets).forEach(key => {
+          feature.assets[key].href = `http://localhost:8080/data/${key}.tif`;
+        });
+
+        const lyr = await L.stacLayer(feature, {
+          debugLevel: 2,
+          timeout: 10,
+          assets: [
+            "nbart_red", "nbart_green", "nbart_blue"
+          ]
+        });
         lyr.on('click', console.log);
         lyr.addTo(map);
         map.fitBounds(lyr.getBounds());