@chaibuilder/sdk 2.2.16 → 2.2.18

package/dist/apply-binding-Z9D6RXG4.js

@@ -0,0 +1,267 @@
+import { getRegisteredChaiBlock as B } from "@chaibuilder/runtime";
+import { memoize as k, get as c, cloneDeep as h, forEach as y, keys as _, isString as f, startsWith as u, isArray as b, isEmpty as g, includes as $ } from "lodash-es";
+import { twMerge as C } from "tailwind-merge";
+const E = "#styles:", w = "__ADD_BLOCK_INTERNAL_ROOT", I = (e) => {
+  if (e = e.replace(E, ""), !e) return { baseClasses: "", classes: "" };
+  const s = e.split(/,(?![^\[]*\])/);
+  if (s.length === 1)
+    return { baseClasses: "", classes: s[0].trim() };
+  const [t, ...a] = s;
+  return {
+    baseClasses: t.trim(),
+    classes: a.join(",").trim().replace(/ +(?= )/g, "")
+  };
+};
+import.meta.vitest && describe("getSplitChaiClasses", () => {
+  it("should return the base classes and the classes", () => {
+    const e = {
+      ",styles-2": { baseClasses: "", classes: "styles-2" },
+      "styles-1,styles-2": { baseClasses: "styles-1", classes: "styles-2" },
+      ",bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      "styles-1,bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "styles-1",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      },
+      someclass: {
+        baseClasses: "",
+        classes: "someclass"
+      },
+      ",bg-red-500 text-center   font-bold": {
+        baseClasses: "",
+        classes: "bg-red-500 text-center font-bold"
+      },
+      "bg-[linear-gradient(-10deg,black,transparent_100%)], bg-[linear-gradient(-10deg,black,transparent_100%)]": {
+        baseClasses: "bg-[linear-gradient(-10deg,black,transparent_100%)]",
+        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
+      }
+    };
+    for (let s in e) {
+      const t = I(`${E}${s}`);
+      expect(t).toEqual(e[s]);
+    }
+  });
+});
+function O(e, s, t) {
+  const a = c(t, "i18nProps", []);
+  if (g(s) || g(a)) return e;
+  const n = h(e);
+  return y(_(n), (r) => {
+    $(a, r) && !g(s) && (n[r] = c(n, `${r}-${s}`, n[r]));
+  }), n;
+}
+const D = k((e) => {
+  const { baseClasses: s, classes: t } = I(e);
+  return C(s, t);
+});
+function v(e, s) {
+  return c(e, `${s}_attrs`, {});
+}
+function R(e, s = !0) {
+  const t = {};
+  return Object.keys(e).forEach((a) => {
+    if (f(e[a]) && e[a].startsWith(E)) {
+      const n = D(e[a]), r = v(e, a);
+      t[a] = {
+        ...!g(n) && { className: n },
+        ...r,
+        ...s ? {
+          "data-style-prop": a,
+          "data-block-parent": e._id,
+          "data-style-id": `${a}-${e._id}`
+        } : {}
+      };
+    }
+  }), t;
+}
+const A = k((e) => {
+  const s = B(e), t = c(s, "schema.properties", {});
+  return Object.fromEntries(Object.entries(t).filter(([, a]) => c(a, "runtime", !1)));
+}), j = (e, s) => {
+  if (!b(e)) return e;
+  let t = e, a;
+  return typeof s.limit == "number" && s.limit > 0 && (a = s.limit), a !== void 0 && (t = t.slice(0, a)), t;
+}, z = (e, s) => {
+  const t = h(e);
+  return y(_(t), (a) => {
+    if (f(t[a]) && !u(a, "_")) {
+      let n = t[a];
+      a === "repeaterItems" && (t.repeaterItemsBinding = n);
+      const r = /\{\{(.*?)\}\}/g, d = n.match(r);
+      d && d.forEach((o) => {
+        let l = o.slice(2, -2);
+        const p = c(s, l, o);
+        n = b(p) ? p : n.replace(o, p);
+      }), t[a] = n;
+    }
+  }), t;
+}, i = (e, s, { index: t, key: a }) => {
+  if (f(e)) {
+    let n = e;
+    if (e === "repeaterItems")
+      return { value: e, repeaterItemsBinding: e };
+    const r = /\{\{(.*?)\}\}/g, d = e.match(r);
+    return d && d.forEach((o) => {
+      let l = o.slice(2, -2).trim(), p = a.slice(2, -2).trim();
+      t !== -1 && u(l, "$index.") ? l = `${p}.${t}.${l.slice(7)}` : t !== -1 && u(l, "$index") && (l = `${p}.${t}`);
+      const x = c(s, l, o);
+      n = b(x) ? x : n.replace(o, x);
+    }), n;
+  }
+  if (b(e))
+    return e.map((n) => i(n, s, { index: t, key: a }));
+  if (e && typeof e == "object") {
+    const n = {};
+    return y(_(e), (r) => {
+      u(r, "_") ? n[r] = e[r] : n[r] = i(e[r], s, { index: t, key: a });
+    }), n;
+  }
+  return e;
+}, m = (e, s, { index: t, key: a }) => {
+  const n = h(e), r = i(n, s, { index: t, key: a });
+  return n.repeaterItems && (r.repeaterItemsBinding = n.repeaterItems), r;
+};
+import.meta.vitest && (describe("applyBindingToValue", () => {
+  it("should handle string values with bindings", () => {
+    const t = i("Hello {{user.name}}", { user: { name: "John" } }, { index: -1, key: "" });
+    expect(t).toBe("Hello John");
+  }), it("should handle nested object properties", () => {
+    const t = i({
+      name: "John",
+      address: {
+        city: "{{user.city}}",
+        street: "123 Main St"
+      }
+    }, { user: { city: "New York" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      name: "John",
+      address: {
+        city: "New York",
+        street: "123 Main St"
+      }
+    });
+  }), it("should handle arrays of values", () => {
+    const t = i(["Hello {{user.name}}", "Welcome {{user.role}}"], { user: { name: "John", role: "Admin" } }, { index: -1, key: "" });
+    expect(t).toEqual(["Hello John", "Welcome Admin"]);
+  }), it("should handle repeaterItems special case", () => {
+    const s = i("repeaterItems", {}, { index: -1, key: "" });
+    expect(s).toEqual({ value: "repeaterItems", repeaterItemsBinding: "repeaterItems" });
+  }), it("should handle $index binding in repeater context", () => {
+    const t = i("Item {{$index}}", { items: ["a", "b", "c"] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item b");
+  }), it("should handle $index binding with dot notation", () => {
+    const t = i("Item {{$index.value}}", { items: [{ value: "apple" }, { value: "banana" }, { value: "cherry" }] }, { index: 1, key: "{{items}}" });
+    expect(t).toBe("Item banana");
+  }), it("should preserve private properties starting with _", () => {
+    const s = i({
+      name: "John",
+      _private: "secret"
+    }, {}, { index: -1, key: "" });
+    expect(s).toEqual({
+      name: "John",
+      _private: "secret"
+    });
+  });
+}), describe("applyBindingToBlockProps", () => {
+  it("should handle basic block with bindings", () => {
+    const t = m({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello {{user.name}}",
+      style: {
+        color: "{{theme.color}}"
+      }
+    }, { user: { name: "John" }, theme: { color: "blue" } }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "text",
+      type: "text",
+      content: "Hello John",
+      style: {
+        color: "blue"
+      }
+    });
+  }), it("should handle repeaterItems and repeaterItemsBinding", () => {
+    const t = m({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      repeaterItems: "{{items}}",
+      items: ["a", "b", "c"]
+    }, { items: ["x", "y", "z"] }, { index: -1, key: "" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "repeater",
+      type: "repeater",
+      repeaterItems: ["x", "y", "z"],
+      repeaterItemsBinding: "{{items}}",
+      items: ["a", "b", "c"]
+    });
+  }), it("should handle nested blocks with bindings", () => {
+    const t = m({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item {{$index}}",
+          style: {
+            color: "{{theme.color}}"
+          }
+        }
+      ]
+    }, { theme: { color: "red" }, items: ["x", "y", "z"] }, { index: 2, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "container",
+      type: "container",
+      children: [
+        {
+          _id: "child-block",
+          _type: "text",
+          type: "text",
+          content: "Item z",
+          style: {
+            color: "red"
+          }
+        }
+      ]
+    });
+  }), it("should handle arrays of blocks", () => {
+    const t = m({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item {{$index}}" },
+        { _id: "item2", content: "Item {{$index}}" }
+      ]
+    }, { items: ["x", "y", "z"] }, { index: 0, key: "{{items}}" });
+    expect(t).toEqual({
+      _id: "test-block",
+      _type: "list",
+      type: "list",
+      items: [
+        { _id: "item1", content: "Item x" },
+        { _id: "item2", content: "Item x" }
+      ]
+    });
+  });
+}));
+export {
+  w as R,
+  E as S,
+  m as a,
+  O as b,
+  A as c,
+  j as d,
+  z as e,
+  I as f,
+  R as g
+};

