@scottjgilbert/lexical-blog-editor 0.1.4 → 1.0.0-beta.2

package/build/plugins/ToolbarPlugin/index.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { $isCodeNode, getCodeLanguageOptions as getCodeLanguageOptionsPrism, normalizeCodeLanguage as normalizeCodeLanguagePrism, } from "@lexical/code";
-import { getCodeLanguageOptions as getCodeLanguageOptionsShiki, getCodeThemeOptions as getCodeThemeOptionsShiki, normalizeCodeLanguage as normalizeCodeLanguageShiki, } from "@lexical/code-shiki";
+import { $isCodeNode } from "../../nodes/CodeNode/CodeNode";
+import { getCodeLanguageOptions as getCodeLanguageOptionsShiki, getCodeThemeOptions as getCodeThemeOptionsShiki, normalizeCodeLanguage as normalizeCodeLanguageShiki, } from "../../nodes/CodeNode/FacadeShiki";
 import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
 import { $isListNode, ListNode } from "@lexical/list";
 import { INSERT_EMBED_COMMAND } from "@lexical/react/LexicalAutoEmbedPlugin";
-import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
+import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/extension";
 import { $isHeadingNode } from "@lexical/rich-text";
 import { $getSelectionStyleValueForProperty, $isParentElementRTL, $patchStyleText, } from "@lexical/selection";
 import { $isTableNode, $isTableSelection } from "@lexical/table";
@@ -22,61 +23,26 @@ import { EmbedConfigs } from "../AutoEmbedPlugin";
 import { INSERT_COLLAPSIBLE_COMMAND } from "../CollapsiblePlugin";
 import { INSERT_DATETIME_COMMAND } from "../DateTimePlugin";
 import { InsertEquationDialog } from "../EquationsPlugin";
-import { InsertImageDialog, } from "../ImagesPlugin";
+import { InsertImageDialog } from "../ImagesPlugin";
 import InsertLayoutDialog from "../LayoutPlugin/InsertLayoutDialog";
-import { INSERT_PAGE_BREAK } from "../PageBreakPlugin";
 import { SHORTCUTS } from "../ShortcutsPlugin/shortcuts";
 import { InsertTableDialog } from "../TablePlugin";
 import FontSize, { parseFontSizeForToolbar } from "./fontSize";
 import { clearFormatting, formatBulletList, formatCheckList, formatCode, formatHeading, formatNumberedList, formatParagraph, formatQuote, } from "./utils";
+import { allLanguages, allLanguagesFlat } from "./languages";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const rootTypeToRootName = {
     root: "Root",
     table: "Table",
 };
