@parhelia/core 0.1.11004 → 0.1.11007

package/dist/dist/editor/ImageEditButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../components/ui/dropdown-menu";
+import { MagicEditImageIcon } from "./ui/Icons";
+import { ImagePlus } from "lucide-react";
+export function ImageEditButton({ actions, triggerButton, buttonText = "Edit", buttonIcon = "MoreVertical", testId = "menu-toggle-button", buttonClassName, defaultActionId = "select", }) {
+    const [showMenu, setShowMenu] = useState(false);
+    const defaultAction = actions.find((a) => a.id === defaultActionId);
+    const defaultTriggerButton = (_jsxs("div", { className: `text-dark border-gray-3 absolute right-2 bottom-2 flex cursor-pointer items-center justify-center overflow-hidden rounded border bg-white text-xs font-medium opacity-70 shadow-lg transition-opacity hover:opacity-85 ${buttonClassName || ""}`, onClick: (e) => {
+            // Prevent clicks from reaching underlying elements
+            e.stopPropagation();
+        }, children: [defaultAction && (_jsx("button", { type: "button", className: "hover:bg-gray-5 cursor-pointer px-2 py-1.5", onClick: (e) => {
+                    e.stopPropagation();
+                    defaultAction.onClick?.(e);
+                    setShowMenu(false);
+                }, "data-testid": `${testId}-quick-select`, children: _jsx(ImagePlus, { strokeWidth: 1, size: 16 }) })), _jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "hover:bg-gray-5 border-gray-3 flex cursor-pointer items-center gap-2 border-l px-2 py-1.5", "data-testid": testId, children: [_jsx(MagicEditImageIcon, { className: "mr-1" }), " ", buttonText] }) })] }));
+    return (_jsxs(DropdownMenu, { open: showMenu, onOpenChange: setShowMenu, children: [triggerButton ? (_jsx(DropdownMenuTrigger, { asChild: true, children: triggerButton })) : (defaultTriggerButton), _jsx(DropdownMenuContent, { align: "end", side: "top", sideOffset: 8, children: actions.map((action) => (_jsxs(DropdownMenuItem, { "data-testid": `menu-item-${action.id}`, onClick: (e) => {
+                        action.onClick(e);
+                        setShowMenu(false);
+                    }, children: [action.icon, action.label] }, action.id))) })] }));
+}
+//# sourceMappingURL=ImageEditButton.js.map

package/dist/dist/editor/ImageEditButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditButton.js","sourceRoot":"","sources":["../../src/editor/ImageEditButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4BzC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,aAAa,EAEb,UAAU,GAAG,MAAM,EACnB,UAAU,GAAG,cAAc,EAC3B,MAAM,GAAG,oBAAoB,EAC7B,eAAe,EACf,eAAe,GAAG,QAAQ,GACL;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,eAAe,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,CAC3B,eACE,SAAS,EAAE,0NAA0N,eAAe,IAAI,EAAE,EAAE,EAC5P,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,mDAAmD;YACnD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,aAEA,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC,iBACY,GAAG,MAAM,eAAe,YAErC,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,GAChC,CACV,EAED,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2FAA2F,iBACxF,MAAM,aAEnB,KAAC,kBAAkB,IAAC,SAAS,EAAC,MAAM,GAAG,OAAE,UAAU,IAC5C,GACW,IAClB,CACP,CAAC;IACF,OAAO,CACL,MAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,aACpD,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,mBAAmB,IAAC,OAAO,kBACzB,aAAoB,GACD,CACvB,CAAC,CAAC,CAAC,CACF,oBAAoB,CACrB,EACD,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,YACtD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,gBAAgB,mBAEF,aAAa,MAAM,CAAC,EAAE,EAAE,EACrC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;wBAClB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,aAEA,MAAM,CAAC,IAAW,EAClB,MAAM,CAAC,KAAK,KARR,MAAM,CAAC,EAAE,CASG,CACpB,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/dist/editor/ImageEditor.d.ts