package/dist/apply-binding-k6PclyA3.cjs

@@ -0,0 +1 @@
+"use strict";const y=require("@chaibuilder/runtime"),t=require("lodash-es"),b=require("tailwind-merge"),g="#styles:",h="__ADD_BLOCK_INTERNAL_ROOT",m=e=>{if(e=e.replace(g,""),!e)return{baseClasses:"",classes:""};const i=e.split(/,(?![^\[]*\])/);if(i.length===1)return{baseClasses:"",classes:i[0].trim()};const[s,...n]=i;return{baseClasses:s.trim(),classes:n.join(",").trim().replace(/ +(?= )/g,"")}};function x(e,i,s){const n=t.get(s,"i18nProps",[]);if(t.isEmpty(i)||t.isEmpty(n))return e;const a=t.cloneDeep(e);return t.forEach(t.keys(a),l=>{t.includes(n,l)&&!t.isEmpty(i)&&(a[l]=t.get(a,`${l}-${i}`,a[l]))}),a}const _=t.memoize(e=>{const{baseClasses:i,classes:s}=m(e);return b.twMerge(i,s)});function E(e,i){return t.get(e,`${i}_attrs`,{})}function k(e,i=!0){const s={};return Object.keys(e).forEach(n=>{if(t.isString(e[n])&&e[n].startsWith(g)){const a=_(e[n]),l=E(e,n);s[n]={...!t.isEmpty(a)&&{className:a},...l,...i?{"data-style-prop":n,"data-block-parent":e._id,"data-style-id":`${n}-${e._id}`}:{}}}}),s}const f=t.memoize(e=>{const i=y.getRegisteredChaiBlock(e),s=t.get(i,"schema.properties",{});return Object.fromEntries(Object.entries(s).filter(([,n])=>t.get(n,"runtime",!1)))}),B=(e,i)=>{if(!t.isArray(e))return e;let s=e,n;return typeof i.limit=="number"&&i.limit>0&&(n=i.limit),n!==void 0&&(s=s.slice(0,n)),s},I=(e,i)=>{const s=t.cloneDeep(e);return t.forEach(t.keys(s),n=>{if(t.isString(s[n])&&!t.startsWith(n,"_")){let a=s[n];n==="repeaterItems"&&(s.repeaterItemsBinding=a);const l=/\{\{(.*?)\}\}/g,p=a.match(l);p&&p.forEach(o=>{let r=o.slice(2,-2);const c=t.get(i,r,o);a=t.isArray(c)?c:a.replace(o,c)}),s[n]=a}}),s},u=(e,i,{index:s,key:n})=>{if(t.isString(e)){let a=e;if(e==="repeaterItems")return{value:e,repeaterItemsBinding:e};const l=/\{\{(.*?)\}\}/g,p=e.match(l);return p&&p.forEach(o=>{let r=o.slice(2,-2).trim(),c=n.slice(2,-2).trim();s!==-1&&t.startsWith(r,"$index.")?r=`${c}.${s}.${r.slice(7)}`:s!==-1&&t.startsWith(r,"$index")&&(r=`${c}.${s}`);const d=t.get(i,r,o);a=t.isArray(d)?d:a.replace(o,d)}),a}if(t.isArray(e))return e.map(a=>u(a,i,{index:s,key:n}));if(e&&typeof e=="object"){const a={};return t.forEach(t.keys(e),l=>{t.startsWith(l,"_")?a[l]=e[l]:a[l]=u(e[l],i,{index:s,key:n})}),a}return e},T=(e,i,{index:s,key:n})=>{const a=t.cloneDeep(e),l=u(a,i,{index:s,key:n});return a.repeaterItems&&(l.repeaterItemsBinding=a.repeaterItems),l};exports.ROOT_TEMP_KEY=h;exports.STYLES_KEY=g;exports.applyBindingToBlockProps=T;exports.applyChaiDataBinding=I;exports.applyLanguage=x;exports.applyLimit=B;exports.getBlockRuntimeProps=f;exports.getBlockTagAttributes=k;exports.getSplitChaiClasses=m;