-const CODE_LANGUAGE_OPTIONS_PRISM = getCodeLanguageOptionsPrism().filter((option) => [
-    "c",
-    "clike",
-    "cpp",
-    "css",
-    "html",
-    "java",
-    "js",
-    "javascript",
-    "markdown",
-    "objc",
-    "objective-c",
-    "plain",
-    "powershell",
-    "py",
-    "python",
-    "rust",
-    "sql",
-    "swift",
-    "typescript",
-    "xml",
-].includes(option[0]));
-const CODE_LANGUAGE_OPTIONS_SHIKI = getCodeLanguageOptionsShiki().filter((option) => [
-    "c",
-    "clike",
-    "cpp",
-    "css",
-    "html",
-    "java",
-    "js",
-    "javascript",
-    "markdown",
-    "objc",
-    "objective-c",
-    "plain",
-    "powershell",
-    "py",
-    "python",
-    "rust",
-    "sql",
-    "typescript",
-    "xml",
-].includes(option[0]));
+const CODE_CATEGORIES_AND_LANGUAGES_SHIKI = new Map(Array.from(allLanguages.entries()).map(([category, [categoryName, languages]]) => [
+    category,
+    [
+        categoryName,
+        getCodeLanguageOptionsShiki().filter((option) => languages.includes(option[0])),
+    ],
+]));
+const CODE_LANGUAGE_OPTIONS_SHIKI = getCodeLanguageOptionsShiki().filter((option) => allLanguagesFlat.includes(option[0]));
 const CODE_THEME_OPTIONS_SHIKI = getCodeThemeOptionsShiki().filter((option) => [
     "catppuccin-latte",
     "everforest-light",
@@ -94,6 +60,14 @@ const CODE_THEME_OPTIONS_SHIKI = getCodeThemeOptionsShiki().filter((option) => [
     "solarized-light",
     "vitesse-light",
 ].includes(option[0]));
+const getCodeCategoryForLanguage = (language) => {
+    for (const [category, [, languages]] of CODE_CATEGORIES_AND_LANGUAGES_SHIKI) {
+        if (languages.some(([value]) => value === language)) {
+            return category;
+        }
+    }
+    return "";
+};
 const FONT_FAMILY_OPTIONS = [
     ["Arial", "Arial"],
     ["Courier New", "Courier New"],
@@ -215,6 +189,7 @@ function $findTopLevelElement(node) {
     return topLevelElement;
 }
 export default function ToolbarPlugin({ editor, activeEditor, setActiveEditor, setIsLinkEditMode, }) {
+    var _a, _b;
     const [selectedElementKey, setSelectedElementKey] = useState(null);
     const [modal, showModal] = useModal();
     const [isEditable, setIsEditable] = useState(() => editor.isEditable());
@@ -240,7 +215,13 @@ export default function ToolbarPlugin({ editor, activeEditor, setActiveEditor, s
     const $handleCodeNode = useCallback((element) => {
         if ($isCodeNode(element)) {
             const language = element.getLanguage();
-            updateToolbarState("codeLanguage", language ? normalizeCodeLanguageShiki(language) || language : "");
+            const normalizedLanguage = language
+                ? normalizeCodeLanguageShiki(language)
+                : "";
+            updateToolbarState("codeLanguage", normalizedLanguage);
+            updateToolbarState("codeCategory", normalizedLanguage
+                ? getCodeCategoryForLanguage(normalizedLanguage)
+                : "");
             const theme = element.getTheme();
             updateToolbarState("codeTheme", theme || "");
             return;
@@ -399,40 +380,67 @@ export default function ToolbarPlugin({ editor, activeEditor, setActiveEditor, s
             activeEditor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
         }
     }, [activeEditor, setIsLinkEditMode, toolbarState.isLink]);
+    const onCodeCategorySelect = useCallback((value) => {
+        var _a, _b;
+        const nextLanguage = ((_b = (_a = CODE_CATEGORIES_AND_LANGUAGES_SHIKI.get(value)) === null || _a === void 0 ? void 0 : _a[1][0]) === null || _b === void 0 ? void 0 : _b[0]) || "";
+        updateToolbarState("codeCategory", value);
+        updateToolbarState("codeLanguage", nextLanguage);
+        activeEditor.update(() => {
+            $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
+            if (selectedElementKey !== null) {
+                const node = $getNodeByKey(selectedElementKey);
+                if ($isCodeNode(node)) {
+                    node.setLanguage(nextLanguage);
+                }
+            }
+        });
+    }, [activeEditor, selectedElementKey, updateToolbarState]);
     const onCodeLanguageSelect = useCallback((value) => {
+        updateToolbarState("codeLanguage", value);
+        updateToolbarState("codeCategory", getCodeCategoryForLanguage(value));
+        console.log("oncodeLanguageSelect called ", value);
         activeEditor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             if (selectedElementKey !== null) {
+                console.log("oncodeLanguageSelect passed selectedElementKey ");
                 const node = $getNodeByKey(selectedElementKey);
+                console.log(node);
                 if ($isCodeNode(node)) {
+                    console.log("setting language", value);
                     node.setLanguage(value);
                 }
             }
         });
-    }, [activeEditor, selectedElementKey]);
+    }, [activeEditor, selectedElementKey, updateToolbarState]);
     const onCodeThemeSelect = useCallback((value) => {
+        updateToolbarState("codeTheme", value);
+        console.log("oncodeThemeSelect called ", value);
         activeEditor.update(() => {
             if (selectedElementKey !== null) {
+                console.log("oncodeThemeSelect passed selectedElementKey ");
                 const node = $getNodeByKey(selectedElementKey);
+                console.log(node);
                 if ($isCodeNode(node)) {
+                    console.log("setting theme", value);
                     node.setTheme(value);
                 }
             }
         });
-    }, [activeEditor, selectedElementKey]);
+    }, [activeEditor, selectedElementKey, updateToolbarState]);
     const canViewerSeeInsertDropdown = !toolbarState.isImageCaption;
     const canViewerSeeInsertCodeButton = !toolbarState.isImageCaption;
     return (_jsxs("div", { className: "toolbar", children: [_jsx("button", { disabled: !toolbarState.canUndo || !isEditable, onClick: (e) => dispatchToolbarCommand(UNDO_COMMAND, undefined, isKeyboardInput(e)), title: IS_APPLE ? "Undo (⌘Z)" : "Undo (Ctrl+Z)", type: "button", className: "toolbar-item spaced", "aria-label": "Undo", children: _jsx("i", { className: "format undo" }) }), _jsx("button", { disabled: !toolbarState.canRedo || !isEditable, onClick: (e) => dispatchToolbarCommand(REDO_COMMAND, undefined, isKeyboardInput(e)), title: IS_APPLE ? "Redo (⇧⌘Z)" : "Redo (Ctrl+Y)", type: "button", className: "toolbar-item", "aria-label": "Redo", children: _jsx("i", { className: "format redo" }) }), _jsx(Divider, {}), toolbarState.blockType in blockTypeToBlockName &&
-                activeEditor === editor && (_jsxs(_Fragment, { children: [_jsx(BlockFormatDropDown, { disabled: !isEditable, blockType: toolbarState.blockType, rootType: toolbarState.rootType, editor: activeEditor }), _jsx(Divider, {})] })), toolbarState.blockType === "code" ? (_jsxs(_Fragment, { children: [_jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language", buttonLabel: (CODE_LANGUAGE_OPTIONS_PRISM.find((opt) => opt[0] ===
-                            normalizeCodeLanguagePrism(toolbarState.codeLanguage)) || ["", ""])[1], buttonAriaLabel: "Select language", children: CODE_LANGUAGE_OPTIONS_PRISM.map(([value, name]) => {
+                activeEditor === editor && (_jsxs(_Fragment, { children: [_jsx(BlockFormatDropDown, { disabled: !isEditable, blockType: toolbarState.blockType, rootType: toolbarState.rootType, editor: activeEditor }), _jsx(Divider, {})] })), toolbarState.blockType === "code" ? (_jsxs(_Fragment, { children: [_jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language-category", buttonLabel: ((_a = CODE_CATEGORIES_AND_LANGUAGES_SHIKI.get(toolbarState.codeCategory)) === null || _a === void 0 ? void 0 : _a[0]) || "Language Category", buttonAriaLabel: "Select language category", children: Array.from(CODE_CATEGORIES_AND_LANGUAGES_SHIKI.entries()).map(([category, [categoryName]]) => {
+                            return (_jsx(DropDownItem, { className: `item ${dropDownActiveClass(category === toolbarState.codeCategory)}`, onClick: () => {
+                                    onCodeCategorySelect(category);
+                                }, children: _jsx("span", { className: "text", children: categoryName }) }, category));
+                        }) }), _jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language", buttonLabel: (CODE_LANGUAGE_OPTIONS_SHIKI.find((opt) => opt[0] ===
+                            normalizeCodeLanguageShiki(toolbarState.codeLanguage)) || ["", ""])[1], buttonAriaLabel: "Select language", children: (_b = CODE_CATEGORIES_AND_LANGUAGES_SHIKI.get(toolbarState.codeCategory)) === null || _b === void 0 ? void 0 : _b[1].map(([value, name]) => {
                             return (_jsx(DropDownItem, { className: `item ${dropDownActiveClass(value === toolbarState.codeLanguage)}`, onClick: () => onCodeLanguageSelect(value), children: _jsx("span", { className: "text", children: name }) }, value));
-                        }) }), _jsxs(_Fragment, { children: [_jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language", buttonLabel: (CODE_LANGUAGE_OPTIONS_SHIKI.find((opt) => opt[0] ===
-                                    normalizeCodeLanguageShiki(toolbarState.codeLanguage)) || ["", ""])[1], buttonAriaLabel: "Select language", children: CODE_LANGUAGE_OPTIONS_SHIKI.map(([value, name]) => {
-                                    return (_jsx(DropDownItem, { className: `item ${dropDownActiveClass(value === toolbarState.codeLanguage)}`, onClick: () => onCodeLanguageSelect(value), children: _jsx("span", { className: "text", children: name }) }, value));
-                                }) }), _jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language", buttonLabel: (CODE_THEME_OPTIONS_SHIKI.find((opt) => opt[0] === toolbarState.codeTheme) || ["", ""])[1], buttonAriaLabel: "Select theme", children: CODE_THEME_OPTIONS_SHIKI.map(([value, name]) => {
-                                    return (_jsx(DropDownItem, { className: `item ${dropDownActiveClass(value === toolbarState.codeTheme)}`, onClick: () => onCodeThemeSelect(value), children: _jsx("span", { className: "text", children: name }) }, value));
-                                }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx(FontDropDown, { disabled: !isEditable, style: "font-family", value: toolbarState.fontFamily, editor: activeEditor }), _jsx(Divider, {}), _jsx(FontSize, { selectionFontSize: parseFontSizeForToolbar(toolbarState.fontSize).slice(0, -2), editor: activeEditor, disabled: !isEditable }), _jsx(Divider, {}), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("bold", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isBold ? "active" : ""), title: `Bold (${SHORTCUTS.BOLD})`, type: "button", "aria-label": `Format text as bold. Shortcut: ${SHORTCUTS.BOLD}`, children: _jsx("i", { className: "format bold" }) }), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("italic", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isItalic ? "active" : ""), title: `Italic (${SHORTCUTS.ITALIC})`, type: "button", "aria-label": `Format text as italics. Shortcut: ${SHORTCUTS.ITALIC}`, children: _jsx("i", { className: "format italic" }) }), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("underline", isKeyboardInput(e)), className: "toolbar-item spaced " +
-                            (toolbarState.isUnderline ? "active" : ""), title: `Underline (${SHORTCUTS.UNDERLINE})`, type: "button", "aria-label": `Format text to underlined. Shortcut: ${SHORTCUTS.UNDERLINE}`, children: _jsx("i", { className: "format underline" }) }), canViewerSeeInsertCodeButton && (_jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("code", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isCode ? "active" : ""), title: `Insert code block (${SHORTCUTS.INSERT_CODE_BLOCK})`, type: "button", "aria-label": "Insert code block", children: _jsx("i", { className: "format code" }) })), _jsx("button", { disabled: !isEditable, onClick: insertLink, className: "toolbar-item spaced " + (toolbarState.isLink ? "active" : ""), "aria-label": "Insert link", title: `Insert link (${SHORTCUTS.INSERT_LINK})`, type: "button", children: _jsx("i", { className: "format link" }) }), _jsx(DropdownColorPicker, { disabled: !isEditable, buttonClassName: "toolbar-item color-picker", buttonAriaLabel: "Formatting text color", buttonIconClassName: "icon font-color", color: toolbarState.fontColor, onChange: onFontColorSelect, title: "text color" }), _jsx(DropdownColorPicker, { disabled: !isEditable, buttonClassName: "toolbar-item color-picker", buttonAriaLabel: "Formatting background color", buttonIconClassName: "icon bg-color", color: toolbarState.bgColor, onChange: onBgColorSelect, title: "bg color" }), _jsxs(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item spaced", buttonLabel: "", buttonAriaLabel: "Formatting options for additional text styles", buttonIconClassName: "icon dropdown-more", children: [_jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("lowercase", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isLowercase), title: "Lowercase", "aria-label": "Format text to lowercase", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon lowercase" }), _jsx("span", { className: "text", children: "Lowercase" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.LOWERCASE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("uppercase", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isUppercase), title: "Uppercase", "aria-label": "Format text to uppercase", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon uppercase" }), _jsx("span", { className: "text", children: "Uppercase" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.UPPERCASE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("capitalize", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isCapitalize), title: "Capitalize", "aria-label": "Format text to capitalize", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon capitalize" }), _jsx("span", { className: "text", children: "Capitalize" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.CAPITALIZE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("strikethrough", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isStrikethrough), title: "Strikethrough", "aria-label": "Format text with a strikethrough", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon strikethrough" }), _jsx("span", { className: "text", children: "Strikethrough" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.STRIKETHROUGH })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("subscript", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isSubscript), title: "Subscript", "aria-label": "Format text with a subscript", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon subscript" }), _jsx("span", { className: "text", children: "Subscript" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.SUBSCRIPT })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("superscript", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isSuperscript), title: "Superscript", "aria-label": "Format text with a superscript", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon superscript" }), _jsx("span", { className: "text", children: "Superscript" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.SUPERSCRIPT })] }), _jsx(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("highlight", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isHighlight), title: "Highlight", "aria-label": "Format text with a highlight", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon highlight" }), _jsx("span", { className: "text", children: "Highlight" })] }) }), _jsxs(DropDownItem, { onClick: (e) => clearFormatting(activeEditor, isKeyboardInput(e)), className: "item wide", title: "Clear text formatting", "aria-label": "Clear all text formatting", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon clear" }), _jsx("span", { className: "text", children: "Clear Formatting" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.CLEAR_FORMATTING })] })] }), canViewerSeeInsertDropdown && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item spaced", buttonLabel: "Insert", buttonAriaLabel: "Insert specialized editor node", buttonIconClassName: "icon plus", children: [_jsxs(DropDownItem, { onClick: () => dispatchToolbarCommand(INSERT_HORIZONTAL_RULE_COMMAND), className: "item", children: [_jsx("i", { className: "icon horizontal-rule" }), _jsx("span", { className: "text", children: "Horizontal Rule" })] }), _jsxs(DropDownItem, { onClick: () => dispatchToolbarCommand(INSERT_PAGE_BREAK), className: "item", children: [_jsx("i", { className: "icon page-break" }), _jsx("span", { className: "text", children: "Page Break" })] }), _jsxs(DropDownItem, { onClick: () => {
+                        }) }), _jsx(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item code-language", buttonLabel: (CODE_THEME_OPTIONS_SHIKI.find((opt) => opt[0] === toolbarState.codeTheme) || ["", ""])[1], buttonAriaLabel: "Select theme", children: CODE_THEME_OPTIONS_SHIKI.map(([value, name]) => {
+                            return (_jsx(DropDownItem, { className: `item ${dropDownActiveClass(value === toolbarState.codeTheme)}`, onClick: () => onCodeThemeSelect(value), children: _jsx("span", { className: "text", children: name }) }, value));
+                        }) })] })) : (_jsxs(_Fragment, { children: [_jsx(FontDropDown, { disabled: !isEditable, style: "font-family", value: toolbarState.fontFamily, editor: activeEditor }), _jsx(Divider, {}), _jsx(FontSize, { selectionFontSize: parseFontSizeForToolbar(toolbarState.fontSize).slice(0, -2), editor: activeEditor, disabled: !isEditable }), _jsx(Divider, {}), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("bold", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isBold ? "active" : ""), title: `Bold (${SHORTCUTS.BOLD})`, type: "button", "aria-label": `Format text as bold. Shortcut: ${SHORTCUTS.BOLD}`, children: _jsx("i", { className: "format bold" }) }), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("italic", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isItalic ? "active" : ""), title: `Italic (${SHORTCUTS.ITALIC})`, type: "button", "aria-label": `Format text as italics. Shortcut: ${SHORTCUTS.ITALIC}`, children: _jsx("i", { className: "format italic" }) }), _jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("underline", isKeyboardInput(e)), className: "toolbar-item spaced " +
+                            (toolbarState.isUnderline ? "active" : ""), title: `Underline (${SHORTCUTS.UNDERLINE})`, type: "button", "aria-label": `Format text to underlined. Shortcut: ${SHORTCUTS.UNDERLINE}`, children: _jsx("i", { className: "format underline" }) }), canViewerSeeInsertCodeButton && (_jsx("button", { disabled: !isEditable, onClick: (e) => dispatchFormatTextCommand("code", isKeyboardInput(e)), className: "toolbar-item spaced " + (toolbarState.isCode ? "active" : ""), title: `Insert code block (${SHORTCUTS.INSERT_CODE_BLOCK})`, type: "button", "aria-label": "Insert code block", children: _jsx("i", { className: "format code" }) })), _jsx("button", { disabled: !isEditable, onClick: insertLink, className: "toolbar-item spaced " + (toolbarState.isLink ? "active" : ""), "aria-label": "Insert link", title: `Insert link (${SHORTCUTS.INSERT_LINK})`, type: "button", children: _jsx("i", { className: "format link" }) }), _jsx(DropdownColorPicker, { disabled: !isEditable, buttonClassName: "toolbar-item color-picker", buttonAriaLabel: "Formatting text color", buttonIconClassName: "icon font-color", color: toolbarState.fontColor, onChange: onFontColorSelect, title: "text color" }), _jsx(DropdownColorPicker, { disabled: !isEditable, buttonClassName: "toolbar-item color-picker", buttonAriaLabel: "Formatting background color", buttonIconClassName: "icon bg-color", color: toolbarState.bgColor, onChange: onBgColorSelect, title: "bg color" }), _jsxs(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item spaced", buttonLabel: "", buttonAriaLabel: "Formatting options for additional text styles", buttonIconClassName: "icon dropdown-more", children: [_jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("lowercase", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isLowercase), title: "Lowercase", "aria-label": "Format text to lowercase", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon lowercase" }), _jsx("span", { className: "text", children: "Lowercase" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.LOWERCASE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("uppercase", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isUppercase), title: "Uppercase", "aria-label": "Format text to uppercase", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon uppercase" }), _jsx("span", { className: "text", children: "Uppercase" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.UPPERCASE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("capitalize", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isCapitalize), title: "Capitalize", "aria-label": "Format text to capitalize", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon capitalize" }), _jsx("span", { className: "text", children: "Capitalize" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.CAPITALIZE })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("strikethrough", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isStrikethrough), title: "Strikethrough", "aria-label": "Format text with a strikethrough", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon strikethrough" }), _jsx("span", { className: "text", children: "Strikethrough" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.STRIKETHROUGH })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("subscript", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isSubscript), title: "Subscript", "aria-label": "Format text with a subscript", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon subscript" }), _jsx("span", { className: "text", children: "Subscript" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.SUBSCRIPT })] }), _jsxs(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("superscript", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isSuperscript), title: "Superscript", "aria-label": "Format text with a superscript", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon superscript" }), _jsx("span", { className: "text", children: "Superscript" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.SUPERSCRIPT })] }), _jsx(DropDownItem, { onClick: (e) => dispatchFormatTextCommand("highlight", isKeyboardInput(e)), className: "item wide " + dropDownActiveClass(toolbarState.isHighlight), title: "Highlight", "aria-label": "Format text with a highlight", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon highlight" }), _jsx("span", { className: "text", children: "Highlight" })] }) }), _jsxs(DropDownItem, { onClick: (e) => clearFormatting(activeEditor, isKeyboardInput(e)), className: "item wide", title: "Clear text formatting", "aria-label": "Clear all text formatting", children: [_jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon clear" }), _jsx("span", { className: "text", children: "Clear Formatting" })] }), _jsx("span", { className: "shortcut", children: SHORTCUTS.CLEAR_FORMATTING })] })] }), canViewerSeeInsertDropdown && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs(DropDown, { disabled: !isEditable, buttonClassName: "toolbar-item spaced", buttonLabel: "Insert", buttonAriaLabel: "Insert specialized editor node", buttonIconClassName: "icon plus", children: [_jsxs(DropDownItem, { onClick: () => dispatchToolbarCommand(INSERT_HORIZONTAL_RULE_COMMAND), className: "item", children: [_jsx("i", { className: "icon horizontal-rule" }), _jsx("span", { className: "text", children: "Horizontal Rule" })] }), _jsxs(DropDownItem, { onClick: () => {
                                             showModal("Insert Image", (onClose) => (_jsx(InsertImageDialog, { activeEditor: activeEditor, onClose: onClose })));
                                         }, className: "item", children: [_jsx("i", { className: "icon image" }), _jsx("span", { className: "text", children: "Image" })] }), _jsxs(DropDownItem, { onClick: () => {
                                             showModal("Insert Table", (onClose) => (_jsx(InsertTableDialog, { activeEditor: activeEditor, onClose: onClose })));

package/build/plugins/ToolbarPlugin/languages.d.ts

@@ -0,0 +1,14 @@
+export declare const webFrontend: string[];
+export declare const backendGeneral: string[];
+export declare const systemsLowLevel: string[];
+export declare const mobileDevelopment: string[];
+export declare const dataScienceMath: string[];
+export declare const functionalProgramming: string[];
+export declare const databaseQuery: string[];
+export declare const devOpsConfig: string[];
+export declare const shellAutomation: string[];
+export declare const markupDocs: string[];
+export declare const miscellaneous: string[];
+export declare const allLanguages: Map<string, [string, string[]]>;
+export declare const allLanguagesFlat: string[];
+//# sourceMappingURL=languages.d.ts.map

package/build/plugins/ToolbarPlugin/languages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../../src/plugins/ToolbarPlugin/languages.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,UA4BvB,CAAC;AAEF,eAAO,MAAM,cAAc,UA6B1B,CAAC;AAEF,eAAO,MAAM,eAAe,UAc3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,UAW3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAcjC,CAAC;AAEF,eAAO,MAAM,aAAa,UAA6B,CAAC;AAExD,eAAO,MAAM,YAAY,UAgBxB,CAAC;AAEF,eAAO,MAAM,eAAe,UAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,UAUtB,CAAC;AAEF,eAAO,MAAM,aAAa,UAqBzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAYvD,CAAC;AAEH,eAAO,MAAM,gBAAgB,UAE5B,CAAC"}

package/build/plugins/ToolbarPlugin/languages.js

@@ -0,0 +1,185 @@
+export const webFrontend = [
+    "coffeescript",
+    "csp",
+    "css",
+    "css-extras",
+    "flow",
+    "graphql",
+    "haml",
+    "handlebars",
+    "javascript",
+    "json",
+    "jsx",
+    "less",
+    "liquid",
+    "livescript",
+    "markup",
+    "markup-templating",
+    "n4js",
+    "pug",
+    "sass",
+    "scss",
+    "smarty",
+    "soy",
+    "stylus",
+    "tsx",
+    "twig",
+    "typescript",
+    "velocity",
+];
+export const backendGeneral = [
+    "abap",
+    "aspnet",
+    "basic",
+    "crystal",
+    "csharp",
+    "d",
+    "django",
+    "eiffel",
+    "erb",
+    "go",
+    "groovy",
+    "haxe",
+    "java",
+    "lua",
+    "nim",
+    "pascal",
+    "perl",
+    "php",
+    "php-extras",
+    "python",
+    "ruby",
+    "rust",
+    "scala",
+    "smalltalk",
+    "tcl",
+    "vbnet",
+    "visual-basic",
+    "xojo",
+];
+export const systemsLowLevel = [
+    "ada",
+    "arduino",
+    "asm6502",
+    "c",
+    "clike",
+    "cpp",
+    "fortran",
+    "glsl",
+    "nasm",
+    "opencl",
+    "verilog",
+    "vhdl",
+    "wasm",
+];
+export const mobileDevelopment = [
+    "actionscript",
+    "dart",
+    "kotlin",
+    "monkey",
+    "objectivec",
+    "swift",
+];
+export const dataScienceMath = [
+    "apl",
+    "arff",
+    "julia",
+    "matlab",
+    "mizar",
+    "parigp",
+    "prolog",
+    "q",
+    "r",
+    "sas",
+];
+export const functionalProgramming = [
+    "clojure",
+    "elixir",
+    "elm",
+    "erlang",
+    "fsharp",
+    "haskell",
+    "io",
+    "lisp",
+    "ocaml",
+    "oz",
+    "pure",
+    "reason",
+    "scheme",
+];
+export const databaseQuery = ["plsql", "sql", "xquery"];
+export const devOpsConfig = [
+    "apacheconf",
+    "docker",
+    "git",
+    "hpkp",
+    "hsts",
+    "http",
+    "ini",
+    "makefile",
+    "nginx",
+    "nix",
+    "properties",
+    "protobuf",
+    "puppet",
+    "roboconf",
+    "yaml",
+];
+export const shellAutomation = [
+    "applescript",
+    "autohotkey",
+    "autoit",
+    "bash",
+    "batch",
+    "nsis",
+    "powershell",
+    "vim",
+];
+export const markupDocs = [
+    "asciidoc",
+    "diff",
+    "gedcom",
+    "gherkin",
+    "latex",
+    "markdown",
+    "rest",
+    "textile",
+    "wiki",
+];
+export const miscellaneous = [
+    "bison",
+    "brainfuck",
+    "bro",
+    "gml",
+    "ichigojam",
+    "icon",
+    "inform7",
+    "j",
+    "jolie",
+    "keyman",
+    "lolcode",
+    "mel",
+    "parser",
+    "processing",
+    "qore",
+    "renpy",
+    "rip",
+    "tap",
+    "tt2",
+    "xeora",
+];
+//! The important one, but exported
+export const allLanguages = new Map([
+    ["backendGeneral", ["Backend", backendGeneral]],
+    ["databaseQuery", ["Database", databaseQuery]],
+    ["dataScienceMath", ["Data Science & Math", dataScienceMath]],
+    ["devOpsConfig", ["DevOps/Config", devOpsConfig]],
+    ["functionalProgramming", ["Functional Programming", functionalProgramming]],
+    ["markupDocs", ["Markup & Docs", markupDocs]],
+    ["mobileDevelopment", ["Mobile Development", mobileDevelopment]],
+    ["shellAutomation", ["Shell & Automation", shellAutomation]],
+    ["systemsLowLevel", ["Systems & Low Level", systemsLowLevel]],
+    ["webFrontend", ["Web Development", webFrontend]],
+    ["miscellaneous", ["Miscellaneous", miscellaneous]],
+]);
+export const allLanguagesFlat = Array.from(allLanguages.values()).flatMap(([, languages]) => languages);

package/build/plugins/ToolbarPlugin/utils.d.ts

@@ -1,5 +1,5 @@
-import { HeadingTagType } from '@lexical/rich-text';
-import { LexicalEditor } from 'lexical';
+import { HeadingTagType } from "@lexical/rich-text";
+import { LexicalEditor } from "lexical";
 export declare enum UpdateFontSizeType {
     increment = 1,
     decrement = 2

package/build/plugins/ToolbarPlugin/utils.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { $createCodeNode } from '@lexical/code';
-import { INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from '@lexical/list';
-import { $isDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
-import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, } from '@lexical/rich-text';
-import { $patchStyleText, $setBlocksType } from '@lexical/selection';
-import { $isTableSelection } from '@lexical/table';
-import { $getNearestBlockElementAncestorOrThrow } from '@lexical/utils';
-import { $addUpdateTag, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, SKIP_DOM_SELECTION_TAG, SKIP_SELECTION_FOCUS_TAG, } from 'lexical';
-import { DEFAULT_FONT_SIZE, MAX_ALLOWED_FONT_SIZE, MIN_ALLOWED_FONT_SIZE, } from '../../context/ToolbarContext';
+import { $createCodeNode } from "../../nodes/CodeNode/CodeNode";
+import { INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, } from "@lexical/list";
+import { $isDecoratorBlockNode } from "@lexical/react/LexicalDecoratorBlockNode";
+import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, } from "@lexical/rich-text";
+import { $patchStyleText, $setBlocksType } from "@lexical/selection";
+import { $isTableSelection } from "@lexical/table";
+import { $getNearestBlockElementAncestorOrThrow } from "@lexical/utils";
+import { $addUpdateTag, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, SKIP_DOM_SELECTION_TAG, SKIP_SELECTION_FOCUS_TAG, } from "lexical";
+import { DEFAULT_FONT_SIZE, MAX_ALLOWED_FONT_SIZE, MIN_ALLOWED_FONT_SIZE, } from "../../context/ToolbarContext";
 // eslint-disable-next-line no-shadow
 export var UpdateFontSizeType;
 (function (UpdateFontSizeType) {
@@ -101,16 +101,16 @@ export const updateFontSizeInSelection = (editor, newFontSize, updateType, skipR
             const selection = $getSelection();
             if (selection !== null) {
                 $patchStyleText(selection, {
-                    'font-size': newFontSize || getNextFontSize,
+                    "font-size": newFontSize || getNextFontSize,
                 });
             }
         }
     });
 };
 export const updateFontSize = (editor, updateType, inputValue, skipRefocus = false) => {
-    if (inputValue !== '') {
+    if (inputValue !== "") {
         const nextFontSize = calculateNextFontSize(Number(inputValue), updateType);
-        updateFontSizeInSelection(editor, String(nextFontSize) + 'px', null, skipRefocus);
+        updateFontSizeInSelection(editor, String(nextFontSize) + "px", null, skipRefocus);
     }
     else {
         updateFontSizeInSelection(editor, null, updateType, skipRefocus);
@@ -133,7 +133,7 @@ export const formatHeading = (editor, blockType, headingSize) => {
     }
 };
 export const formatBulletList = (editor, blockType) => {
-    if (blockType !== 'bullet') {
+    if (blockType !== "bullet") {
         editor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);
@@ -144,7 +144,7 @@ export const formatBulletList = (editor, blockType) => {
     }
 };
 export const formatCheckList = (editor, blockType) => {
-    if (blockType !== 'check') {
+    if (blockType !== "check") {
         editor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
@@ -155,7 +155,7 @@ export const formatCheckList = (editor, blockType) => {
     }
 };
 export const formatNumberedList = (editor, blockType) => {
-    if (blockType !== 'number') {
+    if (blockType !== "number") {
         editor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
@@ -166,7 +166,7 @@ export const formatNumberedList = (editor, blockType) => {
     }
 };
 export const formatQuote = (editor, blockType) => {
-    if (blockType !== 'quote') {
+    if (blockType !== "quote") {
         editor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             const selection = $getSelection();
@@ -175,7 +175,7 @@ export const formatQuote = (editor, blockType) => {
     }
 };
 export const formatCode = (editor, blockType) => {
-    if (blockType !== 'code') {
+    if (blockType !== "code") {
         editor.update(() => {
             $addUpdateTag(SKIP_SELECTION_FOCUS_TAG);
             let selection = $getSelection();
@@ -235,15 +235,15 @@ export const clearFormatting = (editor, skipRefocus = false) => {
                     if (nodes.length === 1 && $isTextNode(extractedTextNode)) {
                         textNode = extractedTextNode;
                     }
-                    if (textNode.__style !== '') {
-                        textNode.setStyle('');
+                    if (textNode.__style !== "") {
+                        textNode.setStyle("");
                     }
                     if (textNode.__format !== 0) {
                         textNode.setFormat(0);
                     }
                     const nearestBlockElement = $getNearestBlockElementAncestorOrThrow(textNode);
                     if (nearestBlockElement.__format !== 0) {
-                        nearestBlockElement.setFormat('');
+                        nearestBlockElement.setFormat("");
                     }
                     if (nearestBlockElement.__indent !== 0) {
                         nearestBlockElement.setIndent(0);
@@ -254,7 +254,7 @@ export const clearFormatting = (editor, skipRefocus = false) => {
                     node.replace($createParagraphNode(), true);
                 }
                 else if ($isDecoratorBlockNode(node)) {
-                    node.setFormat('');
+                    node.setFormat("");
                 }
             });
         }

package/build/plugins/TwitterPlugin/index.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import { LexicalCommand } from 'lexical';
+import type { JSX } from "react";
+import { LexicalCommand } from "lexical";
 export declare const INSERT_TWEET_COMMAND: LexicalCommand<string>;
 export default function TwitterPlugin(): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/TwitterPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TwitterPlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAyC,cAAc,EAAC,MAAM,SAAS,CAAC;AAK/E,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,MAAM,CAEvD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAqB1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TwitterPlugin/index.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAGL,cAAc,EACf,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,MAAM,CAEvD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAqB1D"}

package/build/plugins/TwitterPlugin/index.js

@@ -1,21 +1,15 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $insertNodeToNearestRoot } from '@lexical/utils';
-import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
-import { useEffect } from 'react';
-import { $createTweetNode, TweetNode } from '../../nodes/TweetNode';
-export const INSERT_TWEET_COMMAND = createCommand('INSERT_TWEET_COMMAND');
+"use client";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $insertNodeToNearestRoot } from "@lexical/utils";
+import { COMMAND_PRIORITY_EDITOR, createCommand, } from "lexical";
+import { useEffect } from "react";
+import { $createTweetNode, TweetNode } from "../../nodes/TweetNode/TweetNode";
+export const INSERT_TWEET_COMMAND = createCommand("INSERT_TWEET_COMMAND");
 export default function TwitterPlugin() {
     const [editor] = useLexicalComposerContext();
     useEffect(() => {
         if (!editor.hasNodes([TweetNode])) {
-            throw new Error('TwitterPlugin: TweetNode not registered on editor');
+            throw new Error("TwitterPlugin: TweetNode not registered on editor");
         }
         return editor.registerCommand(INSERT_TWEET_COMMAND, (payload) => {
             const tweetNode = $createTweetNode(payload);

package/build/plugins/YouTubePlugin/index.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import { LexicalCommand } from 'lexical';
+import type { JSX } from "react";
+import { LexicalCommand } from "lexical";
 export declare const INSERT_YOUTUBE_COMMAND: LexicalCommand<string>;
 export default function YouTubePlugin(): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/YouTubePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/YouTubePlugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAyC,cAAc,EAAC,MAAM,SAAS,CAAC;AAK/E,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,MAAM,CAEzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAqB1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/YouTubePlugin/index.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAGL,cAAc,EACf,MAAM,SAAS,CAAC;AAQjB,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,MAAM,CAEzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAqB1D"}