@superdoc/react 2.4.0-next.9 → 2.5.0-next.1

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");function u(){let e=c.useRef(null);return e.current===null&&(e.current=`-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),e.current}var d=c.useId,f=typeof d==`function`?d:u;function p(e){let t=c.useRef(e),n=c.useRef(e);return t.current!==e&&(m(n.current,e)||(n.current=e),t.current=e),n.current}function m(e,t){if(e===t)return!0;if(e==null||t==null)return e===t;try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}function h(e,t){let[n,r]=(0,c.useState)(!1),{id:i,renderLoading:a,hideToolbar:o=!1,contained:s=!1,className:u,style:d,onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S,document:C,user:w,users:T,modules:E,ui:D,...O}=e,k=e.documentMode??`editing`,A=e.role??`editor`,j=D!==!1&&D?.toolbar,M=typeof j==`object`&&!!j&&j.container!==void 0,N=!o&&j!==!1&&!M,P=(()=>{if(D===!1||D===void 0||!o)return D;let{toolbar:e,...t}=D;return{...t,toolbar:!1}})(),F=p(w),I=p(T),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=f(),B=i??`superdoc${z}`,V=B,H=`${B}-toolbar`,[U,W]=(0,c.useState)(!0),G=(0,c.useRef)({onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S});(0,c.useEffect)(()=>{G.current={onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S}},[m,h,g,_,v,y,b,x,S]);let K=(0,c.useRef)(null),q=(0,c.useRef)(!1),J=(0,c.useRef)(k);(0,c.useEffect)(()=>{J.current!==k&&(L.current?L.current.setDocumentMode(k):q.current&&(K.current=k)),J.current=k},[k]),(0,c.useImperativeHandle)(t,()=>({getInstance:()=>L.current}),[]),(0,c.useEffect)(()=>{W(!0),r(!1),q.current=!0;let e=!1,t=null;return(async()=>{try{let n=(await import(`superdoc`)).SuperDoc;if(e)return;t=new n({...O,selector:`#${CSS.escape(V)}`,...N&&R.current?{toolbar:`#${CSS.escape(H)}`}:{},documentMode:k,role:A,contained:s,...C==null?{}:{document:C},...F?{user:F}:{},...I?{users:I}:{},...E?{modules:E}:{},...P===void 0?{}:{ui:P},onReady:t=>{e||(W(!1),q.current=!1,K.current&&K.current!==k&&(t.superdoc.setDocumentMode(K.current),K.current=null),G.current.onReady?.(t))},onEditorCreate:t=>{e||G.current.onEditorCreate?.(t)},onEditorDestroy:()=>{e||G.current.onEditorDestroy?.()},onEditorUpdate:t=>{e||G.current.onEditorUpdate?.(t)},onTransaction:t=>{e||G.current.onTransaction?.(t)},onContentError:t=>{e||G.current.onContentError?.(t)},onException:t=>{e||G.current.onException?.(t)},onZoomChange:t=>{e||G.current.onZoomChange?.(t)},onViewportChange:t=>{e||G.current.onViewportChange?.(t)}}),L.current=t}catch(t){e||(q.current=!1,W(!1),r(!0),console.error(`[SuperDocEditor] Failed to initialize SuperDoc:`,t),G.current.onException?.({error:t}))}})(),()=>{q.current=!1,K.current=null,t&&(t.destroy(),L.current=null),e=!0}},[C,F,I,E,D,A,o,s,V,H]);let Y=[`superdoc-wrapper`,u].filter(Boolean).join(` `),X=U?{display:`none`}:void 0,Z={...d,...s&&{display:`flex`,flexDirection:`column`}};return(0,l.jsxs)(`div`,{className:Y,style:Z,children:[N&&(0,l.jsx)(`div`,{ref:R,id:H,className:`superdoc-toolbar-container`,style:X}),(0,l.jsx)(`div`,{id:V,className:`superdoc-editor-container`,style:{...X,...s&&{flex:1,minHeight:0}}}),U&&!n&&a&&(0,l.jsx)(`div`,{className:`superdoc-loading-container`,children:a()}),n&&(0,l.jsx)(`div`,{className:`superdoc-error-container`,children:`Failed to load editor. Check console for details.`})]})}var g=(0,c.forwardRef)(h);g.displayName=`SuperDocEditor`,exports.SuperDocEditor=g,exports.default=g;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");function u(){let e=c.useRef(null);return e.current===null&&(e.current=`-${Date.now()}-${Math.random().toString(36).slice(2,9)}`),e.current}var d=c.useId,f=typeof d==`function`?d:u;function p(e){let t=c.useRef(e),n=c.useRef(e);return t.current!==e&&(m(n.current,e)||(n.current=e),t.current=e),n.current}function m(e,t){if(e===t)return!0;if(e==null||t==null)return e===t;try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}function h(e,t){let[n,r]=(0,c.useState)(!1),{id:i,renderLoading:a,hideToolbar:o=!1,contained:s=!1,className:u,style:d,onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S,document:C,user:w,users:T,modules:E,ui:D,...O}=e,k=e.documentMode??`editing`,A=e.role??`editor`,j=D!==!1&&D?.toolbar,M=typeof j==`object`&&!!j&&j.container!==void 0,N=!o&&j!==!1&&!M,P=(()=>{if(D===!1||D===void 0||!o)return D;let{toolbar:e,...t}=D;return{...t,toolbar:!1}})(),F=p(w),I=p(T),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=f(),B=i??`superdoc${z}`,V=B,H=`${B}-toolbar`,[U,W]=(0,c.useState)(!0),G=(0,c.useRef)({onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S});(0,c.useEffect)(()=>{G.current={onReady:m,onEditorCreate:h,onEditorDestroy:g,onEditorUpdate:_,onTransaction:v,onContentError:y,onException:b,onZoomChange:x,onViewportChange:S}},[m,h,g,_,v,y,b,x,S]);let K=(0,c.useRef)(null),q=(0,c.useRef)(!1),J=(0,c.useRef)(k);(0,c.useEffect)(()=>{J.current!==k&&(L.current?L.current.setDocumentMode(k):q.current&&(K.current=k)),J.current=k},[k]),(0,c.useImperativeHandle)(t,()=>({getInstance:()=>L.current}),[]),(0,c.useEffect)(()=>{W(!0),r(!1),q.current=!0;let e=!1,t=null;return(async()=>{try{let n=(await import(`superdoc`)).SuperDoc;if(e)return;t=new n({...O,selector:`#${CSS.escape(V)}`,...N&&R.current?{toolbar:`#${CSS.escape(H)}`}:{},documentMode:k,role:A,contained:s,...C==null?{}:{document:C},...F?{user:F}:{},...I?{users:I}:{},...E?{modules:E}:{},...P===void 0?{}:{ui:P},onReady:t=>{e||(W(!1),q.current=!1,K.current&&K.current!==k&&(t.superdoc.setDocumentMode(K.current),K.current=null),G.current.onReady?.(t))},onEditorCreate:t=>{e||G.current.onEditorCreate?.(t)},onEditorDestroy:()=>{e||G.current.onEditorDestroy?.()},onEditorUpdate:t=>{e||G.current.onEditorUpdate?.(t)},onTransaction:t=>{e||G.current.onTransaction?.(t)},onContentError:t=>{e||G.current.onContentError?.(t)},onException:t=>{e||G.current.onException?.(t)},onZoomChange:t=>{e||G.current.onZoomChange?.(t)},onViewportChange:t=>{e||G.current.onViewportChange?.(t)}}),L.current=t}catch(t){e||(q.current=!1,W(!1),r(!0),console.error(`[SuperDocEditor] Failed to initialize SuperDoc:`,t),G.current.onException?.({error:t}))}})(),()=>{q.current=!1,K.current=null,t&&(t.destroy(),L.current=null),e=!0}},[C,F,I,E,D,A,o,s,V,H]);let Y=[`superdoc-wrapper`,u].filter(Boolean).join(` `),X=U?{display:`none`}:void 0;return(0,l.jsxs)(`div`,{className:Y,style:{...d,...s&&{display:`flex`,flexDirection:`column`}},children:[N&&(0,l.jsx)(`div`,{ref:R,id:H,className:`superdoc-toolbar-container`,style:X}),(0,l.jsx)(`div`,{id:V,className:`superdoc-editor-container`,style:{...X,...s&&{flex:1,minHeight:0}}}),U&&!n&&a&&(0,l.jsx)(`div`,{className:`superdoc-loading-container`,children:a()}),n&&(0,l.jsx)(`div`,{className:`superdoc-error-container`,children:`Failed to load editor. Check console for details.`})]})}var g=(0,c.forwardRef)(h);g.displayName=`SuperDocEditor`,exports.SuperDocEditor=g,exports.default=g;

