@chaibuilder/sdk 2.0.0-beta.94 → 2.0.0-beta.96

package/dist/core.cjs

@@ -840,7 +840,7 @@ const StoreContext = React.createContext(
 );
 const useStore = (options) => {
   const store = React.useContext(StoreContext);
-  return store || getDefaultStore();
+  return (options == null ? void 0 : options.store) || store || getDefaultStore();
 };
 const isPromiseLike = (x) => typeof (x == null ? void 0 : x.then) === "function";
 const attachPromiseMeta = (promise) => {
@@ -906,7 +906,7 @@ const createContinuablePromise = (promise) => {
   return continuablePromise;
 };
 function useAtomValue(atom2, options) {
-  const store = useStore();
+  const store = useStore(options);
   const [[valueFromReducer, storeFromReducer, atomFromReducer], rerender] = React.useReducer(
     (prev) => {
       const nextValue = store.get(atom2);
@@ -939,7 +939,7 @@ function useAtomValue(atom2, options) {
   return value;
 }
 function useSetAtom(atom2, options) {
-  const store = useStore();
+  const store = useStore(options);
   const setAtom = React.useCallback(
     (...args) => {
       return store.set(atom2, ...args);
@@ -950,9 +950,9 @@ function useSetAtom(atom2, options) {
 }
 function useAtom(atom2, options) {
   return [
-    useAtomValue(atom2),
+    useAtomValue(atom2, options),
     // We do wrong type assertion here, which results in throwing an error.
-    useSetAtom(atom2)
+    useSetAtom(atom2, options)
   ];
 }
 function useAtomCallback(callback, options) {
@@ -960,7 +960,7 @@ function useAtomCallback(callback, options) {
     () => atom(null, (get, set, ...args) => callback(get, set, ...args)),
     [callback]
   );
-  return useSetAtom(anAtom);
+  return useSetAtom(anAtom, options);
 }
 const readOnlyModeAtom = jotai.atom(false);
 readOnlyModeAtom.debugLabel = "readOnlyModeAtom";
@@ -1822,6 +1822,7 @@ const useRemoveBlocks = () => {
     [presentBlocks, setSelectedIds, ids2]
   );
 };
+const builderStore = jotai.getDefaultStore();
 const writeAtomValue = jotai.atom(
   null,
   // it's a convention to pass `null` for the first argument
@@ -1842,6 +1843,9 @@ const useGetBlockAtomValue = (splitAtoms) => {
     React.useCallback(
       (get, _set, idOrAtom) => {
         const blockAsAtoms = get(splitAtoms);
+        if (!blockAsAtoms || !blockAsAtoms.length) {
+          throw new Error("No blocks available");
+        }
         const blockAtom = lodashEs.find(
           blockAsAtoms,
           (b) => get(b)._id === (lodashEs.isString(idOrAtom) ? idOrAtom : get(idOrAtom)._id)
@@ -1852,7 +1856,8 @@ const useGetBlockAtomValue = (splitAtoms) => {
         return get(blockAtom);
       },
       [splitAtoms]
-    )
+    ),
+    { store: builderStore }
   );
 };
 const useGetBlockAtom = (splitAtoms) => {
@@ -1860,17 +1865,23 @@ const useGetBlockAtom = (splitAtoms) => {
     React.useCallback(
       (get, _set, idOrAtom) => {
         const blockAsAtoms = get(splitAtoms);
+        if (!blockAsAtoms || !blockAsAtoms.length) {
+          console.warn("No blocks available in splitAtoms");
+          return null;
+        }
         const blockAtom = lodashEs.find(
           blockAsAtoms,
           (b) => get(b)._id === (lodashEs.isString(idOrAtom) ? idOrAtom : get(idOrAtom)._id)
         );
         if (!blockAtom) {
-          throw new Error(`Block with id ${idOrAtom} not found`);
+          console.warn(`Block with id ${idOrAtom} not found`);
+          return null;
         }
         return blockAtom;
       },
       [splitAtoms]
-    )
+    ),
+    { store: builderStore }
   );
 };
 function insertBlocksAtPosition(allBlocks, newBlocks, parentId, position) {
@@ -5103,18 +5114,21 @@ const BlocksRenderer = ({
   parent = null,
   splitAtoms = void 0
 }) => {
-  const getAtomValue = useGetBlockAtom(splitAtoms);
+  const getBlockAtom = useGetBlockAtom(splitAtoms);
   const filteredBlocks = React.useMemo(
     () => lodashEs.filter(blocks, (block) => lodashEs.isString(parent) ? block._parent === parent : !block._parent),
     [blocks, parent]
   );
   const hasChildren = React.useCallback((block) => lodashEs.filter(blocks, (b) => b._parent === block._id).length > 0, [blocks]);
   return lodashEs.map(filteredBlocks, (block) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blockAtom: getAtomValue(block._id), children: block._type === "GlobalBlock" ? /* @__PURE__ */ jsxRuntime.jsx(GlobalBlocksRenderer, { blockAtom: getAtomValue(block._id) }) : hasChildren(block) ? /* @__PURE__ */ jsxRuntime.jsx(BlocksRenderer, { splitAtoms, blocks, parent: block._id }) : null }, block._id);
+    const blockAtom = getBlockAtom(block._id);
+    if (!blockAtom) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(BlockRenderer, { blockAtom, children: block._type === "GlobalBlock" ? /* @__PURE__ */ jsxRuntime.jsx(GlobalBlocksRenderer, { blockAtom: getBlockAtom(block._id) }) : hasChildren(block) ? /* @__PURE__ */ jsxRuntime.jsx(BlocksRenderer, { splitAtoms, blocks, parent: block._id }) : null }, block._id);
   });
 };
 const PageBlocksRenderer = () => {
   const [blocks] = useBlocksStore();
+  console.log(jotai.useAtomValue(pageBlocksAtomsAtom));
   return /* @__PURE__ */ jsxRuntime.jsx(BlocksRenderer, { splitAtoms: pageBlocksAtomsAtom, blocks });
 };
 const StaticBlocksRenderer = () => {
@@ -11037,7 +11051,6 @@ function getFromQueryParams(key) {
 const FEATURE_TOGGLES = {
   dnd: getFromQueryParams("dnd")
 };
-const builderStore = jotai.getDefaultStore();
 const setDebugLogs = (value) => {
 };
 const getParentNodeIds = (blocks, id) => {

package/dist/core.js

@@ -5,7 +5,7 @@ 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-DHla8ofZ.js";
-import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, useSetAtom as useSetAtom$1, getDefaultStore as getDefaultStore$1 } from "jotai";
+import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, getDefaultStore as getDefaultStore$1, useSetAtom as useSetAtom$1 } 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 { g as generateUUID, a as getBreakpointValue, c as cn, G as GenIcon } from "./iconBase-CWgVxu0A.js";
@@ -825,7 +825,7 @@ const StoreContext = createContext(
 );
 const useStore = (options) => {
   const store = useContext(StoreContext);
-  return store || getDefaultStore();
+  return (options == null ? void 0 : options.store) || store || getDefaultStore();
 };
 const isPromiseLike = (x) => typeof (x == null ? void 0 : x.then) === "function";
 const attachPromiseMeta = (promise) => {
@@ -891,7 +891,7 @@ const createContinuablePromise = (promise) => {
   return continuablePromise;
 };
 function useAtomValue(atom2, options) {
-  const store = useStore();
+  const store = useStore(options);
   const [[valueFromReducer, storeFromReducer, atomFromReducer], rerender] = useReducer(
     (prev) => {
       const nextValue = store.get(atom2);
@@ -924,7 +924,7 @@ function useAtomValue(atom2, options) {
   return value;
 }
 function useSetAtom(atom2, options) {
-  const store = useStore();
+  const store = useStore(options);
   const setAtom = useCallback(
     (...args) => {
       return store.set(atom2, ...args);
@@ -935,9 +935,9 @@ function useSetAtom(atom2, options) {
 }
 function useAtom(atom2, options) {
   return [
-    useAtomValue(atom2),
+    useAtomValue(atom2, options),
     // We do wrong type assertion here, which results in throwing an error.
-    useSetAtom(atom2)
+    useSetAtom(atom2, options)
   ];
 }
 function useAtomCallback(callback, options) {
@@ -945,7 +945,7 @@ function useAtomCallback(callback, options) {
     () => atom(null, (get2, set2, ...args) => callback(get2, set2, ...args)),
     [callback]
   );
-  return useSetAtom(anAtom);
+  return useSetAtom(anAtom, options);
 }
 const readOnlyModeAtom = atom$1(false);
 readOnlyModeAtom.debugLabel = "readOnlyModeAtom";
@@ -1807,6 +1807,7 @@ const useRemoveBlocks = () => {
     [presentBlocks, setSelectedIds, ids2]
   );
 };
+const builderStore = getDefaultStore$1();
 const writeAtomValue = atom$1(
   null,
   // it's a convention to pass `null` for the first argument
@@ -1827,6 +1828,9 @@ const useGetBlockAtomValue = (splitAtoms) => {
     useCallback(
       (get2, _set, idOrAtom) => {
         const blockAsAtoms = get2(splitAtoms);
+        if (!blockAsAtoms || !blockAsAtoms.length) {
+          throw new Error("No blocks available");
+        }
         const blockAtom = find(
           blockAsAtoms,
           (b) => get2(b)._id === (isString(idOrAtom) ? idOrAtom : get2(idOrAtom)._id)
@@ -1837,7 +1841,8 @@ const useGetBlockAtomValue = (splitAtoms) => {
         return get2(blockAtom);
       },
       [splitAtoms]
-    )
+    ),
+    { store: builderStore }
   );
 };
 const useGetBlockAtom = (splitAtoms) => {
@@ -1845,17 +1850,23 @@ const useGetBlockAtom = (splitAtoms) => {
     useCallback(
       (get2, _set, idOrAtom) => {
         const blockAsAtoms = get2(splitAtoms);
+        if (!blockAsAtoms || !blockAsAtoms.length) {
+          console.warn("No blocks available in splitAtoms");
+          return null;
+        }
         const blockAtom = find(
           blockAsAtoms,
           (b) => get2(b)._id === (isString(idOrAtom) ? idOrAtom : get2(idOrAtom)._id)
         );
         if (!blockAtom) {
-          throw new Error(`Block with id ${idOrAtom} not found`);
+          console.warn(`Block with id ${idOrAtom} not found`);
+          return null;
         }
         return blockAtom;
       },
       [splitAtoms]
-    )
+    ),
+    { store: builderStore }
   );
 };
 function insertBlocksAtPosition(allBlocks, newBlocks, parentId, position) {
@@ -5088,18 +5099,21 @@ const BlocksRenderer = ({
   parent = null,
   splitAtoms = void 0
 }) => {
-  const getAtomValue = useGetBlockAtom(splitAtoms);
+  const getBlockAtom = useGetBlockAtom(splitAtoms);
   const filteredBlocks = useMemo(
     () => filter(blocks, (block) => isString(parent) ? block._parent === parent : !block._parent),
     [blocks, parent]
   );
   const hasChildren = useCallback((block) => filter(blocks, (b) => b._parent === block._id).length > 0, [blocks]);
   return map(filteredBlocks, (block) => {
-    return /* @__PURE__ */ jsx(BlockRenderer, { blockAtom: getAtomValue(block._id), children: block._type === "GlobalBlock" ? /* @__PURE__ */ jsx(GlobalBlocksRenderer, { blockAtom: getAtomValue(block._id) }) : hasChildren(block) ? /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms, blocks, parent: block._id }) : null }, block._id);
+    const blockAtom = getBlockAtom(block._id);
+    if (!blockAtom) return null;
+    return /* @__PURE__ */ jsx(BlockRenderer, { blockAtom, children: block._type === "GlobalBlock" ? /* @__PURE__ */ jsx(GlobalBlocksRenderer, { blockAtom: getBlockAtom(block._id) }) : hasChildren(block) ? /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms, blocks, parent: block._id }) : null }, block._id);
   });
 };
 const PageBlocksRenderer = () => {
   const [blocks] = useBlocksStore();
+  console.log(useAtomValue$1(pageBlocksAtomsAtom));
   return /* @__PURE__ */ jsx(BlocksRenderer, { splitAtoms: pageBlocksAtomsAtom, blocks });
 };
 const StaticBlocksRenderer = () => {
@@ -11022,7 +11036,6 @@ function getFromQueryParams(key) {
 const FEATURE_TOGGLES = {
   dnd: getFromQueryParams("dnd")
 };
-const builderStore = getDefaultStore$1();
 const setDebugLogs = (value) => {
 };
 const getParentNodeIds = (blocks, id) => {

package/package.json

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