@chaibuilder/sdk 1.2.2 → 1.2.4

package/dist/core.js

@@ -1,6 +1,6 @@
-import { k as J } from "./index-QEchoZ98.js";
-import { N as ss, af as es, O as as, ah as os, P as ts, ae as rs, x as is, i as ps, y as ls, Q as ms, p as us, R as cs, U as ds, k as Bs, V as ks, n as ns, W as Ss, X as Cs, m as Ps, L as vs, Y as gs, Z as ys, _ as As, $ as Ms, a0 as hs, o as Ds, h as Is, a1 as Rs, M as fs, l as xs, a3 as Ts, ag as Us, a6 as bs, a5 as js, a4 as ws, j as Hs, ad as Os, ai as Fs, aj as Gs, w as Ls, a7 as Ws, a9 as Zs, a2 as Es, aa as Ns, a8 as Qs, ab as Vs, ac as Xs } from "./index-_OgCuSUz.js";
-import { useTranslation as _s } from "react-i18next";
+import { k as ss } from "./index-7mV_OcXd.js";
+import { N as as, af as os, O as ts, ah as rs, P as is, ae as ps, x as ls, i as ms, y as us, Q as cs, p as ds, R as Bs, U as ks, k as ns, V as Ss, n as Cs, W as Ps, X as vs, m as gs, L as ys, Y as As, Z as Ms, _ as hs, $ as Ds, a0 as Is, o as Rs, h as fs, a1 as xs, M as Ts, l as Us, a3 as bs, ag as js, a6 as ws, a5 as Hs, a4 as Os, j as Fs, ad as Gs, ai as Ls, aj as Ws, w as Zs, a7 as Es, a9 as Ns, a2 as Qs, aa as Vs, a8 as Xs, ab as Ys, ac as _s } from "./index-_OgCuSUz.js";
+import { useTranslation as qs } from "react-i18next";
 import "i18next";
 import "./jsx-runtime-WbnYoNE9.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -21,11 +21,13 @@ import "react-hotkeys-hook";
 import "@chaibuilder/runtime";
 import "@radix-ui/react-icons";
 import "sonner";
-import "./html-to-json-xKBERAI1.js";
+import "./html-to-json-yjzEN9OX.js";
 import "himalaya";
 import "./MODIFIERS-RiXS5Mn1.js";
 import "lodash";
 import "lucide-react";