@@ -0,0 +1,5 @@
+import { ImageField } from "./fieldTypes";
+export declare function ImageEditor({ field, style, }: {
+    field: ImageField;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/dist/editor/ImageEditor.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useEditContext } from "./client/editContext";
+import { ImageEditButton } from "./ImageEditButton";
+import { Zap, Image as ImageIcon } from "lucide-react";
+export function ImageEditor({ field, style, }) {
+    const editContext = useEditContext();
+    //const dialogContext = useDialog();
+    if (!field || !editContext)
+        return null;
+    const imageSelected = useCallback(async (imageId) => {
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: '<image mediaid="{' + imageId + '}" />',
+            refresh: "immediate",
+        });
+    }, [field]);
+    async function selectMedia() {
+        const selectedImageId = await editContext?.selectMedia({
+            selectedIdPath: field.value?.idPath || "",
+            mode: "images",
+        });
+        if (selectedImageId)
+            imageSelected(selectedImageId);
+    }
+    const getImageSrc = () => {
+        if (!field.value) {
+            if (!field.rawValue)
+                return null;
+            const parser = new DOMParser();
+            const xmlDoc = parser.parseFromString(field.rawValue, "text/xml");
+            const imageElement = xmlDoc.documentElement;
+            return imageElement.getAttribute("src");
+        }
+        return field.value.src;
+    };
+    const getImageAlt = () => {
+        if (!field.value)
+            return "";
+        // Standard image
+        return field.value.alt;
+    };
+    // Helper function to render icon
+    const renderIcon = (icon) => {
+        if (!icon) {
+            return _jsx(Zap, { strokeWidth: 1, size: 16 });
+        }
+        if (typeof icon === "string") {
+            return _jsx("img", { src: icon, alt: "", className: "h-4 w-4" });
+        }
+        return icon;
+    };
+    // Build actions for the dropdown menu
+    const menuActions = [
+        {
+            id: "select",
+            label: getImageSrc() ? "Change Image" : "Select Image",
+            icon: _jsx(ImageIcon, { strokeWidth: 1, size: 16 }),
+            onClick: () => selectMedia(),
+        },
+        ...(editContext?.configuration?.fieldTypes["image"]?.buttons?.map((button) => ({
+            id: button.id,
+            label: button.label,
+            icon: renderIcon(button.icon),
+            onClick: () => {
+                button?.clientAction?.({
+                    field,
+                    editContext,
+                    //dialogContext,
+                });
+            },
+        })) || []),
+    ];
+    return (_jsxs("div", { className: "absolute inset-0 flex items-center justify-center", style: style, "data-testid": "select-media", children: [getImageSrc() && (_jsx("img", { src: getImageSrc(), alt: getImageAlt(), className: "max-h-full max-w-full object-contain" })), _jsx(ImageEditButton, { actions: menuActions, compact: false, buttonText: "Edit", testId: "select-media-button" })] }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/dist/editor/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../src/editor/ImageEditor.tsx"],"names":[],"mappings":"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"}

package/dist/dist/editor/ItemInfo.d.ts

@@ -0,0 +1,4 @@
+import { FullItem } from "./pageModel";
+export declare function ItemInfo({ item }: {
+    item: FullItem | null;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/dist/editor/ItemInfo.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Pencil, RefreshCw } from "lucide-react";
+import { useEditContext } from "./client/editContext";
+import { CopyButton } from "../components/ui/copy-button";
+import { Section } from "./ui/Section";
+import { SimpleIconButton } from "./ui/SimpleIconButton";
+import { changeTemplateCommand } from "./commands/itemCommands";
+import { IconSelectorDialog } from "./ui/IconSelectorDialog";
+import { cn } from "../lib/utils";
+export function ItemInfo({ item }) {
+    if (!item?.fields)
+        return;
+    const editContext = useEditContext();
+    const [showIconDialog, setShowIconDialog] = useState(false);
+    // Find the __Icon field
+    const iconField = item.fields.find((field) => field.name === "__Icon" || field.id === "__Icon");
+    const handleIconClick = () => {
+        if (item.canWriteItem) {
+            setShowIconDialog(true);
+        }
+    };
+    const handleIconSelected = async (selectedIconPath) => {
+        setShowIconDialog(false);
+        if (selectedIconPath && iconField && editContext) {
+            await editContext.operations.editField({
+                field: {
+                    item: item.descriptor,
+                    fieldId: iconField.id,
+                },
+                rawValue: selectedIconPath,
+                refresh: "immediate",
+            });
+        }
+    };
+    function formatRow(label, value) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-medium", children: label }), _jsx("div", { children: value })] }));
+    }
+    return (_jsxs("div", { className: "border-gray-3 border-b", children: [showIconDialog && editContext && (_jsx(IconSelectorDialog, { currentIconPath: iconField?.rawValue || item.icon, onClose: handleIconSelected })), _jsxs("div", { className: "my-2 flex items-center px-3 py-2", children: [_jsx("img", { src: item.largeIcon, alt: "Icon", className: cn("mr-2", item.canWriteItem && "cursor-pointer hover:opacity-70 transition-opacity"), style: { height: "32px", width: "32px" }, onClick: handleIconClick, title: item.canWriteItem ? "Click to change icon" : undefined }), _jsxs("h2", { className: "text-l group flex items-center gap-1 font-medium", children: [item.name, _jsx(SimpleIconButton, { onClick: () => {
+                                    editContext?.executeCommand({
+                                        command: editContext.configuration.commands.renameItem,
+                                        data: { items: [item] },
+                                    });
+                                }, icon: _jsx(Pencil, { size: 14, strokeWidth: 1 }), label: "Rename", className: "opacity-0 transition-opacity group-hover:opacity-100" })] })] }), _jsx(Section, { title: "Info", children: _jsxs("div", { className: "text-gray-1 grid grid-cols-[min-content_1fr] gap-3 text-xs font-light", children: [_jsx("div", { className: "font-medium", children: "ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [item.id, " ", _jsx(CopyButton, { textToCopy: item.id, iconOnly: true })] }), _jsx("div", { className: "font-medium", children: "Path:" }), _jsxs("div", { className: "flex items-center gap-1", children: [item.path, " ", _jsx(CopyButton, { textToCopy: item.path, iconOnly: true })] }), _jsx("div", { className: "font-medium", children: "Language:" }), _jsx("div", { children: item.language }), _jsx("div", { className: "font-medium", children: "Version:" }), _jsx("div", { children: item.versions > 0 ? item.version : "No versions" }), _jsx("div", { className: "font-medium", children: "Template:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "cursor-pointer hover:underline", onClick: () => {
+                                        editContext?.loadItem({
+                                            id: item.templateId,
+                                            language: "en",
+                                            version: 0,
+                                        });
+                                        editContext?.switchView("content-tree");
+                                    }, children: [" ", item.templateName, " (", item.templateId, ")", " "] }), _jsx(CopyButton, { textToCopy: item.templateId, iconOnly: true }), item.canWriteItem && (_jsx(SimpleIconButton, { onClick: () => {
+                                        editContext?.executeCommand({
+                                            command: changeTemplateCommand,
+                                            data: { items: [item] },
+                                        });
+                                    }, icon: _jsx(RefreshCw, { size: 14, strokeWidth: 1 }), label: "Change Template", className: "!p-0" }))] }), item.masterLanguages &&
+                            formatRow("Master languages", item.masterLanguages.join(", ")), item.translations && (_jsxs(_Fragment, { children: [_jsx("div", { className: "font-medium", children: "Languages" }), _jsx("div", { children: item.translations?.join(", ") })] }))] }) })] }));
+}
+//# sourceMappingURL=ItemInfo.js.map

