@grida/svg-editor 1.0.0-alpha.18 → 1.0.0-alpha.20

package/dist/dom.d.mts

@@ -1,3 +1,3 @@
-import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-KqpIW1qm.mjs";
-import { a as inverse_project_rect, c as DEFAULT_SNAP_OPTIONS, i as install_font_load_geometry_bump, l as SnapOptions, n as DomSurfaceOptions, o as project_delta_inverse_ctm, r as attach_dom_surface, s as project_point_through_ctm, t as DomSurfaceHandle } from "./dom-TctdgRnn.mjs";
-export { type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };
+import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-CcW4BVth.mjs";
+import { a as install_font_load_geometry_bump, c as project_point_through_ctm, i as attach_dom_surface, l as DEFAULT_SNAP_OPTIONS, n as DomSurfaceHandle, o as inverse_project_rect, r as DomSurfaceOptions, s as project_delta_inverse_ctm, t as AttentionScope, u as SnapOptions } from "./dom-Dw2SPHgc.mjs";
+export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/dom.d.ts

@@ -1,3 +1,3 @@
-import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-BSxTUsW_.js";
-import { a as inverse_project_rect, c as DEFAULT_SNAP_OPTIONS, i as install_font_load_geometry_bump, l as SnapOptions, n as DomSurfaceOptions, o as project_delta_inverse_ctm, r as attach_dom_surface, s as project_point_through_ctm, t as DomSurfaceHandle } from "./dom-BMzX1CXZ.js";
-export { type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };
+import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-CxqRhhzP.js";
+import { a as install_font_load_geometry_bump, c as project_point_through_ctm, i as attach_dom_surface, l as DEFAULT_SNAP_OPTIONS, n as DomSurfaceHandle, o as inverse_project_rect, r as DomSurfaceOptions, s as project_delta_inverse_ctm, t as AttentionScope, u as SnapOptions } from "./dom-CQkWJNrK.js";
+export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/dom.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-DKQ4Vt3z.js");
+const require_dom = require("./dom-CfYDV311.js");
 exports.Camera = require_dom.Camera;
 exports.DEFAULT_SNAP_OPTIONS = require_dom.DEFAULT_SNAP_OPTIONS;
 exports.Gestures = require_dom.Gestures;

package/dist/dom.mjs

@@ -1,2 +1,2 @@
-import { a as project_point_through_ctm, c as MemoizedGeometryProvider, i as project_delta_inverse_ctm, l as Camera, n as install_font_load_geometry_bump, o as Gestures, r as inverse_project_rect, s as DEFAULT_SNAP_OPTIONS, t as attach_dom_surface } from "./dom-OP-kmK8k.mjs";
+import { a as project_point_through_ctm, c as MemoizedGeometryProvider, i as project_delta_inverse_ctm, l as Camera, n as install_font_load_geometry_bump, o as Gestures, r as inverse_project_rect, s as DEFAULT_SNAP_OPTIONS, t as attach_dom_surface } from "./dom-Dub-TMoN.mjs";
 export { Camera, DEFAULT_SNAP_OPTIONS, Gestures, MemoizedGeometryProvider, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/{editor-Be6UrMeV.js → editor-4U9LAZ6r.js}

@@ -1,4 +1,4 @@
-const require_model = require("./model-BLhMJZKJ.js");
+const require_model = require("./model-CzL6_zId.js");
 let _grida_history = require("@grida/history");
 let _grida_keybinding = require("@grida/keybinding");
 let _grida_cmath = require("@grida/cmath");
@@ -38,164 +38,6 @@ var CommandRegistry = class {
 	}
 };
 //#endregion
