@alpaca-headless/alpaca-headless-nextjs 1.0.27 → 1.0.129

package/dist/esm/editor/AiTerminal.js

@@ -1,157 +0,0 @@
-"use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { TerminalService } from "primereact/terminalservice";
-import { useRouter, useSearchParams } from "next/navigation";
-import { Terminal } from "./Terminal";
-export function AiTerminal({ requestRefresh, selection, }) {
-    const searchParams = useSearchParams();
-    const [messages, setMessages] = useState([]);
-    const [tokens, setTokens] = useState({ in: 0, out: 0 });
-    const selectionRef = useRef(selection);
-    useEffect(() => {
-        selectionRef.current = selection;
-    }, [selection]);
-    const messagesRef = useRef(messages);
-    useEffect(() => {
-        messagesRef.current = messages;
-    }, [messages]);
-    const router = useRouter();
-    function commandHandler(text, callback) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const newMessages = [
-                ...messagesRef.current,
-                { content: text, role: "user", name: "user" },
-            ];
-            let lastRefresh = new Date().getTime();
-            const response = yield prompt(newMessages, selectionRef.current, searchParams.get("session"), searchParams.get("itemid"), searchParams.get("language"), searchParams.get("version"), (response) => {
-                console.log(response);
-                setTokens({
-                    in: response.numInputTokens,
-                    out: response.numOutputTokens,
-                });
-                handleResponse(response, callback, false);
-                if (response.editOperations.length) {
-                    if (new Date().getTime() - lastRefresh > 500) {
-                        requestRefresh("delayed");
-                        router.refresh();
-                        lastRefresh = new Date().getTime();
-                    }
-                }
-            });
-            if (response) {
-                handleResponse(response, callback, true);
-                setTokens({ in: response.numInputTokens, out: response.numOutputTokens });
-                router.refresh();
-            }
-            // if (response) {
-            //     messages.push({content: text, 'role': 'assistant', 'name': 'assistant'});
-            // if(response.editOperations) {
-            //       const newEditOperations = [...editOperationsRef.current, {
-            //         type:'composite',
-            //         name: 'ghostwriter',
-            //         date: new Date(),
-            //         operations: response.editOperations
-            //       }];
-            //       setEditOperations(newEditOperations);
-            // }
-            if (response === null || response === void 0 ? void 0 : response.responseText)
-                newMessages.push({
-                    content: response.responseText,
-                    role: "assistant",
-                    name: "assistant",
-                });
-            //     TerminalService.emit('response', response.responseText);
-            // }
-            // // else
-            // //     TerminalService.emit('clear');
-            setMessages(newMessages);
-        });
-    }
-    useEffect(() => {
-        TerminalService.on("command", commandHandler);
-        return () => {
-            TerminalService.off("command", commandHandler);
-        };
-    }, []);
-    return (_jsxs("div", { className: "a-h-full a-flex a-flex-col a-relative a-flex-1", children: [_jsx("div", { className: "a-flex-1 a-relative", children: _jsx("div", { className: "a-inset-0 a-absolute", children: _jsx(Terminal, { onReset: () => setMessages([]), commandHandler: (v, callback) => {
-                            commandHandler(v, callback);
-                        } }) }) }), _jsxs("div", { className: "a-text-xs", children: ["Tokens in: ", tokens.in, " out: ", tokens.out] })] }));
-}
-function prompt(messages, selection, session, itemid, language, version, callback) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const response = yield fetch("/alpaca/headless/ai/prompt", {
-            method: "POST",
-            body: JSON.stringify({
-                messages,
-                itemid,
-                language,
-                version,
-                selection,
-                sessionId: session,
-            }),
-            credentials: "omit",
-            headers: {
-                "Content-Type": "application/json",
-                //Cookie: 'test'// new Cookies().getAll(),
-            },
-            next: {
-                revalidate: 0,
-            },
-        });
-        if (!(response === null || response === void 0 ? void 0 : response.body))
-            return null;
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = "";
-        let result = null;
-        while (true) {
-            const { done, value } = yield reader.read();
-            if (done) {
-                break;
-            }
-            buffer += decoder.decode(value, { stream: true }); // 'stream: true' ensures that any incomplete multi-byte characters aren't malformed.
-            // Split the buffer by newline and keep the last partial line for the next iteration.
-            const lines = buffer.split("\n");
-            if (lines.length > 0) {
-                buffer = lines.pop() || ""; // Incomplete line (if any) is kept for the next iteration.
-                for (let line of lines) {
-                    if (line.trim() === "")
-                        continue; // Skip empty lines if any.
-                    try {
-                        const jsonData = JSON.parse(line);
-                        callback(jsonData);
-                        result = jsonData;
-                    }
-                    catch (e) {
-                        console.error("Error parsing line:" + line, e);
-                    }
-                }
-            }
-        }
-        // If there's any remaining content in the buffer after processing all chunks, try to process it.
-        if (buffer.trim() !== "") {
-            try {
-                const jsonData = JSON.parse(buffer);
-                result = jsonData;
-            }
-            catch (e) {
-                console.error("Error parsing the final buffer content:", e);
-            }
-        }
-        return result;
-    });
-}
-function handleResponse(response, terminalCallback, isFinished) {
-    console.log(response.responseText);
-    terminalCallback(response.responseText, isFinished);
-}

