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

package/dist/cjs/editor/Debug.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Debug = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_json_pretty_1 = __importDefault(require("react-json-pretty"));
-require("react-json-pretty/themes/monikai.css");
-const tabview_1 = require("primereact/tabview");
-function Debug({ component, page, }) {
-    if (!component && !page)
-        return;
-    return ((0, jsx_runtime_1.jsxs)(tabview_1.TabView, { className: "a-h-full", children: [component && ((0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Component", className: "a-relative a-h-full", children: (0, jsx_runtime_1.jsx)("div", { className: "a-inset-0 a-absolute a-overflow-auto", children: (0, jsx_runtime_1.jsx)(react_json_pretty_1.default, { data: component, replacer: function (key, value) {
-                            if (key === "parentComponent") {
-                                return undefined;
-                            }
-                            return value;
-                        } }) }) })), (0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Page", className: "a-relative a-h-full", children: (0, jsx_runtime_1.jsx)("div", { className: "a-inset-0 a-absolute a-overflow-auto", children: (0, jsx_runtime_1.jsx)(react_json_pretty_1.default, { data: page, replacer: function (key, value) {
-                            if (key === "parentComponent") {
-                                return undefined;
-                            }
-                            return value;
-                        } }) }) })] }));
-}
-exports.Debug = Debug;

package/dist/cjs/editor/DialogButtons.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function DialogButtons({ children, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "a-flex a-justify-end a-gap-3 a-pt-6 a-border-t", children: children }));
-}
-exports.default = DialogButtons;

package/dist/cjs/editor/DictionaryEditor.js

@@ -1,41 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DictionaryEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const datatable_1 = require("primereact/datatable");
-const column_1 = require("primereact/column");
-const __1 = require("..");
-const SingleLineText_1 = require("./fieldTypes/SingleLineText");
-function DictionaryEditor({ dictionary, }) {
-    if (!dictionary)
-        return;
-    const context = (0, __1.useEditContext)();
-    if (!context) {
-        console.log("Context is undefined!");
-        return;
-    }
-    let entries = Object.keys(dictionary).map((k) => ({
-        key: k,
-        field: dictionary[k],
-        translation: dictionary[k].value,
-    }));
-    entries = [
-        ...entries,
-        ...context === null || context === void 0 ? void 0 : context.unresolvedDictionaryKeys.map((x) => ({
-            key: x,
-            field: null,
-            translation: "[undefined]",
-        })),
-    ];
-    entries.sort((a, b) => (a.key > b.key ? -1 : 1));
-    const textEditor = (options) => {
-        var _a;
-        if ((_a = options.rowData) === null || _a === void 0 ? void 0 : _a.field)
-            return (0, jsx_runtime_1.jsx)(SingleLineText_1.SingleLineText, { field: options.rowData.field });
-        else
-            return null;
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(datatable_1.DataTable, { value: entries, children: [(0, jsx_runtime_1.jsx)(column_1.Column, { field: "key", header: "Key" }), (0, jsx_runtime_1.jsx)(column_1.Column, { field: "translation", header: "Translation", editor: (options) => textEditor(options) })] }) }));
-}
-exports.DictionaryEditor = DictionaryEditor;

package/dist/cjs/editor/EditFrame.js

@@ -1,129 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditFrame = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const __1 = require("..");
-const react_2 = __importDefault(require("react"));
-const AiPopup_1 = require("./AiPopup");
-function EditFrame({ componentId, children, index, }) {
-    var _a, _b;
-    const editContext = (0, __1.useEditContext)();
-    const [customButtons, setCustomButtons] = (0, react_1.useState)([]);
-    const ref = react_2.default.useRef(null);
-    if (!editContext)
-        return children;
-    const { getComponentById, selection, setSelection } = editContext;
-    const isSelected = selection && selection.indexOf(componentId) >= 0;
-    const aiPopup = react_2.default.useRef(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current && editContext.scrollIntoView == componentId) {
-            ref.current.scrollIntoView({
-                behavior: "smooth",
-                block: "center",
-                inline: "center",
-            });
-        }
-    }, [editContext.scrollIntoView]);
-    const clientComponent = getComponentById(componentId);
-    if (!clientComponent) {
-        return children;
-    }
-    function select(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        if (clientComponent) {
-            const s = e.ctrlKey ? [...selection] : [];
-            if (s.indexOf(clientComponent.id) < 0)
-                s.push(clientComponent.id);
-            setSelection(s);
-        }
-    }
-    let classNames = "a-editframe";
-    let color = clientComponent.linkItemId ? "orange-400" : "sky-400";
-    if (clientComponent.hostingPageItem)
-        color = "purple-400";
-    if (isSelected)
-        classNames = `a-editframe a-selected a-relative`;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (!isSelected)
-            (_a = aiPopup.current) === null || _a === void 0 ? void 0 : _a.close();
-    }, [isSelected]);
-    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,
-                component: {
-                    id: clientComponent.id,
-                    language: editContext.page.language,
-                    version: editContext.page.version,
-                    name: clientComponent.name,
-                },
-            });
-        }, 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 (clientComponent.isRemoved)
-        classNames += " a-removed";
-    const commands = editContext.getComponentCommands([clientComponent]);
-    const commandButtons = commands
-        .filter((x) => !x.disabled && x.visibilityScopes.indexOf("editFrame") >= 0)
-        .map((x) => ({
-        icon: x.icon,
-        tooltip: x.label,
-        onClick: (ev) => {
-            ev.preventDefault();
-            ev.stopPropagation();
-            x.execute();
-        },
-    }));
-    const aiButton = {
-        icon: "pi pi-comments",
-        tooltip: "AI",
-        onClick: (ev) => {
-            aiPopup.current.show(ev);
-            ev.preventDefault();
-            ev.stopPropagation();
-        },
-    };
-    const buttons = [...customButtons, aiButton, ...commandButtons];
-    if (clientComponent.placeholders.length > 0) {
-        buttons.push({
-            icon: "pi pi-plus",
-            tooltip: "Insert component",
-            onClick: (ev) => {
-                editContext.setSelectedForInsertion(clientComponent.id);
-                ev.stopPropagation();
-                ev.preventDefault();
-            },
-        });
-    }
-    var filterContext = (0, __1.useEditFilterChildrenContext)();
-    if (filterContext &&
-        filterContext.filterChildCallback &&
-        filterContext.filterChildCallback({
-            component: clientComponent,
-            index: index,
-        }))
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(__1.EditFrameContextProvider, { value: {
-            customButtons,
-            setCustomButtons,
-            componentId: clientComponent.id,
-            isSelected: isSelected,
-        }, children: [(0, jsx_runtime_1.jsx)(AiPopup_1.AiPopup, { componentId: clientComponent.id, ref: aiPopup }), (0, jsx_runtime_1.jsxs)("div", { ref: ref, className: classNames, onClick: select, draggable: isDraggable, onDragStart: handleDragStart, children: [children, isSelected && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `a-pointer-events-none a-absolute a-inset-0 a-border-2 a-border-${color} ` }), (0, jsx_runtime_1.jsxs)("div", { className: `a-editframe-menu a-absolute a-top-px a-right-px a-z-1000 a-text-sm a-text-white a-opacity-50 hover:a-opacity-100 a-whitespace-nowrap a-px-3 a-pt-3px  a-bg-${color} ${isDraggable ? "a-cursor-move" : "a-cursor-default"} `, style: { zoom: 1 / editContext.zoom }, children: [clientComponent.name, buttons.map((b, i) => ((0, jsx_runtime_1.jsx)("button", { className: "a-ml-3", onClick: b.onClick, title: b.tooltip, children: (0, jsx_runtime_1.jsx)("i", { className: b.icon }) }, i)))] })] }))] })] }));
-}
-exports.EditFrame = EditFrame;