package/dist/index.js

@@ -23,14 +23,14 @@ function f(e, t) {
 //#endregion
 //#region src/SuperDocEditor.tsx
 function p(e, t) {
-	let [c, l] = a(!1), { id: f, renderLoading: p, hideToolbar: m = !1, contained: h = !1, className: g, style: _, onReady: v, onEditorCreate: y, onEditorDestroy: b, onEditorUpdate: x, onTransaction: S, onContentError: C, onException: w, onZoomChange: T, onViewportChange: E, document: D, user: ee, users: O, modules: k, ui: A, ...j } = e, M = e.documentMode ?? "editing", N = e.role ?? "editor", P = A !== !1 && A?.toolbar, F = typeof P == "object" && !!P && P.container !== void 0, I = !m && P !== !1 && !F, L = (() => {
-		if (A === !1 || A === void 0 || !m) return A;
-		let { toolbar: e, ...t } = A;
+	let [c, l] = a(!1), { id: f, renderLoading: p, hideToolbar: m = !1, contained: h = !1, className: g, style: _, onReady: v, onEditorCreate: y, onEditorDestroy: b, onEditorUpdate: x, onTransaction: S, onContentError: C, onException: w, onZoomChange: T, onViewportChange: E, document: D, user: O, users: k, modules: A, ui: j, ...M } = e, N = e.documentMode ?? "editing", P = e.role ?? "editor", F = j !== !1 && j?.toolbar, I = typeof F == "object" && !!F && F.container !== void 0, L = !m && F !== !1 && !I, R = (() => {
+		if (j === !1 || j === void 0 || !m) return j;
+		let { toolbar: e, ...t } = j;
 		return {
 			...t,
 			toolbar: !1
 		};
-	})(), R = d(ee), z = d(O), B = i(null), V = i(null), H = u(), U = f ?? `superdoc${H}`, W = U, G = `${U}-toolbar`, [K, q] = a(!0), J = i({
+	})(), z = d(O), B = d(k), V = i(null), H = i(null), U = u(), W = f ?? `superdoc${U}`, G = W, K = `${W}-toolbar`, [q, J] = a(!0), Y = i({
 		onReady: v,
 		onEditorCreate: y,
 		onEditorDestroy: b,
@@ -42,7 +42,7 @@ function p(e, t) {
 		onViewportChange: E
 	});
 	n(() => {
-		J.current = {
+		Y.current = {
 			onReady: v,
 			onEditorCreate: y,
 			onEditorDestroy: b,
@@ -64,93 +64,93 @@ function p(e, t) {
 		T,
 		E
 	]);
-	let Y = i(null), X = i(!1), Z = i(M);
+	let X = i(null), Z = i(!1), Q = i(N);
 	n(() => {
-		Z.current !== M && (B.current ? B.current.setDocumentMode(M) : X.current && (Y.current = M)), Z.current = M;
-	}, [M]), r(t, () => ({ getInstance: () => B.current }), []), n(() => {
-		q(!0), l(!1), X.current = !0;
+		Q.current !== N && (V.current ? V.current.setDocumentMode(N) : Z.current && (X.current = N)), Q.current = N;
+	}, [N]), r(t, () => ({ getInstance: () => V.current }), []), n(() => {
+		J(!0), l(!1), Z.current = !0;
 		let e = !1, t = null;
 		return (async () => {
 			try {
 				let n = (await import("superdoc")).SuperDoc;
 				if (e) return;
 				t = new n({
-					...j,
-					selector: `#${CSS.escape(W)}`,
-					...I && V.current ? { toolbar: `#${CSS.escape(G)}` } : {},
-					documentMode: M,
-					role: N,
+					...M,
+					selector: `#${CSS.escape(G)}`,
+					...L && H.current ? { toolbar: `#${CSS.escape(K)}` } : {},
+					documentMode: N,
+					role: P,
 					contained: h,
 					...D == null ? {} : { document: D },
-					...R ? { user: R } : {},
-					...z ? { users: z } : {},
-					...k ? { modules: k } : {},
-					...L === void 0 ? {} : { ui: L },
+					...z ? { user: z } : {},
+					...B ? { users: B } : {},
+					...A ? { modules: A } : {},
+					...R === void 0 ? {} : { ui: R },
 					onReady: (t) => {
-						e || (q(!1), X.current = !1, Y.current && Y.current !== M && (t.superdoc.setDocumentMode(Y.current), Y.current = null), J.current.onReady?.(t));
+						e || (J(!1), Z.current = !1, X.current && X.current !== N && (t.superdoc.setDocumentMode(X.current), X.current = null), Y.current.onReady?.(t));
 					},
 					onEditorCreate: (t) => {
-						e || J.current.onEditorCreate?.(t);
+						e || Y.current.onEditorCreate?.(t);
 					},
 					onEditorDestroy: () => {
-						e || J.current.onEditorDestroy?.();
+						e || Y.current.onEditorDestroy?.();
 					},
 					onEditorUpdate: (t) => {
-						e || J.current.onEditorUpdate?.(t);
+						e || Y.current.onEditorUpdate?.(t);
 					},
 					onTransaction: (t) => {
-						e || J.current.onTransaction?.(t);
+						e || Y.current.onTransaction?.(t);
 					},
 					onContentError: (t) => {
-						e || J.current.onContentError?.(t);
+						e || Y.current.onContentError?.(t);
 					},
 					onException: (t) => {
-						e || J.current.onException?.(t);
+						e || Y.current.onException?.(t);
 					},
 					onZoomChange: (t) => {
-						e || J.current.onZoomChange?.(t);
+						e || Y.current.onZoomChange?.(t);
 					},
 					onViewportChange: (t) => {
-						e || J.current.onViewportChange?.(t);
+						e || Y.current.onViewportChange?.(t);
 					}
-				}), B.current = t;
+				}), V.current = t;
 			} catch (t) {
-				e || (X.current = !1, q(!1), l(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", t), J.current.onException?.({ error: t }));
+				e || (Z.current = !1, J(!1), l(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", t), Y.current.onException?.({ error: t }));
 			}
 		})(), () => {
-			X.current = !1, Y.current = null, t && (t.destroy(), B.current = null), e = !0;
+			Z.current = !1, X.current = null, t && (t.destroy(), V.current = null), e = !0;
 		};
 	}, [
 		D,
-		R,
 		z,
-		k,
+		B,
 		A,
-		N,
+		j,
+		P,
 		m,
 		h,
-		W,
-		G
+		G,
+		K
 	]);
-	let Q = ["superdoc-wrapper", g].filter(Boolean).join(" "), $ = K ? { display: "none" } : void 0, te = {
-		..._,
-		...h && {
-			display: "flex",
-			flexDirection: "column"
-		}
-	};
+	let ee = ["superdoc-wrapper", g].filter(Boolean).join(" "), $ = q ? { display: "none" } : void 0;
 	return /* @__PURE__ */ s("div", {
-		className: Q,
-		style: te,
+		className: ee,
+		style: {
+			..._,
+			...h && {
+				display: "flex",
+				flexDirection: "column"
+			}
+		},
 		children: [
-			I && /* @__PURE__ */ o("div", {
-				ref: V,
-				id: G,
+			L && /* @__PURE__ */ o("div", {
+				ref: H,
+				id: K,
 				className: "superdoc-toolbar-container",
 				style: $
 			}),
 			/* @__PURE__ */ o("div", {
-				id: W,
+				id: G,
 				className: "superdoc-editor-container",
 				style: {
 					...$,
@@ -160,7 +160,7 @@ function p(e, t) {
 					}
 				}
 			}),
-			K && !c && p && /* @__PURE__ */ o("div", {
+			q && !c && p && /* @__PURE__ */ o("div", {
 				className: "superdoc-loading-container",
 				children: p()
 			}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc/react",
-  "version": "2.4.0-next.9",
+  "version": "2.5.0-next.1",
   "description": "Official React wrapper for the SuperDoc document editor",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -27,12 +27,12 @@
   ],
   "license": "AGPL-3.0",
   "dependencies": {
-    "superdoc": "2.9.0-next.9"
+    "superdoc": "2.10.0-next.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "superdoc": "2.9.0-next.9"
+    "superdoc": "2.10.0-next.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -44,9 +44,9 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "typescript": "^5.9.2",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.8",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.7",
     "vite-plugin-dts": "~4.5.4",
-    "vite-plus": "0.2.8",
+    "vite-plus": "0.2.7",
     "vitest": "4.1.10"
   },
   "files": [