package/dist/esm/editor/ComponentInfo.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export function ComponentInfo({ component, }) {
-    var _a;
-    if (!(component === null || component === void 0 ? void 0 : component.fields))
-        return;
-    const hostingPageItem = component.hostingPageItem ? (_jsx("div", { children: _jsxs("div", { className: "a-text-xs", children: ["Source: ", component.hostingPageItem.path, "( ID:", " ", component.hostingPageItem.id, ")"] }) })) : null;
-    const linkedComponent = component.linkedComponentItem ? (_jsx("div", { children: _jsxs("div", { className: "a-text-xs", children: ["Source: ", component.linkedComponentItem.path] }) })) : null;
-    return (_jsxs("div", { className: "a-p-1", children: [_jsx("h2", { className: "a-text-xl a-font-bold a-my-2", children: component.name }), _jsxs("div", { className: "a-text-xs", children: ["ID: ", component.id] }), _jsxs("div", { className: "a-text-xs", children: ["Languages: ", (_a = component.translations) === null || _a === void 0 ? void 0 : _a.join(", ")] }), hostingPageItem, linkedComponent] }));
-}

package/dist/esm/editor/ComponentPalette.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TabPanel, TabView } from "primereact/tabview";
-import { useEditContext } from "..";
-import ContentTree from "./ContentTree";
-export function ComponentPalette({ selection, page, dragStart, dragEnd, }) {
-    const editContext = useEditContext();
-    if (!editContext)
-        return;
-    const insertingPlaceholderKeys = selection
-        .map((x) => editContext.getComponentById(x))
-        .filter((x) => x)
-        .reduce((a, x) => a.concat(x.placeholders.map((y) => y.key)), []);
-    const selectedPlaceholderKeys = [
-        ...selection.filter((x) => x.indexOf("_") > 0),
-        ...insertingPlaceholderKeys,
-    ];
-    const insertOptions = collectInsertOptions(page, selectedPlaceholderKeys);
-    // function directInsert() {
-    //   if (editContext!.selectedForInsertion.indexOf("_") > 0) {
-    //     var lastUnderscoreIndex =
-    //       editContext!.selectedForInsertion.lastIndexOf("_");
-    //     const index = editContext!.selectedForInsertion.substring(
-    //       lastUnderscoreIndex + 1
-    //     );
-    //     const key = editContext!.selectedForInsertion.substring(
-    //       0,
-    //       lastUnderscoreIndex
-    //     );
-    //     editContext!.droppedInPlaceholder(key, parseInt(index));
-    //   }
-    // }
-    return (_jsxs(TabView, { children: [_jsx(TabPanel, { header: "New", children: _jsx("div", { className: "a-grid a-grid-cols-4 a-gap-1", children: insertOptions.map((option) => {
-                        function handleDragStart(event) {
-                            dragStart({ type: "template", templateId: option.id });
-                            event.stopPropagation();
-                        }
-                        function handleDragEnd() {
-                            dragEnd();
-                        }
-                        return (_jsxs("div", { 
-                            //    onClick={directInsert}
-                            draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: "a-p-3 a-shadow-md a-flex a-items-center a-flex-col a-gap-1 a-cursor-grab", children: [_jsx("img", { src: option.icon, width: "32", height: "32" }), option.name] }, option.id));
-                    }) }) }), _jsx(TabPanel, { header: "Existing", children: _jsx(ContentTree, { rootItemId: "0DE95AE4-41AB-4D01-9EB0-67441B7C2450", dragStart: (itemNode) => {
-                        dragStart({
-                            type: "link-component",
-                            templateId: itemNode.templateId,
-                            componentId: itemNode.id,
-                        });
-                    }, expandIdPath: page.idPath, dragEnd: dragEnd, isDraggable: (x) => x.isComponent &&
-                        (insertOptions === null || insertOptions === void 0 ? void 0 : insertOptions.find((insertOption) => insertOption.id == x.templateId)) != undefined }) })] }));
-}
-function collectInsertOptions(page, placeholderKeys) {
-    const insertOptionsMap = new Map();
-    function traverse(placeholders) {
-        for (const placeholder of placeholders) {
-            if (placeholder.insertOptions &&
-                (placeholderKeys.length === 0 ||
-                    placeholderKeys.includes(placeholder.key))) {
-                for (const option of placeholder.insertOptions) {
-                    insertOptionsMap.set(option.id, option);
-                }
-            }
-            for (const component of placeholder.components) {
-                traverse(component.placeholders);
-            }
-        }
-    }
-    traverse(page.placeholders);
-    // Convert the map back into an array of objects
-    const insertOptionsArray = Array.from(insertOptionsMap.values());
-    return insertOptionsArray;
-}

