@chaibuilder/sdk 3.2.13 → 4.0.0-beta.10

package/README.md

@@ -1,77 +1,104 @@
-# Chai Builder - Open Source Tailwind Builder
+# Chai Builder - Open Source React Website 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. 
+[![npm version](https://img.shields.io/npm/v/@chaibuilder/sdk.svg)](https://www.npmjs.com/package/@chaibuilder/sdk)
+[![License](https://img.shields.io/npm/l/@chaibuilder/sdk.svg)](https://github.com/chaibuilder/chaibuilder-sdk/blob/main/LICENSE)
 
-Docs: https://docs.chaibuilder.com/
+Chai Builder is a **full open-source React website builder** that empowers developers to create stunning web pages visually using drag-and-drop functionality. Built with React and Tailwind CSS, it seamlessly integrates into your existing projects.
 
-Demo: https://chaibuilder-sdk.vercel.app/
+🚀 **Out-of-the-box support for:**
+
+- **Next.js 16**
+- **Tailwind CSS v3+**
+
+📚 **[CodeWiki](https://codewiki.google/github.com/chaibuilder/sdk)** | **[Documentation](https://docs.chaibuilder.com/)** | 🎨 **[Live Demo](https://chaibuilder-sdk.vercel.app/)** 
 
 ![CHAI BUILDER](https://fldwljgzcktqnysdkxnn.supabase.co/storage/v1/object/public/dam-assets/assets/chai-builder.jpg)
 
+## ✨ Features
+
+- 🎨 **Visual Drag & Drop Builder** - Create pages visually without writing code
+- ⚛️ **React-First** - Built as a React component for seamless integration
+- 🎯 **Tailwind CSS Powered** - Leverage the full power of Tailwind CSS v3+
+- 🚀 **Next.js 16 Ready** - Full support for the latest Next.js features
+- 🔧 **Two Flexible Modes** - Use as a core builder component or as a complete Next.js website builder
+- 📦 **Extensible** - Add custom blocks and components
+- 💾 **Data Control** - Full control over how and where you save your data
+- 🎭 **Framework Agnostic Rendering** - Render blocks in any React application
+
 ---
 
-### 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.
-```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";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-```
-
-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";
-
-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
-          }}
-      />
-  );
-}
-```
-    
-### Render the blocks on your page.
-
-```tsx
-export default () => {
-    return <RenderChaiBlocks blocks={blocks}/>
-}
-```
+## 📦 Packages
+
+Chai Builder is available in two packages:
 
 ---
-## Support
+
+### `@chaibuilder/sdk` - Core Builder
+
+**For any React application**
+
+The core builder package that can be integrated as a standard React component into any React application. Perfect for building custom page builders and visual editors.
+
+**Core Features:**
+
+- 🎨 **Drag & Drop React Builder** - Visual builder component for React
+- 🔧 **Extensible API** - Add custom layouts with ease
+- 🪝 **Inner Hooks** - Exposed hooks to create custom layouts
+- 📦 **Custom Blocks** - Register custom blocks and block settings
+- 🎛️ **Custom Panels** - Add your own custom panels
+- 🔗 **Data Binding** - Built-in data-binding support
+- 🌍 **i18n Support** - Internationalization ready
+- 🤖 **AI Panel** - AI Chat Panel
+- 🧩 **Partial Blocks** - Reusable header, footer components
+- 🎨 **Theme System** - Customizable theming
+- 🎯 **Design Tokens** - Design system integration
+- 📄 **Import HTML** - Import existing HTML content
+
+📚 **[View Documentation](https://docs.chaibuilder.com/)**
+
+---
+
+### `@chaibuilder/next` - Next.js Website Builder
+
+**For public content-heavy sites**
+
+A more powerful Next.js-specific implementation designed for blogs, marketing sites, documentation, and any public-facing content. Built with **SSG (Static Site Generation) + ISR (Incremental Static Regeneration)** for optimal performance.
+
+**All Core Features Plus:**
+
+- 📄 **Page Types** - Define custom page types with specific layouts
+- 📚 **Collections** - Manage content collections (blogs, products, portfolios)
+- 🖼️ **Media Manager** - Built-in media manager with image editor
+- 🤖 **AI Assistant** - Create and edit UI components and content with AI
+- 🔍 **SEO & JSON-LD** - Advanced SEO features with structured data
+- 🌐 **Multilingual** - Multilingual support
+- 👁️ **Preview Mode** - Live preview before publishing
+- 📝 **Revisions & Compare** - Version control with comparison tools
+- 📚 **Library Blocks** - Shared block library across projects
+- 🔒 **Page Lock** - Prevent conflicts with page locking
+- 🔒 **CMS Integration** - Connect to any headless CMS
+- 🔐 **BYO Stack** - Bring Your Own Auth, Database (Postgres), and Storage
+
+🚀 **Get Started:** [Next.js + Supabase Starter](https://github.com/chaibuilder/chaibuilder-next-supabase-starter) (Work in Progress)
+
+---
+
+## 🎯 Use Cases
+
+- **Landing Pages** - Build beautiful landing pages with ease
+- **Marketing Websites** - Create and update marketing content visually
+- **Content Management** - Empower non-technical users to create pages
+- **Rapid Prototyping** - Quickly prototype and iterate on designs
+- **White-Label Solutions** - Build page builders into your SaaS products
+
+---
+
+## 🤝 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-CfHqXEo6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./AP7HFJJL-B3bVbF4b.cjs"),t=require("./index-DTz1hNwi.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-KxbQMSQF.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-DJe0zNfP.js";
+import { w as h, x as v, y as e } from "./index-CsChke2B.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
+};