@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/web-preview-Cio70gk5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("./index-DF5DEvqb.cjs"),h=require("jotai"),x=require("lodash-es"),n=require("lucide-react"),c=require("./index-WQwzsC7A.cjs"),m=[{title:"mobile_xs_title",content:"mobile_xs_content",icon:e.jsx(n.Smartphone,{className:"h-4 w-4"}),width:400},{title:"tablet_md_title",content:"tablet_md_content",icon:e.jsx(n.Tablet,{className:"h-4 w-4"}),width:800},{title:"desktop_xl_title",content:"desktop_xl_content",icon:e.jsx(n.Laptop,{className:"h-4 w-4"}),width:1200},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",icon:e.jsx(n.LaptopMinimal,{className:"h-4 w-4"}),width:1600}],w=({currentWidth:t,width:s,icon:o,setIframeWidth:r})=>e.jsx(a.Button,{className:"px-3 py-3",onClick:()=>r(s),variant:s===t?"default":"ghost",children:o}),p=()=>{const[t,s]=l.useState(1200),o=i=>s(i),[r,d]=h.useAtom(c.previewUrlAtom);if(!r)return null;const u=()=>{d("")};return e.jsxs("div",{className:"absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100",children:[e.jsxs("div",{className:"flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm",children:[e.jsx("div",{className:"flex items-center justify-center rounded-md border border-gray-300",children:x.map(m,i=>l.createElement(w,{...i,setIframeWidth:o,key:i.title,currentWidth:t}))})," ",e.jsx(c.Tooltip,{content:"Exit Preview",delayDuration:0,children:e.jsx(a.Button,{variant:"destructive",size:"sm",onClick:u,children:e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",fill:"currentColor",fillRule:"evenodd","clip-rule":"evenodd"})})})})]}),e.jsx("iframe",{style:{width:`${t}px`,transition:"width 0.3s ease-in-out"},className:"no-scrollbar mx-auto h-full overflow-y-auto border bg-white",src:r})]})};exports.default=p;

package/dist/web-preview-Djy6WIyj.js

