@grida/svg-editor 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/presets.mjs

@@ -0,0 +1,50 @@
+import { t as __exportAll } from "./chunk-CfYAbeIz.mjs";
+import { t as attach_dom_surface } from "./dom-CmOu0HvI.mjs";
+//#region src/presets/keynote.ts
+var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
+/**
+* Attach a keynote-shaped DOM surface:
+* - Mounts via `attach_dom_surface` with `fit: true` (slide is visible on
+*   first frame).
+* - Installs a `'cover'` camera constraint bound to the document root, so
+*   the user can't zoom out past the slide or pan past its edges.
+* - Subscribes to `editor.state.load_version` so every `editor.load(svg)`
+*   re-fits the camera to the new document.
+*
+* Returns a `KeynoteSurfaceHandle` — same shape as `DomSurfaceHandle` plus
+* `set_padding` for present-mode toggles. The returned `detach()`
+* additionally tears down the load subscription.
+*/
+function attach(editor, opts) {
+	let padding = opts.padding ?? 80;
+	const inner = attach_dom_surface(editor, {
+		...opts.surface,
+		container: opts.container,
+		fit: true
+	});
+	inner.camera.constraints = {
+		type: "cover",
+		bounds: "<root>",
+		padding
+	};
+	const unsub_load = editor.subscribe_with_selector((s) => s.load_version, () => inner.camera.fit("<root>", { margin: padding }));
+	return {
+		camera: inner.camera,
+		gestures: inner.gestures,
+		set_padding(p) {
+			padding = p;
+			inner.camera.constraints = {
+				type: "cover",
+				bounds: "<root>",
+				padding: p
+			};
+			inner.camera.fit("<root>", { margin: p });
+		},
+		detach: () => {
+			unsub_load();
+			inner.detach();
+		}
+	};
+}
+//#endregion
+export { keynote_exports as keynote };

package/dist/react.d.mts

@@ -1,5 +1,5 @@
-import { S as EditorStyle, o as SvgEditor, t as Commands, x as EditorState, z as Providers } from "./editor-DSADZszj.mjs";
-import { DomSurfaceHandle } from "./dom.mjs";
+import { B as Providers, C as EditorStyle, S as EditorState, o as SvgEditor, t as Commands } from "./editor-Uu6dZX4y.mjs";
+import { t as DomSurfaceHandle } from "./dom-DJnZhtOd.mjs";
 import cmath from "@grida/cmath";
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";

package/dist/react.d.ts

@@ -1,5 +1,5 @@
-import { S as EditorStyle, o as SvgEditor, t as Commands, x as EditorState, z as Providers } from "./editor-Da446SPO.js";
-import { DomSurfaceHandle } from "./dom.js";
+import { B as Providers, C as EditorStyle, S as EditorState, o as SvgEditor, t as Commands } from "./editor-D2l_CDr0.js";
+import { t as DomSurfaceHandle } from "./dom-Cn-RtjRL.js";
 import cmath from "@grida/cmath";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-BlJZWpR_.js");
-const require_editor = require("./editor-Eon0043Z.js");
+const require_dom = require("./dom-CoVZzFqy.js");
+const require_editor = require("./editor-D2zZAyny.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react.tsx

package/dist/react.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { t as createSvgEditor } from "./editor-DP36h-SE.mjs";
-import { t as attach_dom_surface } from "./dom-D-5D_3o0.mjs";
+import { t as createSvgEditor } from "./editor-CjK56cgb.mjs";
+import { t as attach_dom_surface } from "./dom-CmOu0HvI.mjs";
 import { createContext, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/svg-editor",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "description": "Headless SVG editor (experimental).",
   "license": "MIT",
   "author": "Grida",
@@ -26,6 +26,11 @@
       "types": "./dist/react.d.ts",
       "import": "./dist/react.mjs",
       "require": "./dist/react.js"
+    },
+    "./presets": {
+      "types": "./dist/presets.d.ts",
+      "import": "./dist/presets.mjs",
+      "require": "./dist/presets.js"
     }
   },
   "publishConfig": {
@@ -34,11 +39,11 @@
   },
   "dependencies": {
     "svg-pathdata": "^7.2.0",
-    "@grida/cmath": "0.1.0",
+    "@grida/history": "0.1.0",
     "@grida/hud": "0.1.0",
+    "@grida/text-editor": "0.1.0",
     "@grida/keybinding": "0.1.0",
-    "@grida/history": "0.1.0",
-    "@grida/text-editor": "0.1.0"
+    "@grida/cmath": "0.1.0"
   },
   "devDependencies": {
     "@types/react": "^19",