Main commit to create everything that is needed

maplibre · Mar 12, 2024 · ba8d70f · ba8d70f
1 parent f109189
commit ba8d70f
Show file tree

Hide file tree

Showing 31 changed files with 3,410 additions and 13,407 deletions.
diff --git a/.github/workflows/lint-build.yml b/.github/workflows/lint-build.yml
@@ -18,4 +18,3 @@ jobs:
       - run: npm ci
       - run: npm run lint
       - run: npm run build
-      - run: npm run build-compat
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -95,5 +95,5 @@ jobs:
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: dist
+          publish_dir: docs
           commit_message: 'deploy docs: ${{ steps.tag_version.outputs.new_tag }}'
diff --git a/.gitignore b/.gitignore
@@ -37,3 +37,4 @@ jspm_packages
 .node_repl_history
 
 dist
+docs
diff --git a/API.md b/API.md
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,17 @@
+// @ts-check
+
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+        indent: [
+            2,
+            2
+        ]
+    }
+  }
+);
diff --git a/examples/custom-color-1.html b/examples/custom-color-1.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/custom-color-2.html b/examples/custom-color-2.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/custom-popup.html b/examples/custom-popup.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/generate-docs.js b/examples/generate-docs.js
@@ -0,0 +1,32 @@
+import fs from 'fs';
+
+const files = fs.readdirSync('./examples');
+if (!fs.existsSync('./docs')) {
+    fs.mkdirSync('./docs');
+}
+
+for (const file of files) {
+    if (file.endsWith('.html')) {
+        let content = fs.readFileSync(`./examples/${file}`, 'utf8');
+        content = content.replaceAll("../", 'https://unpkg.com/@maplibre/maplibre-gl-inspect@latest/');
+        fs.writeFileSync(`./docs/${file}`, content);
+    }
+}
+
+const index = `
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8' />
+    <title>Maplibre GL Inspect Docs</title>
+    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+</head>
+<body>
+
+<H1>Maplibre GL Inspect Docs</H1>
+<ul>
+${files.map(f => '    <li><a href="' + f +'">' + f + '</a></li>').join('\n')}
+</body>
+</html>`
+
+fs.writeFileSync(`./docs/index.html`, index);
diff --git a/examples/geojson-source.html b/examples/geojson-source.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/inspect-only.html b/examples/inspect-only.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/less-fidly.html b/examples/less-fidly.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/many-sources.html b/examples/many-sources.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/map-popup.html b/examples/map-popup.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/no-inspect-style.html b/examples/no-inspect-style.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/no-options.html b/examples/no-options.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/no-popup.html b/examples/no-popup.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/popup-on-click.html b/examples/popup-on-click.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/query-params.html b/examples/query-params.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/raster.html b/examples/raster.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/examples/url-hash-toggle-callback.html b/examples/url-hash-toggle-callback.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Maplibre GL Inspect</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.js'></script>
-    <link href='https://unpkg.com/maplibre-gl@1.15.2/dist/maplibre-gl.css' rel='stylesheet' />
+    <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
+    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <script src='../dist/maplibre-gl-inspect.min.js'></script>
     <link href='../dist/maplibre-gl-inspect.css' rel='stylesheet' />
     <style>

diff --git a/index.html b/index.html
diff --git a/lib/InspectButton.ts b/lib/InspectButton.ts
@@ -1,8 +1,13 @@
+type InspectButtonOptions = {
+  show: boolean;
+  onToggle: () => void;
+};
+
 class InspectButton {
   _btn: HTMLButtonElement;
   elem: HTMLDivElement;
 
-  constructor(options: any) {
+  constructor(options: InspectButtonOptions) {
     options = Object.assign({
       show: true,
       onToggle() {}
@@ -33,10 +38,10 @@ class InspectButton {
 
   public setInspectIcon() {
     this._btn.className = 'maplibregl-ctrl-icon maplibregl-ctrl-inspect';
-  };
+  }
 
   public setMapIcon() {
     this._btn.className = 'maplibregl-ctrl-icon maplibregl-ctrl-map';
-  };
+  }
 }
 export default InspectButton;