@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/page-wizard/steps/usePageCreator.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from "react";
+import { Wizard, WizardPageComponent, WizardPageModel } from "../PageWizard";
+import { ItemDescriptor } from "../../editor/pageModel";
+export declare function usePageCreator(pageItem: ItemDescriptor | undefined, wizard: Wizard, setPageModel: Dispatch<SetStateAction<WizardPageModel>>): {
+    createComponentsRecursively: (components: WizardPageComponent[], parentComponentType: string, parentComponentId?: string, parentPath?: number[]) => Promise<void>;
+};

package/dist/page-wizard/steps/usePageCreator.js

@@ -0,0 +1,192 @@
+import { useMemo } from "react";
+import { useEditContextRef } from "../../editor/client/editContext";
+import { useEditContext } from "../../editor/client/editContext";
+import { getComponentById } from "../../editor/componentTreeHelper";
+import { getPlaceholder } from "./schema";
+import { normalizeGuid } from "../../editor/utils";
+export function usePageCreator(pageItem, wizard, setPageModel) {
+    const editContext = useEditContext();
+    const editContextRef = useEditContextRef();
+    // Function to build a map of all components from wizard schema
+    const buildComponentTypeMap = () => {
+        const componentMap = new Map();
+        const fieldIdsMap = new Map();
+        const placeholderMap = new Map();
+        const processComponentsRecursively = (components) => {
+            for (const component of components) {
+                // Store the mapping from component type to typeId
+                componentMap.set(component.type, component.typeId);
+                placeholderMap.set(component.typeId, component.type);
+                // Process nested components in placeholders
+                if (component.placeholders && component.placeholders.length > 0) {
+                    for (const placeholder of component.placeholders) {
+                        if (placeholder.components && placeholder.components.length > 0) {
+                            processComponentsRecursively(placeholder.components);
+                        }
+                    }
+                }
+                if (component.fields && component.fields.length > 0) {
+                    for (const field of component.fields) {
+                        fieldIdsMap.set(component.typeId + "_" + field.name, field.id);
+                    }
+                }
+            }
+        };
+        // Start processing from the root level of the schema
+        if (wizard.schema && wizard.schema.length > 0) {
+            for (const placeholder of wizard.schema) {
+                if (placeholder.components && placeholder.components.length > 0) {
+                    processComponentsRecursively(placeholder.components);
+                }
+            }
+        }
+        return { componentMap, fieldIdsMap };
+    };
+    // Build the component type to typeId map
+    const mappings = useMemo(() => buildComponentTypeMap(), [wizard.schema]);
+    const createNewComponent = async (component, parentComponentType, index, parentComponentId) => {
+        if (!editContext)
+            return undefined;
+        const { componentMap } = mappings;
+        // Get the typeId from the map using the component type
+        const typeId = componentMap.get(component.type) || component.type;
+        // 1. Add the component to the placeholder
+        console.log(`Adding component ${component.type} (typeId: ${typeId}) to placeholder ${parentComponentId} at index ${index}`);
+        const placeholderKey = component.placeholder ||
+            getPlaceholder(wizard.schema, parentComponentType, component.type);
+        const placeholderId = parentComponentId
+            ? placeholderKey + "_" + normalizeGuid(parentComponentId)
+            : placeholderKey;
+        if (!placeholderId) {
+            console.error("Placeholder ID not found", component);
+            return undefined;
+        }
+        const addComponentOp = await editContext.operations.addComponent(typeId, // Use typeId instead of just type
+        placeholderId, index);
+        if (!addComponentOp?.componentId) {
+            console.error("Failed to add component", component, "Result Op:", addComponentOp);
+            return undefined;
+        }
+        // Wait for the component to be created
+        const componentId = addComponentOp.componentId;
+        console.log("Waiting for component to be created", componentId);
+        let createdComponent;
+        let attempts = 0;
+        const maxAttempts = 40;
+        while (!createdComponent && attempts < maxAttempts) {
+            if (editContextRef.current?.page) {
+                createdComponent = getComponentById(componentId, editContextRef.current?.page);
+                if (createdComponent) {
+                    break;
+                }
+            }
+            if (createdComponent)
+                break;
+            await new Promise((resolve) => setTimeout(resolve, 1000)); // Wait 100ms between attempts
+            attempts++;
+        }
+        if (!createdComponent) {
+            console.error("Timeout waiting for component to appear in page model", componentId);
+        }
+        const componentDescriptor = {
+            ...addComponentOp.mainItem,
+            id: addComponentOp.componentId,
+        };
+        console.log("Component created:", componentDescriptor);
+        return componentDescriptor;
+    };
+    const findComponent = (components, path) => {
+        const child = components[path[0]];
+        if (!child)
+            return null;
+        if (path.length === 1)
+            return child;
+        return findComponent(child.children || [], path.slice(1));
+    };
+    // Function to recursively create components from the page model
+    const createComponentsRecursively = async (components, parentComponentType, parentComponentId, parentPath) => {
+        if (!editContext || !pageItem)
+            return;
+        const { fieldIdsMap, componentMap } = mappings;
+        // Process each component in the array
+        for (let i = 0; i < components.length; i++) {
+            const component = components[i];
+            const componentPath = [...(parentPath || []), i];
+            if (!component?.id) {
+                if (!component?.type || !component?.fields) {
+                    continue;
+                }
+                const descriptor = await createNewComponent(component, parentComponentType, i, parentComponentId);
+                if (!descriptor)
+                    continue;
+                component.id = descriptor.id;
+                setPageModel((prev) => {
+                    const component = findComponent(prev.components, componentPath);
+                    if (component) {
+                        component.id = descriptor.id;
+                    }
+                    return {
+                        ...prev,
+                    };
+                });
+            }
+            if (component.fields && component.fields.length > 0) {
+                const typeId = componentMap.get(component.type) || component.type;
+                // 2. Edit fields of the component
+                for (const field of component.fields) {
+                    if (!field.name ||
+                        !field.value ||
+                        field.value + field.type === field.writtenValue) {
+                        continue;
+                    }
+                    const fieldId = fieldIdsMap.get(typeId + "_" + field.name);
+                    if (!fieldId) {
+                        console.error("Field not found", field);
+                        continue;
+                    }
+                    const fieldDescriptor = {
+                        fieldId: fieldId.toLowerCase().replace(/[{}]/g, ""),
+                        item: {
+                            id: component.id,
+                            language: pageItem.language,
+                            version: pageItem.version,
+                        },
+                    };
+                    console.log(`Editing field ${field.name} of component ${component.id} with value ${field.value}`);
+                    let rawValue = field.value;
+                    let value = field.value;
+                    if (field.type === "Picture") {
+                        value = {
+                            Variants: [{ Name: "Landscape", MediaId: field.value }],
+                        };
+                        rawValue = JSON.stringify(value);
+                    }
+                    await editContext.operations.editField({
+                        field: fieldDescriptor,
+                        value: value,
+                        rawValue: rawValue,
+                        refresh: "none",
+                    });
+                    setPageModel((prev) => {
+                        const component = findComponent(prev.components, componentPath);
+                        if (component) {
+                            const prevField = component.fields.find((f) => f.name === field.name);
+                            if (prevField) {
+                                prevField.writtenValue = field.value + field.type;
+                            }
+                        }
+                        return {
+                            ...prev,
+                        };
+                    });
+                }
+            }
+            // 3. Recursively process placeholders
+            if (component.children && component.children.length > 0) {
+                await createComponentsRecursively(component.children, component.type, component.id, componentPath);
+            }
+        }
+    };
+    return { createComponentsRecursively };
+}
+//# sourceMappingURL=usePageCreator.js.map

