@parhelia/core 0.1.10745

package/dist/editor/field-types/richtext/components/SimpleToolbar.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { SLATE_MARKS, SLATE_BLOCKS, SLATE_ALIGNMENTS, } from "../types";
+import { SimpleToolbarButton } from "./SimpleToolbarButton";
+import { SimpleDropdown } from "./SimpleDropdown";
+export const SimpleToolbar = ({ profile, isMarkActive, isBlockActive, isAlignActive, isListActive, toggleMark, toggleBlock, toggleAlign, toggleList, stripFormatting, }) => {
+    // Create toolbar option from configuration
+    const createToolbarOption = useCallback((option) => {
+        switch (option.type) {
+            case "mark":
+                const markConfig = SLATE_MARKS[option.id];
+                if (markConfig) {
+                    return {
+                        id: option.id,
+                        type: option.type,
+                        label: markConfig.label,
+                        icon: markConfig.icon,
+                        isActive: isMarkActive(option.id),
+                        onSelect: () => toggleMark(option.id),
+                    };
+                }
+                return null;
+            case "block":
+                const blockConfig = SLATE_BLOCKS[option.id];
+                if (blockConfig) {
+                    return {
+                        id: option.id,
+                        type: option.type,
+                        label: blockConfig.label,
+                        icon: blockConfig.icon,
+                        isActive: isBlockActive(option.id),
+                        onSelect: () => toggleBlock(option.id),
+                    };
+                }
+                return null;
+            case "alignment":
+                const alignConfig = SLATE_ALIGNMENTS[option.id];
+                if (alignConfig) {
+                    return {
+                        id: option.id,
+                        type: option.type,
+                        label: alignConfig.label,
+                        icon: alignConfig.icon,
+                        isActive: isAlignActive(alignConfig.value),
+                        onSelect: () => toggleAlign(alignConfig.value),
+                    };
+                }
+                return null;
+            case "list":
+                const listType = option.id === "unordered-list" ? "unordered" : "ordered";
+                return {
+                    id: option.id,
+                    type: option.type,
+                    label: option.id === "unordered-list"
+                        ? "Bulleted List"
+                        : "Numbered List",
+                    icon: option.id === "unordered-list" ? "•" : "1.",
+                    isActive: isListActive(listType),
+                    onSelect: () => toggleList(listType),
+                };
+            case "divider":
+                return {
+                    id: "divider",
+                    type: "divider",
+                    label: "Divider",
+                    icon: null,
+                    isActive: false,
+                    onSelect: () => { },
+                };
+            /*case "strip":
+              return {
+                id: "strip-formatting",
+                type: "strip",
+                label: "Strip Formatting",
+                icon: "✗",
+                isActive: false,
+                onSelect: () => stripFormatting(),
+              };*/
+            default:
+                return null;
+        }
+    }, [
+        isMarkActive,
+        isBlockActive,
+        isAlignActive,
+        isListActive,
+        toggleMark,
+        toggleBlock,
+        toggleAlign,
+        toggleList,
+    ]);
+    // Split options by dividers
+    const splitOptionsByDividers = (options) => {
+        const groups = [];
+        let currentGroup = [];
+        options.forEach((option) => {
+            if (option.type === "divider") {
+                if (currentGroup.length > 0) {
+                    groups.push(currentGroup);
+                    currentGroup = [];
+                }
+            }
+            else {
+                currentGroup.push(option);
+            }
+        });
+        if (currentGroup.length > 0) {
+            groups.push(currentGroup);
+        }
+        return groups;
+    };
+    // Render a toolbar group
+    const renderToolbarGroup = (group, rowIndex) => {
+        if (!group.options || group.options.length === 0)
+            return null;
+        // Create toolbar options from configuration
+        const validOptions = group.options
+            .map(createToolbarOption)
+            .filter((option) => option !== null);
+        if (validOptions.length === 0)
+            return null;
+        const groupKey = `${group.id}-${rowIndex}`;
+        // Render as buttons
+        if (group.display === "buttons" || !group.display) {
+            const subGroups = splitOptionsByDividers(validOptions);
+            return (_jsx("div", { className: "toolbar-group", children: subGroups.map((subGroup, subGroupIndex) => (_jsx("div", { className: "toolbar-button-group", children: subGroup.map((option) => (_jsx(SimpleToolbarButton, { icon: option.icon, active: option.isActive, title: option.label, onMouseDown: (event) => {
+                            event.preventDefault();
+                            option.onSelect();
+                        } }, `${option.type}-${option.id}`))) }, `subgroup-${subGroupIndex}`))) }, groupKey));
+        }
+        // Render as dropdown
+        if (group.display === "dropdown") {
+            const blockOptions = validOptions.filter((option) => option.type === "block");
+            // If there's only one block option, render it as a disabled-style button
+            if (blockOptions.length === 1) {
+                const singleOption = blockOptions[0];
+                if (!singleOption)
+                    return null;
+                return (_jsx("div", { className: "toolbar-group", children: _jsx("div", { className: "toolbar-dropdown-container", children: _jsx("button", { className: "toolbar-dropdown-button", disabled: true, children: group.label ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "toolbar-dropdown-content", children: [group.label, ": ", singleOption.label] }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) : group.showIconsOnly ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "toolbar-dropdown-icon", children: singleOption.icon }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "toolbar-dropdown-icon", children: [singleOption.icon && (_jsx("span", { className: "toolbar-dropdown-icon", children: singleOption.icon })), _jsx("span", { className: "toolbar-dropdown-content", children: singleOption.label })] }), _jsx("span", { className: "toolbar-dropdown-arrow", children: "\u25BC" })] })) }) }) }, groupKey));
+            }
+            // Multiple options - render normally with dropdown
+            const isActive = validOptions.some((option) => option.isActive);
+            return (_jsx("div", { className: "toolbar-group", children: _jsx("div", { className: "toolbar-dropdown-container", children: _jsx(SimpleDropdown, { options: validOptions, label: group.label, showIconsOnly: group.showIconsOnly, isActive: isActive, title: group.label
+                            ? `${group.label} formatting options`
+                            : "Formatting options" }) }) }, groupKey));
+        }
+        return null;
+    };
+    if (!profile.toolbar?.groups || profile.toolbar.groups.length === 0) {
+        return null;
+    }
+    // Group toolbar items by row
+    const groupsByRow = profile.toolbar.groups.reduce((acc, group, index) => {
+        const row = group.row !== undefined ? group.row : index;
+        if (!acc[row])
+            acc[row] = [];
+        acc[row].push(group);
+        return acc;
+    }, {});
+    // Create strip formatting option that's always available
+    const stripFormattingOption = {
+        id: "strip-formatting",
+        type: "strip",
+        label: "Strip Formatting",
+        icon: "✗",
+        isActive: false,
+        onSelect: () => stripFormatting(),
+    };
+    // Render each row
+    return (_jsxs("div", { className: "toolbar", children: [Object.entries(groupsByRow)
+                .sort(([a], [b]) => parseInt(a) - parseInt(b))
+                .map(([rowIndex, rowGroups]) => (_jsxs("div", { className: "toolbar-row", children: [rowGroups.map((group) => renderToolbarGroup(group, parseInt(rowIndex))), parseInt(rowIndex) === 0 && (_jsx("div", { className: "toolbar-group", children: _jsx("div", { className: "toolbar-button-group", children: _jsx(SimpleToolbarButton, { icon: stripFormattingOption.icon, active: stripFormattingOption.isActive, title: stripFormattingOption.label, onMouseDown: (event) => {
+                                    event.preventDefault();
+                                    stripFormattingOption.onSelect();
+                                } }, "strip-formatting") }) }))] }, `row-${rowIndex}`))), Object.keys(groupsByRow).length === 0 && (_jsx("div", { className: "toolbar-row", children: _jsx("div", { className: "toolbar-group", children: _jsx("div", { className: "toolbar-button-group", children: _jsx(SimpleToolbarButton, { icon: stripFormattingOption.icon, active: stripFormattingOption.isActive, title: stripFormattingOption.label, onMouseDown: (event) => {
+                                event.preventDefault();
+                                stripFormattingOption.onSelect();
+                            } }, "strip-formatting") }) }) }))] }));
+};
+export default SimpleToolbar;
+//# sourceMappingURL=SimpleToolbar.js.map

