@nika-js/onlymap 0.1.1 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nika-js/onlymap",
-  "version": "0.1.1",
+  "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,24 +45,42 @@
       "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",
     "./package.json": "./package.json"
   },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "files": [
     ".vscode/onlymap.code-snippets",
     "bin/onlymapjs.mjs",
     "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",
@@ -91,6 +109,8 @@
     "@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",
@@ -102,6 +122,8 @@
     "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>
 ```