@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/client/operations.js

@@ -0,0 +1,393 @@
+import uuid from "react-uuid";
+import { executeEditOperation, executeRedo, executeUndo, executeWorkflowCommand, executeDeleteItems, lockField, lockItems, unlockItems, executeCreateItem, createVersion as doCreateVersion, executeMoveItems, } from "../services/editService";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { handleErrorResult } from "./helpers";
+import { useDebouncedCallback } from "use-debounce";
+export function getOperationsContext(state, ui) {
+    const [editOperationExecuted, setEditOperationExecuted] = useState();
+    const [executingEditOperations, setExecutingEditOperations] = useState([]);
+    const lastOp = useRef(undefined);
+    const undoing = useRef(false);
+    const stateRef = useRef(state);
+    useEffect(() => {
+        stateRef.current = state;
+    }, [state]);
+    const executeOp = async (op, options = {
+        refresh: "immediate",
+    }) => {
+        console.log("Executing op", op);
+        setExecutingEditOperations((ops) => (ops ? [...ops, op] : [op]));
+        const result = await executeEditOperation(op, state.sessionId);
+        console.log("Result", result);
+        handleResult(result, options);
+        await state.refreshHistory(op.mainItem);
+        //state.addToEditHistory(result.data as EditOperation);
+        setEditOperationExecuted(result.data);
+        setExecutingEditOperations((ops) => ops ? ops.filter((x) => x.id !== op.id) : []);
+        return result.data;
+    };
+    const duplicateComponents = useCallback(({ componentIds }) => {
+        const op = {
+            type: "duplicate-components",
+            mainItem: state.page?.item.descriptor,
+            sourceComponentIds: componentIds,
+            date: new Date().toISOString(),
+            id: uuid(),
+            description: "Duplicate components",
+        };
+        executeOp(op);
+    }, [state.page]);
+    const addComponent = async (componentTypeId, placeholderKey, index) => {
+        const page = stateRef.current.page;
+        console.log("  component A", componentTypeId, placeholderKey, index, "PAGE ", page);
+        if (!page) {
+            return;
+        }
+        const op = {
+            type: "add-component",
+            mainItem: page.item.descriptor,
+            // parent: parentId
+            //   ? {
+            //       id: parentId,
+            //       language: page.item.language,
+            //       version: page.item.version,
+            //     }
+            //   : undefined,
+            placeholderKey,
+            placeholderIndex: index,
+            componentTypeId,
+            date: new Date().toISOString(),
+            id: uuid(),
+            description: "Add component",
+        };
+        const result = await executeOp(op);
+        return result;
+    };
+    const handleResult = (result, options) => {
+        if (handleErrorResult(result, ui, state))
+            return;
+        const executedOps = Array.isArray(result.data)
+            ? result.data
+            : [result.data];
+        for (const executedOp of executedOps) {
+            if (executedOp &&
+                (executedOp.type === "move-component" ||
+                    executedOp.type === "add-component" ||
+                    executedOp.type === "link-component" ||
+                    executedOp.type === "duplicate-components")) {
+                if (executedOp.focus) {
+                    state.setSelection([executedOp.focus]);
+                }
+            }
+            ui.onOperationExecuted(executedOp);
+        }
+        if (options.refresh !== "none") {
+            state.requestRefresh(options.refresh === "immediate" ? "immediate" : "waitForQuietPeriod");
+        }
+    };
+    const ensureLock = useCallback(async (field) => {
+        if (!field || !field.item)
+            return false;
+        if (state.lockedField?.fieldId === field.fieldId &&
+            state.lockedField?.item.id === field.item.id &&
+            state.lockedField?.item.language === field.item.language &&
+            state.lockedField?.item.version === field.item.version)
+            return true;
+        const result = await lockField(field.item, field.fieldId, state.sessionId);
+        if (result.type == "error") {
+            console.log("error locking field", result);
+        }
+        //handleErrorResult(result, ui, state);
+        if (result.type == "success" && result.data.success) {
+            state.setLockedField(field);
+            return true;
+        }
+        return false;
+    }, [state, ui]);
+    const lockItemsAndRefresh = useCallback(async (items) => {
+        const item = items[0];
+        if (!item)
+            return;
+        await lockItems(items);
+        if (item.id == state.contentEditorItem?.id) {
+            await state.loadItem(item);
+        }
+        else
+            state.requestRefresh("immediate");
+    }, [state]);
+    const unlockItemsAndRefresh = useCallback(async (items) => {
+        const item = items[0];
+        if (!item)
+            return;
+        await unlockItems(items);
+        if (item.id == state.contentEditorItem?.id) {
+            await state.loadItem(item);
+        }
+        else
+            state.requestRefresh("immediate");
+    }, [state]);
+    const executeWorkflowCommandAndRefresh = useCallback(async (item, commandId) => {
+        const result = await executeWorkflowCommand(item, commandId, "");
+        if (result.type === "success") {
+            if (!result.data.succeeded) {
+                const errorMessage = {
+                    summary: "Workflow command failed",
+                    details: result.data.message,
+                };
+                ui.showErrorToast(errorMessage);
+            }
+            state.requestRefresh("immediate");
+        }
+    }, [state]);
+    const renameItem = useCallback(async (item, newName) => {
+        await executeOp({
+            type: "rename-item",
+            mainItem: state.page?.item.descriptor || item,
+            date: new Date().toISOString(),
+            id: uuid(),
+            item,
+            newName,
+            description: "Rename item",
+        });
+        state.requestRefresh("immediate");
+        state.itemsRepository.refreshItems([item]);
+    }, [state.itemsRepository, executeOp]);
+    const lastEditField = useRef(undefined);
+    const editField = useCallback(async ({ field, value, rawValue, refresh = "immediate", }) => {
+        state.itemsRepository.updateFieldValue(field, state.user ?? { name: "unknown", ai: false }, true, value, rawValue);
+        if (refresh === "immediate" || refresh === "none") {
+            return editFieldImmediate({ field, value, rawValue, refresh });
+        }
+        if (lastEditField.current?.fieldId !== field.fieldId ||
+            lastEditField.current?.item?.id !== field.item?.id ||
+            lastEditField.current?.item?.language !== field.item?.language ||
+            lastEditField.current?.item?.version !== field.item?.version) {
+            executeEditFieldDebounced.flush();
+        }
+        lastEditField.current = field;
+        return executeEditFieldDebounced({ field, value, rawValue, refresh });
+    }, [state.itemsRepository]);
+    const editFieldImmediate = useCallback(async ({ field, value, rawValue, refresh = "immediate", }) => {
+        state.itemsRepository.updateFieldValue(field, state.user ?? { name: "unknown", ai: false }, true, value, rawValue);
+        const val = rawValue !== undefined ? rawValue : value;
+        if (val === undefined)
+            return;
+        const op = await getEditOP(field, rawValue, value);
+        if (op) {
+            await executeOp(op, { refresh });
+            await state.itemsRepository.refreshItems([field.item]);
+            state.itemsRepository.onFieldSaved(field, val);
+        }
+    }, [state.itemsRepository, executeOp]);
+    const executeEditFieldDebounced = useDebouncedCallback(editFieldImmediate, state.configuration.debounceFieldEditsInterval * 2, { trailing: true });
+    async function getEditOP(field, rawValue, value) {
+        const item = await state.itemsRepository.getItem(field.item);
+        if (!item)
+            return;
+        const fieldItem = await state.itemsRepository.getItem({
+            id: field.fieldId,
+            language: "en",
+            version: 0,
+        });
+        if (!fieldItem) {
+            console.log("Could not fetch field item " + field.fieldId);
+            return;
+        }
+        let op = lastOp.current;
+        if (!op ||
+            op.undone ||
+            op.type !== "edit-field" ||
+            !op.item ||
+            op.item.id !== item.id ||
+            op.fieldId !== field.fieldId ||
+            op.item.language !== item.language ||
+            op.item.version !== item.version) {
+            op = {
+                type: "edit-field",
+                item: {
+                    id: item.id,
+                    version: item.version,
+                    language: item.language,
+                    name: item.name,
+                },
+                fieldId: field.fieldId,
+                fieldName: fieldItem.name,
+                date: new Date().toISOString(),
+                id: uuid(),
+                description: "Edit " + item.name,
+                focus: item.id + ":" + field.fieldId,
+                canUndo: true,
+                mainItem: state.page?.item.descriptor || item.descriptor,
+            };
+        }
+        op.date = new Date().toISOString();
+        op.value = rawValue ?? value;
+        const firstEditInheritedComponent = item.isInheritedFromMasterLanguage &&
+            op.item.language != state.page?.item.language;
+        if (firstEditInheritedComponent)
+            op.item.language = state.page.item.language;
+        lastOp.current = op;
+        return op;
+    }
+    const undo = useCallback(async (numberOfOperations) => {
+        if (undoing.current) {
+            return false;
+        }
+        undoing.current = true;
+        try {
+            const item = state.contentEditorItem?.descriptor;
+            if (!item)
+                return false;
+            const ops = state.editHistory
+                .filter((x) => x.canUndo && x.sessionId === state.sessionId)
+                .slice(0, numberOfOperations || 1);
+            if (!ops.length)
+                return false;
+            // Mark operations as undone
+            ops.forEach((x) => {
+                x.undone = true;
+                x.canUndo = false;
+            });
+            const result = await executeUndo(state.sessionId, ops.map((x) => x.id));
+            handleResult(result, { refresh: "immediate" });
+            if (result.type === "success") {
+                const itemsToRefresh = result.data
+                    .map((x) => {
+                    if (x.type === "edit-field")
+                        return x.item;
+                    if (x.type === "add-component")
+                        return {
+                            id: x.componentId,
+                            language: x.mainItem.language,
+                            version: x.mainItem.version,
+                        };
+                    return undefined;
+                })
+                    .filter((x) => x != null);
+                await state.itemsRepository.refreshItems(itemsToRefresh);
+                await state.refreshHistory(item);
+                return true;
+            }
+            else {
+                ui.showErrorToast(result);
+                return false;
+            }
+        }
+        finally {
+            // Always reset the flag
+            undoing.current = false;
+            console.log("undoing flag reset");
+        }
+    }, [state, ui, undoing]);
+    const redo = useCallback(async () => {
+        if (undoing.current)
+            return false;
+        undoing.current = true;
+        try {
+            const item = state.contentEditorItem?.descriptor;
+            if (!item)
+                return false;
+            // Clone the array to avoid mutating the original state
+            const op = [...state.editHistory]
+                .reverse()
+                .find((x) => x.canRedo && x.sessionId === state.sessionId);
+            if (!op)
+                return false;
+            op.canRedo = false;
+            op.undone = false;
+            const result = await executeRedo(state.sessionId, op.id);
+            handleResult(result, { refresh: "immediate" });
+            if (result.type === "success") {
+                const itemsToRefresh = result.data
+                    .map((x) => {
+                    if (x.type === "edit-field")
+                        return x.item;
+                    if (x.type === "add-component")
+                        return {
+                            id: x.componentId,
+                            language: x.mainItem.language,
+                            version: x.mainItem.version,
+                        };
+                    return undefined;
+                })
+                    .filter((x) => x != null);
+                await state.itemsRepository.refreshItems(itemsToRefresh);
+                await state.refreshHistory(item);
+                return true;
+            }
+            else {
+                ui.showErrorToast(result);
+                return false;
+            }
+        }
+        finally {
+            // Always reset the flag
+            undoing.current = false;
+        }
+    }, [state, ui, undoing]);
+    const deleteItems = useCallback(async (items) => {
+        const itemsToDelete = await state.itemsRepository.getItems(items);
+        await executeDeleteItems(items);
+        state.itemsRepository.onItemsDeleted(itemsToDelete.map((x) => ({
+            item: x.descriptor,
+            parentId: x.parentId,
+        })));
+        state.requestRefresh("immediate");
+    }, [state.itemsRepository]);
+    const moveItems = useCallback(async (items, target, index) => {
+        await executeMoveItems(items, target, index);
+    }, [state.itemsRepository]);
+    const createItem = useCallback(async (parent, templateId, name) => {
+        const result = await executeCreateItem(parent, templateId, name);
+        if (handleErrorResult(result, ui, state))
+            return;
+        state.itemsRepository.refreshItems([parent]);
+        return result.data;
+    }, [state.itemsRepository]);
+    const createVersion = useCallback(async (item) => {
+        await doCreateVersion(item, state.sessionId);
+    }, [state]);
+    const ops = useMemo(() => ({
+        addComponent,
+        ensureLock,
+        lockItems: lockItemsAndRefresh,
+        unlockItems: unlockItemsAndRefresh,
+        executeWorkflowCommand: executeWorkflowCommandAndRefresh,
+        editField,
+        undo,
+        redo,
+        executeEditOperation: executeOp,
+        renameItem,
+        deleteItems,
+        createItem,
+        createVersion,
+        duplicateComponents,
+        undoing: undoing.current,
+        moveItems,
+    }), [
+        addComponent,
+        ensureLock,
+        lockItemsAndRefresh,
+        unlockItemsAndRefresh,
+        executeWorkflowCommandAndRefresh,
+        editField,
+        undo,
+        redo,
+        executeOp,
+        renameItem,
+        deleteItems,
+        createItem,
+        createVersion,
+        duplicateComponents,
+        undoing.current,
+        moveItems,
+    ]);
+    return useMemo(() => ({
+        ops,
+        context: {
+            editOperationExecuted,
+            executingEditOperations,
+        },
+    }), [executingEditOperations, editOperationExecuted, ops, undoing]);
+}
+//# sourceMappingURL=operations.js.map