+import "./web-blocks.js";
+import "./controls-XPXGHKht.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./utils-AvyFzbPC.js";
@@ -52,53 +54,53 @@ import "flat-to-nested";
 import "redux-undo";
 import "@react-hookz/web";
 export {
-  J as ChaiBuilderEditor,
-  ss as useActiveModal,
-  es as useActivePanel,
-  as as useAddBlock,
-  os as useAddBlockParent,
-  ts as useAddClassesToBlocks,
-  rs as useAllBlocks,
-  is as useBrandingOptions,
-  ps as useBuilderProp,
-  ls as useBuilderReset,
-  ms as useBuildingBlocks,
-  us as useCanvasHistory,
-  cs as useCanvasWidth,
-  ds as useCanvasZoom,
-  Bs as useCopyBlockIds,
-  ks as useCurrentPage,
-  ns as useCutBlockIds,
-  Ss as useDarkMode,
-  Cs as useDeveloperPreviewMode,
-  Ps as useDuplicateBlocks,
-  vs as useFeatureSupport,
-  gs as useGetPageData,
-  ys as useHiddenBlockIds,
-  As as useHighlightBlockId,
-  Ms as useMarkAsGlobalBlock,
-  hs as useMoveBlocks,
-  Ds as usePasteBlocks,
-  Is as usePreviewMode,
-  Rs as useProject,
-  fs as useReadOnlyMode,
-  xs as useRemoveBlocks,
-  Ts as useRemoveClassesFromBlocks,
-  Us as useSavePage,
-  bs as useSelectedBlock,
-  js as useSelectedBlockAllClasses,
-  ws as useSelectedBlockCurrentClasses,
-  Hs as useSelectedBlockIds,
-  Os as useSelectedBlocksDisplayChild,
-  Fs as useSelectedBreakpoints,
-  Gs as useSelectedStylingBlocks,
-  Ls as useSetAllBlocks,
-  Ws as useStylingBreakpoint,
-  Zs as useStylingState,
-  _s as useTranslation,
-  Es as useTranslations,
-  Ns as useTreeData,
-  Qs as useUILibraryBlocks,
-  Vs as useUpdateBlocksProps,
-  Xs as useUpdateBlocksPropsRealtime
+  ss as ChaiBuilderEditor,
+  as as useActiveModal,
+  os as useActivePanel,
+  ts as useAddBlock,
+  rs as useAddBlockParent,
+  is as useAddClassesToBlocks,
+  ps as useAllBlocks,
+  ls as useBrandingOptions,
+  ms as useBuilderProp,
+  us as useBuilderReset,
+  cs as useBuildingBlocks,
+  ds as useCanvasHistory,
+  Bs as useCanvasWidth,
+  ks as useCanvasZoom,
+  ns as useCopyBlockIds,
+  Ss as useCurrentPage,
+  Cs as useCutBlockIds,
+  Ps as useDarkMode,
+  vs as useDeveloperPreviewMode,
+  gs as useDuplicateBlocks,
+  ys as useFeatureSupport,
+  As as useGetPageData,
+  Ms as useHiddenBlockIds,
+  hs as useHighlightBlockId,
+  Ds as useMarkAsGlobalBlock,
+  Is as useMoveBlocks,
+  Rs as usePasteBlocks,
+  fs as usePreviewMode,
+  xs as useProject,
+  Ts as useReadOnlyMode,
+  Us as useRemoveBlocks,
+  bs as useRemoveClassesFromBlocks,
+  js as useSavePage,
+  ws as useSelectedBlock,
+  Hs as useSelectedBlockAllClasses,
+  Os as useSelectedBlockCurrentClasses,
+  Fs as useSelectedBlockIds,
+  Gs as useSelectedBlocksDisplayChild,
+  Ls as useSelectedBreakpoints,
+  Ws as useSelectedStylingBlocks,
+  Zs as useSetAllBlocks,
+  Es as useStylingBreakpoint,
+  Ns as useStylingState,
+  qs as useTranslation,
+  Qs as useTranslations,
+  Vs as useTreeData,
+  Xs as useUILibraryBlocks,
+  Ys as useUpdateBlocksProps,
+  _s as useUpdateBlocksPropsRealtime
 };

