@nika-js/onlymap 0.3.4 → 0.3.5

package/.vscode/onlymap.code-snippets

@@ -28,6 +28,7 @@
       "                data=\"${4:../data/bikes.json}\"",
       "                label=\"${5:Points}\" color=\"${6:#e63946}\"",
       "                get-position=\"[\\$lon, \\$lat]\"",
+      "                radius=\"${7:6}\" radius-units=\"pixels\"",
       "                pickable></om-layer>",
       "",
       "    <!-- Rich HTML popup — follows the last click via anchor-from=\"selection\" -->",
@@ -110,6 +111,7 @@
       "            data=\"${2:../data/bikes.json}\"",
       "            label=\"${3:Points}\" color=\"${4:#e63946}\"",
       "            get-position=\"[\\$lon, \\$lat]\"",
+      "            radius=\"${5:6}\" radius-units=\"pixels\"",
       "            pickable></om-layer>$0"
     ]
   },

package/dist/{LercDecode.es-D6eXA5jP.js → LercDecode.es-C1xVetIa.js}

@@ -19,7 +19,7 @@ async function v(N = {}) {
   if (n) {
     const { createRequire: I } = await import(
       /*webpackIgnore:true*/
-      "./lerc-vBCRLD5s.js"
+      "./lerc-DWGhMWvo.js"
     ).then((g) => g._);
     var O = I(import.meta.url);
   }

package/dist/{basemap-BRh_zvzt.js → basemap-BkoYlZXu.js}

@@ -1,4 +1,4 @@
-import { C as ny, L as sy, M as oy, m as ay, c as ka, z as oc, a as Sd, G as sm, V as ly, W as cy, b as uy, g as hy, d as Vu, f as Ed, e as dy, l as py, u as fy, D as Qf, h as my } from "./index-BR1HjJoE.js";
+import { C as ny, L as sy, M as oy, m as ay, c as ka, z as oc, a as Sd, G as sm, V as ly, W as cy, b as uy, g as hy, d as Vu, f as Ed, e as dy, l as py, u as fy, D as Qf, h as my } from "./index-i_KAvtQZ.js";
 const Cd = Math.PI / 180, gy = 180 / Math.PI;
 function em(Pe, Q = 0) {
   const ge = Math.min(180, Pe) * Cd;

package/dist/{index-xaNTkA9k.js → index-BJvRiLIi.js}

@@ -1,4 +1,4 @@
-import { ac as _t, ad as Ct } from "./index-BR1HjJoE.js";
+import { ac as _t, ad as Ct } from "./index-i_KAvtQZ.js";
 function Yt(e, r, t = 2, i, o = "xy") {
   const s = r && r.length, l = s ? r[0] * t : e.length;
   let c = Ut(e, 0, l, t, !0, i && i[0], o);

package/dist/{index-B3NQy6CS.js → index-CY7o8j7i.js}

@@ -1,5 +1,5 @@
-import { i as E, j as S, k as R, n as N, o as h, p as w, q as O, s as W, r as x, t as I, v as B, w as _, x as P, y as k, A as $, B as z, E as v, F, H as C, I as U, J as p, K as M } from "./index-BR1HjJoE.js";
-import { N as $e, R as ze, _ as ve, O as Ce, P as Ue, Q as Me, S as je, T as De, U as Je, X as qe, Y as He, Z as Ve, $ as Ge, a0 as Ke, a1 as Qe, a2 as Xe, a3 as Ye, a4 as Ze, a5 as et, a6 as tt, a7 as nt, a8 as rt, a9 as at, aa as st, ab as ot } from "./index-BR1HjJoE.js";
+import { i as E, j as S, k as R, n as N, o as h, p as w, q as O, s as W, r as x, t as I, v as B, w as _, x as P, y as k, A as $, B as z, E as v, F, H as C, I as U, J as p, K as M } from "./index-i_KAvtQZ.js";
+import { N as $e, R as ze, _ as ve, O as Ce, P as Ue, Q as Me, S as je, T as De, U as Je, X as qe, Y as He, Z as Ve, $ as Ge, a0 as Ke, a1 as Qe, a2 as Xe, a3 as Ye, a4 as Ze, a5 as et, a6 as tt, a7 as nt, a8 as rt, a9 as at, aa as st, ab as ot } from "./index-i_KAvtQZ.js";
 import { g as j, i as D } from "./table-accessors-CYWTzpQI.js";
 async function J(t, e, n = {}, r = {}) {
   const a = E(t), s = S.getWorkerFarm(n), { source: o } = n, c = { name: a, source: o };

package/dist/{index-Y_CL37KN.js → index-Ck0N90Ri.js}

@@ -1,4 +1,4 @@
-import { ai as Bt, ak as Xt, al as Yt, am as Us } from "./index-BR1HjJoE.js";
+import { ai as Bt, ak as Xt, al as Yt, am as Us } from "./index-i_KAvtQZ.js";
 import { w as gs, t as Hs, f as Ws, m as Qs } from "./mgrs-BY9bIvp4.js";
 import { c as Xs } from "./convert-arrow-schema-DrAihRf9.js";
 import { y as Ys, A as bt, a as Ks, z as Vs, R as Zs } from "./recordbatch-Bpc0uxFn.js";

package/dist/{index-9_RmnPoW.js → index-DAx8ax6u.js}

@@ -1,4 +1,4 @@
-import { ae as Be, af as le, ag as ce, ah as De, ai as Oe, aj as ke } from "./index-BR1HjJoE.js";
+import { ae as Be, af as le, ag as ce, ah as De, ai as Oe, aj as ke } from "./index-i_KAvtQZ.js";
 import { y as ve, a as he, z as G, R as J, A as ue, C as Fe, F as je, n as xe, S as Ie, E as Ne } from "./recordbatch-Bpc0uxFn.js";
 import { g as V, a as fe, b as Le, c as Ue, d as Me, e as qe, m as Ve } from "./table-accessors-CYWTzpQI.js";
 import { c as $e } from "./convert-arrow-schema-DrAihRf9.js";

package/dist/{index-BR1HjJoE.js → index-i_KAvtQZ.js}

@@ -66287,7 +66287,7 @@ Ho({
 });
 Ho({
   type: "COGLayer",
-  loadClass: () => import("./raster-BwULn87I.js").then((t) => t.r).then((t) => t.OmCOGLayer),
+  loadClass: () => import("./raster-Da1auFQH.js").then((t) => t.r).then((t) => t.OmCOGLayer),
   props: [
     { attr: "src", kind: "scalar", deckProp: "geotiff", type: "string", required: !0 },
     { attr: "min", kind: "scalar", deckProp: "rescaleMin", type: "number" },
@@ -66466,7 +66466,7 @@ class iN {
           `[onlymapjs] basemap="${e}" (Mapbox GL) is not implemented yet in this version — falling back to standalone (no basemap). Use a maplibre-* basemap instead (no token required).`
         );
       else {
-        this.mode = "basemap", this.basemapAttr = e, import("./basemap-BRh_zvzt.js").then(({ MapLibreBasemapAdapter: s }) => {
+        this.mode = "basemap", this.basemapAttr = e, import("./basemap-BkoYlZXu.js").then(({ MapLibreBasemapAdapter: s }) => {
           this.destroyed || i !== this.rendererGeneration || (this.basemap = new s(
             this.parent,
             // this.basemapAttr, not the captured param: a style switch that
@@ -66954,7 +66954,7 @@ const X0e = {
 }, Y0e = {
   match: (t, e) => ["csv", "tsv"].includes(yu(t) ?? "") || /text\/(csv|tab-separated-values)/i.test(e ?? ""),
   parse: async (t) => {
-    const [e, i, r] = await Promise.all([t.text(), import("./index-9_RmnPoW.js"), import("./index-B3NQy6CS.js")]), n = await r.parse(e, i.CSVLoader, { csv: { shape: "object-row-table" } });
+    const [e, i, r] = await Promise.all([t.text(), import("./index-DAx8ax6u.js"), import("./index-CY7o8j7i.js")]), n = await r.parse(e, i.CSVLoader, { csv: { shape: "object-row-table" } });
     return Z0e(n.data) ?? n.data;
   }
 };
@@ -66976,7 +66976,7 @@ const K0e = {
   parse: async (t, e) => {
     t.body?.cancel().catch(() => {
     });
-    const [i, r] = await Promise.all([import("./index-B3NQy6CS.js"), import("./index-Y_CL37KN.js")]), n = t.url || e, s = /* @__PURE__ */ new Map(), o = (b) => {
+    const [i, r] = await Promise.all([import("./index-CY7o8j7i.js"), import("./index-Ck0N90Ri.js")]), n = t.url || e, s = /* @__PURE__ */ new Map(), o = (b) => {
       const v = String(b);
       let C = s.get(v);
       return C || (C = oN(v), s.set(v, C)), C.then((T) => T.clone());
@@ -66989,7 +66989,7 @@ const K0e = {
 }, Q0e = {
   match: (t, e) => yu(t) === "kml" || /application\/vnd\.google-earth\.kml/i.test(e ?? ""),
   parse: async (t) => {
-    const [e, i, r] = await Promise.all([t.text(), import("./index-B3NQy6CS.js"), import("./index-xaNTkA9k.js")]);
+    const [e, i, r] = await Promise.all([t.text(), import("./index-CY7o8j7i.js"), import("./index-BJvRiLIi.js")]);
     return D1(await i.parse(e, r.KMLLoader));
   }
 }, rN = [], q0e = [X0e, Y0e, K0e, Q0e];
@@ -74847,7 +74847,7 @@ function Sl(t, e) {
 }
 Rt("undo", (t, e) => Rh(e)?.undo());
 Rt("redo", (t, e) => Rh(e)?.redo());
-const _4 = "0.3.4", _1e = "https://om-api.nika.eco/v1/t", tu = { endpoint: _1e };
+const _4 = "0.3.5", _1e = "https://om-api.nika.eco/v1/t", tu = { endpoint: _1e };
 function v1e(t) {
   for (const e of Object.keys(t))
     tu[e] = t[e];
@@ -75397,6 +75397,12 @@ function $1e(t) {
     attribute: "filter-range",
     message: `filter-field="${t.getAttribute("filter-field")}" has no filter-range — every row will be filtered out.`,
     fix: 'Add filter-range="[min, max]".'
+  }), n === "ScatterplotLayer" && !t.hasAttribute("radius") && !t.hasAttribute("get-radius") && !t.hasAttribute("radius-min-pixels") && !a.has("getRadius") && e.push({
+    severity: "warning",
+    element: i,
+    attribute: "radius",
+    message: "No radius source — points render at deck's default 1-meter radius, which is invisible at city zooms.",
+    fix: 'Add radius="6" radius-units="pixels" (constant size), get-radius="..." (data-driven), or radius-min-pixels="...".'
   });
   for (const b of Array.from(t.attributes)) {
     const v = s4.get(b.name);
@@ -77169,7 +77175,7 @@ function j_e() {
   }), Ao = null, xy = void 0, Mh.clear());
 }
 async function W_e() {
-  return import("./raster-BwULn87I.js").then((t) => t.r);
+  return import("./raster-Da1auFQH.js").then((t) => t.r);
 }
 const b2e = {
   registerLayer: Ho,

package/dist/{lerc-vBCRLD5s.js → lerc-DWGhMWvo.js}

@@ -1,4 +1,4 @@
-import { C as a, D as s } from "./raster-BwULn87I.js";
+import { C as a, D as s } from "./raster-Da1auFQH.js";
 const D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
@@ -8,7 +8,7 @@ var t;
 })(t || (t = {}));
 let l = !1;
 async function d() {
-  const e = await import("./LercDecode.es-D6eXA5jP.js");
+  const e = await import("./LercDecode.es-C1xVetIa.js");
   return l || (await e.load(), l = !0), e;
 }
 async function i(e, r) {

package/dist/onlymap.standalone.js

@@ -87227,7 +87227,7 @@ function vb(t, e) {
 }
 yn("undo", (t, e) => KB(e)?.undo());
 yn("redo", (t, e) => KB(e)?.redo());
-const Yne = "0.3.4", i$e = "https://om-api.nika.eco/v1/t", vC = { endpoint: i$e };
+const Yne = "0.3.5", i$e = "https://om-api.nika.eco/v1/t", vC = { endpoint: i$e };
 function r$e(t) {
   for (const e of Object.keys(t))
     vC[e] = t[e];
@@ -87777,6 +87777,12 @@ function S$e(t) {
     attribute: "filter-range",
     message: `filter-field="${t.getAttribute("filter-field")}" has no filter-range — every row will be filtered out.`,
     fix: 'Add filter-range="[min, max]".'
+  }), n === "ScatterplotLayer" && !t.hasAttribute("radius") && !t.hasAttribute("get-radius") && !t.hasAttribute("radius-min-pixels") && !o.has("getRadius") && e.push({
+    severity: "warning",
+    element: i,
+    attribute: "radius",
+    message: "No radius source — points render at deck's default 1-meter radius, which is invisible at city zooms.",
+    fix: 'Add radius="6" radius-units="pixels" (constant size), get-radius="..." (data-driven), or radius-min-pixels="...".'
   });
   for (const I of Array.from(t.attributes)) {
     const M = Qne.get(I.name);

package/dist/onlymapjs.js

@@ -1,4 +1,4 @@
-import { ay as e, az as r, aA as o, aB as t, aq as i, aC as n, aD as b, aE as l, aF as c, aG as g, aH as m, aI as p, aJ as L, aK as y, ap as T, aL as S, ax as u, W as d, aM as E, aN as M, aO as A, aP as I, aQ as f, aR as x, aS as C, aT as h, aU as B, aV as D, aW as R, aX as w, aY as v, aZ as F, a_ as G, a$ as N, b0 as O, b1 as W, b2 as _, b3 as z, b4 as H, b5 as J, b6 as k, b7 as P, b8 as V, b9 as Y, ba as j, bb as q, bc as K, bd as Q, be as U, bf as X, bg as Z, bh as $, bi as aa, bj as sa, bk as ea } from "./index-BR1HjJoE.js";
+import { ay as e, az as r, aA as o, aB as t, aq as i, aC as n, aD as b, aE as l, aF as c, aG as g, aH as m, aI as p, aJ as L, aK as y, ap as T, aL as S, ax as u, W as d, aM as E, aN as M, aO as A, aP as I, aQ as f, aR as x, aS as C, aT as h, aU as B, aV as D, aW as R, aX as w, aY as v, aZ as F, a_ as G, a$ as N, b0 as O, b1 as W, b2 as _, b3 as z, b4 as H, b5 as J, b6 as k, b7 as P, b8 as V, b9 as Y, ba as j, bb as q, bc as K, bd as Q, be as U, bf as X, bg as Z, bh as $, bi as aa, bj as sa, bk as ea } from "./index-i_KAvtQZ.js";
 export {
   e as AccessorCache,
   r as BitmapLayer,

package/dist/{raster-BwULn87I.js → raster-Da1auFQH.js}

@@ -1,5 +1,5 @@
 import { w as kt, t as Ni, f as Oi, m as Ri } from "./mgrs-BY9bIvp4.js";
-import { an as Fi, ao as zi, ap as Ks, aq as Ws, ar as Di, b as Bi, as as Ui, l as es, at as ki, d as qi, au as Ki, av as Wi, aw as Xi, ax as Xs } from "./index-BR1HjJoE.js";
+import { an as Fi, ao as zi, ap as Ks, aq as Ws, ar as Di, b as Bi, as as Ui, l as es, at as ki, d as qi, au as Ki, av as Wi, aw as Xi, ax as Xs } from "./index-i_KAvtQZ.js";
 function Hi(t, e, s) {
   const { projectedCorners: i } = e, { topLeft: a, topRight: r, bottomRight: o, bottomLeft: n } = i, h = s(a[0], a[1]), l = s(r[0], r[1]), c = s(o[0], o[1]), u = s(n[0], n[1]), d = [
     h,
@@ -2377,7 +2377,7 @@ it.set(G.Zstd, () => import("./zstd-jXobGRcq.js").then((t) => t.decode));
 it.set(G.Jpeg, () => Promise.resolve(ke));
 it.set(G.Jpeg6, () => Promise.resolve(ke));
 it.set(G.Webp, () => Promise.resolve(ke));
-it.set(G.Lerc, () => import("./lerc-vBCRLD5s.js").then((t) => t.l).then((t) => t.decode));
+it.set(G.Lerc, () => import("./lerc-DWGhMWvo.js").then((t) => t.l).then((t) => t.decode));
 async function qe(t, e, s) {
   const i = it.get(e);
   if (!i)

package/dist/version.d.ts

@@ -5,4 +5,4 @@
  * the build rootDir, and a `define` would need repeating across vite/vitest/
  * vite-node configs.
  */
-export declare const LIBRARY_VERSION = "0.3.4";
+export declare const LIBRARY_VERSION = "0.3.5";

package/llms.txt

@@ -15,6 +15,7 @@ OnlyMapJS is NOT raw deck.gl and NOT generic HTML/JSX. The rules below are the d
 - Always write explicit closing tags: `<om-layer ...></om-layer>`. NEVER self-close (`<om-layer ... />`) — HTML5 ignores the slash on custom elements and every following sibling silently becomes a child.
 - Attributes are kebab-case, not camelCase: `get-fill-color`, `radius-units`, `line-width-min-pixels`. Every hyphenated attribute maps to the camelCase deck.gl prop.
 - Accessors are expressions in attributes, not JS functions: `get-position="[$lon, $lat]"`, `get-radius="$population * 0.001"`. `$field` reads a datum field; the library resolves flat vs. GeoJSON shape for you — never write `d.properties.x`.
+- ScatterplotLayer points need an explicit size: `radius="6" radius-units="pixels"` (constant), `get-radius="..."` (data-driven), or `radius-min-pixels="..."` (floor). Deck's default is getRadius 1 METER — sub-pixel at city zooms, the layer renders nothing visible — and validation warns when no radius source is present.
 - A literal color inside a `get-*` accessor is a string IN the expression — quote it: `get-line-color="'#ffffff'"` or an RGBA array `get-line-color="[255,255,255,200]"`. Bare `get-line-color="#ffffff"` is an expression parse error (plain attributes like `color="#dc2626"` take bare hex, accessors do not).
 - Inline event handlers (`onclick="..."`) are rejected. Use `data-emit` attributes (`<span data-emit="hide-overlay" data-target="popup1">`) or `addEventListener` inside a `<script type="om/widget">` block where `ctx` is in scope.
 - `scale()` requires an explicit `domain=`: `get-fill-color="scale($depth, sequential, ['#ffffcc','#800026'], domain=[0,700])"`. A missing domain is a validation error.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nika-js/onlymap",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Declarative deck.gl maps for HTML and React \u2014 interactive WebGL mapping with GeoJSON/CSV/Arrow data, MapLibre basemaps, widgets, popups, and live streams from a custom-element manifest or typed React components. TypeScript, no build step.",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {

package/skills/onlymapjs/SKILL.md

@@ -23,7 +23,7 @@ Use OnlyMapJS as a declarative HTML map library. Write custom elements such as `
 </script>
 ```
 
-For no-build CDN pages, use the single-file standalone bundle from a raw-file CDN — `https://unpkg.com/@nika-js/onlymap@0.3.4` (the bare package URL serves `dist/onlymap.standalone.js`) — plus `<link rel="stylesheet" href="https://unpkg.com/@nika-js/onlymap@0.3.4/dist/onlymapjs.css">`. Never a rebundling CDN (esm.sh, skypack): re-bundling duplicates the deck.gl/luma.gl runtime and every layer fails shader compilation.
+For no-build CDN pages, use the single-file standalone bundle from a raw-file CDN — `https://unpkg.com/@nika-js/onlymap@0.3.5` (the bare package URL serves `dist/onlymap.standalone.js`) — plus `<link rel="stylesheet" href="https://unpkg.com/@nika-js/onlymap@0.3.5/dist/onlymapjs.css">`. Never a rebundling CDN (esm.sh, skypack): re-bundling duplicates the deck.gl/luma.gl runtime and every layer fails shader compilation.
 
 ## React Projects
 
@@ -51,6 +51,7 @@ Load the smallest reference needed for the task:
 - Attribute names are kebab-case: `get-fill-color`, `radius-units`, `line-width-min-pixels`.
 - Accessor values are expressions: `get-position="[$lon, $lat]"`.
 - `scale()` always needs an explicit `domain=`.
+- ScatterplotLayer points need an explicit size — `radius="6" radius-units="pixels"`, `get-radius="..."`, or `radius-min-pixels="..."`: deck's default is 1 METER, sub-pixel at city zooms, and validation warns on layers with no radius source.
 - Prefer canonical color expressions — a `sequential`/`diverging`/`threshold` `scale()` or an equality ternary chain — over hand-rolled arithmetic: the legend widget parses these shapes and renders a matching gradient ramp / class ranges / category palette automatically.
 - Inline handlers such as `onclick` are wrong. Use `data-emit`, `<om-behavior>`, or widget scripts.
 - Full JavaScript accessor blocks require the `js` attribute on `<om-layer>`.

package/skills/onlymapjs/references/syntax.md

@@ -16,8 +16,8 @@ Vite/npm project:
 Static CDN page (raw-file CDNs only — unpkg/jsDelivr; never esm.sh or another rebundling CDN, which duplicates the WebGL runtime and breaks layer shaders):
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@nika-js/onlymap@0.3.4/dist/onlymapjs.css">
-<script type="module" src="https://unpkg.com/@nika-js/onlymap@0.3.4"></script>
+<link rel="stylesheet" href="https://unpkg.com/@nika-js/onlymap@0.3.5/dist/onlymapjs.css">
+<script type="module" src="https://unpkg.com/@nika-js/onlymap@0.3.5"></script>
 ```
 
 Always include `onlymapjs.css` — it carries the MapLibre basemap styles and the no-JS fallback rules (`<om-fallback>` / default banner). For the fallback to work in script-disabled previews it must load without JavaScript: a real `<link rel="stylesheet">` or inlined `<style>` on no-build pages (a bundler-emitted stylesheet is fine in npm projects).