package/dist/editor/field-types/richtext/components/SimpleToolbar.js.map

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

package/dist/editor/field-types/richtext/components/SimpleToolbarButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SimpleToolbarButtonProps {
+    icon: React.ReactNode;
+    active: boolean;
+    title?: string;
+    onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const SimpleToolbarButton: React.FC<SimpleToolbarButtonProps>;
+export default SimpleToolbarButton;

package/dist/editor/field-types/richtext/components/SimpleToolbarButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SimpleToolbarButton = ({ icon, active, title, onMouseDown, }) => {
+    return (_jsx("button", { className: `toolbar-button ${active ? "active" : ""}`, onMouseDown: onMouseDown, title: title, style: {
+            padding: "5px 10px",
+            margin: "0 2px",
+            background: active ? "#ffffff" : "transparent",
+            border: "none",
+            borderRadius: "3px",
+            cursor: "pointer",
+            boxShadow: active ? "0 1px 2px rgba(0,0,0,0.1)" : "none",
+        }, children: icon }));
+};
+export default SimpleToolbarButton;
+//# sourceMappingURL=SimpleToolbarButton.js.map

package/dist/editor/field-types/richtext/components/SimpleToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleToolbarButton.js","sourceRoot":"","sources":["../../../../../src/editor/field-types/richtext/components/SimpleToolbarButton.tsx"],"names":[],"mappings":";AASA,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,iBACE,SAAS,EAAE,kBAAkB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,OAAO;YACf,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;YAC9C,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,MAAM;SACzD,YAEA,IAAI,GACE,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/editor/field-types/richtext/components/ToolbarButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ToolbarButtonProps } from "../types";
+export declare const ToolbarButton: React.FC<ToolbarButtonProps>;