package/dist/dist/editor/ItemInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemInfo.js","sourceRoot":"","sources":["../../src/editor/ItemInfo.tsx"],"names":[],"mappings":"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"}

package/dist/dist/editor/LinkEditorDialog.d.ts

@@ -0,0 +1,18 @@
+export type Link = {
+    url?: string;
+    itemId?: string;
+    queryString?: string;
+    target?: string;
+    customTarget?: string;
+    type: string;
+    targetItemLongId?: string;
+    targetItemName?: string;
+    originalHref?: string;
+    text?: string;
+};
+export declare function LinkEditorDialog({ linkValue, onCancel, onOk, showText, }: {
+    linkValue: Link;
+    onOk: (link: Link) => void;
+    onCancel: () => void;
+    showText?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/dist/editor/LinkEditorDialog.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "../components/ui/dialog";
+import { Input } from "../components/ui/input";
+import { Button } from "../components/ui/button";
+import { Select } from "../components/ui/select";
+import ItemSearch from "./ui/ItemSearch";
+import { SimpleTabs } from "./ui/SimpleTabs";
+import { ScrollingContentTree } from "./ScrollingContentTree";
+import { useEditContext } from "./client/editContext";
+import { normalizeUrl } from "./utils/urlUtils";
+import DialogButtons from "./ui/DialogButtons";
+export function LinkEditorDialog({ linkValue, onCancel, onOk, showText, }) {
+    const [url, setUrl] = useState();
+    const [targetWindow, setTargetWindow] = useState();
+    const [customTarget, setCustomTarget] = useState();
+    const [queryString, setQueryString] = useState();
+    const [text, setText] = useState();
+    const [activeTabIndex, setActiveTabIndex] = useState(0);
+    const [selectedItemId, setSelectedItemId] = useState("");
+    const [hoveredItemId, setHoveredItemId] = useState();
+    const editContext = useEditContext();
+    useEffect(() => {
+        setUrl(linkValue.url);
+        setTargetWindow(linkValue.target ?? "");
+        if (linkValue.type == "external")
+            setActiveTabIndex(1);
+        else
+            setActiveTabIndex(0);
+        if (linkValue.target && linkValue.target != "_blank") {
+            setTargetWindow("custom");
+            setCustomTarget(linkValue.target);
+        }
+        if (linkValue.itemId)
+            setSelectedItemId(linkValue.itemId);
+        if (linkValue.queryString)
+            setQueryString(linkValue.queryString);
+        if (linkValue.text)
+            setText(linkValue.text);
+    }, [linkValue]);
+    const targetWindows = [
+        { name: "Active browser", code: "" },
+        { name: "New browser", code: "_blank" },
+        { name: "Custom", code: "custom" },
+    ];
+    const targetWindowOptions = targetWindows.map((x) => ({
+        value: x.code,
+        label: x.name,
+    }));
+    function getTargetWindow() {
+        if (targetWindow == "custom")
+            return customTarget;
+        return targetWindow;
+    }
+    if (!editContext)
+        return null;
+    const tabs = [
+        {
+            id: "internal",
+            label: "Internal",
+            content: (_jsxs("div", { className: "flex h-full flex-col", "data-testid": "internal-tab", children: [_jsx("div", { className: "border-b border-gray-200 p-2", children: _jsx(ItemSearch, { resultClassName: "px-2 py-1", itemSelected: (item) => {
+                                setSelectedItemId(item.id);
+                            }, setHoveredItem: (item) => ((item) => {
+                                if (!item)
+                                    return;
+                                setHoveredItemId(item.id);
+                            })(item) }) }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItemId || selectedItemId, onSelectionChange: (selection) => {
+                                    setSelectedItemId(selection[0]?.id || "");
+                                } }) }) })] })),
+        },
+        {
+            id: "external",
+            label: "External",
+            content: (_jsxs("div", { className: "flex flex-1 flex-col gap-2 p-2", "data-testid": "external-tab", children: [_jsx("label", { className: "mt-4 block text-xs", htmlFor: "link-url-external", children: "Url" }), _jsx(Input, { id: "link-url-external", value: url || "", onChange: (e) => {
+                            setUrl(e.target.value);
+                        }, className: "w-full text-sm", "data-testid": "link-url-external" })] })),
+        },
+    ];
+    useEffect(() => {
+        // Trigger a resize event to recalculate layouts when dialog opens
+        window.dispatchEvent(new Event("resize"));
+    }, []);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
+            if (!open)
+                onCancel();
+        }, "data-testid": "link-editor-dialog", children: _jsxs(DialogContent, { style: { width: "60vw", maxWidth: 700, height: "60vh" }, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Select link target" }) }), _jsxs("div", { className: "flex h-full flex-col items-stretch", children: [_jsxs("div", { className: "flex flex-1 gap-2 bg-gray-50", children: [_jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: linkValue && (_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTabIndex, setActiveTab: setActiveTabIndex, className: "flex items-center justify-center border-b border-gray-200 pt-4 text-xs", tabClassName: "text-xs" })) }), _jsxs("div", { className: "flex h-full w-64 shrink-0 flex-col justify-center border-l border-gray-200 p-3", children: [_jsx("div", { className: "flex flex-col gap-2", children: showText && (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-xs", children: "Link description" }), _jsx(Input, { value: text || "", onChange: (e) => setText(e.target.value), className: "text-sm" })] })) }), _jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("label", { className: "text-xs", children: "Query String" }), _jsx(Input, { value: queryString || "", onChange: (e) => setQueryString(e.target.value), className: "text-sm" })] }), _jsxs("div", { className: "mt-2 flex flex-col gap-2", children: [_jsx("label", { className: "text-xs", children: "Window" }), _jsx(Select, { value: targetWindow, onValueChange: (v) => setTargetWindow(v), options: targetWindowOptions, placeholder: "Select window", className: "text-xs" }), targetWindow === "custom" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("label", { className: "block text-xs", children: "Custom" }), _jsx(Input, { value: customTarget || "", onChange: (e) => {
+                                                                setCustomTarget(e.target.value);
+                                                            }, placeholder: "Enter window name", className: "text-sm" })] }))] })] })] }), _jsxs(DialogButtons, { children: [_jsx(Button, { variant: "ghost", onClick: onCancel, "data-testid": "dialog-cancel", children: "Cancel" }), _jsx(Button, { onClick: () => {
+                                        const isExternal = activeTabIndex === 1;
+                                        onOk({
+                                            url: isExternal ? normalizeUrl(url || "") : url,
+                                            target: getTargetWindow(),
+                                            customTarget: customTarget,
+                                            itemId: selectedItemId,
+                                            queryString: queryString,
+                                            text: text,
+                                            type: isExternal ? "external" : "internal",
+                                        });
+                                    }, "data-testid": "dialog-ok", children: "Ok" })] })] })] }) }));
+}
+//# sourceMappingURL=LinkEditorDialog.js.map

