@nika-js/onlymap 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nika-js/onlymap",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Interactive WebGL maps from declarative HTML — a custom-element manifest drives deck.gl: rendering, data loading, live updates, picking, widgets, and validation. No build step.",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
@@ -45,9 +45,27 @@
       "require": "./dist/onlymapjs.umd.cjs",
       "default": "./dist/onlymapjs.js"
     },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react.js",
+      "default": "./dist/react.js"
+    },
     "./onlymapjs.css": "./dist/onlymapjs.css",
     "./onlymapjs.html-data.json": "./onlymapjs.html-data.json",
-    "./onlymap.code-snippets": "./.vscode/onlymap.code-snippets"
+    "./onlymap.code-snippets": "./.vscode/onlymap.code-snippets",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   },
   "files": [
     ".vscode/onlymap.code-snippets",
@@ -55,13 +73,14 @@
     "dist",
     "README.md",
     "LICENSE.md",
+    "docs",
     "llms.txt",
     "onlymapjs.html-data.json",
     "skills/onlymapjs"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run typecheck && vite build && npm run build:types",
+    "build": "npm run typecheck && vite build && vite build --config vite.react.config.ts && npm run build:types",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",
     "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.e2e.json --noEmit",
     "test": "vitest run",
@@ -72,7 +91,8 @@
     "gen:public": "npm run gen:html-data && vite-node dev/build-public.ts",
     "test:public": "npm run gen:public -- --dry-run --strict"
   },
-  "dependencies": {
+  "comment:deps": "This library ships a fully self-contained bundle in dist/ (verified: zero external bare imports), so it has NO runtime dependencies — deck.gl, loaders.gl, MapLibre, Arrow, d3, acorn, etc. are build-time-only and get bundled by Vite. Keeping them here (not in dependencies) is what stops every consumer install from pulling ~250 MB it never uses.",
+  "devDependencies": {
     "@deck.gl/aggregation-layers": "^9.3.5",
     "@deck.gl/core": "^9.3.5",
     "@deck.gl/extensions": "^9.3.5",
@@ -83,25 +103,27 @@
     "@loaders.gl/csv": "^4.4.3",
     "@loaders.gl/kml": "^4.4.3",
     "@loaders.gl/shapefile": "^4.4.3",
-    "acorn": "^8.17.0",
-    "apache-arrow": "^21.1.0",
-    "d3-array": "^3.2.4",
-    "d3-color": "^3.1.0",
-    "d3-interpolate": "^3.0.1",
-    "d3-scale": "^4.0.2",
-    "fzstd": "^0.1.1",
-    "maplibre-gl": "^5.24.0"
-  },
-  "devDependencies": {
     "@playwright/test": "^1.61.1",
     "@types/d3-array": "^3.2.2",
     "@types/d3-color": "^3.1.3",
     "@types/d3-interpolate": "^3.0.4",
     "@types/d3-scale": "^4.0.9",
     "@types/estree": "^1.0.9",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/ws": "^8.18.1",
+    "acorn": "^8.17.0",
+    "apache-arrow": "^21.1.0",
+    "d3-array": "^3.2.4",
+    "d3-color": "^3.1.0",
+    "d3-interpolate": "^3.0.1",
+    "d3-scale": "^4.0.2",
+    "fzstd": "^0.1.1",
     "happy-dom": "^20.10.6",
+    "maplibre-gl": "^5.24.0",
     "playwright": "^1.61.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "typescript": "^5.6.0",
     "vite": "^6.0.0",
     "vite-node": "^6.0.0",

package/skills/onlymapjs/SKILL.md

@@ -19,7 +19,7 @@ Use OnlyMapJS as a declarative HTML map library. Write custom elements such as `
 ```html
 <script type="module">
   import "@nika-js/onlymap";
-  import "onlymapjs/onlymapjs.css";
+  import "@nika-js/onlymap/onlymapjs.css";
 </script>
 ```
 

package/skills/onlymapjs/references/patterns.md

@@ -12,7 +12,7 @@ Use these patterns as starting points. Replace data URLs, layer ids, fields, cen
   <title>OnlyMapJS map</title>
   <script type="module">
     import "@nika-js/onlymap";
-    import "onlymapjs/onlymapjs.css";
+    import "@nika-js/onlymap/onlymapjs.css";
   </script>
   <style>
     html, body { margin: 0; height: 100%; }
@@ -135,7 +135,7 @@ Use `PopupLayer` instead of many `<om-overlay>` elements for labels/badges at sc
 ```html
 <script type="module">
   import { OmMap } from "@nika-js/onlymap";
-  import "onlymapjs/onlymapjs.css";
+  import "@nika-js/onlymap/onlymapjs.css";
 
   OmMap.registerSource("fleet", {
     decode: (m) => m.type === "position"

package/skills/onlymapjs/references/syntax.md

@@ -9,7 +9,7 @@ Vite/npm project:
 ```html
 <script type="module">
   import "@nika-js/onlymap";
-  import "onlymapjs/onlymapjs.css";
+  import "@nika-js/onlymap/onlymapjs.css";
 </script>
 ```