@chaibuilder/sdk 2.2.7 → 2.2.8

package/dist/core.d.ts

@@ -529,7 +529,7 @@ export declare const useCanvasZoom: () => [number, (args_0: number | RESET | ((p
  */
 export declare const useCodeEditor: () => [CodeEditorProps, never];
 
-export declare const useCopyBlockIds: () => [Array<string>, (blockIds: Array<string>) => void];
+export declare const useCopyBlockIds: () => [Array<string>, (blockIds: Array<string>, clonePartialBlocks?: boolean) => void, (blockIds: Array<string>) => boolean];
 
 export declare const useCopyToClipboard: () => [CopiedValue, CopyFn];
 

package/dist/core.js

@@ -2359,7 +2359,7 @@ const getBlockWithChildren = (o, r) => {
     },
     [o]
   );
-}, partialBlocksStoreAtom = atom({}), partialBlocksLoadingStateAtom = atom({}), usePartailBlocksStore = () => {
+}, partialBlocksStoreAtom = atom({}), partialBlocksLoadingStateAtom = atom({}), usePartialBlocksStore = () => {
   const [o, r] = useAtom$1(partialBlocksStoreAtom), n = useCallback((l) => get(o, l, []), [o]), a = useCallback(() => r({}), [r]);
   return { getPartailBlocks: n, reset: a };
 }, useWatchPartailBlocks = () => {
@@ -2400,7 +2400,7 @@ const getBlockWithChildren = (o, r) => {
     c();
   }, []), { data: l, isLoading: o, refetch: c, error: n };
 }, useBuilderReset = () => {
-  const { clear: o } = useUndoManager(), [, r] = useSelectedBlockIds(), { clearHighlight: n } = useBlockHighlight(), [, a] = useSelectedStylingBlocks(), [, l] = useAtom$1(aiAssistantActiveAtom), { reset: i } = usePartailBlocksStore(), { setSaveState: d } = useSavePage();
+  const { clear: o } = useUndoManager(), [, r] = useSelectedBlockIds(), { clearHighlight: n } = useBlockHighlight(), [, a] = useSelectedStylingBlocks(), [, l] = useAtom$1(aiAssistantActiveAtom), { reset: i } = usePartialBlocksStore(), { setSaveState: d } = useSavePage();
   return () => {
     r([]), a([]), n(), o(), l(!1), i(), d("SAVED");
   };
@@ -2412,14 +2412,44 @@ const getBlockWithChildren = (o, r) => {
     [r, n]
   );
   return [o, a];
-}, copiedBlockIdsAtom = atom([]), useCopyBlockIds = () => {
-  const [o, r] = useAtom$1(copiedBlockIdsAtom), n = useSetAtom$1(cutBlockIdsAtom), a = useCallback(
-    async (l) => {
-      r(l), n([]), toast.success("Blocks copied");
+}, copiedBlockIdsAtom = atom([]), useCopyBlocks = () => {
+  const [o] = useBlocksStore(), [r, n] = useAtom$1(copiedBlockIdsAtom), a = useSetAtom$1(cutBlockIdsAtom), { getPartailBlocks: l } = usePartialBlocksStore(), i = useCallback(
+    (c) => c.some((p) => getDuplicatedBlocks(o, p, null).some((g) => g._type === "PartialBlock" || g._type === "GlobalBlock")),
+    [o]
+  ), d = useCallback(
+    async (c, p = !1) => {
+      try {
+        n(c), a([]);
+        const u = {
+          _chai_copied_blocks: c.flatMap((g) => {
+            const f = getDuplicatedBlocks(o, g, null);
+            if (!p)
+              return f;
+            let m = [];
+            for (const h of f)
+              if (h._type === "PartialBlock" || h._type === "GlobalBlock") {
+                const x = l(h.partialBlockId);
+                set(x, "0._parent", h._parent), m = [...m, ...x];
+              } else
+                m.push(h);
+            return m;
+          })
+        };
+        if (!navigator.clipboard) {
+          toast.error("Clipboard not available.");
+          return;
+        }
+        toast.promise(navigator.clipboard.writeText(JSON.stringify(u)), {
+          success: "Blocks copied successfully",
+          error: "Failed to copy blocks to clipboard"
+        });
+      } catch (u) {
+        toast.error("Failed to copy blocks to clipboard"), console.error("Failed to copy blocks to clipboard:", u);
+      }
     },
-    [r, n]
+    [n, a]
   );
-  return [o, a];
+  return [r, d, i];
 }, useCopyToClipboard = () => {
   const [o, r] = useState(null), n = useCallback(async (a) => {
     if (!(navigator != null && navigator.clipboard))
@@ -2509,25 +2539,64 @@ const getBlockWithChildren = (o, r) => {
     [r, o]
   );
 }, usePasteBlocks = () => {
-  const [o, r] = useCutBlockIds(), [n] = useCopyBlockIds(), a = useMoveCutBlocks(), l = useDuplicateBlocks(), i = useCanPaste();
+  const [o, r] = useCutBlockIds(), n = useMoveCutBlocks(), { addPredefinedBlock: a } = useAddBlock(), l = useCanPaste();
   return {
     canPaste: useCallback(
-      async (c) => o.length > 0 ? i(o, c) : !1,
-      [i, o]
+      async (d) => {
+        if (o.length > 0)
+          return l(o, d);
+        try {
+          const c = await navigator.clipboard.readText();
+          if (c) {
+            const p = JSON.parse(c);
+            return has(p, "_chai_copied_blocks");
+          }
+        } catch {
+          return !1;
+        }
+        return !1;
+      },
+      [l, o]
     ),
     pasteBlocks: useCallback(
-      async (c) => {
-        const p = Array.isArray(c) ? c[0] : c;
-        if (!isEmpty(o)) {
-          a(o, c), r([]);
+      async (d) => {
+        const c = Array.isArray(d) ? d[0] : d;
+        if (!(navigator != null && navigator.permissions)) {
+          toast.error("Cannot check clipboard permissions.");
+          return;
+        }
+        try {
+          if ((await navigator.permissions.query({ name: "clipboard-read" })).state === "denied") {
+            toast.error("Clipboard paste permission denied. Please allow clipboard access.");
+            return;
+          }
+        } catch {
+          toast.error("Failed to check clipboard permissions. Please allow clipboard access.");
           return;
         }
-        if (!isEmpty(n)) {
-          l(n, p);
+        if (!isEmpty(o)) {
+          n(o, d), r([]), await navigator.clipboard.writeText("");
           return;
         }
+        toast.promise(
+          async () => {
+            const p = await navigator.clipboard.readText();
+            if (p) {
+              const u = JSON.parse(p);
+              if (has(u, "_chai_copied_blocks"))
+                a(u._chai_copied_blocks, c === "root" ? null : c);
+              else
+                throw new Error("Nothing to paste");
+            } else
+              throw new Error("Nothing to paste");
+          },
+          {
+            success: () => "Blocks pasted successfully",
+            error: () => "Nothing to paste"
+          }
+        );
       },
-      [o, a, r]
+      [o, n, r]
     )
   };
 }, previewModeAtom = atom(!1), usePreviewMode = () => {
@@ -2878,7 +2947,7 @@ z(Frame, "defaultProps", {
   initialContent: '<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'
 });
 const ChaiFrame = React__default.forwardRef((o, r) => /* @__PURE__ */ jsx(Frame, { ...o, forwardedRef: r })), useKeyEventWatcher = (o) => {
-  const [r, n] = useSelectedBlockIds(), a = useSelectedBlock(), l = useRemoveBlocks(), i = useDuplicateBlocks(), { undo: d, redo: c } = useUndoManager(), [, p] = useCutBlockIds(), [, u] = useCopyBlockIds(), { canPaste: g, pasteBlocks: f } = usePasteBlocks(), m = o ? { document: o } : {};
+  const [r, n] = useSelectedBlockIds(), a = useSelectedBlock(), l = useRemoveBlocks(), i = useDuplicateBlocks(), { undo: d, redo: c } = useUndoManager(), [, p] = useCutBlockIds(), [, u] = useCopyBlocks(), { canPaste: g, pasteBlocks: f } = usePasteBlocks(), m = o ? { document: o } : {};
   useHotkeys("ctrl+z,command+z", () => d(), {}, [d]), useHotkeys("ctrl+y,command+y", () => c(), {}, [c]), useHotkeys("ctrl+x,command+x", () => p(r), {}, [r, p]), useHotkeys("ctrl+c,command+c", () => u(r), {}, [r, u]), useHotkeys(
     "ctrl+v,command+v",
     () => {
@@ -3256,7 +3325,7 @@ const useHandleCanvasDblClick = (o, r) => {
     })
   }) });
 }, PartialBlocksRenderer = ({ partialBlockId: o }) => {
-  const { getPartailBlocks: r } = usePartailBlocksStore(), n = useMemo(() => r(o), [r, o]), a = useMemo(() => splitAtom(atom(n)), [n]);
+  const { getPartailBlocks: r } = usePartialBlocksStore(), n = useMemo(() => r(o), [r, o]), a = useMemo(() => splitAtom(atom(n)), [n]);
   return isEmpty(n) ? null : /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: a, blocks: n });
 }, BlocksRenderer = ({
   blocks: o,
@@ -3389,7 +3458,7 @@ const useHandleCanvasDblClick = (o, r) => {
 }, FallbackError = () => /* @__PURE__ */ jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
   /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
   /* @__PURE__ */ jsx("p", { children: "Please try again." })
-] }) }), CodeEditor$1 = React__default.lazy(() => import("./code-editor-HKrlrH8b.js")), CanvasArea = () => {
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./code-editor-QVi542cK.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), r = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
     /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: r, children: /* @__PURE__ */ jsx(StaticCanvas, {}) }) }),
