@chaibuilder/sdk 2.0.0-beta.97 → 2.0.0-beta.99

package/dist/core.js

@@ -5,9 +5,9 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { createContext, useReducer, useEffect, useDebugValue, useCallback, useContext, useMemo, Component, Children, useState, useRef, Suspense, createElement, memo, lazy } from "react";
 import { ag as useToast, S as Skeleton, B as Button, L as Label, D as Dialog, s as DialogTrigger, a as DialogContent, h as Badge, T as Textarea, O as Tooltip, P as TooltipTrigger, Q as TooltipContent, V as Popover, W as PopoverTrigger, X as PopoverContent, I as Input$1, U as TooltipPortal, e as AccordionItem, f as AccordionTrigger, g as AccordionContent, $ as DropdownMenu, a0 as DropdownMenuTrigger, a1 as DropdownMenuContent, G as ScrollArea, a5 as DropdownMenuLabel, a6 as DropdownMenuSeparator, a8 as DropdownMenuGroup, a2 as DropdownMenuItem, a7 as DropdownMenuShortcut, A as Accordion, C as Card, x as CardHeader, E as CardDescription, F as CardContent, y as CardFooter, J as Tabs, K as TabsList, M as TabsTrigger, N as TabsContent, aj as ContextMenu, ak as ContextMenuTrigger, al as ContextMenuContent, am as ContextMenuItem, j as AlertDialog, k as AlertDialogTrigger, l as AlertDialogContent, m as AlertDialogHeader, o as AlertDialogTitle, p as AlertDialogDescription, n as AlertDialogFooter, r as AlertDialogCancel, q as AlertDialogAction, a3 as DropdownMenuCheckboxItem, Y as HoverCard, Z as HoverCardTrigger, _ as HoverCardContent, b as Switch, ae as Separator, R as TooltipProvider, ai as Toaster } from "./context-menu-D5ViOi6K.js";
-import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, getDefaultStore as getDefaultStore$1, useSetAtom as useSetAtom$1 } from "jotai";
+import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, getDefaultStore as getDefaultStore$1, useSetAtom as useSetAtom$1, Provider } from "jotai";
 import { has, get, find, filter, flatten, map, omit, isString, includes, without, compact, each, set, first, isObject, memoize, isEmpty, noop, keys, range, values, flattenDeep, startsWith, isNull, forEach, unset, chunk, cloneDeep, pick, throttle, isFunction as isFunction$1, reverse, startCase, debounce, capitalize, split, findIndex, take, nth, toLower, isNumber, parseInt as parseInt$1, isNaN as isNaN$1, findLast, intersection, groupBy, uniq, flatMapDeep, some, reject, sortBy, toUpper, round } from "lodash-es";
-import { Provider } from "react-wrap-balancer";
+import { Provider as Provider$1 } from "react-wrap-balancer";
 import { g as generateUUID, a as getBreakpointValue, c as cn, G as GenIcon } from "./iconBase-DHfFLkem.js";
 import { useTranslation, initReactI18next } from "react-i18next";
 import { useTranslation as Te } from "react-i18next";
