@haklex/rich-ext-excalidraw 0.44.0 → 0.45.0

package/dist/constants.d.ts

@@ -1,3 +1,5 @@
-import { ExcalidrawProps } from '@excalidraw/excalidraw/types';
+import { ExcalidrawImperativeAPI, ExcalidrawProps } from '@excalidraw/excalidraw/types';
 export declare const readonlyUIOptions: ExcalidrawProps['UIOptions'];
+export declare const fitSceneToViewport: (api: ExcalidrawImperativeAPI) => void;
+export declare const fitSceneOnReady: (api: ExcalidrawImperativeAPI) => void;
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,WAAW,CAQ1D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE7F,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,WAAW,CAQ1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,uBAAuB,SAC+B,CAAC;AAG/F,eAAO,MAAM,eAAe,GAAI,KAAK,uBAAuB,SAW3D,CAAC"}

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { a as ExcalidrawNode, c as ExcalidrawDisplayRenderer, i as $isExcalidrawNode, l as _defineProperty, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER, u as __exportAll } from "./transformer-CS7y7oCa.js";
-import { A as ExcalidrawConfigProvider, C as excalidrawHeaderActions, O as excalidrawStatusDot, S as excalidrawFullscreenPopup, T as excalidrawLoading, _ as excalidrawDialogTitle, b as excalidrawEditorContainer, d as excalidrawConfirmBtnDanger, f as excalidrawConfirmBtnPrimary, g as excalidrawDialogMeta, i as excalidrawActionBarBtn, j as useExcalidrawConfig, k as readonlyUIOptions, l as excalidrawConfirmActions, m as excalidrawDialogHeader, n as parseSnapshot, p as excalidrawDialogCanvas, r as serializeSnapshot, t as useExcalidrawData, u as excalidrawConfirmBtn, v as excalidrawEditLabel, w as excalidrawHeaderClose, x as excalidrawError, y as excalidrawEditOverlay } from "./useExcalidrawData-DAgaOBLz.js";
+import { a as ExcalidrawNode, c as ExcalidrawDisplayRenderer, i as $isExcalidrawNode, l as _defineProperty, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER, u as __exportAll } from "./transformer-V980vfl0.js";
+import { C as excalidrawHeaderActions, M as ExcalidrawConfigProvider, N as useExcalidrawConfig, O as excalidrawStatusDot, S as excalidrawFullscreenPopup, T as excalidrawLoading, _ as excalidrawDialogTitle, b as excalidrawEditorContainer, d as excalidrawConfirmBtnDanger, f as excalidrawConfirmBtnPrimary, g as excalidrawDialogMeta, i as excalidrawActionBarBtn, j as readonlyUIOptions, k as fitSceneOnReady, l as excalidrawConfirmActions, m as excalidrawDialogHeader, n as parseSnapshot, p as excalidrawDialogCanvas, r as serializeSnapshot, t as useExcalidrawData, u as excalidrawConfirmBtn, v as excalidrawEditLabel, w as excalidrawHeaderClose, x as excalidrawError, y as excalidrawEditOverlay } from "./useExcalidrawData-BPIFyK-H.js";
 import { Suspense, createElement, lazy, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useColorScheme } from "@haklex/rich-editor/static";
