@chaibuilder/sdk 2.2.14 → 2.2.16

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

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

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

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

package/dist/render.cjs

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

package/dist/render.d.ts

@@ -2,6 +2,8 @@ import { ChaiFontViaUrl } from '@chaibuilder/runtime';
 import { ChaiPageProps } from '@chaibuilder/runtime';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 
+export declare const applyChaiDataBinding: (block: Record<string, string>, pageExternalData: Record<string, any>) => any;
+
 declare type BorderRadiusValue = false | string;
 
 declare type ChaiBlock<T = Record<string, any>> = {
@@ -60,6 +62,8 @@ export declare const convertToBlocks: (chaiFormatContent: string) => ChaiBlock[]
 
 export declare const getChaiThemeCssVariables: (chaiTheme: ChaiThemeValues) => string;
 
+export declare function getMergedPartialBlocks(blocks: ChaiBlock[], partials: Record<string, ChaiBlock[]>): ChaiBlock[];
+
 /**
  * Get the tailwind css for the blocks
  * @param blocks - The blocks to get the tailwind css for

package/dist/render.js

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

package/package.json

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

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

@@ -1,111 +0,0 @@
-import { getRegisteredChaiBlock as B } from "@chaibuilder/runtime";
-import { memoize as f, get as i, isEmpty as o, 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 [a, ...t] = e;
-  return {
-    baseClasses: a.trim(),
-    classes: t.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 a = E(`${d}${e}`);
-      expect(a).toEqual(s[e]);
-    }
-  });
-});
-function P(s, e, a) {
-  const t = i(a, "i18nProps", []);
-  if (o(e) || o(t)) return s;
-  const r = u(s);
-  return C(_(r), (n) => {
-    O(t, n) && !o(e) && (r[n] = i(r, `${n}-${e}`, r[n]));
-  }), r;
-}
-const D = (s, e, { index: a, key: t }) => {
-  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((g) => {
-        let c = g.slice(2, -2);
-        a !== -1 && t !== "" && m(c, "$index.") && (c = `${t.replace(/\{\{(.*)\}\}/g, "$1")}.${c.replace("$index", `${a}`)}`);
-        const p = i(e, c, g);
-        l = $(p) ? p : l.replace(g, p);
-      }), r[n] = l;
-    }
-  }), r;
-}, x = f((s) => {
-  const { baseClasses: e, classes: a } = E(s);
-  return R(e, a);
-});
-function T(s, e) {
-  return i(s, `${e}_attrs`, {});
-}
-function I(s, e = !0) {
-  const a = {};
-  return Object.keys(s).forEach((t) => {
-    if (h(s[t]) && s[t].startsWith(d)) {
-      const r = x(s[t]), n = T(s, t);
-      a[t] = {
-        ...!o(r) && { className: r },
-        ...n,
-        ...e ? {
-          "data-style-prop": t,
-          "data-block-parent": s._id,
-          "data-style-id": `${t}-${s._id}`
-        } : {}
-      };
-    }
-  }), a;
-}
-const L = f((s) => {
-  const e = B(s), a = i(e, "schema.properties", {});
-  return Object.fromEntries(Object.entries(a).filter(([, t]) => i(t, "runtime", !1)));
-}), M = (s, e) => {
-  if (!$(s)) return s;
-  let a = s, t;
-  return typeof e.limit == "number" && e.limit > 0 && (t = e.limit), t !== void 0 && (a = a.slice(0, t)), a;
-};
-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-DRQ8Buz8.cjs

@@ -1 +0,0 @@
-"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[r,...a]=t;return{baseClasses:r.trim(),classes:a.join(",").trim().replace(/ +(?= )/g,"")}};function E(s,t,r){const a=e.get(r,"i18nProps",[]);if(e.isEmpty(t)||e.isEmpty(a))return s;const n=e.cloneDeep(s);return e.forEach(e.keys(n),i=>{e.includes(a,i)&&!e.isEmpty(t)&&(n[i]=e.get(n,`${i}-${t}`,n[i]))}),n}const _=(s,t,{index:r,key:a})=>{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);r!==-1&&a!==""&&e.startsWith(c,"$index.")&&(c=`${a.replace(/\{\{(.*)\}\}/g,"$1")}.${c.replace("$index",`${r}`)}`);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:r}=u(s);return f.twMerge(t,r)});function y(s,t){return e.get(s,`${t}_attrs`,{})}function $(s,t=!0){const r={};return Object.keys(s).forEach(a=>{if(e.isString(s[a])&&s[a].startsWith(p)){const n=h(s[a]),i=y(s,a);r[a]={...!e.isEmpty(n)&&{className:n},...i,...t?{"data-style-prop":a,"data-block-parent":s._id,"data-style-id":`${a}-${s._id}`}:{}}}}),r}const B=e.memoize(s=>{const t=m.getRegisteredChaiBlock(s),r=e.get(t,"schema.properties",{});return Object.fromEntries(Object.entries(r).filter(([,a])=>e.get(a,"runtime",!1)))}),T=(s,t)=>{if(!e.isArray(s))return s;let r=s,a;return typeof t.limit=="number"&&t.limit>0&&(a=t.limit),a!==void 0&&(r=r.slice(0,a)),r};exports.ROOT_TEMP_KEY=C;exports.STYLES_KEY=p;exports.applyBinding=_;exports.applyLanguage=E;exports.applyLimit=T;exports.getBlockRuntimeProps=B;exports.getBlockTagAttributes=$;exports.getSplitChaiClasses=u;