phoria2 1.0.0-rc.4 → 1.0.0-rc.5

package/README.md

@@ -13,6 +13,22 @@ business apps: charts, labelled scenes, diagrams, dashboards and product viewers
   agents too.
 - **No runtime dependencies.** ES modules, with TypeScript types.
 
+**Using a coding agent?** Point it at [llms-full.txt](https://kevs3d.co.uk/phoria2/llms-full.txt) - the whole API
+in one page ([llms.txt](https://kevs3d.co.uk/phoria2/llms.txt) is the short index). Both ship in the
+package too, at `node_modules/phoria2/llms-full.txt`.
+
+**Claude Code**: install the phoria2 plugin, and Claude reaches for phoria2 when asked for 3D charts,
+diagrams, explainers or dashboards - with the reference to hand and a check that loads the page in
+Chrome and reports what's wrong:
+
+```text
+/plugin marketplace add kevinroast/phoria2
+/plugin install phoria2@phoria2
+```
+
+The skill inside it ([claude-plugin/skills/phoria2](claude-plugin/skills/phoria2)) follows the Agent
+Skills standard, so other agents that read skills can use the folder as it is.
+
 ## Install
 
 ```sh
@@ -35,12 +51,12 @@ own). Pin the version so a new release can't change your page:
 <script type="importmap">
 {
   "imports": {
-    "phoria2": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/phoria2.js",
-    "phoria2/charts": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/charts.js",
-    "phoria2/particles": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/particles.js",
-    "phoria2/gltf": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/gltf.js",
-    "phoria2/motion": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/motion.js",
-    "phoria2/edit": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.4/dist/edit.js"
+    "phoria2": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/phoria2.js",
+    "phoria2/charts": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/charts.js",
+    "phoria2/particles": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/particles.js",
+    "phoria2/gltf": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/gltf.js",
+    "phoria2/motion": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/motion.js",
+    "phoria2/edit": "https://cdn.jsdelivr.net/npm/phoria2@1.0.0-rc.5/dist/edit.js"
   }
 }
 </script>

package/dist/charts.js

@@ -186,7 +186,7 @@ function S({ box: e, axes: t, theme: r, overlap: i }) {
 				overlap: i
 			}));
 		}
-	}, E = (e) => e[1] >= -.08, D = (e) => e >= 0 ? 1 : -1;
+	}, E = (e) => e[1] >= -.08, D = (e) => e >= -.1 ? 1 : -1;
 	return T("x", [-1, 1].flatMap((e) => [0, o].map((t) => ({
 		when: (n) => t === 0 === E(n) && D(n[2]) === e,
 		at: (n, r) => [
@@ -1362,7 +1362,8 @@ function Te(e, t, n, r) {
 		let e = /* @__PURE__ */ new Set();
 		return Object.entries(t).filter(([t, n]) => n.field && t !== "key" && !e.has(n.field) && e.add(n.field)).map(([, e]) => e);
 	}
-	return (Array.isArray(e) ? e : [e]).map((e) => J("tooltip", e, n, r));
+	let i = Array.isArray(e) ? e : [e], a = (e) => typeof e == "string" && Object.entries(t).find(([t, n]) => t !== "key" && n.field === e)?.[1];
+	return i.map((e) => a(e) || J("tooltip", e, n, r));
 }
 // src/charts/style.js
 var Ee = "\n/* ticks are bare text: the padding is breathing room, so the overlap the label layout allows never runs them together */\n:where(.phoria-axis-tick) { padding: 0 4px; color: #8b909c; font: 11px/1.2 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-axis-title) { color: #c8ccd4; font: 600 12px/1.2 system-ui, sans-serif; }\n:where(.phoria-value) { padding: 1px 5px; border-radius: 4px; background: rgba(16, 16, 20, 0.72); color: #eee;\n  font: 11px/1.3 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-light.phoria-axis-tick) { color: #5d6370; }\n:where(.phoria-light.phoria-axis-title) { color: #2b2f37; }\n:where(.phoria-light.phoria-value) { background: rgba(255, 255, 255, 0.85); color: #222; }\n:where(.phoria-legend) { position: absolute; display: flex; flex-direction: column; gap: 3px; padding: 8px 10px;\n  border-radius: 8px; background: rgba(20, 20, 24, 0.78); color: #e6e6e6; font: 12px/1.3 system-ui, sans-serif;\n  pointer-events: auto; max-height: calc(100% - 24px); overflow: auto; }\n:where(.phoria-light.phoria-legend) { background: rgba(255, 255, 255, 0.88); color: #222; }\n:where(.phoria-legend-top-right) { top: 12px; right: 12px; }\n:where(.phoria-legend-top-left) { top: 12px; left: 12px; }\n:where(.phoria-legend-bottom-right) { bottom: 12px; right: 12px; }\n:where(.phoria-legend-bottom-left) { bottom: 12px; left: 12px; }\n:where(.phoria-legend-title) { opacity: 0.7; font-size: 11px; margin-bottom: 2px; }\n:where(.phoria-legend-item) { display: flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;\n  color: inherit; font: inherit; text-align: left; cursor: pointer; }\n:where(.phoria-legend-item.off) { opacity: 0.35; }\n:where(.phoria-legend-swatch) { width: 10px; height: 10px; border-radius: 2px; flex: none; }\n:where(.phoria-legend-ramp) { width: 120px; height: 8px; border-radius: 2px; }\n:where(.phoria-legend-scale) { display: flex; justify-content: space-between; opacity: 0.7; font-size: 11px; }\n";