@chaibuilder/sdk 2.2.6 → 2.2.8

package/dist/new-blocks-render-helpers-BrYtxlrw.js

@@ -0,0 +1,109 @@
+import { getRegisteredChaiBlock as B } from "@chaibuilder/runtime";
+import { memoize as f, get as i, isEmpty as p, cloneDeep as u, forEach as C, keys as _, includes as O, isString as h, startsWith as m, isArray as $ } from "lodash-es";
+import { twMerge as R } from "tailwind-merge";
+const d = "#styles:", N = "__ADD_BLOCK_INTERNAL_ROOT", E = (s) => {
+  if (s = s.replace(d, ""), !s) return { baseClasses: "", classes: "" };
+  const e = s.split(/,(?![^\[]*\])/);
+  if (e.length === 1)
+    return { baseClasses: "", classes: e[0].trim() };
+  const [t, ...a] = e;
+  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 s = {
+      ",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 e in s) {
+      const t = E(`${d}${e}`);
+      expect(t).toEqual(s[e]);
+    }
+  });
+});
+function P(s, e, t) {
+  const a = i(t, "i18nProps", []);
+  if (p(e) || p(a)) return s;
+  const r = u(s);
+  return C(_(r), (n) => {
+    O(a, n) && !p(e) && (r[n] = i(r, `${n}-${e}`, r[n]));
+  }), r;
+}
+const D = (s, e, { index: t, key: a }) => {
+  const r = u(s);
+  return C(_(r), (n) => {
+    if (h(r[n]) && !m(n, "_")) {
+      let l = r[n];
+      n === "repeaterItems" && (r.repeaterItemsBinding = l);
+      const y = /\{\{(.*?)\}\}/g, b = l.match(y);
+      b && b.forEach((o) => {
+        let c = o.slice(2, -2);
+        t !== -1 && a !== "" && m(c, "$index.") && (c = `${a.replace(/\{\{(.*)\}\}/g, "$1")}.${c.replace("$index", `${t}`)}`);
+        const g = i(e, c, o);
+        l = $(g) ? g : l.replace(o, g);
+      }), r[n] = l;
+    }
+  }), r;
+}, x = f((s) => {
+  const { baseClasses: e, classes: t } = E(s);
+  return R(e, t);
+});
+function T(s, e) {
+  return i(s, `${e}_attrs`, {});
+}
+function I(s) {
+  const e = {};
+  return Object.keys(s).forEach((t) => {
+    if (h(s[t]) && s[t].startsWith(d)) {
+      const a = x(s[t]), r = T(s, t);
+      e[t] = {
+        className: a,
+        "data-style-prop": t,
+        "data-block-parent": s._id,
+        "data-style-id": `${t}-${s._id}`,
+        ...r
+      };
+    }
+  }), e;
+}
+const L = f((s) => {
+  const e = B(s), t = i(e, "schema.properties", {});
+  return Object.fromEntries(Object.entries(t).filter(([, a]) => i(a, "runtime", !1)));
+}), M = (s, e) => {
+  if (!$(s)) return s;
+  let t = s, a;
+  return typeof e.limit == "number" && e.limit > 0 && (a = e.limit), a !== void 0 && (t = t.slice(0, a)), t;
+};
+export {
+  N as R,
+  d as S,
+  D as a,
+  P as b,
+  L as c,
+  M as d,
+  E as e,
+  I as g
+};