package/dist/editor/client/operations.js.map

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

package/dist/editor/client/pageModelBuilder.d.ts

@@ -0,0 +1,6 @@
+import { ItemDescriptor, Page, PageSkeleton } from "../pageModel";
+import { ItemsRepository } from "./itemsRepository";
+export declare function usePageModel(itemsRepository: ItemsRepository | undefined, pageItemDescriptor?: ItemDescriptor): {
+    setPageSkeleton: import("react").Dispatch<import("react").SetStateAction<PageSkeleton | undefined>>;
+    page: Page | undefined;
+};

package/dist/editor/client/pageModelBuilder.js

@@ -0,0 +1,127 @@
+import { useEffect, useState } from "react";
+import { loadPlaceholderInsertOptions } from "../services/editService";
+export function usePageModel(itemsRepository, pageItemDescriptor) {
+    const [page, setPage] = useState();
+    const [pageSkeleton, setPageSkeleton] = useState();
+    const [insertOptions, setInsertOptions] = useState([]);
+    useEffect(() => {
+        setPage(undefined);
+        setPageSkeleton(undefined);
+    }, [pageItemDescriptor]);
+    useEffect(() => {
+        const loadInsertOptions = async () => {
+            if (!pageSkeleton)
+                return;
+            const collectPlaceholderKeys = (skeleton) => {
+                const keys = [];
+                const collectFromComponent = (component) => {
+                    component.placeholders.forEach(placeholder => {
+                        keys.push(placeholder.key);
+                        placeholder.components.forEach(c => collectFromComponent(c));
+                    });
+                };
+                collectFromComponent(skeleton.rootComponent);
+                return keys;
+            };
+            const placeholderKeys = collectPlaceholderKeys(pageSkeleton);
+            const options = await loadPlaceholderInsertOptions(pageSkeleton.item, placeholderKeys);
+            setInsertOptions(options);
+        };
+        loadInsertOptions();
+    }, [pageSkeleton]);
+    const updatePageModel = async () => {
+        if (!itemsRepository)
+            return;
+        //const start = performance.now();
+        const itemsToFetch = [];
+        if (!pageSkeleton) {
+            setPage(undefined);
+            return;
+        }
+        itemsToFetch.push(pageSkeleton.item);
+        const collectItems = (component) => {
+            if (component.datasourceItem)
+                itemsToFetch.push({
+                    id: component.datasourceItem.id,
+                    language: component.datasourceItem.language,
+                    version: component.datasourceItem.version,
+                });
+            component.placeholders
+                .flatMap((x) => x.components)
+                .forEach((c) => collectItems(c));
+            component.items.forEach((i) => itemsToFetch.push(i));
+        };
+        collectItems(pageSkeleton.rootComponent);
+        const fullItems = await itemsRepository.getItems(itemsToFetch);
+        const getItem = (descriptor) => fullItems.find((x) => x.id === descriptor.id &&
+            x.language === descriptor.language &&
+            x.version === descriptor.version);
+        const pageItem = await itemsRepository.getItem(pageSkeleton.item);
+        if (!pageItem) {
+            setPage(undefined);
+            return;
+        }
+        const buildModel = (skeleton, parentPlaceholder) => {
+            const datasourceItemTemp = skeleton.datasourceItem
+                ? getItem(skeleton.datasourceItem)
+                : undefined;
+            const datasourceItem = skeleton.datasourceItem && datasourceItemTemp
+                ? { ...skeleton.datasourceItem, ...datasourceItemTemp }
+                : undefined;
+            let name = skeleton.name || datasourceItem?.name || skeleton.type || "unknown";
+            const mapItem = (x) => {
+                const item = getItem(x);
+                if (!item)
+                    return null;
+                return { ...x, ...item };
+            };
+            const items = skeleton.items.map(mapItem).filter((x) => x !== null);
+            const placeholders = [];
+            const component = {
+                ...skeleton,
+                name,
+                datasourceItem,
+                items,
+                placeholders,
+                isShared: skeleton.id !== skeleton.datasourceItem?.id,
+                parentPlaceholder
+            };
+            component.placeholders = skeleton.placeholders.map((x) => {
+                const insOpts = insertOptions.find((y) => y.key === x.key)?.insertOptions ?? [];
+                const placeholder = {
+                    ...x,
+                    components: [],
+                    canSynchronize: false,
+                    parentComponent: component,
+                    insertOptions: insOpts,
+                };
+                placeholder.components = x.components
+                    .map((y) => buildModel(y, placeholder))
+                    .filter((x) => x !== undefined);
+                return placeholder;
+            });
+            return component;
+        };
+        const rootComponent = buildModel(pageSkeleton.rootComponent);
+        if (!rootComponent) {
+            setPage(undefined);
+            return;
+        }
+        const page = {
+            item: pageItem,
+            rootComponent,
+            //    revision: itemsRepository.revision,
+            editRevision: pageSkeleton.editRevision,
+        };
+        //console.log("Page model updated", performance.now() - start);
+        setPage(page);
+    };
+    useEffect(() => {
+        updatePageModel();
+    }, [pageSkeleton, itemsRepository, insertOptions]);
+    return {
+        setPageSkeleton,
+        page,
+    };
+}
+//# sourceMappingURL=pageModelBuilder.js.map

