@weasel-js/core 1.9.3 → 1.10.0

package/dist/canvas/SceneCanvas/ToolKeybindingsMounter.js

@@ -0,0 +1,16 @@
+import { useKeybindings as e } from "../../tools/useKeybindings.js";
+import { useContributionRoles as t } from "./useContributionRoles.js";
+//#region src/canvas/SceneCanvas/ToolKeybindingsMounter.tsx
+function n({ internalTools: n, toolsTakeover: r, enableKeybindings: i, modes: a, canvasApi: o, versionCheck: s }) {
+	return e(n, {
+		disable: !!r || !i,
+		modes: a
+	}), e(r ?? n, {
+		disable: !r || !i,
+		modes: a
+	}), t(r ?? n, o, s), null;
+}
+//#endregion
+export { n as ToolKeybindingsMounter };
+
+//# sourceMappingURL=ToolKeybindingsMounter.js.map

package/dist/canvas/SceneCanvas/ToolKeybindingsMounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolKeybindingsMounter.js","names":["ToolKeybindingsMounter","useKeybindings","internalTools","toolsTakeover","enableKeybindings","useContributionRoles","canvasApi","versionCheck"],"sources":["../../../src/canvas/SceneCanvas/ToolKeybindingsMounter.tsx"],"sourcesContent":["import type { ModeRegistry } from '@weasel-js/modes';\nimport { useKeybindings } from 'tools/useKeybindings';\nimport type { ToolsApi } from '../../tools/overlayBinding';\nimport type { CanvasExtensionApi } from '../canvasExtension';\nimport { useContributionRoles, type VersionCheck } from './useContributionRoles';\n\n/**\n * Mounts `useKeybindings`, whose `tool.activate` / `tool.offhand` /\n * `tool.resetToDefault` registrations land in this canvas's scope.\n *\n * Two calls: the hook snapshots the initial active tool for\n * Escape-returns-to-default, so the internal and consumer-supplied `ToolsApi`\n * each need their own instance and the hook count has to stay stable across\n * the takeover branch.\n */\nexport function ToolKeybindingsMounter({\n  internalTools,\n  toolsTakeover,\n  enableKeybindings,\n  modes,\n  canvasApi,\n  versionCheck,\n}: {\n  internalTools: ToolsApi;\n  toolsTakeover?: ToolsApi;\n  enableKeybindings: boolean;\n  modes?: ModeRegistry;\n  canvasApi: CanvasExtensionApi | null;\n  versionCheck?: VersionCheck;\n}) {\n  useKeybindings(internalTools, {\n    disable: !!toolsTakeover || !enableKeybindings,\n    modes,\n  });\n  useKeybindings(toolsTakeover ?? internalTools, {\n    disable: !toolsTakeover || !enableKeybindings,\n    modes,\n  });\n  // Entry-owned roles live here and not in the tool hooks because the hooks\n  // run above the provider. Not gated on `enableKeybindings` — these back\n  // wheel and pointer bindings too, not just keys.\n  useContributionRoles(toolsTakeover ?? internalTools, canvasApi, versionCheck);\n  return null;\n}\n"],"mappings":";;;AAeA,SAAgBA,EAAuB,EACrC,kBACA,kBACA,sBACA,UACA,cACA,mBAQC;CAaD,OAZAC,EAAeC,GAAe;EAC5B,SAAS,CAAC,CAACC,KAAiB,CAACC;EAC7B;CACF,CAAC,GACDH,EAAeE,KAAiBD,GAAe;EAC7C,SAAS,CAACC,KAAiB,CAACC;EAC5B;CACF,CAAC,GAIDC,EAAqBF,KAAiBD,GAAeI,GAAWC,CAAY,GACrE;AACT"}

package/dist/canvas/SceneCanvas/coordTrace.js

@@ -0,0 +1,46 @@
+import { IS_DEV as e } from "./isDev.js";
+//#region src/canvas/SceneCanvas/coordTrace.ts
+var t = 200, n = [], r = e;
+r && typeof window < "u" && (window.__weaselCoordLog__ = n);
+function i(e) {
+	r && (n.push(e), n.length > t && n.shift());
+}
+function a(e, t, n, a, o) {
+	if (!r) return;
+	if (!n || !a) {
+		i({
+			ts: Date.now(),
+			clientX: e,
+			clientY: t,
+			rect: null,
+			view: null,
+			world: o,
+			fallback: !0
+		});
+		return;
+	}
+	let s = n.getBoundingClientRect();
+	i({
+		ts: Date.now(),
+		clientX: e,
+		clientY: t,
+		rect: {
+			left: s.left,
+			top: s.top,
+			width: s.width,
+			height: s.height
+		},
+		view: {
+			x: a.x,
+			y: a.y,
+			scaleX: a.scale.x,
+			scaleY: a.scale.y
+		},
+		world: o,
+		fallback: !1
+	});
+}
+//#endregion
+export { r as COORD_DEV, t as COORD_TRACE_LIMIT, n as coordTrace, a as traceConversion };
+
+//# sourceMappingURL=coordTrace.js.map

package/dist/canvas/SceneCanvas/coordTrace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordTrace.js","names":["COORD_TRACE_LIMIT","coordTrace","COORD_DEV","IS_DEV","recordCoordTrace","entry","traceConversion","canvas","view","rect"],"sources":["../../../src/canvas/SceneCanvas/coordTrace.ts"],"sourcesContent":["import type { View } from 'core/viewport/view';\nimport { IS_DEV } from './isDev';\n\n// ---------------------------------------------------------------------------\n// Dev-only coord trace\n// ---------------------------------------------------------------------------\n\n/** Records every `clientToWorld` call so dev tools (and agents) can\n *  reconcile cursor coords with computed world coords. Mirrors the\n *  dispatcher's trace log. Exposed on `window.__weaselCoordLog__`. */\nexport interface CoordTraceEntry {\n  ts: number;\n  clientX: number;\n  clientY: number;\n  rect: { left: number; top: number; width: number; height: number } | null;\n  view: { x: number; y: number; scaleX: number; scaleY: number } | null;\n  world: { x: number; y: number };\n  /** True when canvas/view weren't available and we returned identity. */\n  fallback: boolean;\n}\n\nexport const COORD_TRACE_LIMIT = 200;\n\nexport const coordTrace: CoordTraceEntry[] = [];\n\nexport const COORD_DEV: boolean = IS_DEV;\n\nif (COORD_DEV && typeof window !== 'undefined') {\n  (window as unknown as { __weaselCoordLog__: CoordTraceEntry[] }).__weaselCoordLog__ = coordTrace;\n}\n\nfunction recordCoordTrace(entry: CoordTraceEntry): void {\n  if (!COORD_DEV) return;\n  coordTrace.push(entry);\n  if (coordTrace.length > COORD_TRACE_LIMIT) coordTrace.shift();\n}\n\n/** Record one conversion against the rect and view it was made under. A null\n *  `canvas` or a missing `view` records the identity fallback. */\nexport function traceConversion(\n  clientX: number,\n  clientY: number,\n  canvas: HTMLElement | null,\n  view: View | null | undefined,\n  world: { x: number; y: number },\n): void {\n  if (!COORD_DEV) return;\n  if (!canvas || !view) {\n    recordCoordTrace({ ts: Date.now(), clientX, clientY, rect: null, view: null, world, fallback: true });\n    return;\n  }\n  const rect = canvas.getBoundingClientRect();\n  recordCoordTrace({\n    ts: Date.now(), clientX, clientY,\n    rect: { left: rect.left, top: rect.top, width: rect.width, height: rect.height },\n    view: { x: view.x, y: view.y, scaleX: view.scale.x, scaleY: view.scale.y },\n    world, fallback: false,\n  });\n}\n"],"mappings":";;AAqBA,IAAaA,IAAoB,KAEpBC,IAAgC,CAAC,GAEjCC,IAAqBC;AAE9BD,KAAa,OAAO,SAAW,QACjC,OAAiE,qBAAqBD;AAGxF,SAASG,EAAiB,GAA8B;CACtD,AAAKF,MACLD,EAAW,KAAKI,CAAK,GACjBJ,EAAW,SAASD,KAAmBC,EAAW,MAAM;AAC9D;AAIA,SAAgBK,EACd,GACA,GACA,GACA,GACA,GACM;CACN,IAAI,CAACJ,GAAW;CAChB,IAAI,CAACK,KAAU,CAACC,GAAM;EACpB,EAAiB;GAAE,IAAI,KAAK,IAAI;GAAG;GAAS;GAAS,MAAM;GAAM,MAAM;GAAM;GAAO,UAAU;EAAK,CAAC;EACpG;CACF;CACA,IAAMC,IAAOF,EAAO,sBAAsB;CAC1C,EAAiB;EACf,IAAI,KAAK,IAAI;EAAG;EAAS;EACzB,MAAM;GAAE,MAAME,EAAK;GAAM,KAAKA,EAAK;GAAK,OAAOA,EAAK;GAAO,QAAQA,EAAK;EAAO;EAC/E,MAAM;GAAE,GAAGD,EAAK;GAAG,GAAGA,EAAK;GAAG,QAAQA,EAAK,MAAM;GAAG,QAAQA,EAAK,MAAM;EAAE;EACzE;EAAO,UAAU;CACnB,CAAC;AACH"}

package/dist/canvas/SceneCanvas/defaultNodeProperties.js

@@ -1,49 +1,89 @@
-import { listMarkers as e } from "../../core/strokeMarkers.js";
-import { KIT_SHAPE_KINDS as t } from "../../core/shapeKinds.js";
-import { prefUnit as n } from "../../tools/prefs.js";
-import { inferredNodeRouting as r } from "./defaultNodeRouting.js";
-import { dashForStrokeStyle as i, strokeDashStyleOf as a } from "@weasel-js/paint";
+import { KIT_SHAPE_KINDS as e } from "../../core/shapeKinds.js";
+import { inferredNodeRouting as t } from "./defaultNodeRouting.js";
+import { dashForStrokeStyle as n, strokeDashStyleOf as r } from "@weasel-js/paint";
+import { listMarkers as i, markerGeneration as a } from "@weasel-js/stroke";
 import { resolveAlign as o } from "@weasel-js/text";
 import { ANGLE_RADIANS as s } from "@weasel-js/quantity";
+import { prefUnit as c } from "@weasel-js/prefs";
 //#region src/canvas/SceneCanvas/defaultNodeProperties.ts
-var c = n(s, "deg", {
+var l = c(s, "deg", {
 	precision: 1,
 	suffix: "°"
 });
-function l(e) {
+function u(e) {
 	let t = e?.width;
 	if (typeof t == "number" || typeof t == "object" && t && typeof t.px == "number") return t;
 }
-var u = {
-	read: (e, t) => t === void 0 ? void 0 : a(Array.isArray(e) ? e : void 0, l(t)),
-	write: (e, t) => e === "dashed" || e === "dotted" ? i(e, l(t)) : e === "solid" ? void 0 : t?.dash
-}, d = {
+var d = {
+	read: (e, t) => t === void 0 ? void 0 : r(Array.isArray(e) ? e : void 0, u(t)),
+	write: (e, t) => e === "dashed" || e === "dotted" ? n(e, u(t)) : e === "solid" ? void 0 : t?.dash
+}, f = {
 	read: (e) => typeof e == "string" ? e : e && typeof e == "object" && "key" in e ? String(e.key) : "",
 	write: (e) => e === "" ? void 0 : e
-}, f = {
+}, p = {
 	read: (e) => e === "italic",
 	write: (e) => e ? "italic" : void 0
-}, p = {
+}, m = {
 	read: (e, t) => {
 		if (e === void 0 || e === "justify") return e;
 		let n = t?.direction === "rtl" ? "rtl" : "ltr";
 		return o(e, n);
 	},
 	write: (e) => e
-}, m = () => [{
-	value: "",
-	label: "None"
-}, ...e().map((e) => ({
-	value: e.id,
-	label: e.id
-}))];
-function h(e = {}) {
+}, h;
+function g() {
+	let e = a();
+	return h?.generation !== e && (h = {
+		generation: e,
+		options: [{
+			value: "",
+			label: "None"
+		}, ...i().map((e) => ({
+			value: e.id,
+			label: e.id
+		}))]
+	}), h.options;
+}
+function _(e) {
+	return {
+		kind: "enum",
+		default: "",
+		control: "select",
+		encoding: f,
+		...e,
+		get options() {
+			return g();
+		}
+	};
+}
+var v = {
+	kind: "object",
+	name: "Fill",
+	description: "Fill paint.",
+	default: { paint: {
+		kind: "solid",
+		color: "#000000ff"
+	} },
+	block: !0,
+	children: { paint: {
+		kind: "paint",
+		name: "Fill",
+		description: "Fill paint.",
+		default: {
+			kind: "solid",
+			color: "#000000ff"
+		},
+		alpha: !0,
+		block: !0
+	} }
+};
+function y(e = {}) {
 	return {
 		name: "Properties",
-		children: {
+		members: {
 			layout: {
 				name: "Layout",
-				children: {
+				members: {
 					"pose.x": {
 						kind: "number",
 						name: "X",
@@ -84,41 +124,33 @@ function h(e = {}) {
 						description: "Rotation about the box center.",
 						default: 0,
 						step: 1,
-						unit: c
+						unit: l,
+						absentIsDefault: !0
 					}
 				}
 			},
 			...e.text ? { content: {
 				name: "Content",
-				children: { "data.text": {
+				members: { "data.text": {
 					kind: "string",
 					name: "Text",
 					description: "Text content.",
+					absentIsDefault: !0,
 					default: "",
 					block: !0
 				} }
 			} } : {},
 			appearance: {
 				name: "",
-				children: {
-					"data.fill": {
-						kind: "paint",
-						name: "Fill",
-						description: "Fill paint.",
-						default: {
-							fill: "solid",
-							color: "#000000ff"
-						},
-						alpha: !0,
-						block: !0
-					},
+				members: {
+					"data.fill": v,
 					"data.stroke": {
 						kind: "object",
 						name: "Stroke",
 						description: "Stroke paint and line geometry.",
 						default: {
 							paint: {
-								fill: "solid",
+								kind: "solid",
 								color: "#000000ff"
 							},
 							width: 1
@@ -129,6 +161,7 @@ function h(e = {}) {
 								kind: "number",
 								name: "Width",
 								description: "Stroke width, world units.",
+								absentIsDefault: !0,
 								default: 1,
 								min: 0,
 								max: 20,
@@ -142,7 +175,7 @@ function h(e = {}) {
 								name: "Paint",
 								description: "Stroke paint.",
 								default: {
-									fill: "solid",
+									kind: "solid",
 									color: "#000000ff"
 								},
 								alpha: !0,
@@ -152,6 +185,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Cap",
 								description: "How an open end is drawn.",
+								absentIsDefault: !0,
 								default: "butt",
 								control: "toggle",
 								block: !0,
@@ -181,6 +215,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Join",
 								description: "How a corner is drawn.",
+								absentIsDefault: !0,
 								default: "miter",
 								control: "toggle",
 								block: !0,
@@ -206,6 +241,7 @@ function h(e = {}) {
 								kind: "enum",
 								name: "Align",
 								description: "Where the ribbon sits relative to the edge.",
+								absentIsDefault: !0,
 								default: "center",
 								control: "toggle",
 								block: !0,
@@ -234,7 +270,7 @@ function h(e = {}) {
 								default: "solid",
 								control: "toggle",
 								block: !0,
-								encoding: u,
+								encoding: d,
 								options: [
 									{
 										value: "solid",
@@ -259,67 +295,55 @@ function h(e = {}) {
 									}
 								]
 							},
-							markerStart: {
-								kind: "enum",
+							markerStart: _({
 								name: "Start",
 								description: "Marker at the first vertex of each open subpath.",
-								default: "",
-								control: "select",
 								block: !0,
 								pair: {
 									with: ["data.stroke.markerMid", "data.stroke.markerEnd"],
 									label: "Markers"
-								},
-								encoding: d,
-								options: m()
-							},
-							markerMid: {
-								kind: "enum",
+								}
+							}),
+							markerMid: _({
 								name: "Mid",
 								description: "Marker at every interior authored vertex.",
-								default: "",
-								control: "select",
-								block: !0,
-								encoding: d,
-								options: m()
-							},
-							markerEnd: {
-								kind: "enum",
+								block: !0
+							}),
+							markerEnd: _({
 								name: "End",
 								description: "Marker at the last vertex of each open subpath.",
-								default: "",
-								control: "select",
-								block: !0,
-								encoding: d,
-								options: m()
-							}
+								block: !0
+							})
 						}
 					}
 				}
 			},
 			...e.text ? { text: {
 				name: "",
-				children: {
+				members: {
 					"data.style": {
 						kind: "object",
 						name: "Style",
 						description: "Typography for the whole node. Its color is the node's own `data.fill`, in Appearance.",
 						default: {},
+						absentIsDefault: !0,
 						block: !0,
 						children: {
 							character: {
 								name: "Character",
-								children: {
+								members: {
 									fontFamily: {
 										kind: "font-family",
 										name: "Font",
 										description: "Registered font family.",
+										absentIsDefault: !0,
 										default: "sans-serif"
 									},
 									fontSize: {
 										kind: "number",
 										name: "Size",
 										description: "Font size, world units.",
+										absentIsDefault: !0,
 										default: 16,
 										min: 1,
 										step: 1,
@@ -332,6 +356,7 @@ function h(e = {}) {
 										kind: "font-weight",
 										name: "Weight",
 										description: "Font weight, from the faces the family has.",
+										absentIsDefault: !0,
 										default: 400
 									},
 									fontStyle: {
@@ -351,12 +376,13 @@ function h(e = {}) {
 											],
 											label: "Style"
 										},
-										encoding: f
+										encoding: p
 									},
 									underline: {
 										kind: "boolean",
 										name: "Underline",
 										description: "Underline the text.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "underline",
@@ -366,6 +392,7 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Strikethrough",
 										description: "Strike through the text.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "strikethrough",
@@ -375,6 +402,7 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Overline",
 										description: "Rule the text above its ascent.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "toggle",
 										icon: "overline",
@@ -401,6 +429,7 @@ function h(e = {}) {
 										kind: "number",
 										name: "Tracking",
 										description: "Extra advance per glyph, world units.",
+										absentIsDefault: !0,
 										default: 0,
 										step: .1
 									},
@@ -408,6 +437,7 @@ function h(e = {}) {
 										kind: "enum",
 										name: "Case",
 										description: "Draw the text in capitals, lowercase or title case. The text itself is unchanged.",
+										absentIsDefault: !0,
 										default: "none",
 										control: "toggle",
 										options: [
@@ -437,6 +467,7 @@ function h(e = {}) {
 										kind: "enum",
 										name: "Small caps",
 										description: "Draw lowercase letters as smaller capitals. The text itself is unchanged.",
+										absentIsDefault: !0,
 										default: "normal",
 										control: "toggle",
 										options: [{
@@ -453,11 +484,12 @@ function h(e = {}) {
 							},
 							paragraph: {
 								name: "Paragraph",
-								children: {
+								members: {
 									lineHeight: {
 										kind: "number",
 										name: "Leading",
 										description: "Line height as a multiple of font size.",
+										absentIsDefault: !0,
 										default: 1.2,
 										min: .5,
 										step: .1
@@ -466,32 +498,52 @@ function h(e = {}) {
 										kind: "boolean",
 										name: "Wrap",
 										description: "Break lines between words at the box width.",
+										absentIsDefault: !0,
 										default: !1,
 										control: "switch"
 									},
+									tabSize: {
+										kind: "number",
+										name: "Tab size",
+										description: "Distance between tab stops, in spaces.",
+										absentIsDefault: !0,
+										default: 8,
+										min: 1,
+										step: 1
+									},
 									direction: {
 										kind: "enum",
 										name: "Direction",
-										description: "Reading direction.",
-										default: "ltr",
+										description: "Reading direction. Auto takes each paragraph's from its first strong character.",
+										absentIsDefault: !0,
+										default: "auto",
 										control: "toggle",
-										options: [{
-											value: "ltr",
-											label: "Left to right",
-											short: ["LTR"]
-										}, {
-											value: "rtl",
-											label: "Right to left",
-											short: ["RTL"]
-										}]
+										options: [
+											{
+												value: "auto",
+												label: "Auto",
+												short: ["Auto"]
+											},
+											{
+												value: "ltr",
+												label: "Left to right",
+												short: ["LTR"]
+											},
+											{
+												value: "rtl",
+												label: "Right to left",
+												short: ["RTL"]
+											}
+										]
 									},
 									align: {
 										kind: "enum",
 										name: "Align",
 										description: "Horizontal alignment.",
+										absentIsDefault: !0,
 										default: "left",
 										control: "toggle",
-										encoding: p,
+										encoding: m,
 										options: [
 											{
 												value: "left",
@@ -523,6 +575,7 @@ function h(e = {}) {
 						kind: "enum",
 						name: "Vertical",
 						description: "Where the lines sit in the box's height.",
+						absentIsDefault: !0,
 						default: "top",
 						control: "toggle",
 						options: [
@@ -548,14 +601,14 @@ function h(e = {}) {
 		}
 	};
 }
-var g = t.map((e) => ({
+var b = e.map((e) => ({
 	name: e,
-	schema: h({ text: e === "text" })
-})), _ = r.map((e) => ({
+	schema: y({ text: e === "text" })
+})), x = t.map((e) => ({
 	name: e.name,
-	schema: h({ text: e.name === "text" })
+	schema: y({ text: e.name === "text" })
 }));
 //#endregion
-export { g as defaultNodeProperties, _ as inferredNodeProperties, c as rotationDegreesUnit };
+export { b as defaultNodeProperties, x as inferredNodeProperties, l as rotationDegreesUnit };
 
 //# sourceMappingURL=defaultNodeProperties.js.map