package/dist/esm/editor/ComponentTree.js

@@ -1,196 +0,0 @@
-"use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEditContext } from "..";
-import { Tree, } from "primereact/tree";
-import { useEffect, useRef, useState } from "react";
-import { Tag } from "primereact/tag";
-import { ContextMenu } from "primereact/contextmenu";
-import { confirmDialog } from "primereact/confirmdialog";
-function mapPlaceholderNode(p, parent) {
-    const node = {
-        key: p.key,
-        componentId: p.key,
-        label: p.name,
-        data: p,
-        icon: "pi pi-folder",
-        parent: parent,
-        droppable: true,
-    };
-    node.children = p.components.map((c) => mapComponentNode(c, node));
-    return node;
-}
-function mapPlaceholders(c, parent) {
-    if (c.placeholders.length > 1)
-        return c.placeholders.map((x) => mapPlaceholderNode(x, parent));
-    else if (c.placeholders.length > 0)
-        return c.placeholders[0].components.map((c) => mapComponentNode(c, parent));
-    return [];
-}
-function mapComponentNode(c, parent) {
-    const node = {
-        key: c.linkItemId + "_" + c.id || c.id,
-        componentId: c.id,
-        label: c.name,
-        icon: "pi pi-stop",
-        data: c,
-        parent: parent,
-        tags: [],
-        droppable: true,
-    };
-    if (c.translations && c.translations.length > 1)
-        node.tags.push({
-            severity: "info",
-            value: c.translations.length + " Languages",
-            icon: "pi pi-flag",
-        });
-    if (c.hostingPageItem) {
-        node.tags.push({
-            severity: "warning",
-            value: "Layout",
-            icon: "",
-            color: "rgb(192 132 252)",
-            onClick: () => {
-                var _a;
-                confirmDialog({
-                    header: "Edit layout",
-                    message: "Edit layout " + ((_a = c.hostingPageItem) === null || _a === void 0 ? void 0 : _a.path) + "?",
-                    accept: () => window.open(c.hostingPageItem.editUrl, "_blank"),
-                });
-            },
-        });
-    }
-    node.children = mapPlaceholders(c, node);
-    return node;
-}
-// function selectTreeNode(event: TreeSelectionEvent): void {
-//   editContext.setSelection(event.value.keys());
-// }
-export function ComponentTree({ page, selection, }) {
-    const [expandedKeys, setExpandedKeys] = useState({
-        "0": true,
-    });
-    const [selectedKeys, setSelectedKeys] = useState();
-    const cm = useRef(null);
-    let editContext = useEditContext();
-    useEffect(() => {
-        const newSelectedKeys = {};
-        selection.forEach((id) => {
-            const nodes = findNodesByComponentId(id, nodeDictionary);
-            nodes.forEach((nodeId) => {
-                newSelectedKeys[nodeId] = true;
-            });
-        });
-        const newExpandedKeys = Object.assign({}, expandedKeys);
-        Object.keys(newSelectedKeys).forEach((id) => {
-            const node = nodeDictionary[id];
-            if (node)
-                expandParents(node.parent, newExpandedKeys);
-        });
-        if (!hasSameProps(newExpandedKeys, expandedKeys))
-            setExpandedKeys(newExpandedKeys);
-        setSelectedKeys(newSelectedKeys);
-    }, [selection]);
-    if (!page)
-        return _jsx(_Fragment, {});
-    const componentsNode = {
-        key: "0",
-        componentId: "0",
-        label: "Components",
-        data: "Components Folder",
-        icon: "pi pi-fw pi-list",
-    };
-    componentsNode.children = mapPlaceholders(page, componentsNode);
-    const treeNodes = [componentsNode];
-    const nodeDictionary = {};
-    createMap(treeNodes, nodeDictionary);
-    const nodeTemplate = (node, options) => {
-        var _a;
-        let label = (_jsxs("span", { "data-key": node.key, className: "a-flex", children: [node.label, (_a = node.tags) === null || _a === void 0 ? void 0 : _a.map((x) => (_jsx(Tag, { icon: x.icon, value: x.value, severity: x.severity, onClick: x.onClick, style: { backgroundColor: x.color, marginLeft: "8px" } }, x.value)))] }));
-        return _jsx("span", { className: options.className, children: label });
-    };
-    const menu = [
-        {
-            label: "View Key",
-            icon: "pi pi-search",
-            command: () => {
-                //  toast.current.show({ severity: 'success', summary: 'Node Key', detail: selectedNodeKey });
-            },
-        },
-        {
-            label: "Toggle",
-            icon: "pi pi-sort",
-            command: () => {
-                // let _expandedKeys = { ...expandedKeys };
-                // if (_expandedKeys[selectedNodeKey]) delete _expandedKeys[selectedNodeKey];
-                // else _expandedKeys[selectedNodeKey] = true;
-                // setExpandedKeys(_expandedKeys);
-            },
-        },
-    ];
-    function findNode(ev) {
-        const treeNodeParent = ev.target.closest(".p-treenode");
-        if (treeNodeParent) {
-            const childWithDataKey = treeNodeParent.querySelector("[data-key]");
-            if (childWithDataKey) {
-                return childWithDataKey;
-            }
-        }
-        return null;
-    }
-    return (_jsxs("div", { onDragOverCapture: (ev) => {
-            var _a;
-            if (!findNode(ev))
-                ev.dataTransfer.dropEffect = "none";
-            ev.dataTransfer.dropEffect =
-                ((_a = editContext === null || editContext === void 0 ? void 0 : editContext.dragObject) === null || _a === void 0 ? void 0 : _a.type) == "template" ? "copy" : "move";
-            ev.preventDefault();
-            ev.stopPropagation();
-        }, onDropCapture: (ev) => {
-            var node = findNode(ev);
-            if (node)
-                alert(node.getAttribute("data-key"));
-            ev.stopPropagation();
-        }, children: [_jsx(ContextMenu, { model: menu, ref: cm }), _jsx(Tree, { value: treeNodes, selectionMode: "multiple", selectionKeys: selectedKeys, className: "a-w-full alpaca-no-border", onToggle: (e) => setExpandedKeys(e.value), expandedKeys: expandedKeys, nodeTemplate: nodeTemplate, dragdropScope: "ignore", onSelectionChange: (ev) => {
-                    if (ev.value) {
-                        const selectedKeys = Object.keys(ev.value);
-                        const selectedComponentIds = selectedKeys
-                            .filter((key) => nodeDictionary[key])
-                            .map((key) => nodeDictionary[key].componentId);
-                        editContext === null || editContext === void 0 ? void 0 : editContext.setSelection(selectedComponentIds);
-                    }
-                    else {
-                        editContext === null || editContext === void 0 ? void 0 : editContext.setSelection([]);
-                    }
-                }, onContextMenu: (e) => { var _a; return (_a = cm.current) === null || _a === void 0 ? void 0 : _a.show(e.originalEvent); } })] }));
-}
-function createMap(treeNodes, nodeDictionary) {
-    treeNodes.forEach((n) => {
-        if (n.key)
-            nodeDictionary[n.key] = n;
-        if (n.children)
-            createMap(n.children, nodeDictionary);
-    });
-}
-function findNodesByComponentId(id, nodesDictionary) {
-    const allNodes = Object.values(nodesDictionary);
-    return allNodes
-        .filter((x) => x.componentId === id)
-        .map((x) => { var _a; return ((_a = x.key) === null || _a === void 0 ? void 0 : _a.toString()) || ""; });
-}
-function expandParents(node, newExpandedKeys) {
-    if (!node)
-        return;
-    if (node.key)
-        newExpandedKeys[node.key] = true;
-    if (node.parent)
-        expandParents(node.parent, newExpandedKeys);
-}
-function hasSameProps(obj1, obj2) {
-    var obj1Props = Object.keys(obj1), obj2Props = Object.keys(obj2);
-    if (obj1Props.length == obj2Props.length) {
-        return obj1Props.every(function (prop) {
-            return obj2Props.indexOf(prop) >= 0;
-        });
-    }
-    return false;
-}