@@ -534,7 +534,7 @@ var ExcalidrawEditRenderer = ({ snapshot, onSnapshotChange }) => {
 			theme,
 			excalidrawAPI: (api) => {
 				previewApiRef.current = api;
-				setTimeout(() => api.scrollToContent(), 100);
+				fitSceneOnReady(api);
 			}
 		}, previewKey), /* @__PURE__ */ jsx("button", {
 			className: excalidrawEditOverlay,

package/dist/static.mjs

@@ -1,3 +1,3 @@
-import { a as ExcalidrawNode, c as ExcalidrawDisplayRenderer, i as $isExcalidrawNode, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-CS7y7oCa.js";
-import { A as ExcalidrawConfigProvider, S as excalidrawFullscreenPopup, j as useExcalidrawConfig } from "./useExcalidrawData-DAgaOBLz.js";
+import { a as ExcalidrawNode, c as ExcalidrawDisplayRenderer, i as $isExcalidrawNode, n as ExcalidrawExpandShell, o as EXCALIDRAW_NODE_KEY, r as $createExcalidrawNode, s as ExcalidrawSSRRenderer, t as EXCALIDRAW_BLOCK_TRANSFORMER } from "./transformer-V980vfl0.js";
+import { M as ExcalidrawConfigProvider, N as useExcalidrawConfig, S as excalidrawFullscreenPopup } from "./useExcalidrawData-BPIFyK-H.js";
 export { $createExcalidrawNode, $isExcalidrawNode, EXCALIDRAW_BLOCK_TRANSFORMER, EXCALIDRAW_NODE_KEY, ExcalidrawConfigProvider, ExcalidrawDisplayRenderer, ExcalidrawDisplayRenderer as ExcalidrawRenderer, ExcalidrawDisplayRenderer as ExcalidrawStaticRenderer, ExcalidrawExpandShell, ExcalidrawNode, ExcalidrawSSRRenderer, excalidrawFullscreenPopup, useExcalidrawConfig };

package/dist/{transformer-CS7y7oCa.js → transformer-V980vfl0.js}

@@ -1,4 +1,4 @@
-import { D as excalidrawStaticContainer, E as excalidrawPlaceholder, T as excalidrawLoading, _ as excalidrawDialogTitle, c as excalidrawActionGroup, h as excalidrawDialogHeaderTitle, k as readonlyUIOptions, m as excalidrawDialogHeader, p as excalidrawDialogCanvas, s as excalidrawActionButton, t as useExcalidrawData, w as excalidrawHeaderClose, x as excalidrawError } from "./useExcalidrawData-DAgaOBLz.js";
+import { A as fitSceneToViewport, D as excalidrawStaticContainer, E as excalidrawPlaceholder, T as excalidrawLoading, _ as excalidrawDialogTitle, c as excalidrawActionGroup, h as excalidrawDialogHeaderTitle, j as readonlyUIOptions, k as fitSceneOnReady, m as excalidrawDialogHeader, p as excalidrawDialogCanvas, s as excalidrawActionButton, t as useExcalidrawData, w as excalidrawHeaderClose, x as excalidrawError } from "./useExcalidrawData-BPIFyK-H.js";
 import { Component, Suspense, lazy, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createRendererDecoration, useColorScheme } from "@haklex/rich-editor/static";
@@ -91,7 +91,7 @@ var ExcalidrawStaticCanvas = ({ onExpand, snapshot, theme }) => {
 				initialData: data,
 				theme,
 				excalidrawAPI: (api) => {
-					setTimeout(() => api.scrollToContent(), 100);
+					fitSceneOnReady(api);
 				}
 			}),
 			target: e.currentTarget,
@@ -142,7 +142,7 @@ var ExcalidrawStaticCanvas = ({ onExpand, snapshot, theme }) => {
 				theme,
 				excalidrawAPI: (api) => {
 					apiRef.current = api;
-					setTimeout(() => api.scrollToContent(), 100);
+					fitSceneOnReady(api);
 				}
 			})
 		}), /* @__PURE__ */ jsxs("div", {
@@ -176,7 +176,7 @@ var ExcalidrawStaticCanvas = ({ onExpand, snapshot, theme }) => {
 					className: excalidrawActionButton,
 					title: "Fit to Content",
 					type: "button",
-					onClick: () => apiRef.current?.scrollToContent(),
+					onClick: () => apiRef.current && fitSceneToViewport(apiRef.current),
 					children: /* @__PURE__ */ jsx(ScanSearch, { size: 20 })
 				}),
 				Boolean(onExpand) && /* @__PURE__ */ jsx("button", {

package/dist/{useExcalidrawData-DAgaOBLz.js → useExcalidrawData-BPIFyK-H.js}

@@ -24,6 +24,23 @@ var readonlyUIOptions = { canvasActions: {
 	loadScene: false,
 	changeViewBackgroundColor: false
 } };
+var fitSceneToViewport = (api) => api.scrollToContent(void 0, {
+	fitToViewport: true,
+	viewportZoomFactor: .9,
+	maxZoom: 1
+});
+var 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 src/styles.css.ts
 var excalidrawStaticContainer = "_1c3wdzl0";
@@ -203,4 +220,4 @@ function useExcalidrawData(data) {
 	};
 }
 //#endregion
-export { ExcalidrawConfigProvider as A, excalidrawHeaderActions as C, excalidrawStaticContainer as D, excalidrawPlaceholder as E, excalidrawStatusDot as O, excalidrawFullscreenPopup as S, excalidrawLoading as T, excalidrawDialogTitle as _, excalidrawActionBarSep as a, excalidrawEditorContainer as b, excalidrawActionGroup as c, excalidrawConfirmBtnDanger as d, excalidrawConfirmBtnPrimary as f, excalidrawDialogMeta as g, excalidrawDialogHeaderTitle as h, excalidrawActionBarBtn as i, useExcalidrawConfig as j, readonlyUIOptions as k, excalidrawConfirmActions as l, excalidrawDialogHeader as m, parseSnapshot as n, excalidrawActionBarUrl as o, excalidrawDialogCanvas as p, serializeSnapshot as r, excalidrawActionButton as s, useExcalidrawData as t, excalidrawConfirmBtn as u, excalidrawEditLabel as v, excalidrawHeaderClose as w, excalidrawError as x, excalidrawEditOverlay as y };
+export { fitSceneToViewport as A, excalidrawHeaderActions as C, excalidrawStaticContainer as D, excalidrawPlaceholder as E, ExcalidrawConfigProvider as M, useExcalidrawConfig as N, excalidrawStatusDot as O, excalidrawFullscreenPopup as S, excalidrawLoading as T, excalidrawDialogTitle as _, excalidrawActionBarSep as a, excalidrawEditorContainer as b, excalidrawActionGroup as c, excalidrawConfirmBtnDanger as d, excalidrawConfirmBtnPrimary as f, excalidrawDialogMeta as g, excalidrawDialogHeaderTitle as h, excalidrawActionBarBtn as i, readonlyUIOptions as j, fitSceneOnReady as k, excalidrawConfirmActions as l, excalidrawDialogHeader as m, parseSnapshot as n, excalidrawActionBarUrl as o, excalidrawDialogCanvas as p, serializeSnapshot as r, excalidrawActionButton as s, useExcalidrawData as t, excalidrawConfirmBtn as u, excalidrawEditLabel as v, excalidrawHeaderClose as w, excalidrawError as x, excalidrawEditOverlay as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-excalidraw",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "description": "Excalidraw whiteboard extension",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
   ],
   "dependencies": {
     "jsondiffpatch": "^0.7.6",
-    "@haklex/rich-headless": "0.44.0"
+    "@haklex/rich-headless": "0.45.0"
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "^0.18.1",
@@ -50,9 +50,9 @@
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor-ui": "^0.44.0",
-    "@haklex/rich-style-token": "^0.44.0",
-    "@haklex/rich-editor": "^0.44.0"
+    "@haklex/rich-editor-ui": "^0.45.0",
+    "@haklex/rich-editor": "^0.45.0",
+    "@haklex/rich-style-token": "^0.45.0"
   },
   "publishConfig": {
     "access": "public"