package/dist/dist/editor/LinkEditorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkEditorDialog.js","sourceRoot":"","sources":["../../src/editor/LinkEditorDialog.tsx"],"names":[],"mappings":"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"}

package/dist/dist/editor/MainLayout.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { EditorView } from "../config/types";
+export type MainLayoutProps = {
+    rightSidebar?: ReactNode;
+    rightSidebarTitle?: string;
+    farRightSidebar?: ReactNode;
+    farRightSidebarTitle?: string;
+    view: EditorView;
+    centerPanelView: ReactNode;
+    className?: string;
+};
+export default function MainLayout(props: MainLayoutProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/dist/editor/MainLayout.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { cn } from "../lib/utils";
+import { useEditContext } from "./client/editContext";
+import { SidebarView } from "./sidebar/SidebarView";
+import { Splitter } from "./ui/Splitter";
+import { LeftToolbar } from "./sidebar/LeftToolbar";
+import { Layers } from "lucide-react";
+import { MobileLayout } from "./MobileLayout";
+export default function MainLayout(props) {
+    const panels = [];
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    if (editContext.isMobile) {
+        return _jsx(MobileLayout, { ...props });
+    }
+    // Get all views with left sidebars
+    // Include the current view even if it's not in visibleViews (e.g., when switching)
+    const allViewsWithLeftSidebar = [
+        ...editContext.visibleViews,
+        ...(props.view.leftSidebar && !editContext.visibleViews.find((v) => v.name === props.view.name) ? [props.view] : []),
+    ].filter((v) => v.leftSidebar);
+    // Get pinned sidebars in order (hide them on splash screen)
+    const pinnedSidebarViews = props.view.name === "splash-screen"
+        ? []
+        : editContext.pinnedSidebars
+            .map((viewName) => {
+            // First try to find in allViewsWithLeftSidebar
+            let view = allViewsWithLeftSidebar.find((v) => v.name === viewName);
+            // If not found, try to find in all configuration views (for pinned views that might not be visible)
+            if (!view) {
+                view = editContext.configuration.editor.views.find((v) => v.name === viewName && v.leftSidebar);
+            }
+            return view;
+        })
+            .filter((v) => v !== undefined);
+    // Get active view's sidebar if it exists and isn't already pinned
+    const activeViewSidebar = props.view.leftSidebar &&
+        !editContext.pinnedSidebars.includes(props.view.name)
+        ? props.view
+        : null;
+    // Combine pinned sidebars with active view sidebar
+    const sidebarsToRender = [
+        ...pinnedSidebarViews,
+        ...(activeViewSidebar ? [activeViewSidebar] : []),
+    ];
+    // Drag and drop handlers for reordering pinned sidebars
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "move";
+    }, []);
+    const handleDrop = useCallback((e, targetViewName) => {
+        e.preventDefault();
+        const sourceViewName = e.dataTransfer.getData("text/alpaca-sidebar");
+        if (!sourceViewName || sourceViewName === targetViewName) {
+            return;
+        }
+        const currentPinned = editContext.pinnedSidebars;
+        if (!currentPinned.includes(sourceViewName)) {
+            return;
+        }
+        const rect = e.currentTarget.getBoundingClientRect();
+        const before = e.clientX < rect.left + rect.width / 2;
+        // Remove source first, then insert relative to target
+        const newPinned = currentPinned.filter((n) => n !== sourceViewName);
+        const targetIndex = newPinned.indexOf(targetViewName);
+        const baseIndex = targetIndex >= 0 ? targetIndex : newPinned.length - 1;
+        const insertIndex = before
+            ? Math.max(0, baseIndex)
+            : Math.max(0, baseIndex + 1);
+        newPinned.splice(insertIndex, 0, sourceViewName);
+        editContext.reorderPinnedSidebars(newPinned);
+    }, [editContext]);
+    // Render each sidebar as its own splitter panel
+    sidebarsToRender.forEach((view) => {
+        const isPinned = editContext.pinnedSidebars.includes(view.name);
+        const isActiveView = props.view.name === view.name;
+        panels.push({
+            name: `sidebar-${view.name}`,
+            defaultSize: 350,
+            content: (_jsx(SidebarView, { sidebar: view.leftSidebar, editContext: editContext, active: true, onClose: () => {
+                    if (isPinned) {
+                        editContext.toggleSidebarPin(view.name);
+                        // If it's also the active view, switch away from it
+                        if (isActiveView) {
+                            editContext.switchView("page-editor");
+                        }
+                    }
+                    else {
+                        editContext.switchView("page-editor");
+                    }
+                }, viewName: view.name, onDragOver: handleDragOver, onDrop: (e) => handleDrop(e, view.name) })),
+        });
+    });
+    panels.push({
+        name: "center",
+        defaultSize: "auto",
+        content: props.centerPanelView,
+    });
+    if (props.rightSidebar) {
+        panels.push({
+            name: "rightSidebar",
+            defaultSize: 250,
+            content: props.rightSidebar,
+            collapsible: false,
+        });
+    }
+    if (props.farRightSidebar) {
+        panels.push({
+            name: "farRightSidebar",
+            defaultSize: 600,
+            content: props.farRightSidebar,
+            collapsible: false,
+        });
+    }
+    let className = props.className;
+    if (!editContext?.configuration.editor.embedded) {
+        className = cn("fixed inset-0", props.className);
+    }
+    return (_jsx("div", { className: cn("flex font-normal select-none", className), children: _jsxs("div", { className: "flex flex-1", children: [!props.view.hideViewSelector && _jsx(LeftToolbar, {}), _jsxs("div", { className: "flex flex-1 flex-col", children: [editContext?.view?.titlebar, editContext?.view?.toolbarFactory &&
+                            editContext?.view?.toolbarFactory(editContext), _jsx("div", { className: "bg-gray-4 flex-1", children: _jsx(Splitter, { splitterClassName: "bg-transparent -mr-2 md:w-[8px]", localStorageKey: "editor.panelSizes", expandLabel: _jsxs("div", { className: "flex items-center justify-center", children: [_jsx(Layers, { size: 14 }), _jsxs("div", { className: "mt-3", children: [props.rightSidebarTitle, " "] })] }), panels: panels }) })] })] }) }));
+}
+//# sourceMappingURL=MainLayout.js.map