package/dist/editor/field-types/richtext/components/ToolbarButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../../lib/utils";
+export const ToolbarButton = ({ icon, active, onMouseDown, type }) => {
+    return (_jsx("button", { className: cn(`cursor-pointer rounded-sm px-2 py-1.5 shadow-xs hover:bg-white`, active && "active bg-white"), onMouseDown: onMouseDown, "data-testid": `rte-toolbar-button-${type || "unknown"}`, children: icon }));
+};
+//# sourceMappingURL=ToolbarButton.js.map

package/dist/editor/field-types/richtext/components/ToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../../../src/editor/field-types/richtext/components/ToolbarButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAG3C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,IAAI,EACJ,MAAM,EACN,WAAW,EACX,IAAI,EACL,EAAE,EAAE;IACH,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,MAAM,IAAI,iBAAiB,CAC5B,EACD,WAAW,EAAE,WAAW,iBACX,sBAAsB,IAAI,IAAI,SAAS,EAAE,YAErD,IAAI,GACE,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/editor/field-types/richtext/config/pluginFactory.d.ts

@@ -0,0 +1,19 @@
+import { Editor } from 'slate';
+export declare const createPluginsFromConfig: (editor: Editor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor & {
+    isMarkActive(format: import("..").MarkId): boolean;
+    toggleMark(format: import("..").MarkId): void;
+    isBlockActive(format: import("..").BlockId): boolean;
+    toggleBlock(format: import("..").BlockId): void;
+    isAlignActive(align: import("..").Alignment): boolean;
+    toggleAlign(align: import("..").Alignment): void;
+    isLinkActive(): boolean;
+    insertLink(options?: {
+        onOpenLinkDialog?: (callback: (link: any) => void) => void;
+    }): void;
+    isListActive(listType?: "unordered" | "ordered"): boolean;
+    toggleList(listType: "unordered" | "ordered"): void;
+    indentList(): void;
+    outdentList(): void;
+    insertHorizontalRule(): void;
+    stripFormatting(): void;
+};

package/dist/editor/field-types/richtext/config/pluginFactory.js

@@ -0,0 +1,17 @@
+import { withMark, withBlock, withAlignment, withLink, withList, withNormalization, withInsertion, withFormatting, withVoidElements } from '../utils/plugins';
+// Create plugins from configuration
+export const createPluginsFromConfig = (editor) => {
+    let enhancedEditor = editor;
+    enhancedEditor = withMark(enhancedEditor);
+    enhancedEditor = withBlock(enhancedEditor);
+    enhancedEditor = withAlignment(enhancedEditor);
+    enhancedEditor = withList(enhancedEditor);
+    enhancedEditor = withLink(enhancedEditor);
+    enhancedEditor = withInsertion(enhancedEditor);
+    enhancedEditor = withFormatting(enhancedEditor);
+    enhancedEditor = withVoidElements(enhancedEditor);
+    // Add normalization plugin last to ensure it can normalize all other plugin behaviors
+    enhancedEditor = withNormalization(enhancedEditor);
+    return enhancedEditor;
+};
+//# sourceMappingURL=pluginFactory.js.map

package/dist/editor/field-types/richtext/config/pluginFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluginFactory.js","sourceRoot":"","sources":["../../../../../src/editor/field-types/richtext/config/pluginFactory.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9J,oCAAoC;AACpC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAc,EAAE,EAAE;IACxD,IAAI,cAAc,GAAG,MAAM,CAAC;IAE5B,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAElD,sFAAsF;IACtF,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAEnD,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist/editor/field-types/richtext/contextMenuFactory.d.ts

@@ -0,0 +1,4 @@
+import { MenuItem } from "../../../config/types";
+import { Field } from "../../pageModel";
+import { EditContextType } from "../../client/editContext";
+export declare function createRichTextContextMenu(field: Field, editContext: EditContextType): Promise<MenuItem[]>;

package/dist/editor/field-types/richtext/contextMenuFactory.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getRichTextProfile } from "../../services/contentService";
+import { getCachedParsedProfile } from "./utils/profileServiceCache";
+import { getComponentById } from "../../componentTreeHelper";
+import { SLATE_MARKS, } from "./types";
+// Helper function to execute formatting commands on the contentEditable element in iframe
+function executeFormatCommand(command, iframeDocument, value) {
+    try {
+        // Focus the contentEditable element first
+        const activeElement = iframeDocument.activeElement;
+        if (activeElement &&
+            activeElement.contentEditable === "true") {
+            activeElement.focus();
+        }
+        // Execute the command on the iframe document
+        console.log("Executing command:", command, value);
+        return iframeDocument.execCommand(command, false, value);
+    }
+    catch (error) {
+        console.error(`Failed to execute command: ${command}`, error);
+        return false;
+    }
+}
+// Helper function to get the current contentEditable element for this field in iframe
+function getFieldEditableElement(fieldId, iframeDocument) {
+    // Look for the contentEditable element with the matching field ID in iframe
+    const element = iframeDocument.querySelector(`[data-fieldid="${fieldId}"][contenteditable="true"]`);
+    return element;
+}
+// Trigger a save by calling the editContext operations directly
+// Wait for DOM to update before reading content to avoid race conditions
+async function triggerSave(element, field, editContext) {
+    try {
+        // Wait for DOM updates to complete before reading content
+        await new Promise((resolve) => {
+            // Use a shorter delay - just enough for execCommand to complete
+            setTimeout(resolve, 50);
+        });
+        const isRichText = element.getAttribute("data-is-richtext") === "true";
+        const value = isRichText ? element.innerHTML : element.innerText;
+        await editContext.operations.editField({
+            field: field.descriptor,
+            value: value,
+            refresh: "none",
+        });
+    }
+    catch (error) {
+        console.error("Failed to save field value:", error);
+    }
+}
+export async function createRichTextContextMenu(field, editContext) {
+    const richTextField = field;
+    const profilePath = richTextField.customProperties?.profile;
+    // Hide formatting when layout components are disabled and this field belongs to a layout component
+    try {
+        if (editContext?.showLayoutComponents === false && editContext?.page) {
+            const owner = getComponentById(field.descriptor.item.id, editContext.page);
+            if (owner?.layoutId) {
+                return [];
+            }
+        }
+    }
+    catch { }
+    // Get the iframe document
+    const iframeDocument = editContext.pageView?.editorIframe?.contentWindow?.document;
+    if (!iframeDocument) {
+        console.error("Could not find iframe document for rich text editing");
+        return [];
+    }
+    try {
+        // Get the rich text profile using the cached parsed profile
+        const profile = await getCachedParsedProfile(profilePath, getRichTextProfile);
+        if (!profile?.toolbar?.groups) {
+            return [];
+        }
+        // Create format submenu items based on the profile
+        const formatMenuItems = [];
+        // Process each toolbar group to extract formatting options
+        for (const group of profile.toolbar.groups) {
+            if (group.options && group.options.length > 0) {
+                // Collect valid items for this group first
+                const groupItems = [];
+                // Process each option in the group
+                for (const option of group.options) {
+                    let menuItem = null;
+                    switch (option.type) {
+                        case "mark":
+                            const markConfig = SLATE_MARKS[option.id];
+                            if (markConfig) {
+                                let command = "";
+                                // Only support specific formatting commands
+                                switch (option.id) {
+                                    case "bold":
+                                        command = "bold";
+                                        break;
+                                    case "italic":
+                                        command = "italic";
+                                        break;
+                                    case "underline":
+                                        command = "underline";
+                                        break;
+                                    case "strikethrough":
+                                        command = "strikeThrough";
+                                        break;
+                                    case "subscript":
+                                        command = "subscript";
+                                        break;
+                                    case "superscript":
+                                        command = "superscript";
+                                        break;
+                                    default:
+                                        // Skip unsupported commands
+                                        continue;
+                                }
+                                menuItem = {
+                                    id: `format-mark-${option.id}`,
+                                    label: markConfig.label,
+                                    icon: (_jsx("span", { style: { fontFamily: "monospace", fontWeight: "bold" }, children: markConfig.icon })),
+                                    command: async () => {
+                                        try {
+                                            const element = getFieldEditableElement(field.id, iframeDocument);
+                                            if (element) {
+                                                element.focus();
+                                                const success = executeFormatCommand(command, iframeDocument);
+                                                if (success) {
+                                                    await triggerSave(element, field, editContext);
+                                                }
+                                            }
+                                        }
+                                        catch (error) {
+                                            console.error(`Failed to apply mark formatting: ${option.id}`, error);
+                                        }
+                                    },
+                                };
+                            }
+                            break;
+                        // Block, alignment, and list formatting not supported
+                        case "block":
+                        case "alignment":
+                        case "list":
+                            // Skip unsupported formatting types
+                            continue;
+                    }
+                    if (menuItem) {
+                        groupItems.push(menuItem);
+                    }
+                }
+                // Only add group items if we have any valid items for this group
+                if (groupItems.length > 0) {
+                    // Add separator if we already have items from previous groups
+                    if (formatMenuItems.length > 0) {
+                        formatMenuItems.push({
+                            id: `${group.id}-separator`,
+                            separator: true,
+                        });
+                    }
+                    // Add all valid items from this group
+                    formatMenuItems.push(...groupItems);
+                }
+            }
+        }
+        // Build the context menu items
+        const menuItems = [];
+        // Add the Format submenu if we have any items
+        if (formatMenuItems.length > 0) {
+            menuItems.push({
+                id: "format-submenu",
+                label: "Format",
+                icon: (_jsx("span", { style: { fontFamily: "monospace", fontWeight: "bold" }, children: "F" })),
+                items: formatMenuItems,
+            });
+        }
+        // Add Strip Formatting command
+        menuItems.push({
+            id: "strip-formatting",
+            label: "Strip Formatting",
+            icon: (_jsx("span", { style: { fontFamily: "monospace", fontWeight: "bold" }, children: "\u2717" })),
+            command: async () => {
+                try {
+                    const element = getFieldEditableElement(field.id, iframeDocument);
+                    if (element) {
+                        element.focus();
+                        const success = executeFormatCommand("removeFormat", iframeDocument);
+                        if (success) {
+                            await triggerSave(element, field, editContext);
+                        }
+                    }
+                }
+                catch (error) {
+                    console.error("Failed to strip formatting:", error);
+                }
+            },
+        });
+        return menuItems;
+    }
+    catch (error) {
+        console.error("Error creating RichText context menu:", error);
+        return [];
+    }
+}
+//# sourceMappingURL=contextMenuFactory.js.map

