@haklex/rich-compose 0.43.2 → 0.44.1

package/dist/litexml-html-preview-client.js

@@ -75347,7 +75347,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 	}));
 	//#endregion
 	//#region ../rich-ext-excalidraw/src/constants.ts
-	var readonlyUIOptions;
+	var readonlyUIOptions, fitSceneToViewport, fitSceneOnReady;
 	var init_constants$2 = __esmMin((() => {
 		readonlyUIOptions = { canvasActions: {
 			toggleTheme: false,
@@ -75356,6 +75356,23 @@ Please report this to https://github.com/markedjs/marked.`, e) {
 			loadScene: false,
 			changeViewBackgroundColor: false
 		} };
+		fitSceneToViewport = (api) => api.scrollToContent(void 0, {
+			fitToViewport: true,
+			viewportZoomFactor: .9,
+			maxZoom: 1
+		});
+		fitSceneOnReady = (api) => {
+			const isReady = () => api.getAppState().width > 0 && api.getSceneElements().length > 0;
+			if (isReady()) {
+				fitSceneToViewport(api);
+				return;
+			}
+			const unsubscribe = api.onChange(() => {
+				if (!isReady()) return;
+				unsubscribe();
+				fitSceneToViewport(api);
+			});
+		};
 	}));
 	//#endregion
 	//#region ../rich-ext-excalidraw/src/styles.css.ts.vanilla.css
@@ -162316,7 +162333,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
 						initialData: data,
 						theme,
 						excalidrawAPI: (api) => {
-							setTimeout(() => api.scrollToContent(), 100);
+							fitSceneOnReady(api);
 						}
 					}),
 					target: e.currentTarget,
@@ -162368,7 +162385,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
 						theme,
 						excalidrawAPI: (api) => {
 							apiRef.current = api;
-							setTimeout(() => api.scrollToContent(), 100);
+							fitSceneOnReady(api);
 						}
 					})
 				}), /* @__PURE__ */ (0, import_jsx_runtime$2.jsxs)("div", {
@@ -162402,7 +162419,7 @@ TTD mermaid definition render errror: ${M.message}`, "color: yellow"), le("ai",
 							className: excalidrawActionButton,
 							title: "Fit to Content",
 							type: "button",
-							onClick: () => apiRef.current?.scrollToContent(),
+							onClick: () => apiRef.current && fitSceneToViewport(apiRef.current),
 							children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(ScanSearch, { size: 20 })
 						}),
 						canExpand && /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("button", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-compose",
-  "version": "0.43.2",
+  "version": "0.44.1",
   "description": "Compose primitives for haklex rich content renderers — Gundam-style assembly of Lexical nodes, sync/lazy renderers, and Provider stacks.",
   "repository": {
     "type": "git",
@@ -293,28 +293,28 @@
   ],
   "dependencies": {
     "@lexical/headless": "^0.49.0",
-    "@haklex/rich-ext-chat": "0.43.2",
-    "@haklex/rich-ext-code-snippet": "0.43.2",
-    "@haklex/rich-ext-dynamic": "0.43.2",
-    "@haklex/rich-ext-embed": "0.43.2",
-    "@haklex/rich-ext-excalidraw": "0.43.2",
-    "@haklex/rich-ext-nested-doc": "0.43.2",
-    "@haklex/rich-ext-gallery": "0.43.2",
-    "@haklex/rich-renderer-alert": "0.43.2",
-    "@haklex/rich-renderer-banner": "0.43.2",
-    "@haklex/rich-renderer-codeblock": "0.43.2",
-    "@haklex/rich-ext-poll": "0.43.2",
-    "@haklex/rich-plugin-slash-menu": "0.43.2",
-    "@haklex/rich-renderer-katex": "0.43.2",
-    "@haklex/rich-renderer-file": "0.43.2",
-    "@haklex/rich-litexml": "0.43.2",
-    "@haklex/rich-renderer-image": "0.43.2",
-    "@haklex/rich-renderer-ruby": "0.43.2",
-    "@haklex/rich-renderer-linkcard": "0.43.2",
-    "@haklex/rich-renderer-mention": "0.43.2",
-    "@haklex/rich-renderer-video": "0.43.2",
-    "@haklex/rich-style-token": "0.43.2",
-    "@haklex/rich-renderer-mermaid": "0.43.2"
+    "@haklex/rich-ext-code-snippet": "0.44.1",
+    "@haklex/rich-ext-chat": "0.44.1",
+    "@haklex/rich-ext-dynamic": "0.44.1",
+    "@haklex/rich-ext-excalidraw": "0.44.1",
+    "@haklex/rich-ext-gallery": "0.44.1",
+    "@haklex/rich-ext-embed": "0.44.1",
+    "@haklex/rich-ext-nested-doc": "0.44.1",
+    "@haklex/rich-ext-poll": "0.44.1",
+    "@haklex/rich-litexml": "0.44.1",
+    "@haklex/rich-plugin-slash-menu": "0.44.1",
+    "@haklex/rich-renderer-alert": "0.44.1",
+    "@haklex/rich-renderer-banner": "0.44.1",
+    "@haklex/rich-renderer-codeblock": "0.44.1",
+    "@haklex/rich-renderer-file": "0.44.1",
+    "@haklex/rich-renderer-image": "0.44.1",
+    "@haklex/rich-renderer-katex": "0.44.1",
+    "@haklex/rich-renderer-mention": "0.44.1",
+    "@haklex/rich-renderer-linkcard": "0.44.1",
+    "@haklex/rich-renderer-mermaid": "0.44.1",
+    "@haklex/rich-renderer-ruby": "0.44.1",
+    "@haklex/rich-renderer-video": "0.44.1",
+    "@haklex/rich-style-token": "0.44.1"
   },
   "devDependencies": {
     "@lexical/react": "^0.49.0",
@@ -330,7 +330,7 @@
     "unplugin-dts": "^1.0.3",
     "vite": "^8.2.2",
     "vitest": "^4.1.11",
-    "@haklex/rich-editor": "0.43.2"
+    "@haklex/rich-editor": "0.44.1"
   },
   "peerDependencies": {
     "@lexical/react": "^0.49.0",
@@ -338,7 +338,7 @@
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor": "^0.43.2"
+    "@haklex/rich-editor": "^0.44.1"
   },
   "publishConfig": {
     "access": "public"