@chaibuilder/sdk 3.2.8 → 4.0.0-beta.2

package/README.md

@@ -1,8 +1,8 @@
 # Chai Builder - Open Source Tailwind Builder
 
-Chai Builder is an Open Source Low Code React + Tailwind CSS Visual Builder. 
-It allows you to create web pages visually by dragging and dropping elements onto the canvas. 
-It is a simple React component that renders a full-fledged visual builder into any React application. 
+Chai Builder is an Open Source Low Code React + Tailwind CSS Visual Builder.
+It allows you to create web pages visually by dragging and dropping elements onto the canvas.
+It is a simple React component that renders a full-fledged visual builder into any React application.
 
 Docs: https://docs.chaibuilder.com/
 
@@ -15,19 +15,21 @@ Demo: https://chaibuilder-sdk.vercel.app/
 ### Manual installation:
 
 Step 1: Install the packages
+
 ```bash
 npm install @chaibuilder/sdk
 ```
 
 Step 2: Add a custom tailwind config.
-Create a new file: `tailwind.chaibuilder.config.ts`.  <br /> Pass the path to your source files.
+Create a new file: `tailwind.chaibuilder.config.ts`. <br /> Pass the path to your source files.
+
 ```tsx
 import { getChaiBuilderTailwindConfig } from "@chaibuilder/sdk/tailwind";
 export default getChaiBuilderTailwindConfig(["./src/**/*.{js,ts,jsx,tsx}"]);
-
 ```
 
 Step 3: Create a new `chaibuilder.tailwind.css`
+
 ```css
 @config "./tailwind.chaibuilder.config.ts";
 
@@ -37,41 +39,44 @@ Step 3: Create a new `chaibuilder.tailwind.css`
 ```
 
 Step 4: Add the builder to your page.
+
 ```tsx
 import "./chaibuilder.tailwind.css";
 import "@chaibuilder/sdk/styles";
-import {loadWebBlocks} from "@chaibuilder/sdk/web-blocks";
-import { ChaiBuilderEditor } from "@chaibuilder/sdk";
+import { loadWebBlocks } from "@chaibuilder/sdk/web-blocks";
+import { ChaiBuilderEditor } from "@/core/main";
 
 loadWebBlocks();
 
 const BuilderFullPage = () => {
-  return  (
-      <ChaiBuilderEditor
-          blocks={[{_type: 'Heading', _id: 'a', content: 'This is a heading', styles: '#styles:,text-3xl font-bold'}]}
-          onSave={async ({ blocks, providers, brandingOptions } ) => {
-            console.log(blocks, providers, brandingOptions );
-            return true
-          }}
-      />
+  return (
+    <ChaiBuilderEditor
+      blocks={[{ _type: "Heading", _id: "a", content: "This is a heading", styles: "#styles:,text-3xl font-bold" }]}
+      onSave={async ({ blocks, providers, brandingOptions }) => {
+        console.log(blocks, providers, brandingOptions);
+        return true;
+      }}
+    />
   );
-}
+};
 ```
-    
+
 ### Render the blocks on your page.
 
 ```tsx
 export default () => {
-    return <RenderChaiBlocks blocks={blocks}/>
-}
+  return <RenderChaiBlocks blocks={blocks} />;
+};
 ```
 
 ---
+
 ## Support
+
 If you like the project, you can assist us in expanding. ChaiBuilder is a collaborative endeavor crafted by developers in their free time. We value every contribution, no matter how modest, as each one represents a significant step forward in various ways, particularly in fueling our drive to enhance this tool continually.
 
 <a href="https://www.buymeacoffee.com/chaibuilder" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 25px !important;width: 117px !important;" ></a>
 
-
 ## Acknowledgments
+
 Chai Builder stands on the shoulders of many open-source libraries and tools. We extend our gratitude to the developers and maintainers of these projects for their contributions.

package/dist/2SSKDMRQ-C4VFVd-q.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AP7HFJJL-B7YYCY9q.cjs"),t=require("./index-CbwxUFy_.cjs");var u=r=>{const[o,n]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),a=t.getPreferredColorScheme(),c=t.createMemo(()=>{const l=r.theme||o.theme_preference||e.THEME_PREFERENCE;return l!=="system"?l:a()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:r,get children(){return t.createComponent(e.PiPProvider,{disabled:!0,localStore:o,setLocalStore:n,get children(){return t.createComponent(e.ThemeContext.Provider,{value:c,get children(){return t.createComponent(e.ParentPanel,{get children(){return t.createComponent(e.ContentView,{localStore:o,setLocalStore:n,get onClose(){return r.onClose},showPanelViewOnly:!0})}})}})}})}})},s=u;exports.default=s;

package/dist/2SSKDMRQ-DSnzF_1o.js

@@ -0,0 +1,42 @@
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./AP7HFJJL-Cxwj01Aq.js";
+import { w as h, x as v, y as e } from "./index-BDnwJqMw.js";
+var C = (r) => {
+  const [t, o] = s({
+    prefix: "TanstackQueryDevtools"
+  }), a = h(), l = v(() => {
+    const n = r.theme || t.theme_preference || c;
+    return n !== "system" ? n : a();
+  });
+  return e(d.Provider, {
+    value: r,
+    get children() {
+      return e(u, {
+        disabled: !0,
+        localStore: t,
+        setLocalStore: o,
+        get children() {
+          return e(i.Provider, {
+            value: l,
+            get children() {
+              return e(m, {
+                get children() {
+                  return e(P, {
+                    localStore: t,
+                    setLocalStore: o,
+                    get onClose() {
+                      return r.onClose;
+                    },
+                    showPanelViewOnly: !0
+                  });
+                }
+              });
+            }
+          });
+        }
+      });
+    }
+  });
+}, E = C;
+export {
+  E as default
+};