package/dist/esm/editor/ContentTree.js

@@ -1,117 +0,0 @@
-"use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ProgressSpinner } from "primereact/progressspinner";
-import { useEditContext } from "..";
-import { Tree, } from "primereact/tree";
-import { useEffect, useState } from "react";
-import { getChildren } from "./contentService";
-export default function ContentTree({ isDraggable, dragStart, dragEnd, expandIdPath, selectionMode, selectedItemIds, rootItemId, onSelectionChange, filter, templateIds, }) {
-    const [treeNodes, setTreeNodes] = useState([]);
-    const [expandedKeys, setExpandedKeys] = useState();
-    const editContext = useEditContext();
-    const loadOnExpand = (event) => __awaiter(this, void 0, void 0, function* () {
-        const node = event.node;
-        node.loading = true;
-        yield loadNodeChildren(node);
-        let value = [...treeNodes];
-        setTreeNodes(value);
-        node.loading = false;
-    });
-    const loadNodeChildren = (node) => __awaiter(this, void 0, void 0, function* () {
-        if (!node.children) {
-            if (!node.key || !editContext)
-                return node.children || [];
-            let children = yield getChildren(node.key, editContext === null || editContext === void 0 ? void 0 : editContext.sessionId, templateIds);
-            if (filter)
-                children = filter(children);
-            node.children = children.map((x) => ({
-                key: x.id,
-                label: x.name,
-                iconUrl: x.icon,
-                isDraggable: isDraggable && isDraggable(x),
-                data: x,
-                leaf: !x.hasChildren,
-            }));
-        }
-        return node.children;
-    });
-    useEffect(() => {
-        const treeNodes = [
-            {
-                key: rootItemId.toLowerCase(),
-                label: "content",
-                leaf: false,
-            },
-        ];
-        const newExpandedKeys = getExpandedKeys();
-        setExpandedKeys(newExpandedKeys);
-        preLoadNodes(newExpandedKeys, treeNodes);
-        setTreeNodes(treeNodes);
-    }, []);
-    function getExpandedKeys() {
-        const newExpandedKeys = {};
-        newExpandedKeys[rootItemId.toLocaleLowerCase()] = true;
-        const idPathArray = expandIdPath.split("/");
-        idPathArray.forEach((x) => {
-            if (x !== "")
-                newExpandedKeys[x.substring(1, x.length - 1).toLowerCase()] = true;
-        });
-        return newExpandedKeys;
-    }
-    function preLoadNodes(expandedKeys, treeNodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield doPreloadNodes(expandedKeys, treeNodes);
-            setExpandedKeys(Object.assign({}, expandedKeys));
-            setTreeNodes([...treeNodes]);
-        });
-    }
-    function doPreloadNodes(expandedKeys, treeNodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            for (let i = 0; i < treeNodes.length; i++) {
-                if (expandedKeys[treeNodes[i].key]) {
-                    const children = yield loadNodeChildren(treeNodes[i]);
-                    yield doPreloadNodes(expandedKeys, children);
-                }
-            }
-        });
-    }
-    const nodeTemplate = (node, options) => {
-        let label = _jsx("b", { children: node.label });
-        if (node.url) {
-            label = (_jsx("a", { onDragStart: (e) => e.preventDefault(), href: node.url, className: "a-text-primary hover:a-underline a-font-semibold", children: node.label }));
-        }
-        return (_jsxs("span", { onDragStart: (event) => {
-                handleDragStart(event, node.data);
-            }, onDragEnd: handleDragEnd, draggable: node.isDraggable, className: `a-flex a-gap-2 ${node.isDraggable ? "a-cursor-grab" : ""} ${options.className}`, children: [_jsx("img", { src: node.iconUrl, style: { height: "20px" }, width: "20", height: "20", onDragStart: (e) => e.preventDefault() }), label, node.loading && (_jsx(ProgressSpinner, { style: { width: "20px", height: "20px" } }))] }));
-    };
-    function handleDragStart(event, item) {
-        if (dragStart)
-            dragStart(item);
-        event.stopPropagation();
-    }
-    function handleDragEnd() {
-        if (dragEnd)
-            dragEnd();
-    }
-    const newSelectedKeys = {};
-    selectedItemIds === null || selectedItemIds === void 0 ? void 0 : selectedItemIds.forEach((x) => {
-        newSelectedKeys[x] = true;
-    });
-    return (_jsx("div", { onDragEnterCapture: (ev) => ev.stopPropagation(), onDragOverCapture: (ev) => ev.stopPropagation(), onDragLeaveCapture: (ev) => ev.stopPropagation(), children: _jsx(Tree, { value: treeNodes, expandedKeys: expandedKeys, onToggle: (e) => setExpandedKeys(e.value), nodeTemplate: nodeTemplate, 
-            //dragdropScope={isDraggable ? "alpaca" : undefined}
-            className: "a-w-full alpaca-no-border a-p-0", onExpand: loadOnExpand, selectionMode: selectionMode, onSelectionChange: (ev) => {
-                if (onSelectionChange && selectionMode == "multiple")
-                    onSelectionChange(Object.keys(ev.value || {}));
-                if (onSelectionChange && selectionMode == "single")
-                    onSelectionChange([ev.value]);
-            }, selectionKeys: newSelectedKeys }) }));
-}