package/dist/dist/editor/MainLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/editor/MainLayout.tsx"],"names":[],"mappings":"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"}

package/dist/dist/editor/MobileLayout.d.ts

@@ -0,0 +1,2 @@
+import { MainLayoutProps } from "./MainLayout";
+export declare function MobileLayout(props: MainLayoutProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/dist/editor/MobileLayout.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { LeftToolbar } from "./sidebar/LeftToolbar";
+import { useEditContext } from "./client/editContext";
+import { Splitter } from "./ui/Splitter";
+import { SidebarView } from "./sidebar/SidebarView";
+export function MobileLayout(props) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    let className = props.className;
+    if (!editContext?.configuration.editor.embedded) {
+        className = cn("fixed inset-0", props.className);
+    }
+    const panels = [
+        {
+            name: "center",
+            defaultSize: "auto",
+            content: props.centerPanelView,
+        },
+    ];
+    const viewsWithLeftSidebar = editContext.configuration.editor.views.filter((v) => v.leftSidebar);
+    if (viewsWithLeftSidebar.length > 0) {
+        panels.push({
+            name: "sidebar",
+            hidden: !props.view.leftSidebar,
+            defaultSize: 250,
+            content: (_jsx("div", { className: "relative h-full w-full", children: viewsWithLeftSidebar.map((v) => (_jsx(SidebarView, { sidebar: v.leftSidebar, editContext: editContext, active: props.view.name === v.name && !!v.leftSidebar, onClose: () => editContext.switchView("page-editor") }, v.name))) })),
+        });
+    }
+    return (_jsxs("div", { className: cn("flex flex-col select-none", className), children: [editContext?.view?.titlebar, editContext?.view?.toolbarFactory &&
+                editContext?.view?.toolbarFactory(editContext), _jsx(Splitter, { panels: panels, direction: "vertical", localStorageKey: "mobile-layout-splitter" }), !props.view.hideViewSelector && _jsx(LeftToolbar, {})] }));
+}
+//# sourceMappingURL=MobileLayout.js.map