@@ -6982,28 +7051,45 @@ const registerChaiSaveToLibrary = (o) => {
     " ",
     o("Unlink from library")
   ] });
-}, CopyPasteBlocks = () => {
-  const [o] = useBlocksStore(), [r] = useSelectedBlockIds(), { pasteBlocks: n } = usePasteBlocks(), [, a] = useCopyBlockIds(), { t: l } = useTranslation(), i = useSelectedBlock(), d = useCallback(() => {
-    const c = r.map((p) => {
-      const u = o.find((g) => g._id === p);
+}, CANNOT_COPY_BLOCKS = !navigator.clipboard, CopyPasteBlocks = () => {
+  const [o] = useBlocksStore(), [r] = useSelectedBlockIds(), { pasteBlocks: n } = usePasteBlocks(), [, a, l] = useCopyBlocks(), { t: i } = useTranslation(), d = useSelectedBlock(), c = useCallback(() => {
+    const p = r.map((u) => {
+      const g = o.find((f) => f._id === u);
       return {
-        id: p,
-        data: u
+        id: u,
+        data: g
       };
     });
-    a(c.map((p) => p.id));
-  }, [r, o, a]);
+    l(p.map((u) => u.id)) ? toast.warning("Partial blocks detected. Clone partial blocks?", {
+      cancel: {
+        label: i("No"),
+        onClick: () => {
+          a(p.map((u) => u.id)), toast.dismiss();
+        }
+      },
+      action: {
+        label: i("Yes"),
+        onClick: () => {
+          a(
+            p.map((u) => u.id),
+            !0
+          ), toast.dismiss();
+        }
+      },
+      position: "top-center"
+    }) : a(p.map((u) => u.id));
+  }, [r, o, a, l]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+    !CANNOT_COPY_BLOCKS && /* @__PURE__ */ jsxs(
       DropdownMenuItem,
       {
-        disabled: !canDuplicateBlock(i == null ? void 0 : i._type),
-        onClick: d,
+        disabled: !canDuplicateBlock(d == null ? void 0 : d._type),
+        onClick: c,
         className: "flex items-center gap-x-4 text-xs",
         children: [
           /* @__PURE__ */ jsx(CopyIcon, {}),
           " ",
-          l("Copy")
+          i("Copy")
         ]
       }
     ),
@@ -7017,7 +7103,7 @@ const registerChaiSaveToLibrary = (o) => {
         children: [
           /* @__PURE__ */ jsx(CardStackIcon, {}),
           " ",
-          l("Paste")
+          i("Paste")
         ]
       }
     )
@@ -7315,7 +7401,35 @@ const Input = ({ node: o }) => {
       ]
     }
   ) });
