@superdoc-dev/react 1.0.0-next.1 → 1.0.0-rc.2

package/dist/index.cjs

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

package/dist/index.js

@@ -1,117 +1,127 @@
-import { jsxs as O, jsx as a } from "react/jsx-runtime";
-import * as v from "react";
-import { forwardRef as Q, useState as F, useRef as s, useEffect as N, useImperativeHandle as V } from "react";
-function X() {
-  const n = v.useRef(null);
+import { jsx as a, jsxs as V } from "react/jsx-runtime";
+import * as P from "react";
+import { forwardRef as W, useState as $, useEffect as f, useRef as c, useImperativeHandle as X } from "react";
+function Y() {
+  const n = P.useRef(null);
   return n.current === null && (n.current = `-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`), n.current;
 }
-const Y = typeof v.useId == "function" ? v.useId : X;
-function Z(n, H) {
-  const [x, w] = F(!1), {
+const Z = typeof P.useId == "function" ? P.useId : Y;
+function _(n, B) {
+  const [p, T] = $(!1), [j, L] = $(!1);
+  f(() => {
+    T(!0);
+  }, []);
+  const {
     // React-specific
-    id: B,
-    renderLoading: $,
-    hideToolbar: l = !1,
-    className: T,
-    style: W,
+    id: q,
+    renderLoading: d,
+    hideToolbar: m = !1,
+    className: A,
+    style: U,
     // Callbacks (stored in ref to avoid triggering rebuilds)
-    onReady: f,
-    onEditorCreate: p,
-    onEditorDestroy: m,
-    onEditorUpdate: E,
+    onReady: E,
+    onEditorCreate: D,
+    onEditorDestroy: I,
+    onEditorUpdate: S,
     onContentError: y,
-    onException: D,
+    onException: C,
     // Key props that trigger rebuild when changed
-    document: S,
-    user: I,
-    users: R,
-    modules: g,
+    document: R,
+    user: g,
+    users: h,
+    modules: b,
     // All other props passed through
-    ...q
-  } = n, o = n.documentMode ?? "editing", P = n.role ?? "editor", i = s(null), L = s(null), A = Y(), j = B ?? `superdoc${A}`, h = j, C = `${j}-toolbar`, [U, b] = F(!0), t = s({
-    onReady: f,
-    onEditorCreate: p,
-    onEditorDestroy: m,
-    onEditorUpdate: E,
+    ...G
+  } = n, t = n.documentMode ?? "editing", k = n.role ?? "editor", u = c(null), z = c(null), J = Z(), M = c(null);
+  if (M.current === null) {
+    const e = q ?? `superdoc${J}`;
+    M.current = { containerId: e, toolbarId: `${e}-toolbar` };
+  }
+  const { containerId: N, toolbarId: v } = M.current, [K, x] = $(!0), o = c({
+    onReady: E,
+    onEditorCreate: D,
+    onEditorDestroy: I,
+    onEditorUpdate: S,
     onContentError: y,
-    onException: D
+    onException: C
   });
-  N(() => {
-    t.current = {
-      onReady: f,
-      onEditorCreate: p,
-      onEditorDestroy: m,
-      onEditorUpdate: E,
+  f(() => {
+    o.current = {
+      onReady: E,
+      onEditorCreate: D,
+      onEditorDestroy: I,
+      onEditorUpdate: S,
       onContentError: y,
-      onException: D
+      onException: C
     };
-  }, [f, p, m, E, y, D]);
-  const c = s(null), u = s(!1), k = s(o);
-  N(() => {
-    k.current !== o && (i.current ? i.current.setDocumentMode(o) : u.current && (c.current = o)), k.current = o;
-  }, [o]), V(
-    H,
+  }, [E, D, I, S, y, C]);
+  const s = c(null), i = c(!1), F = c(t);
+  f(() => {
+    F.current !== t && (u.current ? u.current.setDocumentMode(t) : i.current && (s.current = t)), F.current = t;
+  }, [t]), X(
+    B,
     () => ({
-      getInstance: () => i.current
+      getInstance: () => u.current
     }),
     []
-  ), N(() => {
-    b(!0), w(!1), u.current = !0;
-    let r = !1, d = null;
+  ), f(() => {
+    if (!p) return;
+    x(!0), L(!1), i.current = !0;
+    let e = !1, l = null;
     return (async () => {
       try {
-        const J = (await import("superdoc")).SuperDoc;
-        if (r) return;
-        const K = {
-          ...q,
-          selector: `#${CSS.escape(h)}`,
+        const O = (await import("superdoc")).SuperDoc;
+        if (e) return;
+        const Q = {
+          ...G,
+          selector: `#${CSS.escape(N)}`,
           // Use internal toolbar container unless hideToolbar is true
-          ...!l && L.current ? { toolbar: `#${CSS.escape(C)}` } : {},
-          documentMode: o,
-          role: P,
-          ...S != null ? { document: S } : {},
-          ...I ? { user: I } : {},
-          ...R ? { users: R } : {},
-          ...g ? { modules: g } : {},
+          ...!m && z.current ? { toolbar: `#${CSS.escape(v)}` } : {},
+          documentMode: t,
+          role: k,
+          ...R != null ? { document: R } : {},
+          ...g ? { user: g } : {},
+          ...h ? { users: h } : {},
+          ...b ? { modules: b } : {},
           // Wire up callbacks with lifecycle guards
-          onReady: (e) => {
-            r || (b(!1), u.current = !1, c.current && c.current !== o && (e.superdoc.setDocumentMode(c.current), c.current = null), t.current.onReady?.(e));
+          onReady: (r) => {
+            e || (x(!1), i.current = !1, s.current && s.current !== t && (r.superdoc.setDocumentMode(s.current), s.current = null), o.current.onReady?.(r));
           },
-          onEditorCreate: (e) => {
-            r || t.current.onEditorCreate?.(e);
+          onEditorCreate: (r) => {
+            e || o.current.onEditorCreate?.(r);
           },
           onEditorDestroy: () => {
-            r || t.current.onEditorDestroy?.();
+            e || o.current.onEditorDestroy?.();
           },
-          onEditorUpdate: (e) => {
-            r || t.current.onEditorUpdate?.(e);
+          onEditorUpdate: (r) => {
+            e || o.current.onEditorUpdate?.(r);
           },
-          onContentError: (e) => {
-            r || t.current.onContentError?.(e);
+          onContentError: (r) => {
+            e || o.current.onContentError?.(r);
           },
-          onException: (e) => {
-            r || t.current.onException?.(e);
+          onException: (r) => {
+            e || o.current.onException?.(r);
           }
         };
-        d = new J(K), i.current = d;
-      } catch (M) {
-        r || (u.current = !1, b(!1), w(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", M), t.current.onException?.({ error: M }));
+        l = new O(Q), u.current = l;
+      } catch (w) {
+        e || (i.current = !1, x(!1), L(!0), console.error("[SuperDocEditor] Failed to initialize SuperDoc:", w), o.current.onException?.({ error: w }));
       }
     })(), () => {
-      u.current = !1, c.current = null, d && (d.destroy(), i.current = null), r = !0;
+      i.current = !1, s.current = null, l && (l.destroy(), u.current = null), e = !0;
     };
-  }, [S, I, R, g, P, l, h, C]);
-  const G = ["superdoc-wrapper", T].filter(Boolean).join(" "), z = U ? { display: "none" } : void 0;
-  return /* @__PURE__ */ O("div", { className: G, style: W, children: [
-    !l && /* @__PURE__ */ a("div", { ref: L, id: C, className: "superdoc-toolbar-container", style: z }),
-    /* @__PURE__ */ a("div", { id: h, className: "superdoc-editor-container", style: z }),
-    U && !x && $ && /* @__PURE__ */ a("div", { className: "superdoc-loading-container", children: $() }),
-    x && /* @__PURE__ */ a("div", { className: "superdoc-error-container", children: "Failed to load editor. Check console for details." })
-  ] });
+  }, [p, R, g, h, b, k, m, N, v]);
+  const H = ["superdoc-wrapper", A].filter(Boolean).join(" ");
+  return p ? /* @__PURE__ */ V("div", { className: H, style: U, children: [
+    !m && /* @__PURE__ */ a("div", { ref: z, id: v, className: "superdoc-toolbar-container" }),
+    /* @__PURE__ */ a("div", { id: N, className: "superdoc-editor-container" }),
+    K && !j && d && /* @__PURE__ */ a("div", { className: "superdoc-loading-container", children: d() }),
+    j && /* @__PURE__ */ a("div", { className: "superdoc-error-container", children: "Failed to load editor. Check console for details." })
+  ] }) : d ? /* @__PURE__ */ a("div", { className: H, style: U, children: d() }) : null;
 }
-const _ = Q(Z);
-_.displayName = "SuperDocEditor";
+const ee = W(_);
+ee.displayName = "SuperDocEditor";
 export {
-  _ as SuperDocEditor,
-  _ as default
+  ee as SuperDocEditor,
+  ee as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/react",
-  "version": "1.0.0-next.1",
+  "version": "1.0.0-rc.2",
   "description": "Official React wrapper for the SuperDoc document editor",
   "type": "module",
   "main": "./dist/index.cjs",