package/dist/new-blocks-render-helpers-DxkhHL0n.cjs

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

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./plugin-C01tjI6V.cjs"),u=require("./index-CPwl7tLt.cjs"),r=require("lodash-es"),S=require("@tailwindcss/aspect-ratio"),T=require("@tailwindcss/forms"),x=require("@tailwindcss/typography");require("tailwindcss-animate");const q=require("./get-chai-builder-theme-CeaKvOZ8.cjs"),v=require("@mhsdesign/jit-browser-tailwindcss"),R=require("@tailwindcss/container-queries"),g=require("react/jsx-runtime"),m=require("react"),L=require("@chaibuilder/runtime"),j=e=>{if(!e)return[];try{return JSON.parse(I(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function I(e){const t=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(t,n=>{const s=decodeURIComponent(n),a=s.indexOf("public");return a!==-1?s.substring(a+6):s})}async function E(e,t,n=[],s="",a){return await v.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:q.getChaiBuilderTheme(e)},plugins:[T,x,S,R,p.chaiBuilderPlugin],corePlugins:{preflight:a},...s?{prefix:`${s}`}:{}}}).generateStylesFromContent(` ${a?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./plugin-C01tjI6V.cjs"),p=require("./new-blocks-render-helpers-DxkhHL0n.cjs"),r=require("lodash-es"),x=require("@tailwindcss/aspect-ratio"),q=require("@tailwindcss/forms"),I=require("@tailwindcss/typography");require("tailwindcss-animate");const R=require("./get-chai-builder-theme-CeaKvOZ8.cjs"),j=require("@mhsdesign/jit-browser-tailwindcss"),F=require("@tailwindcss/container-queries"),u=require("react/jsx-runtime"),m=require("react"),L=require("@chaibuilder/runtime"),E=e=>{if(!e)return[];try{return JSON.parse(O(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function O(e){const t=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(t,n=>{const a=decodeURIComponent(n),s=a.indexOf("public");return s!==-1?a.substring(s+6):a})}async function A(e,t,n=[],a="",s){return await j.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:R.getChaiBuilderTheme(e)},plugins:[q,I,x,F,h.chaiBuilderPlugin],corePlugins:{preflight:s},...a?{prefix:`${a}`}:{}}}).generateStylesFromContent(` ${s?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,t)}const F=(e,t,n)=>{const s=JSON.stringify(e).replace(/#styles:([^"]*)/g,(a,i)=>`#styles:${i.replace(/,/g," ")}`.replace(/#styles:/g,""));return E(t,[s],[],"",n)},O=async(e,t=p.defaultThemeOptions,n=!1)=>await F(e,t,n),A=e=>{const{block:t,lang:n,fallbackLang:s,children:a,externalData:i,blocks:o,draft:l,pageProps:c}=e,d=L.getRegisteredChaiBlock(t._type),f=r.get(d,"component",null),{index:k,key:b}=m.useContext(u.RepeaterContext),w=n===s?"":n,h=u.applyBinding(u.applyLanguage(t,w,d),i,{index:k,key:b}),B=u.getBlockTagAttributes(t),_=N(o,t._id,u.getBlockRuntimeProps(t._type)),C=r.has(d,"dataProvider")&&r.isFunction(d.dataProvider)?d.dataProvider({block:t,lang:n,draft:l,inBuilder:!1,pageProps:c}):{},P={blockProps:{},inBuilder:!1,lang:n||s,...h,...B,..._,...C};return r.isNull(f)?null:g.jsx(m.Suspense,{children:m.createElement(f,{...P,children:a({_id:t._id,_type:t._type,...r.isArray(h.repeaterItems)?{repeaterItems:u.applyLimit(h.repeaterItems,t),repeaterItemsBinding:h.repeaterItemsBinding}:{}})})})},y=e=>{const{blocks:t,parent:n}=e,s=r.filter(t,i=>r.has(i,"_id")&&(r.isEmpty(n)?!i._parent:i._parent===n)),a=i=>r.filter(t,o=>o._parent===i).length>0;return r.map(s,i=>i?m.createElement(A,{...e,key:i._id,block:i},({_id:o,_type:l,repeaterItems:c,repeaterItemsBinding:d})=>l==="Repeater"?r.isArray(c)&&c.map((f,k)=>g.jsx(u.RepeaterContext.Provider,{value:{index:k,key:d},children:g.jsx(y,{...e,parent:i._id})})):a(o)?g.jsx(y,{...e,parent:i._id}):null):null)},N=(e,t,n)=>r.isEmpty(n)?{}:Object.entries(n).reduce((s,[a,i])=>{const o=[];let l=r.find(e,{_id:t});for(;l;)o.push(l),l=r.find(e,{_id:l._parent});const c=r.find(o,{_type:i.block});return c&&(s[a]=r.get(c,r.get(i,"prop"),null)),s},{});function J(e){if(r.has(e,"metadata")&&console.warn(" metadata is deprecated and will be removed in upcoming version, use pageProps instead"),r.isEmpty(e.lang)&&!r.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");const t=e.lang??"en",n=e.fallbackLang??t;return g.jsx(y,{...e,lang:t,fallbackLang:n})}exports.getChaiThemeCssVariables=p.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=p.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=p.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=J;exports.convertToBlocks=j;exports.getStylesForBlocks=O;
+      @tailwind utilities;`,t)}const D=(e,t,n)=>{const a=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return A(t,[a],[],"",n)},M=async(e,t=h.defaultThemeOptions,n=!1)=>await D(e,t,n);async function $(e){const t=await e.dataProvider({pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:!1});return r.has(t,"$metadata")&&e.dataProviderMetadataCallback(e.block,t.$metadata),e.children({...r.omit(t,"$metadata")})}const N=()=>u.jsx("div",{}),J=e=>{const{block:t,lang:n,fallbackLang:a,children:s,externalData:o,blocks:i,draft:l,pageProps:g,dataProviderMetadataCallback:k}=e,c=L.getRegisteredChaiBlock(t._type),f=r.get(c,"component",null),y=r.get(e.repeaterData,"index",-1),P=r.get(e.repeaterData,"dataKey",""),_=n===a?"":n,d=p.applyBinding(p.applyLanguage(t,_,c),o,{index:y,key:P}),w=p.getBlockTagAttributes(t),C=K(i,t._id,p.getBlockRuntimeProps(t._type)),S=r.has(c,"dataProvider")&&r.isFunction(c.dataProvider),B={blockProps:{},inBuilder:!1,lang:n||a,...d,...w,...C};if(r.isNull(f))return null;if(S){const v=r.get(c,"suspenseFallback",N);return u.jsx(m.Suspense,{fallback:m.createElement(v),children:u.jsx($,{lang:n,pageProps:g,block:t,dataProvider:c.dataProvider,dataProviderMetadataCallback:k,draft:l,children:T=>m.createElement(f,{...B,...T,children:s({_id:t._id,_type:t._type,...r.isArray(d.repeaterItems)?{repeaterItems:p.applyLimit(d.repeaterItems,t),repeaterItemsBinding:d.repeaterItemsBinding}:{}})})})})}return u.jsx(m.Suspense,{children:m.createElement(f,{...B,children:s({_id:t._id,_type:t._type,...r.isArray(d.repeaterItems)?{repeaterItems:p.applyLimit(d.repeaterItems,t),repeaterItemsBinding:d.repeaterItemsBinding}:{}})})})},b=e=>{const{blocks:t,parent:n,repeaterData:a}=e,s=r.filter(t,i=>r.has(i,"_id")&&(r.isEmpty(n)?!i._parent:i._parent===n)),o=i=>r.filter(t,l=>l._parent===i).length>0;return r.map(s,i=>i?m.createElement(J,{...e,key:i._id,block:i},({_id:l,_type:g,repeaterItems:k,repeaterItemsBinding:c})=>g==="Repeater"?r.isArray(k)&&k.map((f,y)=>u.jsx(b,{...e,parent:i._id,repeaterData:{index:y,dataKey:c}})):o(l)?u.jsx(b,{...e,parent:i._id,repeaterData:a}):null):null)},K=(e,t,n)=>r.isEmpty(n)?{}:Object.entries(n).reduce((a,[s,o])=>{const i=[];let l=r.find(e,{_id:t});for(;l;)i.push(l),l=r.find(e,{_id:l._parent});const g=r.find(i,{_type:o.block});return g&&(a[s]=r.get(g,r.get(o,"prop"),null)),a},{});function V(e){if(r.has(e,"metadata")&&console.warn(" metadata is deprecated and will be removed in upcoming version, use pageProps instead"),r.isEmpty(e.lang)&&!r.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");const t=e.lang??"en",n=e.fallbackLang??t;return u.jsx(b,{...e,lang:t,fallbackLang:n})}exports.getChaiThemeCssVariables=h.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=h.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=h.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=V;exports.convertToBlocks=E;exports.getStylesForBlocks=M;

package/dist/render.js

@@ -1,101 +1,140 @@
-import { d as R, c as T } from "./plugin-fnBB3TCm.js";
-import { a as ke, b as ye, e as _e } from "./plugin-fnBB3TCm.js";
-import { R as b, d as L, e as I, g as O, f as A, h as F } from "./index-DojHY3B4.js";
-import { get as h, has as y, isFunction as N, isNull as J, isArray as w, filter as _, isEmpty as g, map as E, find as f } from "lodash-es";
-import $ from "@tailwindcss/aspect-ratio";
-import j from "@tailwindcss/forms";
-import M from "@tailwindcss/typography";
+import { d as F, c as D } from "./plugin-fnBB3TCm.js";
+import { a as Pe, b as we, e as Be } from "./plugin-fnBB3TCm.js";
+import { a as O, b as $, g as A, c as N, d as B } from "./new-blocks-render-helpers-BrYtxlrw.js";
+import { has as k, omit as J, get as g, isFunction as M, isNull as E, isArray as _, filter as v, isEmpty as h, map as K, find as y } from "lodash-es";
+import j from "@tailwindcss/aspect-ratio";
+import U from "@tailwindcss/forms";
+import V from "@tailwindcss/typography";
 import "tailwindcss-animate";
-import { g as U } from "./get-chai-builder-theme-ByeXCyGx.js";
-import { createTailwindcss as V } from "@mhsdesign/jit-browser-tailwindcss";
-import q from "@tailwindcss/container-queries";
+import { g as q } from "./get-chai-builder-theme-ByeXCyGx.js";
+import { createTailwindcss as W } from "@mhsdesign/jit-browser-tailwindcss";
+import z from "@tailwindcss/container-queries";
 import { jsx as d } from "react/jsx-runtime";
-import { useContext as D, Suspense as W, createElement as P } from "react";
-import { getRegisteredChaiBlock as z } from "@chaibuilder/runtime";
-const ge = (e) => {
+import { Suspense as C, createElement as f } from "react";
+import { getRegisteredChaiBlock as G } from "@chaibuilder/runtime";
+const he = (e) => {
   if (!e) return [];
   try {
-    return JSON.parse(G(e)).filter((r) => !r._type.startsWith("@chai"));
+    return JSON.parse(H(e)).filter((a) => !a._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
-function G(e) {
+function H(e) {
   const t = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
-  return e.replace(t, (r) => {
-    const i = decodeURIComponent(r), a = i.indexOf("public");
-    return a !== -1 ? i.substring(a + 6) : i;
+  return e.replace(t, (a) => {
+    const r = decodeURIComponent(a), i = r.indexOf("public");
+    return i !== -1 ? r.substring(i + 6) : r;
   });
 }
-async function H(e, t, r = [], i = "", a) {
-  return await V({
+async function Q(e, t, a = [], r = "", i) {
+  return await W({
     tailwindConfig: {
       darkMode: "class",
-      safelist: r,
-      theme: { extend: U(e) },
-      plugins: [j, M, $, q, T],
-      corePlugins: { preflight: a },
-      ...i ? { prefix: `${i}` } : {}
+      safelist: a,
+      theme: { extend: q(e) },
+      plugins: [U, V, j, z, D],
+      corePlugins: { preflight: i },
+      ...r ? { prefix: `${r}` } : {}
     }
   }).generateStylesFromContent(
-    ` ${a ? "@tailwind base;" : ""}
+    ` ${i ? "@tailwind base;" : ""}
       @tailwind components;
       @tailwind utilities;`,
     t
   );
 }