package/dist/{code-editor-Dkq7gsQH.cjs → code-editor-DydX0A0c.cjs}

@@ -1 +1 @@
-"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");require("sonner");const C=require("react-i18next"),v=require("./sooner-AJ7QkeLS.cjs"),j=require("@radix-ui/react-icons"),q=require("@react-hookz/web"),d=r=>{const s=document.createElement("div");return s.innerHTML=r,s.innerHTML};function g(){const{t:r}=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 o=d(l);f([t.blockId],{[t.blockProp]:o})},[],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:r("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:r("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 o=l.target.value;x(!0),m(o),h(o)}})]})]})}exports.default=g;
+"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");require("sonner");const C=require("react-i18next"),v=require("./sooner-CPeN3CGR.cjs"),j=require("@radix-ui/react-icons"),q=require("@react-hookz/web"),d=r=>{const s=document.createElement("div");return s.innerHTML=r,s.innerHTML};function g(){const{t:r}=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 o=d(l);f([t.blockId],{[t.blockProp]:o})},[],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:r("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:r("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 o=l.target.value;x(!0),m(o),h(o)}})]})]})}exports.default=g;

package/dist/{code-editor-QVi542cK.js → code-editor-r_v4m0s7.js}

@@ -9,7 +9,7 @@ import "jotai";
 import "@chaibuilder/runtime";
 import "sonner";
 import { useTranslation as y } from "react-i18next";
-import { B as T } from "./sooner-DGhT8-JI.js";
+import { B as T } from "./sooner-H65duPYc.js";
 import { Cross2Icon as B } from "@radix-ui/react-icons";
 import { useThrottledCallback as E } from "@react-hookz/web";
 const m = (s) => {