package/dist/esm/editor/Debug.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import JSONPretty from "react-json-pretty";
-import "react-json-pretty/themes/monikai.css";
-import { TabView, TabPanel } from "primereact/tabview";
-export function Debug({ component, page }) {
-    if (!component && !page)
-        return;
-    return (_jsxs(TabView, { children: [component && _jsx(TabPanel, { header: "Component", children: _jsx(JSONPretty, { data: component }) }), _jsx(TabPanel, { header: "Page", children: _jsx(JSONPretty, { data: page }) })] }));
-}

package/dist/esm/editor/DictionaryEditor.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { InputText } from "primereact/inputtext";
-import { useEditContext } from "..";
-export function DictionaryEditor({ dictionary }) {
-    if (!dictionary)
-        return;
-    const context = useEditContext();
-    if (!context) {
-        console.log("Context is undefined!");
-        return;
-    }
-    let entries = Object.keys(dictionary).map((k) => ({
-        key: k,
-        translation: dictionary[k],
-    }));
-    entries = [...entries, ...context === null || context === void 0 ? void 0 : context.unresolvedDictionaryKeys.map(x => ({
-            key: x,
-            translation: "[undefined]"
-        }))];
-    entries.sort((a, b) => (a.key > b.key ? -1 : 1));
-    const textEditor = (options) => {
-        if (options.value != "[undefined]")
-            return _jsx(InputText, { type: "text", value: options.value, onChange: (e) => options.editorCallback(e.target.value) });
-        else
-            return null;
-    };
-    return (_jsx(_Fragment, { children: _jsxs(DataTable, { value: entries, children: [_jsx(Column, { field: "key", header: "Key" }), _jsx(Column, { field: "translation", header: "Translation", editor: (options) => textEditor(options) })] }) }));
-}