package/dist/editor/client/pageModelBuilder.js.map

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

package/dist/editor/commands/commands.d.ts

@@ -0,0 +1,19 @@
+import { OpenDialog } from "../client/DialogContext";
+import { EditContextType } from "../client/editContext";
+export type CommandContext<T> = {
+    editContext: EditContextType;
+    openDialog: OpenDialog;
+    event?: React.SyntheticEvent;
+    searchParams?: URLSearchParams;
+    pathname?: string;
+    data?: T;
+};
+export type Command<T extends CommandData> = {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    execute(context: CommandContext<T>): Promise<any>;
+    disabled: (context: CommandContext<T>) => boolean;
+    keyBinding?: string;
+};
+export type CommandData = {};

package/dist/editor/commands/commands.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=commands.js.map

package/dist/editor/commands/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../src/editor/commands/commands.ts"],"names":[],"mappings":""}

package/dist/editor/commands/componentCommands.d.ts

@@ -0,0 +1,13 @@
+import { EditContextType } from "../client/editContext";
+import { Command, CommandContext, CommandData } from "./commands";
+import { Component, Placeholder } from "../pageModel";
+export type ComponentCommandData = CommandData & {
+    components: Component[];
+};
+export type ComponentCommandContext = CommandContext<ComponentCommandData>;
+export type ComponentCommandVisibilityScope = "editFrame" | "menu" | "contextMenu";
+export type ComponentCommand = Command<ComponentCommandData> & {
+    visibilityScopes: ComponentCommandVisibilityScope[];
+};
+export declare function getSelectedComponentCommands(editContext: EditContextType): ComponentCommand[];
+export declare function getComponentCommands(entities: (Placeholder | Component)[], editContext: EditContextType): ComponentCommand[];