package/dist/editor/field-types/richtext/contextMenuFactory.js.map

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

package/dist/editor/field-types/richtext/hooks/useProfileCache.d.ts

@@ -0,0 +1,68 @@
+import { RichTextEditorProfile, SimplifiedProfile } from '../types';
+export interface ProfileCacheStats {
+    simplifiedCacheSize: number;
+    rawCacheSize: number;
+    simplifiedHits: number;
+    simplifiedMisses: number;
+    rawHits: number;
+    rawMisses: number;
+}
+/**
+ * Get a simplified profile from cache or convert and cache it
+ */
+export declare function getCachedSimplifiedProfile(profile: RichTextEditorProfile | null): SimplifiedProfile;
+/**
+ * Get a parsed profile from cache or parse and cache it (backward compatibility)
+ */
+export declare function getCachedProfile(profileJson: string): RichTextEditorProfile;
+/**
+ * Clear all profile caches
+ */
+export declare function clearProfileCache(): void;
+/**
+ * Remove a specific profile from cache
+ */
+export declare function evictProfileFromCache(profileKey: string): boolean;
+/**
+ * Check if a profile is cached without accessing it
+ */
+export declare function isProfileCached(profileKey: string): boolean;
+/**
+ * Get all cached profile keys (useful for debugging)
+ */
+export declare function getCachedProfileKeys(): string[];
+/**
+ * Get cache statistics
+ */
+export declare function getProfileCacheStats(): Readonly<ProfileCacheStats>;
+export interface ProfileCacheHook {
+    /** Get a cached simplified profile (optimized for the new system) */
+    getCachedSimplifiedProfile: (profile: RichTextEditorProfile | null) => SimplifiedProfile;
+    /** Get a cached profile (same as getCachedProfile but wrapped in useCallback) */
+    getCachedProfile: (profileJson: string) => RichTextEditorProfile;
+    /** Clear all caches */
+    clearCache: () => void;
+    /** Remove a specific profile from cache */
+    evictProfile: (profileKey: string) => boolean;
+    /** Check if a profile is cached */
+    isProfileCached: (profileKey: string) => boolean;
+    /** Get all cached profile keys */
+    getCachedKeys: () => string[];
+    /** Get cache statistics */
+    getStats: () => Readonly<ProfileCacheStats>;
+}
+/**
+ * React hook for managing profile cache
+ * This provides memoized cache functions for React components
+ */
+export declare function useProfileCache(): ProfileCacheHook;
+/**
+ * Simple hook that just returns a cached simplified profile
+ * Use this when you only need to get a simplified profile and don't need cache management
+ */
+export declare function useCachedSimplifiedProfile(profile: RichTextEditorProfile | null): SimplifiedProfile;
+/**
+ * Simple hook that just returns a cached profile
+ * Use this when you only need to get a profile and don't need cache management
+ */
+export declare function useCachedProfile(profileJson: string): RichTextEditorProfile;