package/dist/esm/editor/EditFrame.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useEditContext } from "..";
-export function EditFrame({ componentId, children, }) {
-    var _a, _b;
-    const editContext = useEditContext();
-    if (!editContext)
-        return children;
-    const { getComponentById, selection, setSelection } = editContext;
-    const [isRemoved, setIsRemoved] = useState(false);
-    const clientComponent = getComponentById(componentId);
-    if (!clientComponent) {
-        return children;
-    }
-    function select(e) {
-        e.stopPropagation();
-        if (clientComponent)
-            setSelection([clientComponent.id]);
-    }
-    let classNames = "ap-editframe";
-    let color = clientComponent.linkItemId ? "orange-400" : "sky-400";
-    if (clientComponent.hostingPageItem)
-        color = "purple-400";
-    const isSelected = selection && selection.indexOf(clientComponent.id) >= 0;
-    if (isSelected)
-        classNames = `ap-editframe a-relative a-ring-2 a-ring-${color}`;
-    function handleDragStart(event) {
-        if (!clientComponent)
-            return;
-        event.dataTransfer.setData("text/plain", clientComponent.id);
-        event.dataTransfer.setData("alpaca", clientComponent.id);
-        setTimeout(() => {
-            editContext.dragStart({
-                type: "component",
-                templateId: clientComponent.templateId,
-                componentId: clientComponent.id,
-            });
-        }, 50);
-        event.stopPropagation();
-    }
-    const isDraggable = isSelected && !clientComponent.hostingPageItem;
-    if ((_a = children.props) === null || _a === void 0 ? void 0 : _a.className)
-        classNames += " " + ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.className);
-    if (isRemoved)
-        classNames += " ap-removed";
-    return (_jsxs("div", { className: classNames, onClick: select, draggable: isDraggable, onDragStart: handleDragStart, children: [isSelected && (_jsxs("div", { className: `a-absolute a-top-0 a-right-0 a-text-white a-px-3 a-bg-${color} ${isDraggable ? "a-cursor-move" : ""}`, children: [clientComponent.name, _jsx("button", { className: "a-ml-3", onClick: (ev) => {
-                            ev.preventDefault();
-                            ev.stopPropagation();
-                            editContext.removeComponent(clientComponent.linkItemId || clientComponent.id, () => setIsRemoved(true));
-                        }, children: _jsx("i", { className: "pi pi-trash" }) }), clientComponent.placeholders.length > 0 && (_jsx("button", { className: "a-ml-3", onClick: (ev) => {
-                            editContext.setSelectedForInsertion(clientComponent.id);
-                            editContext.openComponentPalette();
-                            ev.stopPropagation();
-                            ev.preventDefault();
-                        }, children: _jsx("i", { className: "pi pi-plus" }) }))] })), children] }));
-}