package/dist/page-wizard/steps/usePageCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageCreator.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/usePageCreator.ts"],"names":[],"mappings":"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"}

package/dist/splash-screen/NewPage.d.ts

@@ -0,0 +1,3 @@
+export declare function NewPage({ selectedItemId }: {
+    selectedItemId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/splash-screen/NewPage.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { ScrollingContentTree } from "../editor/ScrollingContentTree";
+import { getChildren, } from "../editor/services/contentService";
+import { executeCreateItem, loadInsertOptions, } from "../editor/services/editService";
+import { InputText } from "primereact/inputtext";
+import { Button } from "primereact/button";
+import { getAbsoluteIconUrl, getItemDescriptor } from "../editor/utils";
+import { classNames } from "primereact/utils";
+import { useEditContext } from "../client-components";
+import { SectionHeadline } from "./SectionHeadline";
+import { useDebouncedCallback } from "use-debounce";
+import { getWizards } from "../page-wizard/service";
+export function NewPage({ selectedItemId }) {
+    const [selectedItem, setSelectedItem] = useState(null);
+    const [isValid, setIsValid] = useState(false);
+    const [insertOptions, setInsertOptions] = useState(null);
+    const [validationMessage, setValidationMessage] = useState(null);
+    const [selectedTemplate, setSelectedTemplate] = useState();
+    const [name, setName] = useState("");
+    const editContext = useEditContext();
+    const [wizards, setWizards] = useState([]);
+    const insertOptionsAndWizards = useMemo(() => {
+        return [...(insertOptions || []), ...(wizards || [])];
+    }, [insertOptions, wizards]);
+    useEffect(() => {
+        const loadOptions = async () => {
+            if (!selectedItem)
+                return;
+            const item = getItemDescriptor(selectedItem);
+            const insertOptions = await loadInsertOptions(item);
+            const pageInsertOptions = insertOptions?.filter((x) => x.hasLayout);
+            setInsertOptions(pageInsertOptions);
+            setSelectedTemplate(pageInsertOptions?.[0]?.id);
+        };
+        const loadWizards = async () => {
+            if (!selectedItem)
+                return;
+            const item = getItemDescriptor(selectedItem);
+            const wizards = await getWizards(item);
+            setWizards(wizards);
+        };
+        loadOptions();
+        loadWizards();
+    }, [selectedItem]);
+    useEffect(() => {
+        const loadItem = async () => {
+            const itemId = selectedItemId ||
+                editContext?.configuration.editor.dialogs.newPage.expandTreeNode;
+            if (!itemId)
+                return;
+            const item = await editContext.itemsRepository.getItem({
+                id: itemId,
+                language: "en",
+                version: 0,
+            });
+            if (item)
+                setSelectedItem(item);
+        };
+        loadItem();
+    }, [selectedItemId]);
+    const isValidDebounced = useDebouncedCallback(async () => {
+        if (!selectedItem)
+            return;
+        let valid = !!selectedTemplate && name.trim().length >= 3;
+        if (valid) {
+            const children = await getChildren(selectedItem.id, editContext?.sessionId ?? "", [], false, editContext?.contentEditorItem?.language || "en");
+            if (children.find((x) => x.name.toLocaleLowerCase() === name.trim().toLocaleLowerCase())) {
+                valid = false;
+                setValidationMessage("A page with this name already exists.");
+            }
+        }
+        else {
+            if (name.trim().length > 0 && name.trim().length < 3)
+                setValidationMessage("Name is too short.");
+            else
+                setValidationMessage(null);
+        }
+        if (valid)
+            setValidationMessage(null);
+        setIsValid(valid);
+    }, 500);
+    useEffect(() => {
+        isValidDebounced();
+    }, [name]);
+    const handleOk = async () => {
+        if (!selectedItem || !selectedTemplate)
+            return;
+        const result = await executeCreateItem(getItemDescriptor(selectedItem), selectedTemplate, name);
+        if (result.response.ok) {
+            editContext?.switchView("page-editor");
+            if (result.data)
+                editContext?.loadItem(result.data);
+        }
+        else {
+            editContext.showToast({
+                severity: "error",
+                summary: "Error",
+                detail: "Failed to create item",
+            });
+        }
+    };
+    const launchWizard = (ev) => {
+        const wizard = wizards?.find((x) => x.id === selectedTemplate);
+        if (!wizard || !selectedItem)
+            return;
+        editContext?.executeCommand({
+            command: editContext?.configuration.pageWizard.startWizardCommand,
+            data: {
+                wizard,
+                item: selectedItem,
+            },
+            event: ev,
+        });
+    };
+    return (_jsxs("div", { className: "flex h-full gap-3", children: [_jsxs("div", { className: "tour-pick-location flex w-1/2 flex-col", children: [_jsx(SectionHeadline, { children: "1. Pick Location" }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: selectedItem?.id || selectedItemId, onSelectionChange: (selection) => {
+                                    const selected = selection[0];
+                                    if (selected)
+                                        setSelectedItem(selected);
+                                } }) }) })] }), _jsxs("div", { className: "w-1/2 border-l pl-7", children: [_jsx(SectionHeadline, { className: "tour-choose-template", children: "2. Choose a Template or Wizard" }), _jsxs("div", { className: "mt-1 flex min-h-12 flex-wrap gap-3", children: [!insertOptions?.length && (_jsx("div", { children: "No page templates available here." })), insertOptionsAndWizards?.map((option) => (_jsxs("div", { onClick: () => setSelectedTemplate(option.id), className: classNames("mb-2 flex cursor-pointer flex-col items-center bg-gray-100 p-2 text-sm", selectedTemplate === option.id
+                                    ? "tour-selected-template bg-gray-200 outline outline-2 outline-offset-2 outline-gray-200"
+                                    : "bg-gray-100"), children: [_jsx("img", { src: getAbsoluteIconUrl(option.icon), width: "32", height: "32" }), option.name] }, option.id)))] }), selectedTemplate &&
+                        wizards?.find((x) => x.id === selectedTemplate) && (_jsx("div", { className: "mt-4", children: _jsx(Button, { onClick: launchWizard, label: "Start Wizard", id: "launch-wizard-button" }) })), selectedTemplate &&
+                        insertOptions?.find((x) => x.id === selectedTemplate) && (_jsxs(_Fragment, { children: [_jsx(SectionHeadline, { children: "3. Name Your Page" }), _jsx(InputText, { className: "w-full", value: name, id: "new-page-name", onChange: (e) => setName(e.target.value), onKeyDown: (ev) => {
+                                    if (ev.key === "Enter" && isValid)
+                                        handleOk();
+                                }, "data-testid": "new-page-name" }), validationMessage && (_jsx("div", { className: "mt-2 text-red-500", children: validationMessage })), _jsx("div", { className: "mt-4", children: _jsx(Button, { onClick: handleOk, label: "Create", disabled: !isValid, id: "create-new-page-button" }) })] }))] })] }));
+}
+//# sourceMappingURL=NewPage.js.map