-//#region src/commands/defaults.ts
-/** Command id for `tool.set`. Bound to V/R/O/L in `keymap/defaults.ts`. */
-const TOOL_SET = "tool.set";
-/**
-* The headless default `transform.nudge` handler. Exported so a host
-* surface that overrides nudge (e.g. for faux-snap UX) can restore the
-* default on teardown — the registry doesn't stack handlers, so a plain
-* unregister leaves the slot empty.
-*/
-function default_nudge_handler(editor) {
-	return (args) => {
-		if (editor.state.selection.length === 0) return false;
-		const { dx, dy } = args;
-		editor.commands.nudge({
-			dx,
-			dy
-		});
-		return true;
-	};
-}
-function registerDefaultCommands(reg, editor) {
-	reg.register("history.undo", () => {
-		if (!editor.state.can_undo) return false;
-		editor.commands.undo();
-		return true;
-	});
-	reg.register("history.redo", () => {
-		if (!editor.state.can_redo) return false;
-		editor.commands.redo();
-		return true;
-	});
-	reg.register("selection.deselect", () => {
-		if (editor.state.selection.length === 0) return false;
-		editor.commands.deselect();
-		return true;
-	});
-	reg.register("selection.remove", () => {
-		if (editor.state.selection.length === 0) return false;
-		editor.commands.remove();
-		return true;
-	});
-	reg.register("selection.group", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		return editor.commands.group();
-	});
-	reg.register("selection.duplicate", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		return editor.commands.duplicate().length > 0;
-	});
-	reg.register("selection.ungroup", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length !== 1) return false;
-		return editor.commands.ungroup();
-	});
-	reg.register("selection.resize_to", (args) => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		const target = args;
-		return editor.commands.resize_to(target);
-	});
-	reg.register("selection.nudge_resize", (args) => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		const { dw, dh } = args;
-		return editor.commands.resize_by({
-			dw,
-			dh
-		});
-	});
-	reg.register("selection.rotate", (args) => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		const a = args;
-		return editor.commands.rotate(a.angle, { pivot: a.pivot });
-	});
-	reg.register("selection.rotate_to", (args) => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		const a = args;
-		return editor.commands.rotate_to(a.angle, { pivot: a.pivot });
-	});
-	reg.register("selection.flatten_transform", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		return editor.commands.flatten_transform();
-	});
-	reg.register("selection.all", () => {
-		if (editor.state.mode !== "select") return false;
-		return editor.commands.select_all();
-	});
-	reg.register("selection.sibling", (args) => {
-		if (editor.state.mode !== "select") return false;
-		return editor.commands.select_sibling(args);
-	});
-	reg.register("selection.align", (args) => {
-		if (editor.state.mode !== "select") return false;
-		return editor.commands.align(args);
-	});
-	reg.register("clipboard.copy", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		return editor.commands.copy() !== null;
-	});
-	reg.register("clipboard.cut", () => {
-		if (editor.state.mode !== "select") return false;
-		if (editor.state.selection.length === 0) return false;
-		return editor.commands.cut() !== null;
-	});
-	reg.register("clipboard.paste", (args) => {
-		if (editor.state.mode !== "select") return false;
-		const text = args?.text;
-		if (typeof text === "string") return editor.commands.paste(text).length > 0;
-		const provider = editor.providers.clipboard;
-		if (provider) {
-			provider.read().then((text) => {
-				if (text) editor.commands.paste(text);
-			}).catch((err) => {
-				console.warn("[svg-editor] clipboard provider read failed:", err);
-			});
-			return true;
-		}
-		return editor.commands.paste().length > 0;
-	});
-	reg.register("content.enter", () => editor.enter_content_edit());
-	reg.register("hierarchy.enter", () => {
-		if (editor.state.selection.length !== 1) return false;
-		const id = editor.state.selection[0];
-		const node = editor.tree().nodes.get(id);
-		if (!node || node.children.length === 0) return false;
-		editor.commands.select(node.children[0]);
-		return true;
-	});
-	reg.register("hierarchy.exit", () => {
-		if (editor.state.selection.length !== 1) return false;
-		const id = editor.state.selection[0];
-		const tree = editor.tree();
-		const node = tree.nodes.get(id);
-		if (!node || node.parent === null || node.parent === tree.root) return false;
-		editor.commands.select(node.parent);
-		return true;
-	});
-	reg.register("transform.nudge", default_nudge_handler(editor));
-	reg.register("reorder", (args) => {
-		if (editor.state.selection.length !== 1) return false;
-		editor.commands.reorder(args);
-		return true;
-	});
-	reg.register(TOOL_SET, (args) => {
-		const next = args;
-		const required_mode = next.type === "lasso" || next.type === "bend" ? "edit-content" : next.type === "insert" || next.type === "insert-text" ? "select" : null;
-		if (required_mode !== null && editor.state.mode !== required_mode) return false;
-		editor.set_tool(next);
-		return true;
-	});
-}
-//#endregion
 //#region src/keymap/keymap.ts
 /**
 * Keymap — bindings of declarative `Keybinding`s (from `@grida/keybinding`)
@@ -578,12 +420,12 @@ const DEFAULT_BINDINGS = [
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyV),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: { type: "cursor" }
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyR),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: {
 			type: "insert",
 			tag: "rect"
@@ -591,7 +433,7 @@ const DEFAULT_BINDINGS = [
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyO),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: {
 			type: "insert",
 			tag: "ellipse"
@@ -599,7 +441,7 @@ const DEFAULT_BINDINGS = [
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyL),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: {
 			type: "insert",
 			tag: "line"
@@ -607,12 +449,12 @@ const DEFAULT_BINDINGS = [
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyT),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: { type: "insert-text" }
 	},
 	{
 		keybinding: (0, _grida_keybinding.kb)(_grida_keybinding.KeyCode.KeyQ),
-		command: TOOL_SET,
+		command: require_model.TOOL_SET,
 		args: { type: "lasso" }
 	},
 	{
@@ -1526,8 +1368,28 @@ function _create_svg_editor_internal(opts) {
 		if (properties.choose_write_carrier(doc, id, name) === "inline_style") doc.set_style(id, name, value);
 		else doc.set_attr(id, name, value);
 	}
+	/** Open `preview_property` sessions, keyed by property name. A discrete
+	*  write to the same name supersedes the in-flight gesture: the session
+	*  is silently discarded so a later host-side `commit()` cannot replay
+	*  the stale previewed value over the discrete write. The stored
+	*  function reverts the previewed value and unregisters itself. */
+	const open_property_previews = /* @__PURE__ */ new Map();
+	function supersede_property_preview(name) {
+		open_property_previews.get(name)?.();
+	}
+	/** End EVERY open preview session. Called by operations that detach
+	*  nodes (remove / cut, ungroup) or replace the document (load,
+	*  reset): the sessions' deltas target nodes that are about to die,
+	*  so a later close-time `commit()` would push a dead history step.
+	*  Must run BEFORE the destructive mutation — each discard reverts
+	*  its in-flight delta against the still-intact document. (Live
+	*  iteration is safe: each discard deletes only its own map entry.) */
+	function discard_open_property_previews() {
+		for (const discard of open_property_previews.values()) discard();
+	}
 	function set_property(name, value) {
 		if (selection.length === 0) return;
+		supersede_property_preview(name);
 		const before = [];
 		for (const id of selection) before.push({
 			id,
@@ -1557,19 +1419,34 @@ function _create_svg_editor_internal(opts) {
 		});
 	}
 	function preview_property(name) {
+		supersede_property_preview(name);
+		const targets = [...selection];
 		const before = [];
-		for (const id of selection) before.push({
+		for (const id of targets) before.push({
 			id,
 			attr: doc.get_attr(id, name),
 			style: doc.get_style(id, name)
 		});
 		const preview = history.preview(`change ${name}`);
+		const live = () => preview.state === "active";
+		const close = () => {
+			if (open_property_previews.get(name) === discard) open_property_previews.delete(name);
+		};
+		const discard = () => {
+			close();
+			if (live()) preview.discard();
+		};
+		open_property_previews.set(name, discard);
 		return {
+			get live() {
+				return live();
+			},
 			update(value) {
+				if (!live()) return;
 				preview.set({
 					providerId: PROVIDER_ID,
 					apply: () => {
-						for (const id of selection) write_property(id, name, value);
+						for (const id of targets) write_property(id, name, value);
 						emit();
 					},
 					revert: () => {
@@ -1582,8 +1459,11 @@ function _create_svg_editor_internal(opts) {
 					}
 				});
 			},
-			commit: () => preview.commit(),
-			discard: () => preview.discard()
+			commit: () => {
+				close();
+				if (live()) preview.commit();
+			},
+			discard
 		};
 	}
 	function set_paint(channel, p) {
@@ -1593,6 +1473,9 @@ function _create_svg_editor_internal(opts) {
 	function preview_paint(channel) {
 		const session = preview_property(channel);
 		return {
+			get live() {
+				return session.live;
+			},
 			update: (p) => session.update(require_model.paint.serialize(p)),
 			commit: () => session.commit(),
 			discard: () => session.discard()
@@ -2148,6 +2031,7 @@ function _create_svg_editor_internal(opts) {
 		if (selection.length === 0) return;
 		const filtered = doc.prune_nested_nodes(selection).filter((id) => doc.parent_of(id) !== null);
 		if (filtered.length === 0) return;
+		discard_open_property_previews();
 		const captures = [...filtered].sort(require_model.subtree.by_document_order(doc)).map((id) => ({
 			id,
 			parent: doc.parent_of(id),
@@ -2209,6 +2093,7 @@ function _create_svg_editor_internal(opts) {
 			if (selection.length !== 1) return false;
 			target = selection[0];
 		}
+		discard_open_property_previews();
 		const plan = require_model.group.plan_ungroup(doc, target);
 		if (!plan) return false;
 		const group_id = plan.group_id;
@@ -2363,6 +2248,8 @@ function _create_svg_editor_internal(opts) {
 		return copy_impl(true);
 	}
 	function cut_impl(deliver_external) {
+		if (selection.length === 0) return null;
+		discard_open_property_previews();
 		const payload = copy_impl(deliver_external);
 		if (payload === null) return null;
 		remove_selection("cut");
@@ -2461,7 +2348,7 @@ function _create_svg_editor_internal(opts) {
 		doc.insert(id, parent, insert_before);
 		set_selection([id]);
 		const preview = history.preview(`insert ${tag}`);
-		let active = true;
+		const live = () => preview.state === "active";
 		const apply = () => {
 			for (const name in live_attrs) doc.set_attr(id, name, live_attrs[name]);
 			if (doc.parent_of(id) === null) doc.insert(id, parent, insert_before);
@@ -2480,7 +2367,7 @@ function _create_svg_editor_internal(opts) {
 		return {
 			id,
 			update(attrs) {
-				if (!active) return;
+				if (!live()) return;
 				for (const name in attrs) {
 					live_attrs[name] = attrs[name];
 					doc.set_attr(id, name, attrs[name]);
@@ -2488,13 +2375,11 @@ function _create_svg_editor_internal(opts) {
 				preview.set(entry);
 			},
 			commit() {
-				if (!active) return;
-				active = false;
+				if (!live()) return;
 				preview.commit();
 			},
 			discard() {
-				if (!active) return;
-				active = false;
+				if (!live()) return;
 				preview.discard();
 			}
 		};
@@ -2536,7 +2421,7 @@ function _create_svg_editor_internal(opts) {
 			set_selection(previous_selection);
 		};
 		const preview = history.preview("insert text");
-		let active = true;
+		const live = () => preview.state === "active";
 		preview.set({
 			providerId: PROVIDER_ID,
 			apply,
@@ -2545,14 +2430,12 @@ function _create_svg_editor_internal(opts) {
 		return {
 			id,
 			commit() {
-				if (!active) return;
-				active = false;
+				if (!live()) return;
 				committed_text = doc.text_of(id);
 				preview.commit();
 			},
 			discard() {
-				if (!active) return;
-				active = false;
+				if (!live()) return;
 				preview.discard();
 			}
 		};
@@ -2620,12 +2503,13 @@ function _create_svg_editor_internal(opts) {
 		return content_edit_driver(id);
 	}
 	function load_svg(svg) {
+		discard_open_property_previews();
+		history.clear();
 		doc.load(svg);
 		selection = [];
 		scope = null;
 		mode = "select";
 		tool = require_model.TOOL_CURSOR;
-		history.clear();
 		active_duplication = null;
 		baseline_revision = doc.revision;
 		load_version++;
@@ -2691,6 +2575,7 @@ function _create_svg_editor_internal(opts) {
 		return doc.serialize();
 	}
 	function reset() {
+		discard_open_property_previews();
 		history.clear();
 		doc.reset_to_original();
 		selection = [];
@@ -2920,6 +2805,9 @@ function _create_svg_editor_internal(opts) {
 			set_geometry(p) {
 				geometry_provider = p;
 			},
+			register_command(id, handler) {
+				return registry.register(id, handler);
+			},
 			bump_geometry() {
 				doc.bump_geometry();
 				fire_geometry_listeners_if_advanced();
@@ -2927,7 +2815,7 @@ function _create_svg_editor_internal(opts) {
 		},
 		keymap
 	};
-	registerDefaultCommands(registry, public_editor);
+	require_model.registerDefaultCommands(registry, public_editor);
 	applyDefaultBindings(keymap);
 	return public_editor;
 }