@chaibuilder/sdk 2.5.6 → 2.5.8

package/dist/core.d.ts

@@ -639,6 +639,8 @@ export declare const useInlineEditing: () => {
     setEditingItemIndex: (args_0: number | ((prev: number) => number)) => void;
 };
 
+export declare const useIsPageLoaded: () => [boolean, (args_0: boolean | ((prev: boolean) => boolean)) => void];
+
 export declare const useLanguages: () => {
     languages: any[];
     fallbackLang: string;

package/dist/core.js

@@ -736,7 +736,7 @@ const useLanguages = () => {
     selectedLang: n,
     setSelectedLang: l
   };
-}, builderSaveStateAtom = atom("SAVED");
+}, isPageLoadedAtom = atom(!1), useIsPageLoaded = () => useAtom$1(isPageLoadedAtom), builderSaveStateAtom = atom("SAVED");
 builderSaveStateAtom.debugLabel = "builderSaveStateAtom";
 const checkMissingTranslations = (o, r) => r ? o.some((n) => {
   if (!(n != null && n._type) || n._type === "PartialBlock")
@@ -751,43 +751,43 @@ const checkMissingTranslations = (o, r) => r ? o.some((n) => {
     return console.warn(`Failed to get block definition for type: ${n._type}`, a), !1;
   }
 }) : !1, useSavePage = () => {
-  const [o, r] = useAtom$1(builderSaveStateAtom), n = useBuilderProp("onSave", async (m) => {
-  }), a = useBuilderProp("onSaveStateChange", noop), l = useGetPageData(), [i] = useTheme(), { hasPermission: c } = usePermissions(), { selectedLang: d, fallbackLang: p } = useLanguages(), u = () => {
-    const m = l();
-    return !d || d === p ? !1 : checkMissingTranslations(m.blocks || [], d);
+  const [o, r] = useAtom$1(builderSaveStateAtom), n = useBuilderProp("onSave", async (f) => {
+  }), a = useBuilderProp("onSaveStateChange", noop), l = useGetPageData(), [i] = useTheme(), { hasPermission: c } = usePermissions(), { selectedLang: d, fallbackLang: p } = useLanguages(), [u] = useIsPageLoaded(), g = () => {
+    const f = l();
+    return !d || d === p ? !1 : checkMissingTranslations(f.blocks || [], d);
   };
   return { savePage: useThrottledCallback(
-    async (m = !1) => {
-      if (!c("save_page"))
+    async (f = !1) => {
+      if (!c("save_page") || !u)
         return;
       r("SAVING"), a("SAVING");
-      const f = l();
+      const x = l();
       return await n({
-        autoSave: m,
-        blocks: f.blocks,
+        autoSave: f,
+        blocks: x.blocks,
         theme: i,
-        needTranslations: u()
+        needTranslations: g()
       }), setTimeout(() => {
         r("SAVED"), a("SAVED");
       }, 100), !0;
     },
-    [l, r, i, n, a],
+    [l, r, i, n, a, u],
     3e3
     // save only every 5 seconds
   ), savePageAsync: async () => {
-    if (!c("save_page"))
+    if (!c("save_page") || !u)
       return;
     r("SAVING"), a("SAVING");
-    const m = l();
+    const f = l();
     return await n({
       autoSave: !0,
-      blocks: m.blocks,
+      blocks: f.blocks,
       theme: i,
-      needTranslations: u()
+      needTranslations: g()
     }), setTimeout(() => {
       r("SAVED"), a("SAVED");
     }, 100), !0;
-  }, saveState: o, setSaveState: r, needTranslations: u };
+  }, saveState: o, setSaveState: r, needTranslations: g };
 }, undoManager = new UndoManager();
 undoManager.setLimit(50);
 const undoRedoStateAtom = atom({
@@ -5492,8 +5492,8 @@ const BlockStylingProps = () => {
             const C = parseInt$1(S.target.value);
             let j = isNaN$1(C) ? 0 : C;
             S.keyCode === 38 && (j += 1), S.keyCode === 40 && (j -= 1);
-            const I = `${j}`, R = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${h === "-" ? "" : h}]`;
-            k(R);
+            const I = `${j}`, P = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${h === "-" ? "" : h}]`;
+            k(P);
           },
           onKeyUp: (S) => {
             _ && (S.preventDefault(), N(!1));
@@ -6468,16 +6468,16 @@ function ManualClasses() {
     const T = f.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     u(h, T, !0), x("");
   }, [_, N] = useState([]), w = ({ value: T }) => {
-    const R = T.trim().toLowerCase(), L = R.match(/.+:/g);
+    const P = T.trim().toLowerCase(), L = P.match(/.+:/g);
     let D = [];
     if (L && L.length > 0) {
-      const [P] = L, M = R.replace(P, "");
+      const [R] = L, M = P.replace(R, "");
       D = i.search(M).map((O) => ({
         ...O,
-        item: { ...O.item, name: P + O.item.name }
+        item: { ...O.item, name: R + O.item.name }
       }));
     } else
-      D = i.search(R);
+      D = i.search(P);
     return N(map(D, "item"));
   }, k = () => {
     N([]);
@@ -6498,14 +6498,14 @@ function ManualClasses() {
       onKeyDown: (T) => {
         T.key === "Enter" && f.trim() !== "" && E();
       },
-      onChange: (T, { newValue: R }) => x(R),
+      onChange: (T, { newValue: P }) => x(P),
       className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
     }),
     [f, c, o]
   ), C = (T) => {
     debugger;
-    const R = r.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    g(h, [T]), u(h, R, !0), n(""), l(-1);
+    const P = r.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    g(h, [T]), u(h, P, !0), n(""), l(-1);
   }, j = () => {
     if (navigator.clipboard === void 0) {
       toast.error(c("Clipboard not supported"));
@@ -6563,7 +6563,7 @@ function ManualClasses() {
       )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: A.map(
-      (T, R) => a === R ? /* @__PURE__ */ jsx(
+      (T, P) => a === P ? /* @__PURE__ */ jsx(
         "input",
         {
           ref: o,
@@ -7940,7 +7940,7 @@ const Input = ({ node: o }) => {
   var r;
   return o != null && o._name ? o._name : (o == null ? void 0 : o._type) === "Box" && (o != null && o.tag) && (o == null ? void 0 : o.tag) !== "div" ? startCase(o.tag) : ((r = o == null ? void 0 : o._type) == null ? void 0 : r.split("/").pop()) || "";
 }, Node = memo(({ node: o, style: r, dragHandle: n }) => {
-  var R;
+  var P;
   const { t: a } = useTranslation(), [l, , i] = useHiddenBlockIds(), [c] = useAtom$1(canvasIframeAtom), { hasPermission: d } = usePermissions();
   let p = null;
   const u = o.children.length > 0, { highlightBlock: g, clearHighlight: h } = useBlockHighlight(), { id: m, data: f, isSelected: x, willReceiveDrop: y, isDragging: b, isEditing: A, handleClick: E } = o, _ = (L) => {
@@ -7964,10 +7964,10 @@ const Input = ({ node: o }) => {
     return () => clearTimeout(L);
   }, [y, o, b]);
   const j = (L, D) => {
-    const P = c.contentDocument || c.contentWindow.document, M = P.querySelector(`[data-block-id=${L}]`);
+    const R = c.contentDocument || c.contentWindow.document, M = R.querySelector(`[data-block-id=${L}]`);
     M && M.setAttribute("data-drop", D);
     const $ = M.getBoundingClientRect(), O = c.getBoundingClientRect();
-    $.top >= O.top && $.left >= O.left && $.bottom <= O.bottom && $.right <= O.right || (P.documentElement.scrollTop = M.offsetTop - O.top);
+    $.top >= O.top && $.left >= O.left && $.bottom <= O.bottom && $.right <= O.right || (R.documentElement.scrollTop = M.offsetTop - O.top);
   }, I = (L) => {
     S();
     const D = get(o, "parent.id");
@@ -8013,7 +8013,7 @@ const Input = ({ node: o }) => {
         L.preventDefault(), j(m, "no");
       },
       children: [
-        d(PERMISSIONS.ADD_BLOCK) && (o == null ? void 0 : o.rowIndex) > 0 && (o.parent.isOpen && canAddChildBlock(get(o, "parent.data._type")) || ((R = o == null ? void 0 : o.parent) == null ? void 0 : R.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ jsx("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
+        d(PERMISSIONS.ADD_BLOCK) && (o == null ? void 0 : o.rowIndex) > 0 && (o.parent.isOpen && canAddChildBlock(get(o, "parent.data._type")) || ((P = o == null ? void 0 : o.parent) == null ? void 0 : P.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ jsx("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
           "div",
           {
             onClick: (L) => {
@@ -8359,9 +8359,36 @@ const Input = ({ node: o }) => {
       /* @__PURE__ */ jsx(SelectContent, { children: a.map((l) => /* @__PURE__ */ jsx(SelectItem, { value: l.family, children: l.family }, l.family)) })
     ] })
   ] });
+}, defaultShadcnPreset = {
+  fontFamily: {
+    heading: "Inter",
+    body: "Inter"
+  },
+  borderRadius: "6px",
+  colors: {
+    background: ["#ffffff", "#0a0a0a"],
+    foreground: ["#0a0a0a", "#fafafa"],
+    primary: ["#171717", "#e5e5e5"],
+    "primary-foreground": ["#fafafa", "#171717"],
+    secondary: ["#f5f5f5", "#262626"],
+    "secondary-foreground": ["#171717", "#fafafa"],
+    muted: ["#f5f5f5", "#262626"],
+    "muted-foreground": ["#737373", "#a1a1a1"],
+    accent: ["#f5f5f5", "#404040"],
+    "accent-foreground": ["#171717", "#fafafa"],
+    destructive: ["#e7000b", "#ff6467"],
+    "destructive-foreground": ["#ffffff", "#fafafa"],
+    border: ["#e5e5e5", "#282828"],
+    input: ["#e5e5e5", "#343434"],
+    ring: ["#a1a1a1", "#737373"],
+    card: ["#ffffff", "#171717"],
+    "card-foreground": ["#0a0a0a", "#fafafa"],
+    popover: ["#ffffff", "#262626"],
+    "popover-foreground": ["#0a0a0a", "#fafafa"]
+  }
 }, LazyCssImportModal = lazy(
   () => import("./css-import-modal-CcUf6F6T.js").then((o) => ({ default: o.CssImportModal }))
-), PREV_THEME_KEY = "chai-builder-previous-theme", setPreviousTheme = (o) => {
+), PREV_THEME_KEY = "chai-builder-previous-theme", DEFAULT_THEME_PRESET = [{ shadcn_default: defaultShadcnPreset }], setPreviousTheme = (o) => {
   if (!(typeof window > "u"))
     try {
       localStorage.setItem(PREV_THEME_KEY, JSON.stringify(o));
@@ -8376,7 +8403,9 @@ const Input = ({ node: o }) => {
       console.warn("Failed to clear previous theme from localStorage:", o);
     }
 }, ThemeConfigPanel = React.memo(({ className: o = "" }) => {
-  const [r, n] = useDarkMode(), [a, l] = React.useState(""), [i, c] = React.useState(!1), d = useBuilderProp("themePresets", []), p = useBuilderProp("themePanelComponent", null), { hasPermission: u } = usePermissions(), [g, h] = useTheme(), m = useThemeOptions(), { t: f } = useTranslation(), x = React.useCallback(
+  const [r, n] = useDarkMode(), [a, l] = React.useState(""), [i, c] = React.useState(!1), d = useBuilderProp("themePresets", []), p = useBuilderProp("themePanelComponent", null), { hasPermission: u } = usePermissions();
+  d && !d.some((w) => Object.keys(w)[0] === "shadcn_default") && d.push(...DEFAULT_THEME_PRESET);
+  const [g, h] = useTheme(), m = useThemeOptions(), { t: f } = useTranslation(), x = React.useCallback(
     (w) => {
       const k = { ...g };
       setPreviousTheme(k), h(w), toast.success("Theme updated", {
@@ -9492,22 +9521,22 @@ const AiAssistant = () => {
     k.key === "Enter" && !k.shiftKey && (k.preventDefault(), u !== null ? _() : b());
   }, w = useCallback((k) => {
     const v = (C) => /[.,!?;:]/.test(C), B = (C, j, I) => {
-      let T = "", R = "";
+      let T = "", P = "";
       const L = j > 0 ? C[j - 1] : "", D = j < C.length ? C[j] : "";
-      return j > 0 && (L === "." || !v(L) && L !== " ") && (T = " "), j < C.length && !v(D) && D !== " " && (R = " "), {
-        text: T + I + R,
+      return j > 0 && (L === "." || !v(L) && L !== " ") && (T = " "), j < C.length && !v(D) && D !== " " && (P = " "), {
+        text: T + I + P,
         prefixLength: T.length,
-        suffixLength: R.length
+        suffixLength: P.length
       };
     }, S = x.current;
     if (S) {
       const C = S.selectionStart || 0, j = S.value || "", I = S.selectionEnd || C;
       if (I > C) {
-        const P = `{{${k}}}`, { text: M } = B(j, C, P), $ = j.slice(0, C) + M + j.slice(I);
+        const R = `{{${k}}}`, { text: M } = B(j, C, R), $ = j.slice(0, C) + M + j.slice(I);
         p($);
         return;
       }
-      const R = `{{${k}}}`, { text: L } = B(j, C, R), D = j.slice(0, C) + L + j.slice(C);
+      const P = `{{${k}}}`, { text: L } = B(j, C, P), D = j.slice(0, C) + L + j.slice(C);
       p(D);
     }
   }, []);
@@ -10186,22 +10215,22 @@ const RootLayout = () => {
     }
     for (let j = v.length - 1; j >= 0; --j) {
       const [I, T] = v[j];
-      let R = !1;
+      let P = !1;
       for (const L of T.d.keys())
         if (L !== I && a.has(L)) {
-          R = !0;
+          P = !0;
           break;
         }
-      R && (y(I), E(I)), n.delete(I);
+      P && (y(I), E(I)), n.delete(I);
     }
   }), y = h[3] || ((v) => {
     var B;
     const S = m(v);
     if (isAtomStateInitialized(S) && (r.has(v) && n.get(v) !== S.n || Array.from(S.d).every(
-      ([P, M]) => (
+      ([R, M]) => (
         // Recursively, read the atom state of the dependency, and
         // check if the atom epoch number is unchanged
-        y(P).n === M
+        y(R).n === M
       )
     )))
       return S;
@@ -10209,48 +10238,48 @@ const RootLayout = () => {
     let C = !0;
     const j = () => {
       r.has(v) && (E(v), x(), f());
-    }, I = (P) => {
+    }, I = (R) => {
       var M;
-      if (isSelfAtom(v, P)) {
-        const O = m(P);
+      if (isSelfAtom(v, R)) {
+        const O = m(R);
         if (!isAtomStateInitialized(O))
-          if (hasInitialValue(P))
-            setAtomStateValueOrPromise(P, P.init, m);
+          if (hasInitialValue(R))
+            setAtomStateValueOrPromise(R, R.init, m);
           else
             throw new Error("no atom init");
         return returnAtomValue(O);
       }
-      const $ = y(P);
+      const $ = y(R);
       try {
         return returnAtomValue($);
       } finally {
-        S.d.set(P, $.n), isPendingPromise(S.v) && addPendingPromiseToDependency(v, S.v, $), (M = r.get(P)) == null || M.t.add(v), C || j();
+        S.d.set(R, $.n), isPendingPromise(S.v) && addPendingPromiseToDependency(v, S.v, $), (M = r.get(R)) == null || M.t.add(v), C || j();
       }
     };
-    let T, R;
+    let T, P;
     const L = {
       get signal() {
         return T || (T = new AbortController()), T.signal;
       },
       get setSelf() {
-        return !R && isActuallyWritableAtom(v) && (R = (...P) => {
+        return !P && isActuallyWritableAtom(v) && (P = (...R) => {
           if (!C)
             try {
-              return A(v, ...P);
+              return A(v, ...R);
             } finally {
               x(), f();
             }
-        }), R;
+        }), P;
       }
     }, D = S.n;
     try {
-      const P = d(v, I, L);
-      return setAtomStateValueOrPromise(v, P, m), isPromiseLike$1(P) && (registerAbortHandler(P, () => T == null ? void 0 : T.abort()), P.then(
+      const R = d(v, I, L);
+      return setAtomStateValueOrPromise(v, R, m), isPromiseLike$1(R) && (registerAbortHandler(R, () => T == null ? void 0 : T.abort()), R.then(
         j,
         j
       )), S;
-    } catch (P) {
-      return delete S.v, S.e = P, ++S.n, S;
+    } catch (R) {
+      return delete S.v, S.e = R, ++S.n, S;
     } finally {
       C = !1, D !== S.n && n.get(v) === D && (n.set(v, S.n), a.add(v), (B = c.c) == null || B.call(c, v));
     }
@@ -10266,14 +10295,14 @@ const RootLayout = () => {
   }), A = h[5] || ((v, ...B) => {
     let S = !0;
     const C = (I) => returnAtomValue(y(I)), j = (I, ...T) => {
-      var R;
+      var P;
       const L = m(I);
       try {
         if (isSelfAtom(v, I)) {
           if (!hasInitialValue(I))
             throw new Error("atom not writable");
-          const D = L.n, P = T[0];
-          setAtomStateValueOrPromise(I, P, m), E(I), D !== L.n && (a.add(I), (R = c.c) == null || R.call(c, I), b(I));
+          const D = L.n, R = T[0];
+          setAtomStateValueOrPromise(I, R, m), E(I), D !== L.n && (a.add(I), (P = c.c) == null || P.call(c, I), b(I));
           return;
         } else
           return A(I, ...T);
@@ -10317,19 +10346,19 @@ const RootLayout = () => {
       }, r.set(v, C), (B = c.m) == null || B.call(c, v), isActuallyWritableAtom(v)) {
         const j = () => {
           let I = !0;
-          const T = (...R) => {
+          const T = (...P) => {
             try {
-              return A(v, ...R);
+              return A(v, ...P);
             } finally {
               I || (x(), f());
             }
           };
           try {
-            const R = g(v, T);
-            R && (C.u = () => {
+            const P = g(v, T);
+            P && (C.u = () => {
               I = !0;
               try {
-                R();
+                P();
               } finally {
                 I = !1;
               }
@@ -10503,7 +10532,7 @@ const useAutoSave = () => {
 }, ChaiWatchers = (o) => {
   const [, r] = useBlocksStore(), n = useBuilderReset(), [a] = useAtom(builderSaveStateAtom);
   useAtom(selectedLibraryAtom), useKeyEventWatcher(), useExpandTree(), useAutoSave(), useWatchPartailBlocks(), useUnmountBroadcastChannel();
-  const { postMessage: l } = useBroadcastChannel();
+  const { postMessage: l } = useBroadcastChannel(), [, i] = useAtom(isPageLoadedAtom);
   return useEffect(() => {
     builderStore.set(
       // @ts-ignore
@@ -10513,17 +10542,17 @@ const useAutoSave = () => {
   }, [o]), useEffect(() => {
     builderStore.set(chaiPageExternalDataAtom, o.pageExternalData || {});
   }, [o.pageExternalData]), useEffect(() => {
-    setTimeout(() => {
-      const i = syncBlocksWithDefaults(o.blocks || []);
-      r(i), i && i.length > 0 && l({ type: "blocks-updated", blocks: i }), n();
+    i(!1), setTimeout(() => {
+      const c = syncBlocksWithDefaults(o.blocks || []);
+      r(c), c && c.length > 0 && l({ type: "blocks-updated", blocks: c }), n(), i(!0);
     }, 400);
   }, [o.blocks]), useEffect(() => {
     i18n.changeLanguage(o.locale || "en");
   }, [o.locale]), useEffect(() => {
     setDebugLogs(o.debugLogs);
   }, [o.debugLogs]), useEffect(() => {
-    o.translations && each(o.translations, (i, c) => {
-      i18n.addResourceBundle(c, "translation", i, !0, !0);
+    o.translations && each(o.translations, (c, d) => {
+      i18n.addResourceBundle(d, "translation", c, !0, !0);
     });
   }, [o.translations]), useEffect(() => (a !== "SAVED" ? window.onbeforeunload = () => "" : window.onbeforeunload = null, () => {
     window.onbeforeunload = null;
@@ -10607,6 +10636,7 @@ export {
   useHiddenBlockIds,
   useHighlightBlockId,
   useInlineEditing,
+  useIsPageLoaded,
   useLanguages,
   useLibraryBlocks,
   useMediaManagerComponent,

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "type": "module",
   "repository": {
     "type": "git",