@@ -0,0 +1,73 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as d, createElement as m } from "react";
+import { B as s } from "./index-Ct7ElCGK.js";
+import { useAtom as h } from "jotai";
+import { map as p } from "lodash-es";
+import { Smartphone as w, Tablet as f, Laptop as u, LaptopMinimal as x } from "lucide-react";
+import { p as v, T as _ } from "./index-ZuacEL1j.js";
+const b = [
+  {
+    title: "mobile_xs_title",
+    content: "mobile_xs_content",
+    icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+    width: 400
+  },
+  {
+    title: "tablet_md_title",
+    content: "tablet_md_content",
+    icon: /* @__PURE__ */ e(f, { className: "h-4 w-4" }),
+    width: 800
+  },
+  {
+    title: "desktop_xl_title",
+    content: "desktop_xl_content",
+    icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
+    width: 1200
+  },
+  {
+    title: "large_desktop_2xl_title",
+    content: "large_desktop_2xl_content",
+    icon: /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
+    width: 1600
+  }
+], g = ({ currentWidth: t, width: r, icon: l, setIframeWidth: o }) => /* @__PURE__ */ e(
+  s,
+  {
+    className: "px-3 py-3",
+    onClick: () => o(r),
+    variant: r === t ? "default" : "ghost",
+    children: l
+  }
+), j = () => {
+  const [t, r] = d(1200), l = (i) => r(i), [o, a] = h(v);
+  if (!o) return null;
+  const c = () => {
+    a("");
+  };
+  return /* @__PURE__ */ n("div", { className: "absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100", children: [
+    /* @__PURE__ */ n("div", { className: "flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-md border border-gray-300", children: p(b, (i) => /* @__PURE__ */ m(g, { ...i, setIframeWidth: l, key: i.title, currentWidth: t })) }),
+      " ",
+      /* @__PURE__ */ e(_, { content: "Exit Preview", delayDuration: 0, children: /* @__PURE__ */ e(s, { variant: "destructive", size: "sm", onClick: c, children: /* @__PURE__ */ e("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",
+          fill: "currentColor",
+          fillRule: "evenodd",
+          "clip-rule": "evenodd"
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ e(
+      "iframe",
+      {
+        style: { width: `${t}px`, transition: "width 0.3s ease-in-out" },
+        className: "no-scrollbar mx-auto h-full overflow-y-auto border bg-white",
+        src: o
+      }
+    )
+  ] });
+};
+export {
+  j as default
+};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@chaibuilder/sdk",
-  "description": "AI Enabled Open source visual builder",
+  "description": "AI Enabled Open source website builder for ReactJS",
   "private": false,
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.3",
   "type": "module",
   "repository": {
     "type": "git",
@@ -16,27 +16,46 @@
   ],
   "main": "dist/core.js",
   "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "live": "tsc && vite build --config vite.config.live.ts",
+    "live:serve": "cd live && npx http-server -p 8080",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:errors": "eslint . --ext ts,tsx --quiet --max-warnings 0",
+    "lint:warnings": "eslint . --ext ts,tsx --min-warnings 1",
+    "preview": "vite preview",
+    "test": "vitest --run",
+    "test:watch": "vitest --watch",
+    "test:coverage": "vitest --coverage",
+    "e2e": "playwright test",
+    "e2e:report": "playwright show-report",
+    "e2e:ui": "playwright test --ui",
+    "docs:api": "typedoc",
+    "docs:serve": "docsify serve docs",
+    "prepare": "husky"
+  },
   "exports": {
     ".": {
       "types": "./dist/core.d.ts",
       "import": "./dist/core.js",
       "require": "./dist/core.cjs"
     },
+    "./pages": {
+      "types": "./dist/pages.d.ts",
+      "import": "./dist/pages.js",
+      "require": "./dist/pages.cjs"
+    },
+    "./actions": {
+      "types": "./dist/actions.d.ts",
+      "import": "./dist/actions.js",
+      "require": "./dist/actions.cjs"
+    },
     "./render": {
       "types": "./dist/render.d.ts",
       "import": "./dist/render.js",
       "require": "./dist/render.cjs"
     },
-    "./ui": {
-      "types": "./dist/ui.d.ts",
-      "import": "./dist/ui.js",
-      "require": "./dist/ui.cjs"
-    },
-    "./tailwind": {
-      "types": "./dist/tailwind.d.ts",
-      "import": "./dist/tailwind.js",
-      "require": "./dist/tailwind.cjs"
-    },
     "./web-blocks": {
       "types": "./dist/web-blocks.d.ts",
       "import": "./dist/web-blocks.js",
@@ -47,18 +66,33 @@
       "import": "./dist/runtime.js",
       "require": "./dist/runtime.cjs"
     },
+    "./actions/supabase": {
+      "types": "./dist/supabase-actions.d.ts",
+      "import": "./dist/supabase-actions.js",
+      "require": "./dist/supabase-actions.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "require": "./dist/utils.cjs"
+    },
     "./styles": {
       "import": "./dist/sdk.css",
       "require": "./dist/sdk.css"
     }
   },
   "peerDependencies": {
-    "@chaibuilder/runtime": "2.2.0",
+    "@supabase/supabase-js": "^2.89.0",
     "@types/react": "*",
     "@types/react-dom": "*",
-    "jotai": "2.14.0",
-    "react": "^19.2",
-    "react-dom": "^19.2"
+    "ai": "^6.0.11",
+    "drizzle-orm": "^0.45.1",
+    "next": "16.1.1",
+    "postgres": "^3.4.8",
+    "react": "^18.0 || ^19.0 || ^19.1 || ^19.2",
+    "react-dom": "^18.0 || ^19.0 || ^19.1 || ^19.2",
+    "sharp": "^0.34.5",
+    "streamdown": "^1.6.10"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -66,66 +100,91 @@
     },
     "@types/react-dom": {
       "optional": true
+    },
+    "drizzle-orm": {
+      "optional": true
+    },
+    "postgres": {
+      "optional": true
+    },
+    "ai": {
+      "optional": true
+    },
+    "streamdown": {
+      "optional": true
+    },
+    "sharp": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    },
+    "@supabase/supabase-js": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@chaibuilder/runtime": "2.2.0",
     "@floating-ui/dom": "1.7.4",
     "@floating-ui/react-dom": "2.1.6",
-    "@iconify-json/lucide": "^1.2.71",
+    "@iconify-json/lucide": "^1.2.82",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.2",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-accordion": "^1.2.11",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-context-menu": "^2.2.15",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-menubar": "^1.1.15",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-scroll-area": "^1.2.9",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.5",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toast": "^1.2.14",
-    "@radix-ui/react-toggle": "^1.1.9",
-    "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@react-hookz/web": "25.1.1",
     "@rjsf/core": "5.24.13",
     "@rjsf/utils": "5.24.13",
     "@rjsf/validator-ajv8": "5.24.13",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/line-clamp": "^0.4.4",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@tiptap/core": "^2.11.5",
-    "@tiptap/extension-bubble-menu": "^2.11.5",
-    "@tiptap/extension-bullet-list": "^2.12.0",
-    "@tiptap/extension-color": "2.11.5",
-    "@tiptap/extension-highlight": "^2.11.5",
-    "@tiptap/extension-link": "^2.11.5",
-    "@tiptap/extension-ordered-list": "^2.12.0",
-    "@tiptap/extension-placeholder": "^2.12.0",
-    "@tiptap/extension-text-align": "^2.11.5",
-    "@tiptap/extension-text-style": "^2.11.5",
-    "@tiptap/extension-underline": "^2.11.5",
-    "@tiptap/pm": "^2.11.5",
-    "@tiptap/react": "^2.11.5",
-    "@tiptap/starter-kit": "^2.11.5",
+    "@tailwindcss/typography": "^0.5.19",
+    "@tanstack/react-query": "^5.90.16",
+    "@tanstack/react-virtual": "^3.13.16",
+    "@tiptap/extension-bubble-menu": "^2.27.1",
+    "@tiptap/extension-bullet-list": "^2.27.1",
+    "@tiptap/extension-color": "^2.27.1",
+    "@tiptap/extension-highlight": "^2.27.1",
+    "@tiptap/extension-link": "^2.27.1",
+    "@tiptap/extension-ordered-list": "^2.27.1",
+    "@tiptap/extension-placeholder": "^2.27.1",
+    "@tiptap/extension-text-align": "^2.27.1",
+    "@tiptap/extension-text-style": "^2.27.1",
+    "@tiptap/extension-underline": "^2.27.1",
+    "@tiptap/pm": "^2.27.1",
+    "@tiptap/react": "^2.27.1",
+    "@tiptap/starter-kit": "^2.27.1",
+    "canvas-confetti": "^1.9.4",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "^1.1.1",
+    "compressorjs": "^1.2.1",
     "culori": "^4.0.2",
+    "date-fns": "^4.1.0",
     "flagged": "3.0.0",
     "framer-motion": "12.23.20",
     "fuse.js": "7.1.0",
@@ -134,81 +193,92 @@
     "jotai": "2.14.0",
     "lodash": "^4.17.21",
     "lodash-es": "4.17.21",
+    "lucide-react": "^0.562.0",
     "monaco-editor": "^0.54.0",
+    "motion": "^12.24.1",
+    "nanoid": "^5.1.6",
     "react-arborist": "3.4.3",
     "react-autosuggest": "10.1.0",
     "react-colorful": "5.6.1",
-    "react-error-boundary": "^6.0.0",
-    "react-hotkeys-hook": "5.1.0",
+    "react-diff-view": "^3.3.2",
+    "react-dropzone": "^14.3.8",
+    "react-error-boundary": "^6.0.2",
+    "react-filerobot-image-editor": "4.9.1",
+    "react-hotkeys-hook": "5.2.1",
     "react-i18next": "16.0.0",
     "react-wrap-balancer": "^1.1.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tree-model": "^1.0.7",
-    "undo-manager": "1.1.1"
+    "undo-manager": "1.1.1",
+    "use-stick-to-bottom": "^1.1.1",
+    "zod": "4.3.5"
   },
   "devDependencies": {
     "@commitlint/cli": "19.6.1",
     "@commitlint/config-conventional": "19.6.0",
     "@emotion/react": "^11.14.0",
-    "@faker-js/faker": "^9.4.0",
-    "@microsoft/clarity": "^1.0.0",
-    "@playwright/test": "^1.50.0",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@tailwindcss/vite": "^4.1.17",
-    "@tanstack/eslint-plugin-query": "^5.64.2",
-    "@testing-library/react": "^16.2.0",
-    "@types/lodash": "^4.17.14",
-    "@types/node": "^20.17.11",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
-    "@typescript-eslint/parser": "^8.21.0",
-    "@vitejs/plugin-react-swc": "^3.7.2",
+    "@faker-js/faker": "^9.9.0",
+    "@microsoft/clarity": "^1.0.2",
+    "@playwright/test": "^1.57.0",
+    "@supabase/supabase-js": "^2.89.0",
+    "@tanstack/eslint-plugin-query": "^5.91.2",
+    "@tanstack/react-query-devtools": "^5.91.2",
+    "@testing-library/react": "^16.3.1",
+    "@types/cors": "^2.8.19",
+    "@types/express": "^5.0.6",
+    "@types/express-fileupload": "1.5.1",
+    "@types/lodash": "^4.17.21",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.19.27",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "ai": "^6.0.11",
+    "autoprefixer": "^10.4.23",
     "cheerio": "1.0.0-rc.12",
-    "dotenv": "^16.4.7",
-    "eslint": "^9.18.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
+    "cors": "^2.8.5",
+    "docsify-cli": "^4.4.4",
+    "dotenv": "^16.6.1",
+    "drizzle-kit": "^0.31.8",
+    "drizzle-orm": "^0.45.1",
+    "eslint": "9.39.2",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-refresh": "0.4.26",
+    "express": "^5.2.1",
+    "express-fileupload": "^1.5.2",
     "husky": "^9.1.7",
     "jest-environment-jsdom": "^29.7.0",
-    "jsdoc": "^4.0.4",
-    "msw": "^2.7.0",
-    "postcss": "^8.5.1",
-    "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.7.1",
+    "jiti": "^2.6.1",
+    "jsdoc": "^4.0.5",
+    "postcss": "^8.5.6",
+    "postgres": "^3.4.8",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "prop-types": "^15.8.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "react-router-dom": "^7.1.3",
+    "react-router-dom": "^7.11.0",
     "shadcn": "2.3.0",
-    "tailwindcss": "^4.1.17",
+    "sharp": "^0.34.5",
+    "streamdown": "^1.6.10",
+    "tailwindcss": "^3.4.19",
     "tailwindcss-animate": "^1.0.7",
-    "ts-jest": "^29.2.5",
+    "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.4"
+    "typedoc": "^0.28.16",
+    "typedoc-plugin-markdown": "^4.9.0",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "msw": {
     "workerDirectory": "public"
   },
   "engines": {
     "node": ">=21.0.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "live": "tsc && vite build --config vite.config.live.ts",
-    "live:serve": "cd live && npx http-server -p 8080",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "test": "vitest --run",
-    "test:watch": "vitest --watch",
-    "test:coverage": "vitest --coverage",
-    "e2e": "playwright test",
-    "e2e:report": "playwright show-report",
-    "e2e:ui": "playwright test --ui"
   }
-}
+}