@glissade/scene 0.17.0 → 0.17.1-pre.0

package/dist/path.d.ts

@@ -0,0 +1,23 @@
+import { f as PathSeg } from "./displayList.js";
+import { PathValue } from "@glissade/core";
+
+//#region src/path.d.ts
+
+/**
+ * Minimal SVG `<path d>` tokenizer → `PathSeg[]`, kept inside `scene` so it
+ * never imports `@glissade/svg` (that would invert the enforced dependency
+ * direction, scene ← svg). Handles the common command set: M/m L/l H/h V/v
+ * C/c Q/q Z/z (absolute + relative, implicit-repeat per spec). For the FULL set
+ * (S/T/A smooth-curves + arcs, with reflection), import a `.svg` through
+ * `@glissade/svg`'s `parseSvgPath`; this lean copy covers hand-written `data`
+ * strings. Unknown commands are skipped.
+ */
+declare function parseSvgPathData(d: string): PathSeg[];
+/**
+ * Convenience: an SVG `d` string → `PathValue` (the contour form `Path.data`
+ * wants), via `parseSvgPathData` → `pathFromSegs`. Pass the result to a Path:
+ * `new Path({ data: pathFromSvg('M0 0 …') })`.
+ */
+declare function pathFromSvg(d: string): PathValue;
+//#endregion
+export { parseSvgPathData, pathFromSvg };

package/dist/path.js

@@ -0,0 +1,135 @@
+import { u as pathFromSegs } from "./nodes.js";
+import "@glissade/core";
+//#region src/path.ts
+/**
+* Minimal SVG `<path d>` tokenizer → `PathSeg[]`, kept inside `scene` so it
+* never imports `@glissade/svg` (that would invert the enforced dependency
+* direction, scene ← svg). Handles the common command set: M/m L/l H/h V/v
+* C/c Q/q Z/z (absolute + relative, implicit-repeat per spec). For the FULL set
+* (S/T/A smooth-curves + arcs, with reflection), import a `.svg` through
+* `@glissade/svg`'s `parseSvgPath`; this lean copy covers hand-written `data`
+* strings. Unknown commands are skipped.
+*/
+function parseSvgPathData(d) {
+	const tokens = d.match(/[MmLlHhVvCcQqZz]|-?(?:\d*\.\d+|\d+\.?)(?:[eE][+-]?\d+)?/g) ?? [];
+	const segs = [];
+	let i = 0;
+	let cx = 0;
+	let cy = 0;
+	let sx = 0;
+	let sy = 0;
+	let prevCmd = "";
+	const num = () => Number(tokens[i++]);
+	const isCmd = (t) => !!t && /^[MmLlHhVvCcQqZz]$/.test(t);
+	while (i < tokens.length) {
+		let cmd = tokens[i];
+		if (isCmd(cmd)) i++;
+		else cmd = prevCmd === "M" ? "L" : prevCmd === "m" ? "l" : prevCmd;
+		if (!cmd) break;
+		const rel = cmd === cmd.toLowerCase();
+		switch (cmd.toUpperCase()) {
+			case "M": {
+				const x = num() + (rel ? cx : 0);
+				const y = num() + (rel ? cy : 0);
+				cx = x;
+				cy = y;
+				sx = x;
+				sy = y;
+				segs.push([
+					"M",
+					x,
+					y
+				]);
+				break;
+			}
+			case "L": {
+				const x = num() + (rel ? cx : 0);
+				const y = num() + (rel ? cy : 0);
+				cx = x;
+				cy = y;
+				segs.push([
+					"L",
+					x,
+					y
+				]);
+				break;
+			}
+			case "H": {
+				const x = num() + (rel ? cx : 0);
+				cx = x;
+				segs.push([
+					"L",
+					x,
+					cy
+				]);
+				break;
+			}
+			case "V": {
+				const y = num() + (rel ? cy : 0);
+				cy = y;
+				segs.push([
+					"L",
+					cx,
+					y
+				]);
+				break;
+			}
+			case "C": {
+				const x1 = num() + (rel ? cx : 0);
+				const y1 = num() + (rel ? cy : 0);
+				const x2 = num() + (rel ? cx : 0);
+				const y2 = num() + (rel ? cy : 0);
+				const x = num() + (rel ? cx : 0);
+				const y = num() + (rel ? cy : 0);
+				cx = x;
+				cy = y;
+				segs.push([
+					"C",
+					x1,
+					y1,
+					x2,
+					y2,
+					x,
+					y
+				]);
+				break;
+			}
+			case "Q": {
+				const x1 = num() + (rel ? cx : 0);
+				const y1 = num() + (rel ? cy : 0);
+				const x = num() + (rel ? cx : 0);
+				const y = num() + (rel ? cy : 0);
+				cx = x;
+				cy = y;
+				segs.push([
+					"Q",
+					x1,
+					y1,
+					x,
+					y
+				]);
+				break;
+			}
+			case "Z":
+				segs.push(["Z"]);
+				cx = sx;
+				cy = sy;
+				break;
+			default:
+				i++;
+				break;
+		}
+		prevCmd = cmd;
+	}
+	return segs;
+}
+/**
+* Convenience: an SVG `d` string → `PathValue` (the contour form `Path.data`
+* wants), via `parseSvgPathData` → `pathFromSegs`. Pass the result to a Path:
+* `new Path({ data: pathFromSvg('M0 0 …') })`.
+*/
+function pathFromSvg(d) {
+	return pathFromSegs(parseSvgPathData(d));
+}
+//#endregion
+export { parseSvgPathData, pathFromSvg };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/scene",
-  "version": "0.17.0",
+  "version": "0.17.1-pre.0",
   "description": "glissade scene graph: nodes, transforms, DisplayList emission. Renderer-agnostic; zero DOM/Node dependencies.",
   "license": "Apache-2.0",
   "engines": {
@@ -16,6 +16,10 @@
     "./layout": {
       "types": "./dist/layout.d.ts",
       "default": "./dist/layout.js"
+    },
+    "./path": {
+      "types": "./dist/path.d.ts",
+      "default": "./dist/path.js"
     }
   },
   "files": [
@@ -23,7 +27,7 @@
   ],
   "dependencies": {
     "yoga-layout": "^3.2.1",
-    "@glissade/core": "0.17.0"
+    "@glissade/core": "0.17.1-pre.0"
   },
   "repository": {
     "type": "git",