package/dist/splash-screen/NewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewPage.js","sourceRoot":"","sources":["../../src/splash-screen/NewPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EACL,WAAW,GAEZ,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,UAAU,OAAO,CAAC,EAAE,cAAc,EAA+B;IACrE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAU,CAAC;IACnE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErD,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC,YAAY;gBAAE,OAAO;YAE1B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAC7C,MAAM,aAAa,GAAG,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACpD,MAAM,iBAAiB,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACpE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YACpC,mBAAmB,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC,YAAY;gBAAE,OAAO;YAC1B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;YAC7C,MAAM,OAAO,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;YACvC,UAAU,CAAC,OAAO,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC1B,MAAM,MAAM,GACV,cAAc;gBACd,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;YACnE,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,MAAM,IAAI,GAAG,MAAM,WAAY,CAAC,eAAe,CAAC,OAAO,CAAC;gBACtD,EAAE,EAAE,MAAM;gBACV,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,IAAI;gBAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,KAAK,IAAI,EAAE;QACvD,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,IAAI,KAAK,GAAY,CAAC,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;QACnE,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,QAAQ,GAAG,MAAM,WAAW,CAChC,YAAY,CAAC,EAAE,EACf,WAAW,EAAE,SAAS,IAAI,EAAE,EAC5B,EAAE,EACF,KAAK,EACL,WAAW,EAAE,iBAAiB,EAAE,QAAQ,IAAI,IAAI,CACjD,CAAC;YACF,IACE,QAAQ,CAAC,IAAI,CACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE,CACtE,EACD,CAAC;gBACD,KAAK,GAAG,KAAK,CAAC;gBACd,oBAAoB,CAAC,uCAAuC,CAAC,CAAC;YAChE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;gBAClD,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;;gBACxC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,KAAK;YAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAEtC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAC1B,IAAI,CAAC,YAAY,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC/C,MAAM,MAAM,GAAG,MAAM,iBAAiB,CACpC,iBAAiB,CAAC,YAAY,CAAC,EAC/B,gBAAgB,EAChB,IAAI,CACL,CAAC;QACF,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACvB,WAAW,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;YACvC,IAAI,MAAM,CAAC,IAAI;gBAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,WAAY,CAAC,SAAS,CAAC;gBACrB,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,uBAAuB;aAChC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAuC,EAAE,EAAE;QAC/D,MAAM,MAAM,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,IAAI,CAAC,YAAY;YAAE,OAAO;QACrC,WAAW,EAAE,cAAc,CAAC;YAC1B,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,kBAAkB;YACjE,IAAI,EAAE;gBACJ,MAAM;gBACN,IAAI,EAAE,YAAY;aACnB;YACD,KAAK,EAAE,EAAE;SACV,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,eAAe,mCAAmC,EACnD,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,oBAAoB,IACnB,cAAc,EAAE,YAAY,EAAE,EAAE,IAAI,cAAc,EAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,EAAE;oCAC/B,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAqB,CAAC;oCAClD,IAAI,QAAQ;wCAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;gCAC1C,CAAC,GACD,GACE,GACF,IACF,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,eAAe,IAAC,SAAS,EAAC,sBAAsB,+CAE/B,EAClB,eAAK,SAAS,EAAC,oCAAoC,aAChD,CAAC,aAAa,EAAE,MAAM,IAAI,CACzB,8DAA4C,CAC7C,EACA,uBAAuB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxC,eAEE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAE,UAAU,CACnB,wEAAwE,EACxE,gBAAgB,KAAK,MAAM,CAAC,EAAE;oCAC5B,CAAC,CAAC,wFAAwF;oCAC1F,CAAC,CAAC,aAAa,CAClB,aAGC,cACE,GAAG,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACpC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACN,EAER,MAAM,CAAC,IAAI,KAhBP,MAAM,CAAC,EAAE,CAiBV,CACP,CAAC,IACE,EACL,gBAAgB;wBACf,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,IAAI,CACjD,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,KAAK,EAAC,cAAc,EACpB,EAAE,EAAC,sBAAsB,GACzB,GACE,CACP,EACF,gBAAgB;wBACf,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,IAAI,CACvD,8BACE,KAAC,eAAe,oCAAoC,EAEpD,KAAC,SAAS,IACR,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,EAAE,EAAC,eAAe,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE;oCAChB,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,OAAO;wCAAE,QAAQ,EAAE,CAAC;gCAChD,CAAC,iBACW,eAAe,GAC3B,EACD,iBAAiB,IAAI,CACpB,cAAK,SAAS,EAAC,mBAAmB,YAAE,iBAAiB,GAAO,CAC7D,EACD,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,CAAC,OAAO,EAClB,EAAE,EAAC,wBAAwB,GAC3B,GACE,IACL,CACJ,IACC,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/splash-screen/SectionHeadline.d.ts