-}), useCanMove = () => {
+}), PasteAtRootContextMenu = ({ parentContext: o, setParentContext: r }) => {
+  const { t: n } = useTranslation(), { canPaste: a, pasteBlocks: l } = usePasteBlocks();
+  return useEffect(() => {
+    a("root") || r(null);
+  }, [a("root")]), !o || !a("root") ? null : /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsxs(DropdownMenu, { open: !0, onOpenChange: () => r(null), children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: "hidden" }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        className: "absolute w-28 p-1 text-xs",
+        style: { top: o.y, left: o.x },
+        children: /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            className: "flex items-center gap-x-4 text-xs",
+            onClick: () => {
+              l("root"), r(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(CardStackIcon, {}),
+              " ",
+              n("Paste")
+            ]
+          }
+        )
+      }
+    )
+  ] }) });
+}, useCanMove = () => {
   const [o] = useBlocksStore();
   return (r, n) => {
     var i;
@@ -7415,7 +7529,7 @@ const Input = ({ node: o }) => {
     /* @__PURE__ */ jsx("div", { className: cn$1("flex h-full select-none flex-col space-y-1"), onClick: () => clearSelection(), children: /* @__PURE__ */ jsxs(
       "div",
       {
-        id: "outline-view",
+        id: "outline-view ",
         className: "no-scrollbar h-full overflow-y-auto text-sm",
         onKeyDown: (o) => {
           treeRef.current.isEditing || handleKeyDown(o);
@@ -7486,7 +7600,8 @@ const Input = ({ node: o }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(SaveToLibraryModal, {})
+    /* @__PURE__ */ jsx(SaveToLibraryModal, {}),
+    /* @__PURE__ */ jsx(PasteAtRootContextMenu, { parentContext, setParentContext })
   ] });
 }, BorderRadiusInput = ({ value: o, onChange: r, disabled: n }) => {
   const a = debounce((l) => r(l), 200);
@@ -9483,7 +9598,7 @@ export {
   useCanvasDisplayWidth,
   useCanvasZoom,
   useCodeEditor,
-  useCopyBlockIds,
+  useCopyBlocks as useCopyBlockIds,
   useCopyToClipboard,
   useCurrentPage,
   useCutBlockIds,
@@ -9494,7 +9609,7 @@ export {
   useLanguages,
   useLibraryBlocks,
   useMediaManagerComponent,
-  usePartailBlocksStore,
+  usePartialBlocksStore as usePartailBlocksStore,
   usePartialBlocksList,
   usePasteBlocks,
   usePermissions,

package/package.json

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

package/dist/code-editor-B7r9YjDC.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./core.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");const C=require("react-i18next"),v=require("./sooner-AJ7QkeLS.cjs"),j=require("@radix-ui/react-icons"),q=require("@react-hookz/web"),d=o=>{const s=document.createElement("div");return s.innerHTML=o,s.innerHTML};function g(){const{t:o}=C.useTranslation(),[s,x]=c.useState(!1),[i,m]=c.useState(""),[t,a]=n.useCodeEditor(),[u]=n.useSelectedBlockIds(),b=n.useUpdateBlocksProps(),f=n.useUpdateBlocksPropsRealtime(),h=q.useThrottledCallback(l=>{const r=d(l);f([t.blockId],{[t.blockProp]:r})},[],300),p=c.useCallback(()=>{if(s){const l=d(i);b([t.blockId],{[t.blockProp]:l})}},[s,i]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(p(),a(null))},[u]);const k=()=>{a(null)};return e.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsx("button",{onClick:k,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:o("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:o("Scripts will be only executed in preview and live mode.")})]}),e.jsx("div",{className:"flex gap-x-2",children:e.jsx(v.Button,{onClick:()=>a(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsx(j.Cross2Icon,{})})})]}),e.jsx("textarea",{className:"h-full w-full bg-black p-2 font-mono text-xs text-white/90",value:i||t.initialCode,onChange:l=>{const r=l.target.value;x(!0),m(r),h(r)}})]})]})}exports.default=g;