@chaibuilder/sdk 2.0.2 → 2.0.4

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./ChaiThemeFn-DQu-2Eh9.cjs"),s=require("lodash-es"),f=require("./getSplitClasses-DodqA_KW.cjs"),$=require("@mhsdesign/jit-browser-tailwindcss"),b=require("@tailwindcss/aspect-ratio"),F=require("@tailwindcss/container-queries"),k=require("@tailwindcss/forms"),M=require("@tailwindcss/typography"),B=require("./plugin-2xcljWGM.cjs"),g=require("react/jsx-runtime"),T=require("@chaibuilder/runtime"),p=require("react"),N=require("tailwind-merge"),Y=(e,r="")=>{const{classes:n}=f.getSplitChaiClasses(e),t=n.split(" ").map(i=>i.split(" ").map(a=>{if(a==="")return"";if(a.includes(":")){const u=a.split(":");return u[u.length-1]=r+s.last(u),u.join(":")}return`${r}${a}`}).join(" "));return s.flattenDeep(t).join(" ")},I=e=>{if(!e)return[];try{return JSON.parse(A(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function A(e){const r=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(r,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function J(e,r,n=[],t="",i){return await $.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:B.getChaiBuilderTheme(e)},plugins:[k,M,b,F,B.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./ChaiThemeFn-DQu-2Eh9.cjs"),s=require("lodash-es"),f=require("./getSplitClasses-DodqA_KW.cjs"),$=require("@mhsdesign/jit-browser-tailwindcss"),F=require("@tailwindcss/aspect-ratio"),b=require("@tailwindcss/container-queries"),M=require("@tailwindcss/forms"),k=require("@tailwindcss/typography"),B=require("./plugin-2xcljWGM.cjs"),g=require("react/jsx-runtime"),T=require("@chaibuilder/runtime"),p=require("react"),N=require("tailwind-merge"),Y=(e,r="")=>{const{classes:n}=f.getSplitChaiClasses(e),t=n.split(" ").map(i=>i.split(" ").map(c=>{if(c==="")return"";if(c.includes(":")){const u=c.split(":");return u[u.length-1]=r+s.last(u),u.join(":")}return`${r}${c}`}).join(" "));return s.flattenDeep(t).join(" ")},I=e=>{if(!e)return[];try{return JSON.parse(A(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function A(e){const r=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(r,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function J(e,r,n=[],t="",i){return await $.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:B.getChaiBuilderTheme(e)},plugins:[M,k,F,b,B.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,r)}const K=(e,r,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return J(r,[t],[],"",n)},L=async(e,r=S.defaultThemeOptions,n=!1)=>await K(e,r,n);async function V(e){const r=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return s.has(r,"$metadata")&&e.dataProviderMetadataCallback(e.block,r.$metadata),g.jsx(p.Suspense,{children:p.createElement(e.component,{...s.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...s.omit(r,"$metadata")})})}const U=s.memoize((e,r)=>{const{baseClasses:n,classes:t}=f.getSplitChaiClasses(e),i=N.twMerge(n,t);return r===""?i.replace(f.STYLES_KEY,"").trim():Y(i,r).replace(f.STYLES_KEY,"").trim()}),j=(e,r)=>{const n=s.cloneDeep(e);return s.forEach(s.keys(n),t=>{if(s.isString(n[t])){let i=n[t];const o=/\{\{(.*?)\}\}/g,l=i.match(o);l&&l.forEach(a=>{const u=a.slice(2,-2),h=s.get(r,u,a);i=i.replace(a,h)}),n[t]=i}s.isObject(n[t])&&(n[t]=j(n[t],r))}),n};function z(e,r){const n=s.get(e,`${r}_attrs`,{}),t=s.keys(n).join(" ");return s.includes(t,"x-show")&&!s.includes(t,"x-transition")&&(n["x-transition"]=""),n}function D(e,r){const n={};return Object.keys(e).forEach(t=>{if(s.isString(e[t])&&e[t].startsWith(f.STYLES_KEY)){const i=U(e[t],r);n[t]={className:i,...z(e,t)}}}),n}function W(e,r,n){if(s.isEmpty(r))return e;const t=s.cloneDeep(e),i=s.get(n,"i18nProps",[]);return s.forEach(s.keys(t),o=>{i.includes(o)&&!s.isEmpty(r)&&(t[o]=s.get(t,`${o}-${r}`,t[o]))}),t}const Q=s.memoize(e=>{const r=T.getRegisteredChaiBlock(e),n=s.get(r,"schema.properties",{});return Object.fromEntries(Object.entries(n).filter(([,t])=>s.get(t,"runtime",!1)))}),G=(e,r,n)=>s.isEmpty(n)?{}:Object.entries(n).reduce((t,[i,o])=>{const l=[];let a=s.find(e,{_id:r});for(;a;)l.push(a),a=s.find(e,{_id:a._parent});const u=s.find(l,{_type:o.block});return u&&(t[i]=s.get(u,s.get(o,"prop"),null)),t},{}),H=()=>g.jsx("span",{children:"Loading..."});function E({blocks:e,parent:r,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:o="",fallbackLang:l="",metadata:a={},dataProviderMetadataCallback:u=()=>{}}){const h=e,P=c=>D(c,n);return(r?s.filter(e,{_parent:r}):s.filter(e,c=>s.isEmpty(c._parent))).map((c,v)=>{const C={},q=s.filter(h,{_parent:c._id});C.children=q.length>0?g.jsx(E,{externalData:t,classPrefix:n,parent:c._id,blocks:h,lang:o||l,metadata:a},c._id):null;const d=T.getRegisteredChaiBlock(c._type);if(d!==null){let m=c;const y=d.component;m={...d.defaults,...c},i&&(m=i(m));const x=o===l?"":o,O=G(h,c._id,Q(c._type)),_=j(W(c,x,d),t),w=s.omit({blockProps:{},inBuilder:!1,...m,index:v,..._,...P(_),...C,...O,metadata:a,lang:o||l},["_parent"]);if(s.has(d,"dataProvider")){const R=s.get(d,"suspenseFallback",H);return g.jsx(p.Suspense,{fallback:p.createElement(R),children:g.jsx(V,{dataProviderMetadataCallback:u,lang:o||l,metadata:a,dataProvider:d.dataProvider,block:c,component:y,props:w})},c._id)}return g.jsx(p.Suspense,{children:p.createElement(y,w)},c._id)}return g.jsxs("noscript",{children:[c._type," not found"]},c._id)})}exports.getChaiThemeCssVariables=S.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=S.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=S.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=E;exports.convertToBlocks=I;exports.getStylesForBlocks=L;
+      @tailwind utilities;`,r)}const K=(e,r,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,a)=>`#styles:${a.replace(/,/g," ")}`.replace(/#styles:/g,""));return J(r,[t],[],"",n)},L=async(e,r=S.defaultThemeOptions,n=!1)=>await K(e,r,n);async function V(e){const r=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return s.has(r,"$metadata")&&e.dataProviderMetadataCallback(e.block,r.$metadata),g.jsx(p.Suspense,{children:p.createElement(e.component,{...s.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...s.omit(r,"$metadata")})})}const U=s.memoize((e,r)=>{const{baseClasses:n,classes:t}=f.getSplitChaiClasses(e),i=N.twMerge(n,t);return r===""?i.replace(f.STYLES_KEY,"").trim():Y(i,r).replace(f.STYLES_KEY,"").trim()}),j=(e,r)=>{const n=s.cloneDeep(e);return s.forEach(s.keys(n),t=>{if(s.isString(n[t])){let i=n[t];const a=/\{\{(.*?)\}\}/g,l=i.match(a);l&&l.forEach(c=>{const u=c.slice(2,-2),h=s.get(r,u,c);i=i.replace(c,h)}),n[t]=i}s.isObject(n[t])&&(n[t]=j(n[t],r))}),n};function z(e,r){const n=s.get(e,`${r}_attrs`,{}),t=s.keys(n).join(" ");return s.includes(t,"x-show")&&!s.includes(t,"x-transition")&&(n["x-transition"]=""),n}function D(e,r){const n={};return Object.keys(e).forEach(t=>{if(s.isString(e[t])&&e[t].startsWith(f.STYLES_KEY)){const i=U(e[t],r);n[t]={className:i,...z(e,t)}}}),n}function W(e,r,n){if(s.isEmpty(r))return e;const t=s.cloneDeep(e),i=s.get(n,"i18nProps",[]);return s.forEach(s.keys(t),a=>{i.includes(a)&&!s.isEmpty(r)&&(t[a]=s.get(t,`${a}-${r}`,t[a]))}),t}const Q=s.memoize(e=>{const r=T.getRegisteredChaiBlock(e),n=s.get(r,"schema.properties",{});return Object.fromEntries(Object.entries(n).filter(([,t])=>s.get(t,"runtime",!1)))}),G=(e,r,n)=>s.isEmpty(n)?{}:Object.entries(n).reduce((t,[i,a])=>{const l=[];let c=s.find(e,{_id:r});for(;c;)l.push(c),c=s.find(e,{_id:c._parent});const u=s.find(l,{_type:a.block});return u&&(t[i]=s.get(u,s.get(a,"prop"),null)),t},{}),H=()=>g.jsx("span",{children:"Loading..."});function E({blocks:e,parent:r,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:a="",fallbackLang:l="",metadata:c={},dataProviderMetadataCallback:u=()=>{}}){const h=e,P=o=>D(o,n);return(r?s.filter(e,{_parent:r}):s.filter(e,o=>s.isEmpty(o._parent))).map((o,v)=>{const C={},q=s.filter(h,{_parent:o._id});C.children=q.length>0?g.jsx(E,{externalData:t,classPrefix:n,parent:o._id,blocks:h,lang:a||l,metadata:c},o._id):null;const d=T.getRegisteredChaiBlock(o._type);if(d!==null){let m=o;const y=d.component;m={...d.defaults,...o},i&&(m=i(m));const x=a===l?"":a,O=G(h,o._id,Q(o._type)),_=j(W(o,x,d),t),w=s.omit({blockProps:{},inBuilder:!1,...m,index:v,..._,...P(_),...C,...O,metadata:c,lang:a||l,key:o._id},["_parent"]);if(s.has(d,"dataProvider")){const R=s.get(d,"suspenseFallback",H);return g.jsx(p.Suspense,{fallback:p.createElement(R),children:g.jsx(V,{dataProviderMetadataCallback:u,lang:a||l,metadata:c,dataProvider:d.dataProvider,block:o,component:y,props:w},o._id)},o._id)}return g.jsx(p.Suspense,{children:p.createElement(y,w)},o._id)}return g.jsxs("noscript",{children:[o._type," not found"]},o._id)})}exports.getChaiThemeCssVariables=S.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=S.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=S.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=E;exports.convertToBlocks=I;exports.getStylesForBlocks=L;

package/dist/render.js

@@ -1,7 +1,7 @@
 import { d as W } from "./ChaiThemeFn-Cort9tch.js";
 import { a as Ft, b as Nt, c as At } from "./ChaiThemeFn-Cort9tch.js";
-import { last as Y, flattenDeep as z, has as O, omit as S, memoize as $, get as d, filter as h, isEmpty as g, cloneDeep as E, forEach as x, keys as y, isString as b, isObject as D, find as _, includes as j } from "lodash-es";
-import { g as R, S as C } from "./getSplitClasses-DphwgQiE.js";
+import { last as Y, flattenDeep as z, has as O, omit as S, memoize as $, get as d, filter as h, isEmpty as g, cloneDeep as E, forEach as x, keys as w, isString as R, isObject as D, find as _, includes as j } from "lodash-es";
+import { g as b, S as y } from "./getSplitClasses-DphwgQiE.js";
 import { createTailwindcss as L } from "@mhsdesign/jit-browser-tailwindcss";
 import Q from "@tailwindcss/aspect-ratio";
 import q from "@tailwindcss/container-queries";
@@ -10,10 +10,10 @@ import H from "@tailwindcss/typography";
 import { g as X, c as Z } from "./plugin-kUMxtQR5.js";
 import { jsx as p, jsxs as k } from "react/jsx-runtime";
 import { getRegisteredChaiBlock as F } from "@chaibuilder/runtime";
-import N, { Suspense as w, createElement as tt } from "react";
+import N, { Suspense as C, createElement as tt } from "react";
 import { twMerge as et } from "tailwind-merge";
 const nt = (t, s = "") => {
-  const { classes: n } = R(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
+  const { classes: n } = b(t), e = n.split(" ").map((r) => r.split(" ").map((a) => {
     if (a === "") return "";
     if (a.includes(":")) {
       const l = a.split(":");
@@ -55,25 +55,25 @@ async function rt(t, s, n = [], e = "", r) {
   );
 }
 const it = (t, s, n) => {
-  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (r, i) => `#styles:${i.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
+  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (r, o) => `#styles:${o.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
   return rt(s, [e], [], "", n);
 }, xt = async (t, s = W, n = !1) => await it(t, s, n);
 async function ot(t) {
   const s = await (t == null ? void 0 : t.dataProvider(t.block, t.lang, t.metadata));
-  return O(s, "$metadata") && t.dataProviderMetadataCallback(t.block, s.$metadata), /* @__PURE__ */ p(w, { children: N.createElement(t.component, {
+  return O(s, "$metadata") && t.dataProviderMetadataCallback(t.block, s.$metadata), /* @__PURE__ */ p(C, { children: N.createElement(t.component, {
     ...S(t.props, ["dataProvider", "dataProviderMetadataCallback"]),
     ...S(s, "$metadata")
   }) });
 }
 const at = $((t, s) => {
-  const { baseClasses: n, classes: e } = R(t), r = et(n, e);
-  return s === "" ? r.replace(C, "").trim() : nt(r, s).replace(C, "").trim();
+  const { baseClasses: n, classes: e } = b(t), r = et(n, e);
+  return s === "" ? r.replace(y, "").trim() : nt(r, s).replace(y, "").trim();
 }), A = (t, s) => {
   const n = E(t);
-  return x(y(n), (e) => {
-    if (b(n[e])) {
+  return x(w(n), (e) => {
+    if (R(n[e])) {
       let r = n[e];
-      const i = /\{\{(.*?)\}\}/g, c = r.match(i);
+      const o = /\{\{(.*?)\}\}/g, c = r.match(o);
       c && c.forEach((a) => {
         const l = a.slice(2, -2), m = d(s, l, a);
         r = r.replace(a, m);
@@ -83,13 +83,13 @@ const at = $((t, s) => {
   }), n;
 };
 function ct(t, s) {
-  const n = d(t, `${s}_attrs`, {}), e = y(n).join(" ");
+  const n = d(t, `${s}_attrs`, {}), e = w(n).join(" ");
   return j(e, "x-show") && !j(e, "x-transition") && (n["x-transition"] = ""), n;
 }
 function lt(t, s) {
   const n = {};
   return Object.keys(t).forEach((e) => {
-    if (b(t[e]) && t[e].startsWith(C)) {
+    if (R(t[e]) && t[e].startsWith(y)) {
       const r = at(t[e], s);
       n[e] = {
         className: r,
@@ -101,20 +101,20 @@ function lt(t, s) {
 function dt(t, s, n) {
   if (g(s)) return t;
   const e = E(t), r = d(n, "i18nProps", []);
-  return x(y(e), (i) => {
-    r.includes(i) && !g(s) && (e[i] = d(e, `${i}-${s}`, e[i]));
+  return x(w(e), (o) => {
+    r.includes(o) && !g(s) && (e[o] = d(e, `${o}-${s}`, e[o]));
   }), e;
 }
 const ut = $((t) => {
   const s = F(t), n = d(s, "schema.properties", {});
   return Object.fromEntries(Object.entries(n).filter(([, e]) => d(e, "runtime", !1)));
-}), pt = (t, s, n) => g(n) ? {} : Object.entries(n).reduce((e, [r, i]) => {
+}), pt = (t, s, n) => g(n) ? {} : Object.entries(n).reduce((e, [r, o]) => {
   const c = [];
   let a = _(t, { _id: s });
   for (; a; )
     c.push(a), a = _(t, { _id: a._parent });
-  const l = _(c, { _type: i.block });
-  return l && (e[r] = d(l, d(i, "prop"), null)), e;
+  const l = _(c, { _type: o.block });
+  return l && (e[r] = d(l, d(o, "prop"), null)), e;
 }, {}), mt = () => /* @__PURE__ */ p("span", { children: "Loading..." });
 function ft({
   blocks: t,
@@ -122,33 +122,33 @@ function ft({
   classPrefix: n = "",
   externalData: e = {},
   blockModifierCallback: r = null,
-  lang: i = "",
+  lang: o = "",
   fallbackLang: c = "",
   metadata: a = {},
   dataProviderMetadataCallback: l = () => {
   }
 }) {
-  const m = t, I = (o) => lt(o, n);
-  return (s ? h(t, { _parent: s }) : h(t, (o) => g(o._parent))).map((o, J) => {
-    const P = {}, M = h(m, { _parent: o._id });
+  const m = t, I = (i) => lt(i, n);
+  return (s ? h(t, { _parent: s }) : h(t, (i) => g(i._parent))).map((i, J) => {
+    const P = {}, M = h(m, { _parent: i._id });
     P.children = M.length > 0 ? /* @__PURE__ */ p(
       ft,
       {
         externalData: e,
         classPrefix: n,
-        parent: o._id,
+        parent: i._id,
         blocks: m,
-        lang: i || c,
+        lang: o || c,
         metadata: a
       },
-      o._id
+      i._id
     ) : null;
-    const u = F(o._type);
+    const u = F(i._type);
     if (u !== null) {
-      let f = o;
+      let f = i;
       const B = u.component;
-      f = { ...u.defaults, ...o }, r && (f = r(f));
-      const U = i === c ? "" : i, V = pt(m, o._id, ut(o._type)), v = A(dt(o, U, u), e), T = S(
+      f = { ...u.defaults, ...i }, r && (f = r(f));
+      const U = o === c ? "" : o, V = pt(m, i._id, ut(i._type)), v = A(dt(i, U, u), e), T = S(
         {
           blockProps: {},
           inBuilder: !1,
@@ -159,31 +159,33 @@ function ft({
           ...P,
           ...V,
           metadata: a,
-          lang: i || c
+          lang: o || c,
+          key: i._id
         },
         ["_parent"]
       );
       if (O(u, "dataProvider")) {
         const K = d(u, "suspenseFallback", mt);
-        return /* @__PURE__ */ p(w, { fallback: tt(K), children: /* @__PURE__ */ p(
+        return /* @__PURE__ */ p(C, { fallback: tt(K), children: /* @__PURE__ */ p(
           ot,
           {
             dataProviderMetadataCallback: l,
-            lang: i || c,
+            lang: o || c,
             metadata: a,
             dataProvider: u.dataProvider,
-            block: o,
+            block: i,
             component: B,
             props: T
-          }
-        ) }, o._id);
+          },
+          i._id
+        ) }, i._id);
       }
-      return /* @__PURE__ */ p(w, { children: N.createElement(B, T) }, o._id);
+      return /* @__PURE__ */ p(C, { children: N.createElement(B, T) }, i._id);
     }
     return /* @__PURE__ */ k("noscript", { children: [
-      o._type,
+      i._type,
       " not found"
-    ] }, o._id);
+    ] }, i._id);
   });
 }
 export {

package/package.json

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