package/dist/dist/editor/MobileLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileLayout.js","sourceRoot":"","sources":["../../src/editor/MobileLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,UAAU,YAAY,CAAC,KAAsB;IACjD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,IAAI,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChD,SAAS,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,MAAM,GAAoB;QAC9B;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,KAAK,CAAC,eAAe;SAC/B;KACF,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CACxE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CACrB,CAAC;IAEF,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW;YAC/B,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,WAAW,IAEV,OAAO,EAAE,CAAC,CAAC,WAAY,EACvB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,IAJ/C,CAAC,CAAC,IAAI,CAKX,CACH,CAAC,GACE,CACP;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,aACvD,WAAW,EAAE,IAAI,EAAE,QAAQ,EAC3B,WAAW,EAAE,IAAI,EAAE,cAAc;gBAChC,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC,WAAW,CAAC,EAEhD,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,eAAe,EAAC,wBAAwB,GACxC,EAED,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,IAAI,KAAC,WAAW,KAAG,IAK5C,CACP,CAAC;AACJ,CAAC"}

package/dist/dist/editor/NewEditorClient.d.ts

@@ -0,0 +1,5 @@
+import { EditorConfiguration } from "../config/types";
+export declare function NewEditorClient(props: {
+    className?: string;
+    configuration: EditorConfiguration;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/dist/editor/NewEditorClient.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function NewEditorClient(props) {
+    console.log(props);
+    return _jsx("div", { children: "Hello" });
+}
+//# sourceMappingURL=NewEditorClient.js.map

package/dist/dist/editor/NewEditorClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewEditorClient.js","sourceRoot":"","sources":["../../src/editor/NewEditorClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,MAAM,UAAU,eAAe,CAAC,KAG/B;IACC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,kCAAgB,CAAC;AAC1B,CAAC"}

package/dist/dist/editor/PictureCropper.d.ts

@@ -0,0 +1,6 @@
+import { PictureField } from "./fieldTypes";
+export declare function PictureCropper({ field, onClose, variantName: initialVariantName, }: {
+    field: PictureField;
+    variantName: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;