package/dist/cjs/editor/EditHistory.js

@@ -1,43 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditHistory = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function EditHistory({ operations }) {
-    if (!operations)
-        return;
-    const description = (op) => {
-        var _a, _b, _c;
-        if (op.type === "move-component") {
-            const move = op;
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Move ", (_a = move.component) === null || _a === void 0 ? void 0 : _a.name, " to ", (_b = move.parent) === null || _b === void 0 ? void 0 : _b.name, "/", move.placeholderName, " (", move.placeholderIndex, ")", " "] }));
-        }
-        if (op.type === "add-component")
-            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Add ", (_c = op.component) === null || _c === void 0 ? void 0 : _c.name] });
-        if (op.type === "link-component")
-            return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Insert ", op.itemName] });
-        if (op.type === "synchronize-components") {
-            const syncOp = op;
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Synchronize components", " ", syncOp.itemsCreated && ((0, jsx_runtime_1.jsxs)("span", { className: "a-text-gray-400 a-ml-1", children: ["(", syncOp.itemsCreated.length, " item", syncOp.itemsCreated.length !== 1 ? "s" : "", " created)"] }))] }));
-        }
-        if (op.type === "remove-component")
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Remove", " ", op.components
-                        .map((x) => x.name)
-                        .join(", ")] }));
-        if (op.type === "edit-field") {
-            const editFieldOp = op;
-            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Edit ", editFieldOp.fieldName, (0, jsx_runtime_1.jsxs)("span", { className: "a-text-gray-400 a-ml-1", children: ["(", editFieldOp.itemName, ", ", editFieldOp.language, ",", " ", editFieldOp.version, ")"] })] }));
-        }
-        return (0, jsx_runtime_1.jsx)("div", { children: op.type });
-    };
-    const reversedOps = [...operations].reverse();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-inset-0 a-absolute", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-p-3 a-bg-gray-50 a-border-b-2  a-text-gray-600 a-text-sm", children: "History" }), (0, jsx_runtime_1.jsx)("div", { className: "a-flex a-flex-col a-overflow-y-auto a-overflow-x-hidden", style: { height: "calc(100% - 45px)" }, children: reversedOps.map((o, i) => singleOperation(i, o)) })] }));
-    function singleOperation(i, o) {
-        var _a;
-        let className = "a-border-b a-p-2 a-flex a-justify-between";
-        if (o.undone)
-            className = className + " a-text-gray-300";
-        return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("small", { className: "a-text-color-secondary", children: description(o) }), " ", o.isCommitted && ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-check a-text-green-500 a-ml-1" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "a-text-xs", children: (_a = o.user) === null || _a === void 0 ? void 0 : _a.name })] }, i));
-    }
-}
-exports.EditHistory = EditHistory;

package/dist/cjs/editor/Editor.js

@@ -1,27 +0,0 @@
-"use strict";
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const EditorClientHost_1 = require("./EditorClientHost");
-function Editor({ children, content, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const data = yield content;
-        if (data.type !== "page")
-            return;
-        if (!data.editing)
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-        var alpacaContext = (0, __1.useAlpacaContext)();
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(EditorClientHost_1.EditorClientHost, { content: data, dictionaryObject: alpacaContext.dictionary, edit: alpacaContext.edit, site: alpacaContext.pageContext.site.name, children: children }) }));
-    });
-}
-exports.Editor = Editor;