@chaibuilder/sdk 1.2.24 → 1.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/dist/{CanvasArea-IqeMbtOf.js → CanvasArea-h0W-Tyha.js} +1 -1
- package/dist/{CanvasArea-plZTWifU.cjs → CanvasArea-zme1r3Zi.cjs} +1 -1
- package/dist/{CurrentPage-7_s9LtEJ.cjs → CurrentPage-Hl52iub_.cjs} +1 -1
- package/dist/{CurrentPage-AA0XHYMU.js → CurrentPage-tJUjXWdb.js} +2 -2
- package/dist/{ListTree-LAN7QmHQ.cjs → ListTree-WvTjY5rr.cjs} +1 -1
- package/dist/{ListTree-ZNEtds1d.js → ListTree-cZ-Ihlt3.js} +20 -20
- package/dist/{PagesPanel-883P3_su.js → PagesPanel-6rrLXEO-.js} +3 -3
- package/dist/{PagesPanel-5qMZBatP.cjs → PagesPanel-WzCocl6u.cjs} +1 -1
- package/dist/{ProjectPanel-otQb9ceP.cjs → ProjectPanel-o7gdcwPn.cjs} +1 -1
- package/dist/{ProjectPanel-Y8Qcmsn0.js → ProjectPanel-tz3bjdXy.js} +3 -3
- package/dist/{Settings-pIePR1Id.js → Settings-4s2LUVmC.js} +1 -1
- package/dist/{Settings-Rt342VJ3.cjs → Settings-AqoKwR92.cjs} +1 -1
- package/dist/{SidePanels-PaQkgjLa.cjs → SidePanels-3o6Okmvu.cjs} +1 -1
- package/dist/{SidePanels-NznSn5RN.js → SidePanels-bugFfInz.js} +2 -2
- package/dist/{add-page-modal-4o2L_7T7.cjs → add-page-modal--6TTBRYa.cjs} +1 -1
- package/dist/{add-page-modal-4PiRJgX5.js → add-page-modal-k2Kb92HS.js} +2 -2
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +3 -1
- package/dist/core.js +1 -1
- package/dist/{delete-page-modal-Bek5bCf-.cjs → delete-page-modal-cFoL-wdo.cjs} +1 -1
- package/dist/{delete-page-modal-4l5-RhQB.js → delete-page-modal-zONvdebd.js} +2 -2
- package/dist/email.cjs +1 -1
- package/dist/email.d.ts +3 -1
- package/dist/email.js +1 -1
- package/dist/{index-dgm-fd8U.cjs → index-OB199Izc.cjs} +1 -1
- package/dist/{index-gS-3liKK.js → index-SkyM3d6Q.js} +1 -1
- package/dist/{index-xZWaF8AW.js → index-llTXLDGE.js} +2 -2
- package/dist/{index-oCYKBYyT.cjs → index-mbyqq81O.cjs} +1 -1
- package/dist/{page-viewer-JlKEwACu.cjs → page-viewer-2kwnKM6v.cjs} +1 -1
- package/dist/{page-viewer-rCXavxpd.js → page-viewer-Pdg9F5Hv.js} +3 -3
- package/dist/{project-general-setting-2FGoUZ-z.cjs → project-general-setting-CnNL98NM.cjs} +1 -1
- package/dist/{project-general-setting-rmAVpDu9.js → project-general-setting-f8Ebsn6K.js} +2 -2
- package/dist/{single-page-detail-c6-wRWyN.cjs → single-page-detail-XfzrGlzA.cjs} +1 -1
- package/dist/{single-page-detail-rSQomrY5.js → single-page-detail-dpe5LT0M.js} +3 -3
- package/dist/studio.cjs +1 -1
- package/dist/studio.d.ts +3 -1
- package/dist/studio.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -36,16 +36,17 @@ Step 4: Add the builder to your page.
|
|
|
36
36
|
```tsx
|
|
37
37
|
import "./chaibuilder.tailwind.css";
|
|
38
38
|
import "@chaibuilder/sdk/styles";
|
|
39
|
+
import "@chaibuilder/sdk/web-blocks";
|
|
39
40
|
import { ChaiBuilderEditor } from "@chaibuilder/sdk";
|
|
40
|
-
import { loadWebBlocks } from "@chaibuilder/sdk/web-blocks";
|
|
41
|
-
loadWebBlocks();
|
|
42
41
|
|
|
43
42
|
const BuilderFullPage = () => {
|
|
44
43
|
return (
|
|
45
44
|
<ChaiBuilderEditor
|
|
46
|
-
blocks={[]}
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
blocks={[{_type: 'Heading', _id: 'a', content: 'This is a heading', styles: '#styles:,text-3xl font-bold'}]}
|
|
46
|
+
onSave={async ({ blocks, providers, brandingOptions } ) => {
|
|
47
|
+
console.log(blocks, providers, brandingOptions );
|
|
48
|
+
return true
|
|
49
|
+
}}
|
|
49
50
|
/>
|
|
50
51
|
);
|
|
51
52
|
}
|
|
@@ -23,7 +23,7 @@ import { Provider as Wt } from "react-wrap-balancer";
|
|
|
23
23
|
import { twMerge as qt } from "tailwind-merge";
|
|
24
24
|
import { S as de, a as Se } from "./STRINGS--j49GZJP.js";
|
|
25
25
|
import { getBlockComponent as Kt } from "@chaibuilder/runtime";
|
|
26
|
-
import { u as Vt, B as Yt, E as Jt } from "./index-
|
|
26
|
+
import { u as Vt, B as Yt, E as Jt } from "./index-SkyM3d6Q.js";
|
|
27
27
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
28
28
|
import "./Functions-7jnEwJyw.js";
|
|
29
29
|
import "clsx";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var ne=Object.defineProperty;var oe=(e,t,s)=>t in e?ne(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var A=(e,t,s)=>(oe(e,typeof t!="symbol"?t+"":t,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-Z_BpKhVy.cjs"),p=require("react"),c=require("lodash-es"),w=require("@radix-ui/react-icons"),o=require("./index-h-hd6EvN.cjs"),L=require("react-i18next"),B=require("jotai"),z=require("react-dom"),R=require("prop-types"),ie=require("react-quill"),Z=require("flagged"),re=require("@floating-ui/dom"),W=require("@floating-ui/react-dom"),le=require("@react-hookz/web"),ae=require("@bobthered/tailwindcss-palette-generator"),ce=require("@tailwindcss/typography"),de=require("@tailwindcss/forms"),ue=require("@tailwindcss/aspect-ratio"),pe=require("react-wrap-balancer"),xe=require("tailwind-merge"),q=require("./STRINGS-gPz7CUOk.cjs"),me=require("@chaibuilder/runtime"),O=require("./index-
|
|
1
|
+
"use strict";var ne=Object.defineProperty;var oe=(e,t,s)=>t in e?ne(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var A=(e,t,s)=>(oe(e,typeof t!="symbol"?t+"":t,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-Z_BpKhVy.cjs"),p=require("react"),c=require("lodash-es"),w=require("@radix-ui/react-icons"),o=require("./index-h-hd6EvN.cjs"),L=require("react-i18next"),B=require("jotai"),z=require("react-dom"),R=require("prop-types"),ie=require("react-quill"),Z=require("flagged"),re=require("@floating-ui/dom"),W=require("@floating-ui/react-dom"),le=require("@react-hookz/web"),ae=require("@bobthered/tailwindcss-palette-generator"),ce=require("@tailwindcss/typography"),de=require("@tailwindcss/forms"),ue=require("@tailwindcss/aspect-ratio"),pe=require("react-wrap-balancer"),xe=require("tailwind-merge"),q=require("./STRINGS-gPz7CUOk.cjs"),me=require("@chaibuilder/runtime"),O=require("./index-OB199Izc.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("./MODIFIERS-0g14w5RS.cjs");require("./Class-PoYusiA5.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");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("i18next");require("react-hotkeys-hook");const ge=()=>{const{hasUndo:e,hasRedo:t,undo:s,redo:l}=o.useUndoManager();return n.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[n.jsxRuntimeExports.jsx(o.Button,{disabled:!e(),size:"sm",onClick:s,className:"rounded-full",variant:"ghost",children:n.jsxRuntimeExports.jsx(w.ResetIcon,{})}),n.jsxRuntimeExports.jsx(o.Button,{disabled:!t(),onClick:l,size:"sm",className:"rounded-full",variant:"ghost",children:n.jsxRuntimeExports.jsx(w.ResetIcon,{className:"rotate-180 scale-y-[-1] transform"})})]})};function he(){const[e,t]=o.useDarkMode(),{t:s}=L.useTranslation();return n.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[n.jsxRuntimeExports.jsx(o.Label,{htmlFor:"dark-mode-switch",children:s("dark_mode")}),n.jsxRuntimeExports.jsxs(o.Switch,{id:"dark-mode-switch",checked:e,onCheckedChange:()=>{t(!e)},className:`${e?"bg-violet-600":"bg-violet-300"}
|
|
2
2
|
relative ml-2 inline-flex h-[20px] w-[40px] shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75`,children:[n.jsxRuntimeExports.jsx("span",{className:"sr-only",children:s("use_setting")}),n.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:`${e?"translate-x-5":"translate-x-0"}
|
|
3
3
|
pointer-events-none -mt-px inline-block h-[18px] w-[20px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`})]})]})}const K=({landscape:e=!1})=>n.jsxRuntimeExports.jsxs("svg",{className:e?"rotate-90":"",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 13",xmlSpace:"preserve",width:13,height:13,children:[n.jsxRuntimeExports.jsx("g",{strokeWidth:0}),n.jsxRuntimeExports.jsx("g",{strokeLinecap:"round",strokeLinejoin:"round"}),n.jsxRuntimeExports.jsx("path",{d:"M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z",style:{fill:"#000"}})]}),fe=[{title:"mobile_xs_title",content:"mobile_xs_content",breakpoint:"xs",icon:n.jsxRuntimeExports.jsx(w.MobileIcon,{}),width:400},{title:"mobile_sm_title",content:"mobile_sm_content",breakpoint:"sm",icon:n.jsxRuntimeExports.jsx(w.MobileIcon,{className:"rotate-90"}),width:640},{title:"tablet_md_title",content:"tablet_md_content",breakpoint:"md",icon:n.jsxRuntimeExports.jsx(K,{}),width:800},{title:"tablet_lg_title",content:"tablet_lg_content",breakpoint:"lg",icon:n.jsxRuntimeExports.jsx(K,{landscape:!0}),width:1024},{title:"desktop_xl_title",content:"desktop_xl_content",breakpoint:"xl",icon:n.jsxRuntimeExports.jsx(w.LaptopIcon,{}),width:1420},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",breakpoint:"2xl",icon:n.jsxRuntimeExports.jsx(w.DesktopIcon,{}),width:1920}],Y=({title:e,content:t,currentBreakpoint:s,breakpoint:l,width:a,icon:r,onClick:u})=>{const{t:i}=L.useTranslation();return n.jsxRuntimeExports.jsxs(o.HoverCard,{children:[n.jsxRuntimeExports.jsx(o.HoverCardTrigger,{asChild:!0,children:n.jsxRuntimeExports.jsx(o.Button,{onClick:()=>u(a),size:"sm",variant:l===s?"secondary":"ghost",children:r})}),n.jsxRuntimeExports.jsx(o.HoverCardContent,{className:"w-52 border-border",children:n.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:n.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[n.jsxRuntimeExports.jsx("h4",{className:"text-sm font-semibold",children:i(e)}),n.jsxRuntimeExports.jsx("p",{className:"text-xs",children:i(t)})]})})})]})},je=()=>{const[,e,t]=o.useCanvasWidth(),[s,l]=o.useSelectedBreakpoints(),{t:a}=L.useTranslation(),r=o.useBuilderProp("breakpoints",fe),u=i=>{s.includes(i)?s.length>2&&l(s.filter(d=>d!==i)):l(d=>[...d,i])};return r.length<4?n.jsxRuntimeExports.jsx("div",{className:"flex items-center rounded-md",children:c.map(r,i=>p.createElement(Y,{...i,onClick:t,key:i.breakpoint,currentBreakpoint:e}))}):n.jsxRuntimeExports.jsxs("div",{className:"flex items-center rounded-md",children:[c.map(r.filter(i=>c.includes(s,c.toUpper(i.breakpoint))),i=>p.createElement(Y,{...i,onClick:t,key:i.breakpoint,currentBreakpoint:e})),n.jsxRuntimeExports.jsxs(o.DropdownMenu,{children:[n.jsxRuntimeExports.jsx(o.DropdownMenuTrigger,{asChild:!0,children:n.jsxRuntimeExports.jsx("span",{className:"cursor-pointer px-2.5 hover:opacity-80",children:n.jsxRuntimeExports.jsx(w.DotsVerticalIcon,{className:"scale-90 transform"})})}),n.jsxRuntimeExports.jsxs(o.DropdownMenuContent,{className:"w-56 border-border text-xs",children:[n.jsxRuntimeExports.jsx(o.DropdownMenuLabel,{children:a("Breakpoints")}),n.jsxRuntimeExports.jsx(o.DropdownMenuSeparator,{}),c.map(r,i=>n.jsxRuntimeExports.jsx(o.DropdownMenuCheckboxItem,{disabled:i.breakpoint==="xs",onCheckedChange:()=>u(c.toUpper(i.breakpoint)),checked:c.includes(s,c.toUpper(i.breakpoint)),children:a(i.title)},i.breakpoint))]})]})]})},ye=()=>{const{t:e}=L.useTranslation(),{setNewBlocks:t}=o.useBlocksStoreUndoableActions(),[,s]=o.useSelectedBlockIds(),[,l]=o.useSelectedStylingBlocks(),a=p.useCallback(()=>{t([]),s([]),l([])},[t]);return n.jsxRuntimeExports.jsx("div",{className:"flex items-center",children:n.jsxRuntimeExports.jsxs(o.AlertDialog,{children:[n.jsxRuntimeExports.jsx(o.AlertDialogTrigger,{asChild:!0,children:n.jsxRuntimeExports.jsxs(o.Button,{size:"sm",variant:"ghost",className:"flex items-center gap-x-1",children:[n.jsxRuntimeExports.jsx(w.EraserIcon,{})," ",e("clear")]})}),n.jsxRuntimeExports.jsxs(o.AlertDialogContent,{className:"border-border",children:[n.jsxRuntimeExports.jsxs(o.AlertDialogHeader,{children:[n.jsxRuntimeExports.jsx(o.AlertDialogTitle,{children:e("clear_canvas_title")}),n.jsxRuntimeExports.jsx(o.AlertDialogDescription,{children:e("clear_canvas_description")})]}),n.jsxRuntimeExports.jsxs(o.AlertDialogFooter,{children:[n.jsxRuntimeExports.jsx(o.AlertDialogCancel,{children:e("cancel")}),n.jsxRuntimeExports.jsx(o.AlertDialogAction,{onClick:a,children:e("yes")})]})]})]})})},Ee=()=>{const e=o.useBuilderProp("darkMode",!1),[t]=o.useCanvasZoom();return n.jsxRuntimeExports.jsxs("div",{className:"flex h-10 items-center justify-between border-b bg-background/70 px-2",children:[n.jsxRuntimeExports.jsxs("div",{className:"flex h-full space-x-2",children:[e?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(he,{}),n.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"})]}):null,n.jsxRuntimeExports.jsx(je,{}),n.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),n.jsxRuntimeExports.jsxs("div",{className:"flex w-12 items-center justify-center gap-x-1 space-x-0 font-medium",children:[n.jsxRuntimeExports.jsx(w.ZoomInIcon,{className:"h-3.5 w-3.5 flex-shrink-0"})," ",n.jsxRuntimeExports.jsxs("div",{className:"text-xs leading-3",children:[c.round(t,0),"%"]})]}),n.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),n.jsxRuntimeExports.jsx(ge,{})]}),n.jsxRuntimeExports.jsxs("div",{className:"flex h-full items-center space-x-2",children:[n.jsxRuntimeExports.jsx(o.Separator,{orientation:"vertical"}),n.jsxRuntimeExports.jsx(ye,{})]})]})},ke=`<!doctype html>
|
|
4
4
|
<html class="scroll-smooth h-full overflow-y-auto">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("./index-h-hd6EvN.cjs"),i=require("lodash-es"),j=require("sonner"),l=require("react"),o=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("./index-h-hd6EvN.cjs"),i=require("lodash-es"),j=require("sonner"),l=require("react"),o=require("./index-mbyqq81O.cjs"),p=require("lucide-react"),f=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-0g14w5RS.cjs");require("./Class-PoYusiA5.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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("./index-OB199Izc.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("./html-to-json-efmv1pCj.cjs");require("himalaya");require("./index-ecnGWzh9.cjs");const E=()=>{const{data:t}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{saveState:d}=s.useSavePage(),m=o.useChangePage(),{t:q}=f.useTranslation(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(t==null?void 0:t.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&t.homepage&&!i.find(u,{uuid:n})&&a(t.homepage)},[n,u,t,a]),l.useEffect(()=>()=>a(null),[a]);const g=r=>{if(d!=="SAVED")j.toast.error(q("You have unsaved changes. Please save before changing the page."));else{const h=i.find(c,{uuid:r});m(h)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 py-1 pr-0 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(p.BriefcaseIcon,{className:"mr-2 h-4 w-4"}),i.capitalize(t.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(s.Select,{value:n||"",onValueChange:g,children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(s.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=E;
|
|
@@ -3,7 +3,7 @@ import { z as h, aj as f, ak as j, al as y, am as v, an as P } from "./index-Gk6
|
|
|
3
3
|
import { sortBy as b, filter as k, get as w, isEmpty as m, find as n, capitalize as C, map as N } from "lodash-es";
|
|
4
4
|
import { toast as S } from "sonner";
|
|
5
5
|
import { useEffect as p } from "react";
|
|
6
|
-
import { a as B, u as E, c as T, d as z } from "./index-
|
|
6
|
+
import { a as B, u as E, c as T, d as z } from "./index-llTXLDGE.js";
|
|
7
7
|
import { BriefcaseIcon as I } from "lucide-react";
|
|
8
8
|
import { useTranslation as L } from "react-i18next";
|
|
9
9
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
@@ -40,7 +40,7 @@ import "@radix-ui/react-context-menu";
|
|
|
40
40
|
import "react-icons-picker";
|
|
41
41
|
import "react-dom";
|
|
42
42
|
import "react-quill";
|
|
43
|
-
import "./index-
|
|
43
|
+
import "./index-SkyM3d6Q.js";
|
|
44
44
|
import "i18next";
|
|
45
45
|
import "@floating-ui/react-dom";
|
|
46
46
|
import "flagged";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),m=require("react"),k=require("jotai"),I=require("@react-hookz/web"),q=require("react-arborist"),n=require("./index-h-hd6EvN.cjs"),y=require("./Functions-N3yhPYKY.cjs"),s=require("@radix-ui/react-icons"),B=require("lucide-react"),f=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@chaibuilder/runtime");require("./STRINGS-gPz7CUOk.cjs");require("./MODIFIERS-0g14w5RS.cjs");require("./Class-PoYusiA5.cjs");require("clsx");require("tailwind-merge");require("react-i18next");require("@radix-ui/react-toggle");require("class-variance-authority");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");const v=t=>{switch(t.type){case"Image":return e.jsxRuntimeExports.jsx(s.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(s.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(s.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(s.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(s.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(s.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(s.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(s.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(s.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(s.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(s.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(s.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(s.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(s.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(s.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(s.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(s.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(s.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(s.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(s.DragHandleHorizontalIcon,{});case"DataProvider":return e.jsxRuntimeExports.jsx(B.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}},C={display:"flex",alignItems:"center",zIndex:1},T=m.memo(function({top:o,left:r}){const a={position:"absolute",pointerEvents:"none",top:o+"px",left:r+"px",right:0};return e.jsxRuntimeExports.jsx("div",{style:{...C,...a},children:e.jsxRuntimeExports.jsx("div",{className:"h-0.5 flex-1 rounded-[1px] bg-green-500"})})}),w=m.memo(function({children:o,isDragging:r}){return r?e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none fixed left-0 top-0 z-[100] h-full w-full",children:o}):null}),D=m.memo(({id:t,isDragging:o,mouse:r})=>{const[a]=n.useBlocksStore(),i=m.useMemo(()=>a.find(d=>d._id===t),[a,t]),j=m.useMemo(()=>({transform:`translate(${(r==null?void 0:r.x)-10}px, ${(r==null?void 0:r.y)-10}px)`}),[r]);return r?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(w,{isDragging:o,children:e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",style:j,children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex !cursor-grab items-center p-0.5","aria-label":`Type: ${i==null?void 0:i._type}`,children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-0.5 h-3 w-3",children:e.jsxRuntimeExports.jsx(v,{type:i==null?void 0:i._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:(i==null?void 0:i._name)||(i==null?void 0:i._type)})]})})})}):e.jsxRuntimeExports.jsx("div",{className:"hidden"})}),S=()=>{const[t]=n.useSelectedBlockIds(),o=n.useRemoveBlocks(),r=n.useSelectedBlock();return e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{disabled:!n.canDeleteBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>o(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},N=()=>{const[t]=n.useSelectedBlockIds(),o=n.useDuplicateBlocks(),r=n.useSelectedBlock(),a=m.useCallback(()=>{o(t)},[t,o]);return e.jsxRuntimeExports.jsxs(n.ContextMenuContent,{className:"text-xs",children:[e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{disabled:!n.canDuplicateBlock(r==null?void 0:r._type),className:"flex items-center gap-x-4 text-xs",onClick:a,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx(S,{})]})},_=({children:t})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(n.ContextMenu,{children:[e.jsxRuntimeExports.jsx(n.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx(N,{})]})}),M=m.memo(({node:t,style:o,dragHandle:r})=>{const a=n.useBuilderProp("outlineMenuItems",[]),[,i]=n.useHighlightBlockId(),j=t.children.length>0,{id:d,data:u,isSelected:h,willReceiveDrop:R,isDragging:g,isEditing:E,handleClick:b}=t,c=I.useDebouncedCallback(x=>i(x),[],300),l=x=>{x.stopPropagation(),t.toggle()},p=x=>{x.stopPropagation(),t.toggle(),b(x)};return m.useEffect(()=>{const x=setTimeout(()=>{R&&!t.isOpen&&t.toggle()},500);return()=>clearTimeout(x)},[R,t]),e.jsxRuntimeExports.jsx(_,{id:d,children:e.jsxRuntimeExports.jsxs("div",{onClick:p,onMouseEnter:()=>c(d),style:o,"data-node-id":d,ref:r,className:y.cn("group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",h?"bg-blue-500 text-white":"text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",R&&n.canAcceptChildBlock(u._type,"Icon")?"bg-green-200":"",g&&"opacity-20"),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen?"rotate-90":""}`,children:j&&e.jsxRuntimeExports.jsx("button",{onClick:l,type:"button",children:e.jsxRuntimeExports.jsx(s.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-0.5 h-3 w-3",children:e.jsxRuntimeExports.jsx(v,{type:u==null?void 0:u._type})}),E?e.jsxRuntimeExports.jsx(P,{node:t}):e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",onDoubleClick:x=>{x.stopPropagation(),t.edit(),t.deselect()},children:(u==null?void 0:u._name)||(u==null?void 0:u._type.split("/").pop())})]})]}),e.jsxRuntimeExports.jsx("div",{className:"invisible flex items-center space-x-1 pr-2 group-hover:visible",children:a.map(x=>e.jsxRuntimeExports.jsxs(n.Tooltip,{children:[e.jsxRuntimeExports.jsx(n.TooltipTrigger,{className:"cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",asChild:!0,children:m.createElement(x.item,{blockId:d})}),e.jsxRuntimeExports.jsx(n.TooltipContent,{className:"z-[9999]",children:x.tooltip})]}))})]})})}),P=({node:t})=>e.jsxRuntimeExports.jsx("input",{autoFocus:!0,className:"ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",type:"text",defaultValue:t.data.name,onFocus:o=>o.currentTarget.select(),onBlur:o=>t.submit(o.currentTarget.value),onKeyDown:o=>{o.key==="Enter"&&t.submit(o.currentTarget.value)}}),A=()=>{const[t]=n.useBlocksStore();return(o,r)=>{var j;const a=(j=f.find(t,{_id:r}))==null?void 0:j._type,i=f.first(o.map(d=>{var u;return(u=f.find(t,{_id:d}))==null?void 0:u._type}));return n.canAcceptChildBlock(a,i)}},H=()=>{const[t]=k.useAtom(n.treeDSBlocks),[o,r]=n.useSelectedBlockIds(),a=n.useUpdateBlocksProps(),[,i]=n.useSelectedStylingBlocks(),{moveBlocks:j}=n.useBlocksStoreUndoableActions(),d=A(),u=()=>{r([]),i([])},h=({id:c,name:l,node:p})=>{a([c],{_name:l},p.data._name)},R=({dragIds:c,parentId:l,index:p})=>{d(c,l)&&j(c,l,p)},g=c=>{if(c.length===0)return;const l=c[0]?c[0].id:"";i([]),r([l])},E=c=>{var x;c.preventDefault();const l=c.target,p=l.getAttribute("data-node-id")||((x=l.closest("[data-node-id]"))==null?void 0:x.getAttribute("data-node-id"));p&&(i([]),r([p]))},b=I.useDebouncedCallback(({parentNode:c,dragNodes:l})=>{var p;return!n.canAcceptChildBlock(c==null?void 0:c.data._type,(p=l[0])==null?void 0:p.data._type)},[],300);return e.jsxRuntimeExports.jsx("div",{className:y.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1"),onClick:()=>u(),children:e.jsxRuntimeExports.jsx("div",{id:"outline-view",className:"no-scrollbar h-full overflow-y-auto p-1 px-2 text-xs",children:e.jsxRuntimeExports.jsx(q.Tree,{height:800,className:"no-scrollbar !h-full max-w-full !overflow-y-auto !overflow-x-hidden",selection:o[0]||"",onRename:h,openByDefault:!1,onMove:R,rowHeight:20,data:t,renderCursor:T,onSelect:g,childrenAccessor:c=>c.children,width:"100%",renderDragPreview:D,indent:10,onContextMenu:E,disableDrop:b,idAccessor:"_id",children:M})})})};exports.default=H;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
|
-
import
|
|
2
|
+
import T, { memo as f, useMemo as v, useCallback as R, useEffect as H } from "react";
|
|
3
3
|
import { useAtom as P } from "jotai";
|
|
4
|
-
import { useDebouncedCallback as
|
|
4
|
+
import { useDebouncedCallback as w } from "@react-hookz/web";
|
|
5
5
|
import { Tree as A } from "react-arborist";
|
|
6
|
-
import { E as
|
|
7
|
-
import { c as
|
|
6
|
+
import { E as D, r as b, s as z, a1 as _, bs as N, aS as E, t as L, bt as F, aR as V, bu as O, bv as $, h as U, Y as q, bw as y, ap as G, aq as K, ar as W, bx as Y, a5 as J, ac as Q, aM as X } from "./index-Gk6sASBd.js";
|
|
7
|
+
import { c as M } from "./Functions-7jnEwJyw.js";
|
|
8
8
|
import { BoxModelIcon as Z, BoxIcon as ee, DragHandleHorizontalIcon as te, ViewHorizontalIcon as se, BorderAllIcon as re, BorderTopIcon as oe, TableIcon as ne, DropdownMenuIcon as ce, RadiobuttonIcon as ae, InputIcon as ie, ButtonIcon as I, CheckboxIcon as le, GroupIcon as ue, SpaceBetweenVerticallyIcon as de, ColumnsIcon as xe, RowsIcon as k, TextIcon as C, SketchLogoIcon as pe, DividerHorizontalIcon as me, CodeIcon as he, CursorTextIcon as ge, VideoIcon as je, Link1Icon as fe, HeadingIcon as be, ImageIcon as ye, TrashIcon as ve, CopyIcon as Ie, TriangleRightIcon as ke } from "@radix-ui/react-icons";
|
|
9
9
|
import { DatabaseIcon as Ce } from "lucide-react";
|
|
10
10
|
import { find as B, first as Be } from "lodash-es";
|
|
@@ -39,7 +39,7 @@ import "@radix-ui/react-context-menu";
|
|
|
39
39
|
import "react-icons-picker";
|
|
40
40
|
import "react-dom";
|
|
41
41
|
import "react-quill";
|
|
42
|
-
const
|
|
42
|
+
const S = (t) => {
|
|
43
43
|
switch (t.type) {
|
|
44
44
|
case "Image":
|
|
45
45
|
return /* @__PURE__ */ e.jsx(ye, {});
|
|
@@ -105,7 +105,7 @@ const M = (t) => {
|
|
|
105
105
|
display: "flex",
|
|
106
106
|
alignItems: "center",
|
|
107
107
|
zIndex: 1
|
|
108
|
-
}, we =
|
|
108
|
+
}, we = T.memo(function({ top: r, left: s }) {
|
|
109
109
|
const l = {
|
|
110
110
|
position: "absolute",
|
|
111
111
|
pointerEvents: "none",
|
|
@@ -117,7 +117,7 @@ const M = (t) => {
|
|
|
117
117
|
}), De = f(function({ children: r, isDragging: s }) {
|
|
118
118
|
return s ? /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: r }) : null;
|
|
119
119
|
}), _e = f(({ id: t, isDragging: r, mouse: s }) => {
|
|
120
|
-
const [l] =
|
|
120
|
+
const [l] = D(), o = v(() => l.find((d) => d._id === t), [l, t]), x = v(
|
|
121
121
|
() => ({
|
|
122
122
|
transform: `translate(${(s == null ? void 0 : s.x) - 10}px, ${(s == null ? void 0 : s.y) - 10}px)`
|
|
123
123
|
}),
|
|
@@ -129,17 +129,17 @@ const M = (t) => {
|
|
|
129
129
|
className: "pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",
|
|
130
130
|
style: x,
|
|
131
131
|
children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: "flex !cursor-grab items-center p-0.5", "aria-label": `Type: ${o == null ? void 0 : o._type}`, children: [
|
|
132
|
-
/* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(
|
|
132
|
+
/* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(S, { type: o == null ? void 0 : o._type }) }),
|
|
133
133
|
/* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: (o == null ? void 0 : o._name) || (o == null ? void 0 : o._type) })
|
|
134
134
|
] })
|
|
135
135
|
}
|
|
136
136
|
) }) }) : /* @__PURE__ */ e.jsx("div", { className: "hidden" });
|
|
137
137
|
}), Ne = () => {
|
|
138
|
-
const [t] = b(), r = z(), s =
|
|
138
|
+
const [t] = b(), r = z(), s = _();
|
|
139
139
|
return /* @__PURE__ */ e.jsxs(
|
|
140
|
-
|
|
140
|
+
N,
|
|
141
141
|
{
|
|
142
|
-
disabled: !
|
|
142
|
+
disabled: !E(s == null ? void 0 : s._type),
|
|
143
143
|
className: "flex items-center gap-x-4 text-xs",
|
|
144
144
|
onClick: () => r(t),
|
|
145
145
|
children: [
|
|
@@ -149,12 +149,12 @@ const M = (t) => {
|
|
|
149
149
|
}
|
|
150
150
|
);
|
|
151
151
|
}, Me = () => {
|
|
152
|
-
const [t] = b(), r =
|
|
152
|
+
const [t] = b(), r = L(), s = _(), l = R(() => {
|
|
153
153
|
r(t);
|
|
154
154
|
}, [t, r]);
|
|
155
155
|
return /* @__PURE__ */ e.jsxs(F, { className: "text-xs", children: [
|
|
156
156
|
/* @__PURE__ */ e.jsxs(
|
|
157
|
-
|
|
157
|
+
N,
|
|
158
158
|
{
|
|
159
159
|
disabled: !V(s == null ? void 0 : s._type),
|
|
160
160
|
className: "flex items-center gap-x-4 text-xs",
|
|
@@ -171,7 +171,7 @@ const M = (t) => {
|
|
|
171
171
|
/* @__PURE__ */ e.jsx($, { children: t }),
|
|
172
172
|
/* @__PURE__ */ e.jsx(Me, {})
|
|
173
173
|
] }) }), Re = f(({ node: t, style: r, dragHandle: s }) => {
|
|
174
|
-
const l = U("outlineMenuItems", []), [, o] = q(), x = t.children.length > 0, { id: d, data: a, isSelected: m, willReceiveDrop: p, isDragging: h, isEditing: g, handleClick: j } = t, n =
|
|
174
|
+
const l = U("outlineMenuItems", []), [, o] = q(), x = t.children.length > 0, { id: d, data: a, isSelected: m, willReceiveDrop: p, isDragging: h, isEditing: g, handleClick: j } = t, n = w((c) => o(c), [], 300), i = (c) => {
|
|
175
175
|
c.stopPropagation(), t.toggle();
|
|
176
176
|
}, u = (c) => {
|
|
177
177
|
c.stopPropagation(), t.toggle(), j(c);
|
|
@@ -189,7 +189,7 @@ const M = (t) => {
|
|
|
189
189
|
style: r,
|
|
190
190
|
"data-node-id": d,
|
|
191
191
|
ref: s,
|
|
192
|
-
className:
|
|
192
|
+
className: M(
|
|
193
193
|
"group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
|
|
194
194
|
m ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
|
|
195
195
|
p && y(a._type, "Icon") ? "bg-green-200" : "",
|
|
@@ -205,7 +205,7 @@ const M = (t) => {
|
|
|
205
205
|
}
|
|
206
206
|
),
|
|
207
207
|
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
|
|
208
|
-
/* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(
|
|
208
|
+
/* @__PURE__ */ e.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ e.jsx(S, { type: a == null ? void 0 : a._type }) }),
|
|
209
209
|
g ? /* @__PURE__ */ e.jsx(He, { node: t }) : /* @__PURE__ */ e.jsx(
|
|
210
210
|
"div",
|
|
211
211
|
{
|
|
@@ -224,7 +224,7 @@ const M = (t) => {
|
|
|
224
224
|
{
|
|
225
225
|
className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
|
|
226
226
|
asChild: !0,
|
|
227
|
-
children: c.item
|
|
227
|
+
children: T.createElement(c.item, { blockId: d })
|
|
228
228
|
}
|
|
229
229
|
),
|
|
230
230
|
/* @__PURE__ */ e.jsx(W, { className: "z-[9999]", children: c.tooltip })
|
|
@@ -246,7 +246,7 @@ const M = (t) => {
|
|
|
246
246
|
}
|
|
247
247
|
}
|
|
248
248
|
), Pe = () => {
|
|
249
|
-
const [t] =
|
|
249
|
+
const [t] = D();
|
|
250
250
|
return (r, s) => {
|
|
251
251
|
var x;
|
|
252
252
|
const l = (x = B(t, { _id: s })) == null ? void 0 : x._type, o = Be(r.map((d) => {
|
|
@@ -272,7 +272,7 @@ const M = (t) => {
|
|
|
272
272
|
n.preventDefault();
|
|
273
273
|
const i = n.target, u = i.getAttribute("data-node-id") || ((c = i.closest("[data-node-id]")) == null ? void 0 : c.getAttribute("data-node-id"));
|
|
274
274
|
u && (o([]), s([u]));
|
|
275
|
-
}, j =
|
|
275
|
+
}, j = w(
|
|
276
276
|
({ parentNode: n, dragNodes: i }) => {
|
|
277
277
|
var u;
|
|
278
278
|
return !y(n == null ? void 0 : n.data._type, (u = i[0]) == null ? void 0 : u.data._type);
|
|
@@ -280,7 +280,7 @@ const M = (t) => {
|
|
|
280
280
|
[],
|
|
281
281
|
300
|
|
282
282
|
);
|
|
283
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
283
|
+
return /* @__PURE__ */ e.jsx("div", { className: M("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1"), onClick: () => a(), children: /* @__PURE__ */ e.jsx("div", { id: "outline-view", className: "no-scrollbar h-full overflow-y-auto p-1 px-2 text-xs", children: /* @__PURE__ */ e.jsx(
|
|
284
284
|
A,
|
|
285
285
|
{
|
|
286
286
|
height: 800,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-WbnYoNE9.js";
|
|
2
2
|
import i, { Suspense as s } from "react";
|
|
3
3
|
import { sortBy as a, filter as d, get as n } from "lodash-es";
|
|
4
|
-
import { u as l, a as c } from "./index-
|
|
4
|
+
import { u as l, a as c } from "./index-llTXLDGE.js";
|
|
5
5
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
6
|
-
import "./index-
|
|
6
|
+
import "./index-SkyM3d6Q.js";
|
|
7
7
|
import "i18next";
|
|
8
8
|
import "react-i18next";
|
|
9
9
|
import "./index-Gk6sASBd.js";
|
|
@@ -48,7 +48,7 @@ import "./html-to-json-ngX9ef2u.js";
|
|
|
48
48
|
import "himalaya";
|
|
49
49
|
import "lucide-react";
|
|
50
50
|
import "./index-YpnaudSM.js";
|
|
51
|
-
const x = i.lazy(() => import("./add-page-modal-
|
|
51
|
+
const x = i.lazy(() => import("./add-page-modal-k2Kb92HS.js")), u = i.lazy(() => import("./page-viewer-Pdg9F5Hv.js")), lt = () => {
|
|
52
52
|
const { data: o = [], isLoading: m } = l(), { data: r } = c(), p = a(d(o, { type: "STATIC" }), (e) => n(e, "uuid") === (r == null ? void 0 : r.homepage) ? 0 : 1);
|
|
53
53
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
54
54
|
/* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),i=require("lodash-es"),s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),i=require("lodash-es"),s=require("./index-mbyqq81O.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./index-OB199Izc.cjs");require("i18next");require("react-i18next");require("./index-h-hd6EvN.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-0g14w5RS.cjs");require("./Class-PoYusiA5.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("sonner");require("./html-to-json-efmv1pCj.cjs");require("himalaya");require("lucide-react");require("./index-ecnGWzh9.cjs");const a=u.lazy(()=>Promise.resolve().then(()=>require("./add-page-modal--6TTBRYa.cjs"))),x=u.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-2kwnKM6v.cjs"))),d=()=>{const{data:t=[],isLoading:q}=s.usePages(),{data:r}=s.useProject(),n=i.sortBy(i.filter(t,{type:"STATIC"}),o=>i.get(o,"uuid")===(r==null?void 0:r.homepage)?0:1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Pages"}),e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"text-sm text-blue-500 underline",children:"+ New Page"}),children:e.jsxRuntimeExports.jsx(a,{})})]}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1 divide-y-2",children:e.jsxRuntimeExports.jsx(x,{isLoading:q,pages:n})})]})};exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),x=require("lodash-es"),s=require("./index-h-hd6EvN.cjs"),a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),x=require("lodash-es"),s=require("./index-h-hd6EvN.cjs"),a=require("./index-mbyqq81O.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./STRINGS-gPz7CUOk.cjs");require("@react-hookz/web");require("./MODIFIERS-0g14w5RS.cjs");require("./Class-PoYusiA5.cjs");require("react-i18next");require("@radix-ui/react-toggle");require("class-variance-authority");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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("./index-OB199Izc.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("sonner");require("./html-to-json-efmv1pCj.cjs");require("himalaya");require("lucide-react");require("./index-ecnGWzh9.cjs");const d=r.lazy(()=>Promise.resolve().then(()=>require("./project-general-setting-CnNL98NM.cjs"))),m=r.lazy(()=>Promise.resolve().then(()=>require("./project-seo-setting-mlxL_e2_.cjs"))),c=e.jsxRuntimeExports.jsx("div",{className:"px-3",children:e.jsxRuntimeExports.jsx("div",{className:"h-52 w-full animate-pulse rounded-md bg-gray-100"})}),l=t=>t&&x.isEmpty(t.seoData)?{...t,seoData:{title:"",description:"",image:""}}:t;function q(){const t=a.useUpdateProject(),{data:n}=a.useProject(),[i,o]=r.useState(l(n||{})),u=r.useRef(i);return r.useEffect(()=>()=>{x.isEqual(n,u.current)||t.mutate(u.current,{onSuccess:()=>o(u.current)})},[u]),r.useEffect(()=>{u.current=i},[i]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Website Settings"})}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1",children:e.jsxRuntimeExports.jsxs(s.Accordion,{type:"single",className:"w-full",defaultValue:"GENERAL",children:[e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:"GENERAL",className:"border-b-2 border-slate-100 dark:border-slate-800",children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"bg-slate-200 px-2.5 py-1.5 font-medium hover:bg-slate-100 hover:no-underline dark:bg-slate-900 dark:hover:bg-slate-800",children:"General Settings"}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"px-2 pt-4 text-sm",children:e.jsxRuntimeExports.jsx(r.Suspense,{fallback:c,children:e.jsxRuntimeExports.jsx(d,{_projectData:i,seany:o})})})]}),e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:"SEO",className:"border-b-2 border-slate-100 dark:border-slate-800",children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"bg-slate-200 px-2.5 py-1.5 font-medium hover:bg-slate-100 hover:no-underline dark:bg-slate-900 dark:hover:bg-slate-800",children:"SEO Settings"}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"px-1 pt-4 text-sm",children:e.jsxRuntimeExports.jsx(r.Suspense,{fallback:c,children:e.jsxRuntimeExports.jsx(m,{_projectData:i,seany:o})})})]})]})})]})}exports.default=q;
|
|
@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-WbnYoNE9.js";
|
|
|
2
2
|
import m, { useRef as x, useEffect as a, Suspense as p } from "react";
|
|
3
3
|
import { isEqual as b, isEmpty as j } from "lodash-es";
|
|
4
4
|
import { b9 as f, ba as n, bb as l, bc as c } from "./index-Gk6sASBd.js";
|
|
5
|
-
import { b as h, a as g } from "./index-
|
|
5
|
+
import { b as h, a as g } from "./index-llTXLDGE.js";
|
|
6
6
|
import "./_commonjsHelpers-UyOWmZb0.js";
|
|
7
7
|
import "./Functions-7jnEwJyw.js";
|
|
8
8
|
import "clsx";
|
|
@@ -38,7 +38,7 @@ import "@radix-ui/react-context-menu";
|
|
|
38
38
|
import "react-icons-picker";
|
|
39
39
|
import "react-dom";
|
|
40
40
|
import "react-quill";
|
|
41
|
-
import "./index-
|
|
41
|
+
import "./index-SkyM3d6Q.js";
|
|
42
42
|
import "i18next";
|
|
43
43
|
import "@floating-ui/react-dom";
|
|
44
44
|
import "flagged";
|
|
@@ -48,7 +48,7 @@ import "./html-to-json-ngX9ef2u.js";
|
|
|
48
48
|
import "himalaya";
|
|
49
49
|
import "lucide-react";
|
|
50
50
|
import "./index-YpnaudSM.js";
|
|
51
|
-
const N = m.lazy(() => import("./project-general-setting-
|
|
51
|
+
const N = m.lazy(() => import("./project-general-setting-f8Ebsn6K.js")), S = m.lazy(() => import("./project-seo-setting-pX34Qsym.js")), d = /* @__PURE__ */ t.jsx("div", { className: "px-3", children: /* @__PURE__ */ t.jsx("div", { className: "h-52 w-full animate-pulse rounded-md bg-gray-100" }) }), u = (e) => e && j(e.seoData) ? {
|
|
52
52
|
...e,
|
|
53
53
|
seoData: { title: "", description: "", image: "" }
|
|
54
54
|
} : e;
|
|
@@ -9,7 +9,7 @@ import { aV as qt, aW as Jt, B as U, aX as Qt, aY as er, aZ as tr, a_ as rr, a$
|
|
|
9
9
|
import { u as Br } from "./controls-OfJWSEqC.js";
|
|
10
10
|
import { Check as Pr, EditIcon as Ir, TrashIcon as $r, BrushIcon as Ar, DeleteIcon as Mr } from "lucide-react";
|
|
11
11
|
import { getBlockComponent as Pe, getChaiDataProviders as Er, useGlobalStylingPresets as Lr } from "@chaibuilder/runtime";
|
|
12
|
-
import { E as dt, u as ct } from "./index-
|
|
12
|
+
import { E as dt, u as ct } from "./index-SkyM3d6Q.js";
|
|
13
13
|
import { J as Or, a as Fr, d as Yr } from "./index-e0c8PmRQ.js";
|
|
14
14
|
import zr from "@rjsf/core";
|
|
15
15
|
import Xr from "@rjsf/validator-ajv8";
|