-const K = (e, t, r) => {
-  const i = JSON.stringify(e).replace(/#styles:([^"]*)/g, (a, n) => `#styles:${n.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
-  return H(t, [i], [], "", r);
-}, ue = async (e, t = R, r = !1) => await K(e, t, r), Q = (e) => {
-  const { block: t, lang: r, fallbackLang: i, children: a, externalData: n, blocks: o, draft: s, pageProps: l } = e, c = z(t._type), u = h(c, "component", null), { index: m, key: B } = D(b), p = L(I(t, r === i ? "" : r, c), n, {
-    index: m,
-    key: B
-  }), C = O(t), S = X(o, t._id, A(t._type)), x = y(c, "dataProvider") && N(c.dataProvider) ? c.dataProvider({ block: t, lang: r, draft: s, inBuilder: !1, pageProps: l }) : {}, v = {
+const X = (e, t, a) => {
+  const r = JSON.stringify(e).replace(/#styles:([^"]*)/g, (i, o) => `#styles:${o.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
+  return Q(t, [r], [], "", a);
+}, ke = async (e, t = F, a = !1) => await X(e, t, a);
+async function Y(e) {
+  const t = await e.dataProvider({
+    pageProps: e.pageProps,
+    block: e.block,
+    lang: e.lang,
+    draft: e.draft,
+    inBuilder: !1
+  });
+  return k(t, "$metadata") && e.dataProviderMetadataCallback(e.block, t.$metadata), e.children({
+    ...J(t, "$metadata")
+  });
+}
+const Z = () => /* @__PURE__ */ d("div", {}), ee = (e) => {
+  const { block: t, lang: a, fallbackLang: r, children: i, externalData: o, blocks: n, draft: s, pageProps: p, dataProviderMetadataCallback: m } = e, l = G(t._type), u = g(l, "component", null), b = g(e.repeaterData, "index", -1), S = g(e.repeaterData, "dataKey", ""), c = O($(t, a === r ? "" : a, l), o, {
+    index: b,
+    key: S
+  }), x = A(t), I = te(n, t._id, N(t._type)), T = k(l, "dataProvider") && M(l.dataProvider), w = {
     blockProps: {},
     inBuilder: !1,
-    lang: r || i,
-    ...p,
-    ...C,
-    ...S,
-    ...x
+    lang: a || r,
+    ...c,
+    ...x,
+    ...I
   };
-  return J(u) ? null : /* @__PURE__ */ d(W, { children: P(u, {
-    ...v,
-    children: a({
+  if (E(u)) return null;
+  if (T) {
+    const L = g(l, "suspenseFallback", Z);
+    return /* @__PURE__ */ d(C, { fallback: f(L), children: /* @__PURE__ */ d(
+      Y,
+      {
+        lang: a,
+        pageProps: p,
+        block: t,
+        dataProvider: l.dataProvider,
+        dataProviderMetadataCallback: m,
+        draft: s,
+        children: (R) => f(u, {
+          ...w,
+          ...R,
+          children: i({
+            _id: t._id,
+            _type: t._type,
+            ..._(c.repeaterItems) ? {
+              repeaterItems: B(c.repeaterItems, t),
+              repeaterItemsBinding: c.repeaterItemsBinding
+            } : {}
+          })
+        })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ d(C, { children: f(u, {
+    ...w,
+    children: i({
       _id: t._id,
       _type: t._type,
-      ...w(p.repeaterItems) ? {
-        repeaterItems: F(p.repeaterItems, t),
-        repeaterItemsBinding: p.repeaterItemsBinding
+      ..._(c.repeaterItems) ? {
+        repeaterItems: B(c.repeaterItems, t),
+        repeaterItemsBinding: c.repeaterItemsBinding
       } : {}
     })
   }) });
-}, k = (e) => {
-  const { blocks: t, parent: r } = e, i = _(
+}, P = (e) => {
+  const { blocks: t, parent: a, repeaterData: r } = e, i = v(
     t,
-    (n) => y(n, "_id") && (g(r) ? !n._parent : n._parent === r)
-  ), a = (n) => _(t, (o) => o._parent === n).length > 0;
-  return E(i, (n) => n ? /* @__PURE__ */ P(Q, { ...e, key: n._id, block: n }, ({ _id: o, _type: s, repeaterItems: l, repeaterItemsBinding: c }) => s === "Repeater" ? w(l) && l.map((u, m) => /* @__PURE__ */ d(b.Provider, { value: { index: m, key: c }, children: /* @__PURE__ */ d(k, { ...e, parent: n._id }) })) : a(o) ? /* @__PURE__ */ d(k, { ...e, parent: n._id }) : null) : null);
-}, X = (e, t, r) => g(r) ? {} : Object.entries(r).reduce((i, [a, n]) => {
-  const o = [];
-  let s = f(e, { _id: t });
+    (n) => k(n, "_id") && (h(a) ? !n._parent : n._parent === a)
+  ), o = (n) => v(t, (s) => s._parent === n).length > 0;
+  return K(i, (n) => n ? /* @__PURE__ */ f(ee, { ...e, key: n._id, block: n }, ({ _id: s, _type: p, repeaterItems: m, repeaterItemsBinding: l }) => p === "Repeater" ? _(m) && m.map((u, b) => /* @__PURE__ */ d(P, { ...e, parent: n._id, repeaterData: { index: b, dataKey: l } })) : o(s) ? /* @__PURE__ */ d(P, { ...e, parent: n._id, repeaterData: r }) : null) : null);
+}, te = (e, t, a) => h(a) ? {} : Object.entries(a).reduce((r, [i, o]) => {
+  const n = [];
+  let s = y(e, { _id: t });
   for (; s; )
-    o.push(s), s = f(e, { _id: s._parent });
-  const l = f(o, { _type: n.block });
-  return l && (i[a] = h(l, h(n, "prop"), null)), i;
+    n.push(s), s = y(e, { _id: s._parent });
+  const p = y(n, { _type: o.block });
+  return p && (r[i] = g(p, g(o, "prop"), null)), r;
 }, {});
-function me(e) {
-  if (y(e, "metadata") && console.warn(" metadata is deprecated and will be removed in upcoming version, use pageProps instead"), g(e.lang) && !g(e.fallbackLang))
+function be(e) {
+  if (k(e, "metadata") && console.warn(" metadata is deprecated and will be removed in upcoming version, use pageProps instead"), h(e.lang) && !h(e.fallbackLang))
     throw new Error("lang prop is required when fallbackLang is provided");
-  const t = e.lang ?? "en", r = e.fallbackLang ?? t;
-  return /* @__PURE__ */ d(k, { ...e, lang: t, fallbackLang: r });
+  const t = e.lang ?? "en", a = e.fallbackLang ?? t;
+  return /* @__PURE__ */ d(P, { ...e, lang: t, fallbackLang: a });
 }
 export {
-  me as RenderChaiBlocks,
-  ge as convertToBlocks,
-  ke as getChaiThemeCssVariables,
-  ue as getStylesForBlocks,
-  ye as getThemeFontsCSSImport,
-  _e as getThemeFontsLinkMarkup
+  be as RenderChaiBlocks,
+  he as convertToBlocks,
+  Pe as getChaiThemeCssVariables,
+  ke as getStylesForBlocks,
+  we as getThemeFontsCSSImport,
+  Be as getThemeFontsLinkMarkup
 };

package/package.json

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

package/dist/code-editor-CRaw45ej.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./index-CPwl7tLt.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");const C=require("react-i18next"),v=require("./sooner-AJ7QkeLS.cjs"),j=require("@radix-ui/react-icons"),q=require("@react-hookz/web"),d=o=>{const s=document.createElement("div");return s.innerHTML=o,s.innerHTML};function g(){const{t:o}=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 r=d(l);f([t.blockId],{[t.blockProp]:r})},[],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:o("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:o("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 r=l.target.value;x(!0),m(r),h(r)}})]})]})}exports.default=g;