@@ -0,0 +1,4 @@
+export declare function SectionHeadline({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/splash-screen/SectionHeadline.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { ArrowRightIcon } from "../editor/ui/Icons";
+export function SectionHeadline({ children, className, }) {
+    return (_jsxs("div", { className: classNames("mt-2 mb-2 font-bold flex gap-2 items-center w-fit", className), children: [_jsx(ArrowRightIcon, {}), " ", children] }));
+}
+//# sourceMappingURL=SectionHeadline.js.map

package/dist/splash-screen/SectionHeadline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeadline.js","sourceRoot":"","sources":["../../src/splash-screen/SectionHeadline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,mDAAmD,EACnD,SAAS,CACV,aAED,KAAC,cAAc,KAAG,OAAE,QAAQ,IACxB,CACP,CAAC;AACJ,CAAC"}

package/dist/splash-screen/SplashScreen.d.ts

@@ -0,0 +1 @@
+export declare function SplashScreen(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/splash-screen/SplashScreen.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../editor/client/editContext";
+import { SimpleTabs } from "../editor/ui/SimpleTabs";
+import { ScrollingContentTree } from "../editor/ScrollingContentTree";
+import { NewPage } from "./NewPage";
+import { usePathname, useRouter } from "next/navigation";
+import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
+export function SplashScreen() {
+    const savedHistory = typeof window !== "undefined"
+        ? localStorage.getItem("editor.browseHistory")
+        : null;
+    const [selectedPage, setSelectedPage] = useState(null);
+    const [activeTab, setActiveTab] = useState(0);
+    const editContext = useEditContext();
+    const recentPages = savedHistory
+        ? JSON.parse(savedHistory)
+        : [];
+    const searchParams = new URLSearchParams(window.location.search);
+    const [history, setHistory] = useState();
+    const router = useRouter();
+    const pathname = usePathname();
+    useEffect(() => {
+        const fetchItems = async () => {
+            const pages = await editContext?.itemsRepository.getItems(recentPages);
+            setHistory(pages);
+        };
+        fetchItems();
+    }, [editContext?.itemsRepository]);
+    useEffect(() => {
+        if (recentPages.length > 0 && recentPages[0])
+            setSelectedPage(recentPages[0]);
+        if (searchParams.get("create") === "1")
+            setActiveTab(1);
+    }, []);
+    useEffect(() => {
+        if (activeTab === 0) {
+            router.replace(pathname);
+        }
+        else {
+            router.replace(`${pathname}?create=1`);
+        }
+    }, [activeTab]);
+    if (searchParams.has("itemid"))
+        return;
+    const tabs = [
+        {
+            content: (_jsxs("div", { className: "flex flex-1 gap-4 text-sm", children: [_jsx("div", { className: "relative w-2/3", children: _jsx(ScrollingContentTree, { selectedItemId: selectedPage?.id, onSelectionChange: (selection) => {
+                                const selectedItem = selection[0];
+                                if (selectedItem)
+                                    editContext?.loadItem({
+                                        id: selectedItem.id,
+                                        language: selectedItem.language ?? "en",
+                                        version: selectedItem.version,
+                                    });
+                            } }) }), _jsxs("div", { className: "flex w-1/3 flex-col border-l pl-6", children: [_jsx("div", { className: "mb-3 font-bold", children: "Recent Pages" }), _jsx("div", { className: "relative flex-1", children: _jsx("ul", { className: "absolute inset-0 overflow-auto", children: history?.map((page, index) => (_jsxs("li", { onMouseOver: () => setSelectedPage(page), onClick: () => {
+                                            editContext?.switchView("page-editor");
+                                            editContext?.loadItem({
+                                                id: page.id,
+                                                language: page.language ?? "en",
+                                                version: 0,
+                                            });
+                                        }, className: "flex cursor-pointer items-center gap-2 p-1 text-xs hover:bg-gray-100", children: [page.icon && (_jsx("img", { src: page.icon, width: "16", height: "16" })), " ", page.name, " ", _jsxs("span", { className: "text-gray-500", children: ["(", page.language, ")"] })] }, index))) }) })] })] })),
+            label: "Open Page",
+            id: "open-page-tab",
+        },
+        {
+            content: (_jsx("div", { className: "relative flex flex-1 flex-col", children: _jsx(NewPage, { selectedItemId: selectedPage?.id }) })),
+            label: "New Page",
+            id: "new-page-tab",
+            testId: "new-page-tab",
+        },
+    ];
+    return (_jsx("div", { className: "flex h-full items-center justify-center bg-gray-100", children: _jsxs("div", { className: "relative h-3/4 w-2/3 space-y-8 rounded-lg bg-white p-6 p-8 shadow-lg", children: [_jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "flex flex-1 flex-col", children: _jsx(SimpleTabs, { tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab }) }), _jsx("div", { className: "flex justify-end", children: _jsxs("a", { className: "flex cursor-pointer items-center text-xs text-blue-600", onClick: () => editContext?.startTour(), children: [_jsx("i", { className: "pi pi-arrow-right mr-2" }), " Take Tour"] }) })] }), _jsx("div", { className: "absolute top-0 right-0 p-2", children: _jsx(SimpleIconButton, { icon: "pi pi-times", onClick: () => editContext?.switchView(editContext.contentEditorItem?.hasLayout
+                            ? "page-editor"
+                            : "content-editor"), label: "Close" }) })] }) }));
+}
+//# sourceMappingURL=SplashScreen.js.map

package/dist/splash-screen/SplashScreen.js.map

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