@@ -17,7 +17,7 @@ import { ArrowUpIcon, PlusIcon, CopyIcon, TrashIcon, DragHandleDots2Icon, BoxMod
 import { useThrottledCallback, useDebouncedCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
 import { useFeature, FlagsProvider } from "flagged";
 import { getRegisteredChaiBlock, getDefaultBlockProps, useRegisteredChaiBlocks, getBlockFormSchemas, syncBlocksWithDefaults } from "@chaibuilder/runtime";
-import { registerChaiBlock as Re } from "@chaibuilder/runtime";
+import { registerChaiBlock as Pe } from "@chaibuilder/runtime";
 import { e as getDefaultExportFromCjs, d as defaultThemeOptions, g as getChaiThemeOptions, p as plugin, a as getChaiThemeCssVariables, c as getThemeFontsLinkMarkup } from "./ChaiThemeFn-Cort9tch.js";
 import TreeModel from "tree-model";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -136,22 +136,22 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
     }
     for (let N = S.length - 1; N >= 0; --N) {
       const [I, L] = S[N];
-      let P = !1;
+      let R = !1;
       for (const T of L.d.keys())
         if (T !== I && a.has(T)) {
-          P = !0;
+          R = !0;
           break;
         }
-      P && (x(I), _(I)), r.delete(I);
+      R && (x(I), _(I)), r.delete(I);
     }
   }), x = m[3] || ((S) => {
     var E, k;
     const v = h(S);
     if (isAtomStateInitialized(v) && (n.has(S) && r.get(S) !== v.n || Array.from(v.d).every(
-      ([R, M]) => (
+      ([P, M]) => (
         // Recursively, read the atom state of the dependency, and
         // check if the atom epoch number is unchanged
-        x(R).n === M
+        x(P).n === M
       )
     )))
       return v;
@@ -159,34 +159,34 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
     let N = !0;
     const I = () => {
       n.has(S) && (_(S), f(), b());
-    }, L = (R) => {
+    }, L = (P) => {
       var M;
-      if (isSelfAtom(S, R)) {
-        const V = h(R);
+      if (isSelfAtom(S, P)) {
+        const V = h(P);
         if (!isAtomStateInitialized(V))
-          if (hasInitialValue(R))
-            setAtomStateValueOrPromise(R, R.init, h);
+          if (hasInitialValue(P))
+            setAtomStateValueOrPromise(P, P.init, h);
           else
             throw new Error("no atom init");
         return returnAtomValue(V);
       }
-      const O = x(R);
+      const O = x(P);
       try {
         return returnAtomValue(O);
       } finally {
-        v.d.set(R, O.n), isPendingPromise(v.v) && addPendingPromiseToDependency(S, v.v, O), (M = n.get(R)) == null || M.t.add(S), N || I();
+        v.d.set(P, O.n), isPendingPromise(v.v) && addPendingPromiseToDependency(S, v.v, O), (M = n.get(P)) == null || M.t.add(S), N || I();
       }
     };
-    let P, T;
+    let R, T;
     const D = {
       get signal() {
-        return P || (P = new AbortController()), P.signal;
+        return R || (R = new AbortController()), R.signal;
       },
       get setSelf() {
-        return !T && isActuallyWritableAtom(S) && (T = (...R) => {
+        return !T && isActuallyWritableAtom(S) && (T = (...P) => {
           if (!N)
             try {
-              return B(S, ...R);
+              return B(S, ...P);
             } finally {
               f(), b();
             }
@@ -194,13 +194,13 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
       }
     }, $ = v.n;
     try {
-      const R = d(S, L, D);
-      return setAtomStateValueOrPromise(S, R, h), isPromiseLike$2(R) && ((E = R.onCancel) == null || E.call(R, () => P == null ? void 0 : P.abort()), R.then(
+      const P = d(S, L, D);
+      return setAtomStateValueOrPromise(S, P, h), isPromiseLike$2(P) && ((E = P.onCancel) == null || E.call(P, () => R == null ? void 0 : R.abort()), P.then(
         I,
         I
       )), v;
-    } catch (R) {
-      return delete v.v, v.e = R, ++v.n, v;
+    } catch (P) {
+      return delete v.v, v.e = P, ++v.n, v;
     } finally {
       N = !1, $ !== v.n && r.get(S) === $ && (r.set(S, v.n), a.add(S), (k = c.c) == null || k.call(c, S));
     }
@@ -216,14 +216,14 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
   }), B = m[5] || ((S, ...E) => {
     let k = !0;
     const v = (I) => returnAtomValue(x(I)), N = (I, ...L) => {
-      var P;
+      var R;
       const T = h(I);
       try {
         if (isSelfAtom(S, I)) {
           if (!hasInitialValue(I))
             throw new Error("atom not writable");
           const D = T.n, $ = L[0];
-          setAtomStateValueOrPromise(I, $, h), _(I), D !== T.n && (a.add(I), (P = c.c) == null || P.call(c, I), y(I));
+          setAtomStateValueOrPromise(I, $, h), _(I), D !== T.n && (a.add(I), (R = c.c) == null || R.call(c, I), y(I));
           return;
         } else
           return B(I, ...L);
@@ -267,19 +267,19 @@ const isSelfAtom = (o, n) => o.unstable_is ? o.unstable_is(n) : n === o, hasInit
       }, n.set(S, v), (E = c.m) == null || E.call(c, S), isActuallyWritableAtom(S)) {
         const N = () => {
           let I = !0;
-          const L = (...P) => {
+          const L = (...R) => {
             try {
-              return B(S, ...P);
+              return B(S, ...R);
             } finally {
               I || (f(), b());
             }
           };
           try {
-            const P = g(S, L);
-            P && (v.u = () => {
+            const R = g(S, L);
+            R && (v.u = () => {
               I = !0;
               try {
-                P();
+                R();
               } finally {
                 I = !1;
               }
@@ -3805,25 +3805,25 @@ const getBlockRuntimeProps = memoize((o) => {
     [r, l, i, h, b, f, x]
   );
   return isNull(m) || p.includes(r._id) || u === r._id ? null : /* @__PURE__ */ jsx(Suspense, { children: createElement(m, { ...y, children: n }) });
-}, GlobalBlocksRenderer = ({ blockAtom: o }) => {
-  const { getGlobalBlocks: n } = useGlobalBlocksStore(), [r] = useAtom$1(o), a = useMemo(() => n((r == null ? void 0 : r.globalBlock) ?? ""), [n, r == null ? void 0 : r.globalBlock]), l = useMemo(() => splitAtom(atom$1(a)), [a]);
-  return /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: l, blocks: a });
+}, GlobalBlocksRenderer = ({ globalBlockId: o }) => {
+  const { getGlobalBlocks: n } = useGlobalBlocksStore(), r = useMemo(() => n(o), [n, o]), a = useMemo(() => splitAtom(atom$1(r)), [r]);
+  return isEmpty(r) ? null : /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: a, blocks: r });
 }, BlocksRenderer = ({
   blocks: o,
   parent: n = null,
   splitAtoms: r = void 0
 }) => {
   const a = useGetBlockAtom(r), l = useMemo(
-    () => filter(o, (c) => isString(n) ? c._parent === n : !c._parent),
+    () => filter(o, (c) => has(c, "_id") && (isEmpty(n) ? !c._parent : c._parent === n)),
     [o, n]
   ), i = useCallback((c) => filter(o, (d) => d._parent === c._id).length > 0, [o]);
   return map(l, (c) => {
     const d = a(c._id);
-    return d ? /* @__PURE__ */ jsx(BlockRenderer, { blockAtom: d, children: c._type === "GlobalBlock" ? /* @__PURE__ */ jsx(GlobalBlocksRenderer, { blockAtom: a(c._id) }) : i(c) ? /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: r, blocks: o, parent: c._id }) : null }, c._id) : null;
+    return d ? /* @__PURE__ */ jsx(BlockRenderer, { blockAtom: d, children: c._type === "GlobalBlock" ? /* @__PURE__ */ jsx(Provider, { store: builderStore, children: /* @__PURE__ */ jsx(GlobalBlocksRenderer, { globalBlockId: get(c, "globalBlock", "") }) }) : i(c) ? /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: r, blocks: o, parent: c._id }) : null }, c._id) : null;
   });
 }, PageBlocksRenderer = () => {
   const [o] = useBlocksStore();
-  return console.log(useAtomValue$1(pageBlocksAtomsAtom)), /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: pageBlocksAtomsAtom, blocks: o });
+  return /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: pageBlocksAtomsAtom, blocks: o });
 }, StaticBlocksRenderer = () => {
   const [o] = useBlocksStore(), n = isEmpty(o) ? null : /* @__PURE__ */ jsx(PageBlocksRenderer, {});
   return /* @__PURE__ */ jsx(Fragment, { children: n });
@@ -3914,7 +3914,7 @@ const getBlockRuntimeProps = memoize((o) => {
               }
             ),
             /* @__PURE__ */ jsx(HeadTags, {}),
-            /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsxs(Canvas, { children: [
+            /* @__PURE__ */ jsx(Provider$1, { children: /* @__PURE__ */ jsxs(Canvas, { children: [
               y ? /* @__PURE__ */ jsx("div", { className: "h-full p-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }) }) : /* @__PURE__ */ jsx(StaticBlocksRenderer, {}),
               /* @__PURE__ */ jsx(AddBlockAtBottom, {}),
               /* @__PURE__ */ jsx("br", {}),
@@ -5859,8 +5859,8 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             const v = parseInt$1(k.target.value);
             let N = isNaN$1(v) ? 0 : v;
             k.keyCode === 38 && (N += 1), k.keyCode === 40 && (N -= 1);
-            const I = `${N}`, P = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${m === "-" ? "" : m}]`;
-            j(P);
+            const I = `${N}`, R = `${I.startsWith("-") ? "-" : ""}${d}[${I.replace("-", "")}${m === "-" ? "" : m}]`;
+            j(R);
           },
           onKeyUp: (k) => {
             w && (k.preventDefault(), C(!1));
@@ -7130,7 +7130,7 @@ function BiExpandVertical(o) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "m12 19.24-4.95-4.95-1.41 1.42L12 22.07l6.36-6.36-1.41-1.42L12 19.24zM5.64 8.29l1.41 1.42L12 4.76l4.95 4.95 1.41-1.42L12 1.93 5.64 8.29z" }, child: [] }] })(o);
 }
 const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, dragHandle: r }) => {
-  var P;
+  var R;
   const a = useBuilderProp("outlineMenuItems", []), { t: l } = useTranslation(), [i, , c] = useHiddenBlockIds(), [d] = useAtom$1(canvasIframeAtom);
   let p = null;
   const u = o.children.length > 0, { highlightBlock: g, clearHighlight: m } = useBlockHighlight(), { id: h, data: b, isSelected: f, willReceiveDrop: x, isDragging: y, isEditing: B, handleClick: _ } = o, w = (T) => {
@@ -7157,15 +7157,15 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
     const T = Object.keys(b), D = [];
     for (let $ = 0; $ < T.length; $++)
       if (T[$].endsWith("_attrs")) {
-        const R = b[T[$]], M = Object.keys(R).join("|");
+        const P = b[T[$]], M = Object.keys(P).join("|");
         M.match(/x-data/) && D.push("data"), M.match(/x-on/) && D.push("event"), M.match(/x-show|x-if/) && D.push("show");
       }
     return D;
   }, [b]), I = (T, D) => {
-    const $ = d.contentDocument || d.contentWindow.document, R = $.querySelector(`[data-block-id=${T}]`);
-    R && R.setAttribute("data-drop", D);
-    const M = R.getBoundingClientRect(), O = d.getBoundingClientRect();
-    M.top >= O.top && M.left >= O.left && M.bottom <= O.bottom && M.right <= O.right || ($.documentElement.scrollTop = R.offsetTop - O.top);
+    const $ = d.contentDocument || d.contentWindow.document, P = $.querySelector(`[data-block-id=${T}]`);
+    P && P.setAttribute("data-drop", D);
+    const M = P.getBoundingClientRect(), O = d.getBoundingClientRect();
+    M.top >= O.top && M.left >= O.left && M.bottom <= O.bottom && M.right <= O.right || ($.documentElement.scrollTop = P.offsetTop - O.top);
   }, L = (T) => {
     k();
     const D = get(o, "parent.id");
@@ -7207,7 +7207,7 @@ const currentAddSelection = atom$1(null), Node = memo(({ node: o, style: n, drag
         T.preventDefault(), I(h, "no");
       },
       children: [
-        (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(
+        (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(
           "div",
           {
             onClick: (T) => {
@@ -8859,7 +8859,7 @@ export {
   getClassValueAndUnit,
   De as i18n,
   cn as mergeClasses,
-  Re as registerChaiBlock,
+  Pe as registerChaiBlock,
   useAddBlock,
   useAddClassesToBlocks,
   useAskAi,

package/package.json

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