package/dist/delete-page-modal-IO_9ZCm4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./index-IIJ_o44s.cjs"),q=require("./index-mUPP605-.cjs"),l=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("lodash-es");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("@react-hookz/web");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-5UoswV2Q.cjs");require("himalaya");require("lodash");require("lucide-react");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const d=({pageData:i,projectData:t})=>{const n={},u=q.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(l.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;

package/dist/{delete-page-modal-qZJCk_JH.js → delete-page-modal-xGWX8RHn.js}

@@ -1,6 +1,6 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import { j as r } from "./jsx-runtime-WbnYoNE9.js";
 import { D as s, E as l, F as n, H as d, I as a, K as c, B as u } from "./index-_OgCuSUz.js";
-import { j as x } from "./index-QEchoZ98.js";
+import { j as x } from "./index-7mV_OcXd.js";
 import { TrashIcon as h } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -47,40 +47,42 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-xKBERAI1.js";
+import "./html-to-json-yjzEN9OX.js";
 import "himalaya";
 import "lodash";
 import "lucide-react";
-const he = ({ pageData: r, projectData: i }) => {
-  const m = {}, t = x(), o = r.uuid === i.homepage, p = () => {
-    t.mutate(r, {
+import "./web-blocks.js";
+import "./controls-XPXGHKht.js";
+const jr = ({ pageData: e, projectData: i }) => {
+  const m = {}, t = x(), o = e.uuid === i.homepage, p = () => {
+    t.mutate(e, {
       onSuccess: () => {
         m({ uuid: i.homepage, slug: "/home" });
       }
     });
   };
-  return /* @__PURE__ */ e.jsxs(s, { children: [
-    /* @__PURE__ */ e.jsx(l, { disabled: o, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ r.jsxs(s, { children: [
+    /* @__PURE__ */ r.jsx(l, { disabled: o, children: /* @__PURE__ */ r.jsx(
       "div",
       {
         className: `flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${o ? "cursor-not-allowed border-red-200 text-red-200" : "cursor-pointer border-red-400 text-red-400"}`,
-        children: /* @__PURE__ */ e.jsx(h, {})
+        children: /* @__PURE__ */ r.jsx(h, {})
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(n, { children: [
-      /* @__PURE__ */ e.jsxs(d, { children: [
+    /* @__PURE__ */ r.jsxs(n, { children: [
+      /* @__PURE__ */ r.jsxs(d, { children: [
         "Are you sure you want to delete ",
-        /* @__PURE__ */ e.jsx("i", { className: "text-red-500", children: r.name }),
+        /* @__PURE__ */ r.jsx("i", { className: "text-red-500", children: e.name }),
         " page?"
       ] }),
-      /* @__PURE__ */ e.jsx(a, { children: "This action cannot be undone. This will permanently delete your page." }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
-        /* @__PURE__ */ e.jsx(c, { disabled: t.isPending, children: "Cancel" }),
-        /* @__PURE__ */ e.jsx(u, { variant: "destructive", onClick: p, disabled: t.isPending, children: "Yes, Delete" })
+      /* @__PURE__ */ r.jsx(a, { children: "This action cannot be undone. This will permanently delete your page." }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-end gap-x-3", children: [
+        /* @__PURE__ */ r.jsx(c, { disabled: t.isPending, children: "Cancel" }),
+        /* @__PURE__ */ r.jsx(u, { variant: "destructive", onClick: p, disabled: t.isPending, children: "Yes, Delete" })
       ] })
     ] })
   ] });
 };
 export {
-  he as default
+  jr as default
 };

package/dist/email-blocks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("@react-email/components"),s=require("@chaibuilder/runtime"),c=require("./controls-Dy1qa8Dc.cjs"),i=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");const l=({blockProps:o,styles:t,children:n})=>e.jsxRuntimeExports.jsxs(r.Container,{...o,...t,children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello"}),e.jsxRuntimeExports.jsx(r.Button,{href:"https://example.com",className:"c-bg-red-500 c-px-4 c-py-1 c-border c-rounded-md c-inline-block c-text-white c-font-bold",children:"Click me"}),e.jsxRuntimeExports.jsx(r.Hr,{}),e.jsxRuntimeExports.jsx(r.CodeInline,{children:"@react-email/code-inline"}),";",n]});s.registerChaiBlock(l,{type:"Container",label:"Container",group:"basic",category:"core",props:{styles:c.S({default:""})}});const u=i.noop;exports.loadWebBlocks=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("@react-email/components"),s=require("@chaibuilder/runtime"),i=require("./controls-Dy1qa8Dc.cjs"),c=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");const l=({blockProps:o,styles:t,children:n})=>e.jsxRuntimeExports.jsxs(r.Container,{...o,...t,children:[e.jsxRuntimeExports.jsx("h1",{children:"Hello"}),e.jsxRuntimeExports.jsx(r.Button,{href:"https://example.com",className:"c-bg-red-500 c-px-4 c-py-1 c-border c-rounded-md c-inline-block c-text-white c-font-bold",children:"Click me"}),e.jsxRuntimeExports.jsx(r.Hr,{}),e.jsxRuntimeExports.jsx(r.CodeInline,{children:"@react-email/code-inline"}),";",n]});s.registerChaiBlock(l,{type:"Container",label:"Container",group:"basic",category:"core",props:{styles:i.S({default:""})}});const u=c.noop;exports.loadEmailBlocks=u;

package/dist/email-blocks.d.ts

@@ -1,3 +1,3 @@
-export declare const loadWebBlocks: any;
+export declare const loadEmailBlocks: any;
 
 export { }

package/dist/email-blocks.js

@@ -1,7 +1,7 @@
 import { j as o } from "./jsx-runtime-WbnYoNE9.js";
 import { Container as i, Button as c, Hr as n, CodeInline as l } from "@react-email/components";
-import { registerChaiBlock as s } from "@chaibuilder/runtime";
-import { S as m } from "./controls-XPXGHKht.js";
+import { registerChaiBlock as m } from "@chaibuilder/runtime";
+import { S as s } from "./controls-XPXGHKht.js";
 import { noop as p } from "lodash-es";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -20,16 +20,16 @@ const a = ({ blockProps: e, styles: r, children: t }) => /* @__PURE__ */ o.jsxs(
   ";",
   t
 ] });
-s(a, {
+m(a, {
   type: "Container",
   label: "Container",
   group: "basic",
   category: "core",
   props: {
-    styles: m({ default: "" })
+    styles: s({ default: "" })
   }
 });
 const u = p;
 export {
-  u as loadWebBlocks
+  u as loadEmailBlocks
 };

package/dist/html-to-json-5UoswV2Q.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("himalaya"),p=require("./Functions-N3yhPYKY.cjs"),e=require("lodash-es"),o=require("./MODIFIERS-2FeVfZQ9.cjs"),h=require("lodash"),v=t=>{const s=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,r=/(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;return s.test(t)||r.test(t)},w=t=>{if(h.isEmpty(t))return t;const s=/<video[^>]+src=['"]([^'">]+)['"]/,r=/<iframe[^>]+src=['"]([^'">]+)['"]/,a=t.match(s),l=t.match(r),i=a?a[1]:l?l[1]:null,c=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,n=/(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;return i&&(c.test(i)||n.test(i))?i:t},x={img:{alt:"alt",width:"width",height:"height",src:"image"},video:{src:"url",autoplay:"controls.autoPlay",muted:"controls.muted",loop:"controls.loop",controls:"controls.widgets"},a:{href:"link.href",target:"link.target",type:""},input:{placeholder:"placeholder",required:"required",type:"inputType",name:"fieldName"},textarea:{placeholder:"placeholder",required:"required",type:"inputType",name:"fieldName"},select:{placeholder:"placeholder",required:"required",multiple:"multiple",name:"fieldName"}},S=(t,s)=>t.children.length===1&&e.includes(["Heading","Paragraph","Span","ListItem","Button","Label","TableCell","Link"],s._type),m=t=>t.map(s=>s.type==="text"?e.get(s,"content",""):e.isEmpty(s.children)?"":m(s.children)).join(""),g=t=>t===null?!0:t,y=t=>{const s={},r=x[t.tagName]||{},a=t.attributes;return e.forEach(a,({key:l,value:i})=>{if(r[l]){if(t.tagName==="img"&&l==="src"&&!i.startsWith("http")){const c=e.find(t.attributes,{key:"width"}),n=e.find(t.attributes,{key:"height"});c&&n?i=`https://via.placeholder.com/${c==null?void 0:c.value}x${n==null?void 0:n.value}`:i="https://via.placeholder.com/150x150"}e.set(s,r[l],g(i))}else e.includes(["style","class","srcset"],l)||e.set(s,`styles_attrs.${l}`,g(i))}),delete s.class,s},L=(t,s="styles")=>{if(!t.attributes)return{[s]:`${o.STYLES_KEY},`};const r=e.find(t.attributes,{key:"class"});if(r){const a=r.value;return{[s]:`${o.STYLES_KEY},${a}`}}return{[s]:`${o.STYLES_KEY},`}},N=t=>{switch(t.tagName){case"img":return{_type:"Image"};case"input":return{_type:"Input",showLabel:!1};case"hr":return{_type:"Divider"};case"br":return{_type:"LineBreak"};case"textarea":return{_type:"TextArea",showLabel:!1};case"audio":return{_type:"Audio"};case"canvas":return{_type:"Canvas"};case"video":case"iframe":return{_type:"CustomHTML"};case"svg":return{_type:"Icon"};case"select":return{_type:"Select",options:[]};case"option":return{_type:"Option"};case"ul":case"ol":case"dl":return{_type:"List",tag:t.tagName,_listType:t.tagName==="ol"?"list-decimal":"list-none"};case"li":case"dt":return{_type:"ListItem",tag:t.tagName};case"span":case"figcaption":case"legend":return{_type:"Span",tag:t.tagName};case"p":return{_type:"Paragraph",content:""};case"a":return{_type:"Link"};case"form":return{_type:"Form"};case"label":return{_type:"Label"};case"button":return{_type:"Button"};case"code":return{_type:"Code"};case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":return{_type:"Heading",tag:t.tagName};case"table":return{_type:"Table"};case"tr":return{_type:"TableRow"};case"td":case"th":return{_type:"TableCell",tag:t.tagName};case"thead":return{_type:"TableHead"};case"tbody":return{_type:"TableBody"};case"tfoot":return{_type:"TableFooter"};default:return{_type:"Box",tag:t.tagName,_name:t.tagName==="div"?"Box":e.capitalize(t.tagName)}}},f=(t,s=null)=>e.flatMapDeep(t,r=>{var i;if(r.type==="comment")return[];let a={_id:p.generateUUID()};if(s&&(a._parent=s.block._id),r.type==="text")return e.isEmpty(e.get(r,"content",""))?[]:s&&S(s.node,s.block)?(e.set(s,"block.content",e.get(r,"content","")),[]):{...a,_type:"Text",content:e.get(r,"content","")};if(a={...a,...N(r),...y(r),...L(r)},a._type==="Input"){const c=a.inputType||"text";c==="checkbox"?e.set(a,"_type","Checkbox"):c==="radio"&&e.set(a,"_type","Radio")}else if(r.tagName==="video"||r.tagName==="iframe"){const c=u.stringify([r]);return v(c)&&(e.set(a,"_type","Video"),e.set(a,"url",w(c)),e.set(a,"styles",`${o.STYLES_KEY},absolute top-0 left-0 w-full h-full`),e.set(a,"controls",{autoPlay:!1,muted:!0,loop:!1,controls:!1})),a.content=c,[a]}else if(r.tagName==="svg"){const c=e.find(r.attributes,{key:"height"}),n=e.find(r.attributes,{key:"width"}),d=e.get(c,"value")?`[${e.get(c,"value")}px]`:"24px",b=e.get(n,"value")?`[${e.get(n,"value")}px]`:"24px",_=e.get(e.find(r.attributes,{key:"class"}),"value","w-full h-full");return a.styles=`${o.STYLES_KEY}, ${p.cn(`w-${b} h-${d}`,_)}`.trim(),r.attributes=e.filter(r.attributes,T=>!e.includes(["style","width","height","class"],T.key)),a.icon=u.stringify([r]),e.set(a,"styles_attrs",h.omit(e.get(a,"styles_attrs")||{},["height","width","style","class"])),[a]}else if(r.tagName=="option"&&s&&((i=s.block)==null?void 0:i._type)==="Select")return s.block.options.push({label:m(r.children),...y(r)}),[];const l=f(r.children,{block:a,node:r});return[a,...l]}),k=t=>{const s=t.match(/<body[^>]*>[\s\S]*?<\/body>/);return(s&&s.length>0?s[0].replace(/<body/,"<div").replace(/<\/body>/,"</div>"):t).replace(/\s+/g," ").replaceAll("> <","><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"").trim()},E=t=>{const s=u.parse(k(t));return e.isEmpty(t)?[]:e.flatten(f(s))};exports.getBlocksFromHTML=E;

package/dist/html-to-json-yjzEN9OX.js

@@ -0,0 +1,184 @@
+import { stringify as m, parse as x } from "himalaya";
+import { g as N, c as k } from "./Functions-7jnEwJyw.js";
+import { includes as y, get as l, isEmpty as g, forEach as L, find as u, set as o, capitalize as S, flatMapDeep as $, filter as C, flatten as A } from "lodash-es";
+import { a as p } from "./MODIFIERS-RiXS5Mn1.js";
+import { isEmpty as R, omit as B } from "lodash";
+const H = (t) => {
+  const e = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, a = /(?:https?:\/\/)?(?:www\.)?(player)?.vimeo\.com/;
+  return e.test(t) || a.test(t);
+}, M = (t) => {
+  if (R(t))
+    return t;
+  const e = /<video[^>]+src=['"]([^'">]+)['"]/, a = /<iframe[^>]+src=['"]([^'">]+)['"]/, r = t.match(e), i = t.match(a), c = r ? r[1] : i ? i[1] : null, s = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, n = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
+  return c && (s.test(c) || n.test(c)) ? c : t;
+}, E = {
+  img: { alt: "alt", width: "width", height: "height", src: "image" },
+  video: {
+    src: "url",
+    autoplay: "controls.autoPlay",
+    muted: "controls.muted",
+    loop: "controls.loop",
+    controls: "controls.widgets"
+  },
+  a: {
+    href: "link.href",
+    target: "link.target",
+    type: ""
+    // @TODO: Detect here what to url, email, phone, elementId
+  },
+  input: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  textarea: {
+    placeholder: "placeholder",
+    required: "required",
+    type: "inputType",
+    name: "fieldName"
+  },
+  select: {
+    placeholder: "placeholder",
+    required: "required",
+    multiple: "multiple",
+    name: "fieldName"
+  }
+}, I = (t, e) => t.children.length === 1 && y(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], e._type), b = (t) => t.map((e) => e.type === "text" ? l(e, "content", "") : g(e.children) ? "" : b(e.children)).join(""), h = (t) => t === null ? !0 : t, f = (t) => {
+  const e = {}, a = E[t.tagName] || {}, r = t.attributes;
+  return L(r, ({ key: i, value: c }) => {
+    if (a[i]) {
+      if (t.tagName === "img" && i === "src" && !c.startsWith("http")) {
+        const s = u(t.attributes, { key: "width" }), n = u(t.attributes, { key: "height" });
+        s && n ? c = `https://via.placeholder.com/${s == null ? void 0 : s.value}x${n == null ? void 0 : n.value}` : c = "https://via.placeholder.com/150x150";
+      }
+      o(e, a[i], h(c));
+    } else
+      y(["style", "class", "srcset"], i) || o(e, `styles_attrs.${i}`, h(c));
+  }), delete e.class, e;
+}, q = (t, e = "styles") => {
+  if (!t.attributes)
+    return { [e]: `${p},` };
+  const a = u(t.attributes, { key: "class" });
+  if (a) {
+    const r = a.value;
+    return { [e]: `${p},${r}` };
+  }
+  return { [e]: `${p},` };
+}, P = (t) => {
+  switch (t.tagName) {
+    case "img":
+      return { _type: "Image" };
+    case "input":
+      return { _type: "Input", showLabel: !1 };
+    case "hr":
+      return { _type: "Divider" };
+    case "br":
+      return { _type: "LineBreak" };
+    case "textarea":
+      return { _type: "TextArea", showLabel: !1 };
+    case "audio":
+      return { _type: "Audio" };
+    case "canvas":
+      return { _type: "Canvas" };
+    case "video":
+    case "iframe":
+      return { _type: "CustomHTML" };
+    case "svg":
+      return { _type: "Icon" };
+    case "select":
+      return { _type: "Select", options: [] };
+    case "option":
+      return { _type: "Option" };
+    case "ul":
+    case "ol":
+    case "dl":
+      return {
+        _type: "List",
+        tag: t.tagName,
+        _listType: t.tagName === "ol" ? "list-decimal" : "list-none"
+      };
+    case "li":
+    case "dt":
+      return { _type: "ListItem", tag: t.tagName };
+    case "span":
+    case "figcaption":
+    case "legend":
+      return { _type: "Span", tag: t.tagName };
+    case "p":
+      return { _type: "Paragraph", content: "" };
+    case "a":
+      return { _type: "Link" };
+    case "form":
+      return { _type: "Form" };
+    case "label":
+      return { _type: "Label" };
+    case "button":
+      return { _type: "Button" };
+    case "code":
+      return { _type: "Code" };
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return { _type: "Heading", tag: t.tagName };
+    case "table":
+      return { _type: "Table" };
+    case "tr":
+      return { _type: "TableRow" };
+    case "td":
+    case "th":
+      return { _type: "TableCell", tag: t.tagName };
+    case "thead":
+      return { _type: "TableHead" };
+    case "tbody":
+      return { _type: "TableBody" };
+    case "tfoot":
+      return { _type: "TableFooter" };
+    default:
+      return {
+        _type: "Box",
+        tag: t.tagName,
+        _name: t.tagName === "div" ? "Box" : S(t.tagName)
+      };
+  }
+}, d = (t, e = null) => $(t, (a) => {
+  var c;
+  if (a.type === "comment")
+    return [];
+  let r = { _id: N() };
+  if (e && (r._parent = e.block._id), a.type === "text")
+    return g(l(a, "content", "")) ? [] : e && I(e.node, e.block) ? (o(e, "block.content", l(a, "content", "")), []) : { ...r, _type: "Text", content: l(a, "content", "") };
+  if (r = {
+    ...r,
+    ...P(a),
+    ...f(a),
+    ...q(a)
+  }, r._type === "Input") {
+    const s = r.inputType || "text";
+    s === "checkbox" ? o(r, "_type", "Checkbox") : s === "radio" && o(r, "_type", "Radio");
+  } else if (a.tagName === "video" || a.tagName === "iframe") {
+    const s = m([a]);
+    return H(s) && (o(r, "_type", "Video"), o(r, "url", M(s)), o(r, "styles", `${p},absolute top-0 left-0 w-full h-full`), o(r, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), r.content = s, [r];
+  } else if (a.tagName === "svg") {
+    const s = u(a.attributes, { key: "height" }), n = u(a.attributes, { key: "width" }), _ = l(s, "value") ? `[${l(s, "value")}px]` : "24px", v = l(n, "value") ? `[${l(n, "value")}px]` : "24px", T = l(u(a.attributes, { key: "class" }), "value", "w-full h-full");
+    return r.styles = `${p}, ${k(`w-${v} h-${_}`, T)}`.trim(), a.attributes = C(a.attributes, (w) => !y(["style", "width", "height", "class"], w.key)), r.icon = m([a]), o(r, "styles_attrs", B(l(r, "styles_attrs") || {}, ["height", "width", "style", "class"])), [r];
+  } else if (a.tagName == "option" && e && ((c = e.block) == null ? void 0 : c._type) === "Select")
+    return e.block.options.push({
+      label: b(a.children),
+      ...f(a)
+    }), [];
+  const i = d(a.children, { block: r, node: a });
+  return [r, ...i];
+}), z = (t) => {
+  const e = t.match(/<body[^>]*>[\s\S]*?<\/body>/);
+  return (e && e.length > 0 ? e[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : t).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
+}, Y = (t) => {
+  const e = x(z(t));
+  return g(t) ? [] : A(d(e));
+};
+export {
+  Y as g
+};