art-bd-ui 1.0.37 → 1.0.39

package/dist/cjs/_virtual/index5.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var propTypes = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/color-name/index.js');
-
-var colorNameExports = index.__require();
-var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
-
-exports.default = names;
+exports.__module = propTypes;

package/dist/cjs/_virtual/index6.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index$1 = require('../node_modules/color-convert/index.js');
+var index = require('../node_modules/color-name/index.js');
 
-var colorConvertExports = index$1.__require();
-var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+var colorNameExports = index.__require();
+var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
 
-exports.default = index;
+exports.default = names;

package/dist/cjs/_virtual/index7.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var propTypes = {exports: {}};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__module = propTypes;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index$1 = require('../node_modules/color-convert/index.js');
+
+var colorConvertExports = index$1.__require();
+var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+
+exports.default = index;

package/dist/cjs/components/quiz/runner/question/question.js

@@ -13,7 +13,7 @@ require('../../../ui/rich-editor/extensions/carousel/extension.js');
 require('../../../ui/rich-editor/extensions/carousel/editor.js');
 require('../../../ui/carousel/carousel.js');
 require('../../../forms/file-upload/file-upload.js');
-require('../../../ui/rich-editor/extensions/code-block-lowlight.js');
+require('../../../ui/rich-editor/extensions/code-block/index.js');
 require('../../../ui/rich-editor/extensions.js');
 require('react-dom');
 require('../../../../node_modules/prosemirror-tables/dist/index.js');
@@ -29,7 +29,14 @@ require('../../../ui/rich-editor/toolbar/dropdowns.js');
 require('../../../forms/label/label.js');
 require('../../../utility/separator/separator.js');
 require('../../../popovers/shared/icon-close.js');
-require('../../../ui/rich-editor/extensions/code-block-utils.js');
+require('../../../ui/rich-editor/extensions/code-block/utils.js');
+require('../../../ui/rich-editor/extensions/table/table.js');
+require('../../../../node_modules/@tiptap/extension-table/dist/index.js');
+require('../../../ui/rich-editor/extensions/table/table-header.js');
+require('../../../ui/rich-editor/extensions/table/table-cell.js');
+require('../../../ui/rich-editor/extensions/table/table-cell-style.js');
+require('../../../ui/rich-editor/extensions/table/kit.js');
+require('../../../ui/rich-editor/extensions/table/table-actions-extension.js');
 require('../../../ui/rich-editor/extensions/table/table-selection-overlay.js');
 require('../../../ui/rich-editor/bubble-menus/shared.js');
 require('../../../forms/select/select.js');

package/dist/cjs/components/ui/rich-editor/bubble-menus/code-block-bubble-menu.js

@@ -4,10 +4,23 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('../../../../node_modules/@tiptap/react/dist/index.js');
 var index$1 = require('../../../../node_modules/@tiptap/react/dist/menus/index.js');
-var codeBlockUtils = require('../extensions/code-block-utils.js');
+var utils = require('../extensions/code-block/utils.js');
+require('../extensions/table/table.js');
+require('../../../../node_modules/@tiptap/extension-table/dist/index.js');
+require('../extensions/table/table-header.js');
+require('../extensions/table/table-cell.js');
+require('../extensions/table/table-cell-style.js');
+require('../extensions/table/kit.js');
+require('../extensions/table/table-actions-extension.js');
 var tableSelectionOverlay = require('../extensions/table/table-selection-overlay.js');
-var shared = require('./shared.js');
+require('../extensions/table/table-hover-extension.js');
+require('react-dom');
+require('../../../../node_modules/prosemirror-tables/dist/index.js');
+require('../../dropdown-menu/dropdown-menu.js');
 var button = require('../../../buttons/button/button.js');
+require('../../../popovers/popover/popover.js');
+require('../../../forms/input/input.js');
+var shared = require('./shared.js');
 var select = require('../../../forms/select/select.js');
 var separator = require('../../../utility/separator/separator.js');
 var wandSparkles = require('../../../../node_modules/lucide-react/dist/esm/icons/wand-sparkles.js');
@@ -21,14 +34,14 @@ function CodeBlockBubbleMenu({ editor }) {
             const codeBlockAttrs = editor.getAttributes("codeBlock");
             const rawCodeBlockLanguage = typeof codeBlockAttrs.language === "string" ? codeBlockAttrs.language : null;
             const rawCodeBlockTheme = typeof codeBlockAttrs.theme === "string" ? codeBlockAttrs.theme : null;
-            const resolvedCodeBlockLanguage = codeBlockUtils.resolveCodeBlockLanguage(rawCodeBlockLanguage);
+            const resolvedCodeBlockLanguage = utils.resolveCodeBlockLanguage(rawCodeBlockLanguage);
             const activeCodeBlockLanguage = resolvedCodeBlockLanguage && resolvedCodeBlockLanguage !== "plaintext"
                 ? resolvedCodeBlockLanguage
                 : shared.PLAIN_CODE_BLOCK_LANGUAGE_VALUE;
             return {
                 activeCodeBlockLanguage,
-                activeCodeBlockTheme: codeBlockUtils.resolveCodeBlockTheme(rawCodeBlockTheme),
-                canPrettifyActiveCodeBlock: editor.isActive("codeBlock") && codeBlockUtils.canPrettifyCodeLanguage(rawCodeBlockLanguage),
+                activeCodeBlockTheme: utils.resolveCodeBlockTheme(rawCodeBlockTheme),
+                canPrettifyActiveCodeBlock: editor.isActive("codeBlock") && utils.canPrettifyCodeLanguage(rawCodeBlockLanguage),
             };
         },
     });
@@ -60,15 +73,15 @@ function CodeBlockBubbleMenu({ editor }) {
                             language: value === shared.PLAIN_CODE_BLOCK_LANGUAGE_VALUE ? null : value,
                         })
                             .run();
-                    }, children: [jsxRuntime.jsx(select.SelectTrigger, { className: "h-8 w-[170px] gap-1 border-0 bg-transparent px-2 text-xs font-medium text-muted-foreground shadow-none focus:ring-0 focus-visible:ring-0", children: jsxRuntime.jsx(select.SelectValue, { placeholder: "Plain text" }) }), jsxRuntime.jsxs(select.SelectContent, { portal: false, align: "start", className: "max-h-64", children: [jsxRuntime.jsx(select.SelectItem, { value: shared.PLAIN_CODE_BLOCK_LANGUAGE_VALUE, className: "text-xs", children: "Plain text" }), codeBlockUtils.CODE_BLOCK_LANGUAGE_OPTIONS.filter((option) => option.value !== "plaintext").map((option) => (jsxRuntime.jsx(select.SelectItem, { value: option.value, className: "text-xs", children: option.label }, option.value)))] })] }), jsxRuntime.jsxs(select.Select, { value: activeCodeBlockTheme, disabled: !editor.isEditable, onOpenChange: setThemeMenuOpen, onValueChange: (value) => {
+                    }, children: [jsxRuntime.jsx(select.SelectTrigger, { className: "h-8 w-[170px] gap-1 border-0 bg-transparent px-2 text-xs font-medium text-muted-foreground shadow-none focus:ring-0 focus-visible:ring-0", children: jsxRuntime.jsx(select.SelectValue, { placeholder: "Plain text" }) }), jsxRuntime.jsxs(select.SelectContent, { portal: false, align: "start", className: "max-h-64", children: [jsxRuntime.jsx(select.SelectItem, { value: shared.PLAIN_CODE_BLOCK_LANGUAGE_VALUE, className: "text-xs", children: "Plain text" }), utils.CODE_BLOCK_LANGUAGE_OPTIONS.filter((option) => option.value !== "plaintext").map((option) => (jsxRuntime.jsx(select.SelectItem, { value: option.value, className: "text-xs", children: option.label }, option.value)))] })] }), jsxRuntime.jsxs(select.Select, { value: activeCodeBlockTheme, disabled: !editor.isEditable, onOpenChange: setThemeMenuOpen, onValueChange: (value) => {
                         editor
                             .chain()
                             .focus()
                             .updateAttributes("codeBlock", {
-                            theme: codeBlockUtils.resolveCodeBlockTheme(value),
+                            theme: utils.resolveCodeBlockTheme(value),
                         })
                             .run();
-                    }, children: [jsxRuntime.jsx(select.SelectTrigger, { className: "h-8 w-[145px] gap-1 border-0 bg-transparent px-2 text-xs font-medium text-muted-foreground shadow-none focus:ring-0 focus-visible:ring-0", children: jsxRuntime.jsx(select.SelectValue, { placeholder: "Theme" }) }), jsxRuntime.jsx(select.SelectContent, { portal: false, align: "start", children: codeBlockUtils.CODE_BLOCK_THEME_OPTIONS.map((option) => (jsxRuntime.jsx(select.SelectItem, { value: option.value, className: "text-xs", children: option.label }, option.value))) })] }), jsxRuntime.jsx(separator.Separator, { orientation: "vertical", className: "mx-1 h-5" }), jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", size: "icon-sm", className: "size-8", onClick: () => editor.commands.formatCodeBlock(), disabled: !editor.isEditable || !canPrettifyActiveCodeBlock, "aria-label": "Prettify code", title: canPrettifyActiveCodeBlock ? "Prettify code (⌘S)" : "Prettify not available for this language", children: jsxRuntime.jsx(wandSparkles.default, { className: "size-4" }) })] }) }));
+                    }, children: [jsxRuntime.jsx(select.SelectTrigger, { className: "h-8 w-[145px] gap-1 border-0 bg-transparent px-2 text-xs font-medium text-muted-foreground shadow-none focus:ring-0 focus-visible:ring-0", children: jsxRuntime.jsx(select.SelectValue, { placeholder: "Theme" }) }), jsxRuntime.jsx(select.SelectContent, { portal: false, align: "start", children: utils.CODE_BLOCK_THEME_OPTIONS.map((option) => (jsxRuntime.jsx(select.SelectItem, { value: option.value, className: "text-xs", children: option.label }, option.value))) })] }), jsxRuntime.jsx(separator.Separator, { orientation: "vertical", className: "mx-1 h-5" }), jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", size: "icon-sm", className: "size-8", onClick: () => editor.commands.formatCodeBlock(), disabled: !editor.isEditable || !canPrettifyActiveCodeBlock, "aria-label": "Prettify code", title: canPrettifyActiveCodeBlock ? "Prettify code (⌘S)" : "Prettify not available for this language", children: jsxRuntime.jsx(wandSparkles.default, { className: "size-4" }) })] }) }));
 }
 
 exports.CodeBlockBubbleMenu = CodeBlockBubbleMenu;

package/dist/cjs/components/ui/rich-editor/extensions/carousel/extension.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
 var index = require('../../../../../node_modules/@tiptap/core/dist/index.js');
+var index$1 = require('../../../../../node_modules/@tiptap/react/dist/index.js');
 var config = require('./config.js');
+var view = require('./view.js');
 
 function parseDataValue(element, key) {
     const value = element.getAttribute(key);
@@ -112,6 +114,9 @@ const Carousel = index.Node.create({
             { "data-peek-amount": `${rest.partialVisiblePercent}%` }, { "data-pagination": String(rest.showThumbnails) }),
         ];
     },
+    addNodeView() {
+        return index$1.ReactNodeViewRenderer(view.CarouselView);
+    },
 });
 
 exports.Carousel = Carousel;

package/dist/cjs/components/ui/rich-editor/extensions/carousel/view.js

@@ -2,12 +2,13 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var index = require('../../../../../node_modules/@tiptap/react/dist/index.js');
 var config = require('./config.js');
 var shared = require('./shared.js');
 
 const CarouselView = ({ node }) => {
     const attrs = React.useMemo(() => config.normalizeCarouselAttrs((node.attrs || {})), [node.attrs]);
-    return jsxRuntime.jsx(shared.SharedCarousel, { images: attrs.images, opts: attrs });
+    return (jsxRuntime.jsx(index.NodeViewWrapper, { children: jsxRuntime.jsx(shared.SharedCarousel, { images: attrs.images, opts: attrs }) }));
 };
 
 exports.CarouselView = CarouselView;

package/dist/cjs/components/ui/rich-editor/extensions/code-block/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var utils = require('./utils.js');
+var lowlightBase = require('./lowlight-base.js');
+var nodeView = require('./node-view.js');
+var index = require('../../../../../node_modules/@tiptap/react/dist/index.js');
+
+const CodeBlockLowlight = lowlightBase.CodeBlockLowlightBase.extend({
+    addNodeView() {
+        return index.ReactNodeViewRenderer(nodeView.CodeBlockNodeView);
+    },
+});
+
+exports.CODE_BLOCK_LANGUAGE_OPTIONS = utils.CODE_BLOCK_LANGUAGE_OPTIONS;
+exports.CODE_BLOCK_THEME_OPTIONS = utils.CODE_BLOCK_THEME_OPTIONS;
+exports.DEFAULT_CODE_BLOCK_THEME = utils.DEFAULT_CODE_BLOCK_THEME;
+exports.GITHUB_CODE_BLOCK_CLASS = utils.GITHUB_CODE_BLOCK_CLASS;
+exports.canPrettifyCodeLanguage = utils.canPrettifyCodeLanguage;
+exports.codeBlockLowlight = utils.codeBlockLowlight;
+exports.codeBlockThemeClassName = utils.codeBlockThemeClassName;
+exports.prettifyCode = utils.prettifyCode;
+exports.resolveCodeBlockLanguage = utils.resolveCodeBlockLanguage;
+exports.resolveCodeBlockTheme = utils.resolveCodeBlockTheme;
+exports.CodeBlockLowlightBase = lowlightBase.CodeBlockLowlightBase;
+exports.CodeBlockNodeView = nodeView.CodeBlockNodeView;
+exports.CodeBlockLowlight = CodeBlockLowlight;

package/dist/cjs/components/ui/rich-editor/extensions/code-block/lowlight-base.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var index = require('../../../../../node_modules/@tiptap/extension-code-block-lowlight/dist/index.js');
+var index$1 = require('../../../../../node_modules/prosemirror-state/dist/index.js');
+var utils = require('./utils.js');
+
+const CodeBlockLowlightBase = index.default.extend({
+    addAttributes() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { theme: {
+                default: utils.DEFAULT_CODE_BLOCK_THEME,
+                parseHTML: (element) => {
+                    var _a;
+                    const rawTheme = (_a = element === null || element === void 0 ? void 0 : element.getAttribute) === null || _a === void 0 ? void 0 : _a.call(element, "data-theme");
+                    return utils.resolveCodeBlockTheme(rawTheme);
+                },
+                renderHTML: (attributes) => {
+                    const theme = utils.resolveCodeBlockTheme(attributes.theme);
+                    return {
+                        "data-theme": theme,
+                        class: utils.codeBlockThemeClassName(theme),
+                    };
+                },
+            } });
+    },
+    addCommands() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { formatCodeBlock: () => ({ state }) => {
+                const currentCodeBlock = findCodeBlockAtSelection(state);
+                if (!currentCodeBlock) {
+                    return false;
+                }
+                const code = currentCodeBlock.node.textContent || "";
+                const language = currentCodeBlock.node.attrs.language;
+                if (!code.trim()) {
+                    return false;
+                }
+                if (!utils.canPrettifyCodeLanguage(language)) {
+                    return false;
+                }
+                const codeBlockPos = currentCodeBlock.pos;
+                void (() => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+                    try {
+                        const formattedCode = yield utils.prettifyCode(code, language);
+                        if (!formattedCode || formattedCode === code || this.editor.isDestroyed) {
+                            return;
+                        }
+                        const currentSelection = this.editor.state.selection;
+                        const relativePos = Math.max(0, currentSelection.from - codeBlockPos - 1);
+                        const from = codeBlockPos;
+                        const to = from + currentCodeBlock.node.nodeSize;
+                        const newTr = this.editor.state.tr;
+                        newTr.replaceRangeWith(from, to, this.editor.state.schema.nodes.codeBlock.create(currentCodeBlock.node.attrs, this.editor.state.schema.text(formattedCode)));
+                        const newCursorPos = from + 1 + Math.min(relativePos, formattedCode.length);
+                        newTr.setSelection(index$1.TextSelection.near(newTr.doc.resolve(newCursorPos)));
+                        this.editor.view.dispatch(newTr);
+                    }
+                    catch (error) {
+                        console.error("Format error:", error);
+                    }
+                }))();
+                return true;
+            } });
+    },
+    addKeyboardShortcuts() {
+        var _a;
+        return Object.assign(Object.assign({}, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.call(this)), { "Mod-s": () => {
+                const currentCodeBlock = findCodeBlockAtSelection(this.editor.state);
+                const language = currentCodeBlock === null || currentCodeBlock === void 0 ? void 0 : currentCodeBlock.node.attrs.language;
+                if (!currentCodeBlock || !utils.canPrettifyCodeLanguage(language)) {
+                    return false;
+                }
+                return this.editor.commands.formatCodeBlock();
+            } });
+    },
+}).configure({
+    lowlight: utils.codeBlockLowlight,
+    enableTabIndentation: true,
+    HTMLAttributes: {
+        class: `${utils.GITHUB_CODE_BLOCK_CLASS} ${utils.codeBlockThemeClassName(utils.DEFAULT_CODE_BLOCK_THEME)} not-prose my-4 overflow-x-auto rounded-lg border px-4 py-3 font-mono text-[13px] leading-6`,
+    },
+});
+function findCodeBlockAtSelection(state) {
+    const codeBlockNodeType = state.schema.nodes.codeBlock;
+    if (!codeBlockNodeType)
+        return null;
+    const selectedNode = state.selection.node;
+    if ((selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type) === codeBlockNodeType) {
+        return {
+            node: selectedNode,
+            pos: state.selection.from,
+        };
+    }
+    const { $from } = state.selection;
+    for (let depth = $from.depth; depth > 0; depth -= 1) {
+        const node = $from.node(depth);
+        if (node.type === codeBlockNodeType) {
+            return {
+                node,
+                pos: $from.before(depth),
+            };
+        }
+    }
+    return null;
+}
+
+exports.CodeBlockLowlightBase = CodeBlockLowlightBase;

package/dist/cjs/components/ui/rich-editor/extensions/code-block/node-view.js

@@ -0,0 +1,63 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../../../../node_modules/@tiptap/react/dist/index.js');
+var utils$1 = require('./utils.js');
+var utils = require('../../../../../lib/utils.js');
+var check = require('../../../../../node_modules/lucide-react/dist/esm/icons/check.js');
+var clipboard = require('../../../../../node_modules/lucide-react/dist/esm/icons/clipboard.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function CodeBlockNodeView({ node, selected }) {
+    var _a, _b;
+    const languageAttr = (_a = node.attrs.language) !== null && _a !== void 0 ? _a : null;
+    const themeAttr = (_b = node.attrs.theme) !== null && _b !== void 0 ? _b : null;
+    const [copied, setCopied] = React__namespace.useState(false);
+    React__namespace.useEffect(() => {
+        if (!copied)
+            return;
+        const timeout = window.setTimeout(() => setCopied(false), 1500);
+        return () => window.clearTimeout(timeout);
+    }, [copied]);
+    const handleCopy = React__namespace.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const text = node.textContent || "";
+        if (!text.trim()) {
+            setCopied(false);
+            return;
+        }
+        try {
+            if (typeof navigator !== "undefined" && ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText)) {
+                yield navigator.clipboard.writeText(text);
+                setCopied(true);
+            }
+        }
+        catch (_b) {
+            setCopied(false);
+        }
+    }), [node]);
+    return (jsxRuntime.jsxs(index.NodeViewWrapper, { className: utils.cn(`${utils$1.GITHUB_CODE_BLOCK_CLASS} ${utils$1.codeBlockThemeClassName(themeAttr)} group relative my-4 overflow-hidden rounded-lg border`, selected ? "ring-2 ring-ring" : undefined), "data-drag-handle": true, children: [jsxRuntime.jsxs("button", { type: "button", className: "absolute right-2.5 top-2.5 z-10 inline-flex h-6 items-center gap-1 rounded-md border bg-background/95 px-1.5 text-[11px] font-medium text-foreground opacity-0 shadow-sm transition-opacity hover:bg-background focus-visible:opacity-100 group-hover:opacity-100 group-focus-within:opacity-100", onClick: handleCopy, "aria-label": copied ? "Copied" : "Copy code", children: [copied ? jsxRuntime.jsx(check.default, { className: "size-3.5" }) : jsxRuntime.jsx(clipboard.default, { className: "size-3.5" }), jsxRuntime.jsx("span", { children: copied ? "Copied" : "Copy" })] }), jsxRuntime.jsx("pre", { className: "m-0 overflow-x-auto bg-transparent px-4 py-3 text-[13px] leading-6", children: jsxRuntime.jsx(index.NodeViewContent, { className: utils.cn("hljs block min-h-[76px] w-full font-mono text-[13px] leading-6 focus:outline-none", languageAttr ? `language-${languageAttr}` : undefined) }) })] }));
+}
+
+exports.CodeBlockNodeView = CodeBlockNodeView;

package/dist/cjs/components/ui/rich-editor/extensions/code-block/utils.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var standalone = require('../../../../../node_modules/prettier/standalone.js');
+var index = require('../../../../../node_modules/lowlight/lib/index.js');
+var common = require('../../../../../node_modules/lowlight/lib/common.js');
+
+const CODE_BLOCK_LANGUAGE_OPTIONS = [
+    { value: "plaintext", label: "Plain text" },
+    { value: "javascript", label: "JavaScript" },
+    { value: "typescript", label: "TypeScript" },
+    { value: "jsx", label: "React (JSX)" },
+    { value: "tsx", label: "React (TSX)" },
+    { value: "nodejs", label: "Node.js" },
+    { value: "html", label: "HTML" },
+    { value: "angular", label: "Angular (HTML Template)" },
+    { value: "vue", label: "Vue" },
+    { value: "css", label: "CSS" },
+    { value: "scss", label: "SCSS" },
+    { value: "less", label: "LESS" },
+    { value: "json", label: "JSON" },
+    { value: "bash", label: "Bash / Shell" },
+    { value: "python", label: "Python" },
+    { value: "java", label: "Java" },
+    { value: "csharp", label: "C#" },
+    { value: "php", label: "PHP" },
+    { value: "markdown", label: "Markdown" },
+    { value: "yaml", label: "YAML" },
+];
+const CODE_BLOCK_THEME_OPTIONS = [
+    { value: "light", label: "Classic Light" },
+    { value: "midnight", label: "Midnight" },
+    { value: "dracula", label: "Dracula" },
+];
+const DEFAULT_CODE_BLOCK_THEME = "light";
+const LANGUAGE_ALIASES = {
+    plain: "plaintext",
+    text: "plaintext",
+    js: "javascript",
+    ts: "typescript",
+    react: "jsx",
+    reactjs: "jsx",
+    reacttsx: "tsx",
+    node: "nodejs",
+    "node.js": "nodejs",
+    sh: "bash",
+    shell: "bash",
+    py: "python",
+    cs: "csharp",
+    "c#": "csharp",
+    md: "markdown",
+    yml: "yaml",
+    xml: "html",
+};
+const ALLOWED_LANGUAGES = new Set(CODE_BLOCK_LANGUAGE_OPTIONS.map((option) => option.value));
+const ALLOWED_THEMES = new Set(CODE_BLOCK_THEME_OPTIONS.map((option) => option.value));
+const codeBlockLowlight = index.createLowlight(common.grammars);
+new Set(codeBlockLowlight.listLanguages());
+const GITHUB_CODE_BLOCK_CLASS = "gear-code-block-github";
+const resolveCodeBlockTheme = (theme) => {
+    if (!theme)
+        return DEFAULT_CODE_BLOCK_THEME;
+    const normalizedTheme = theme.trim().toLowerCase();
+    if (ALLOWED_THEMES.has(normalizedTheme)) {
+        return normalizedTheme;
+    }
+    return DEFAULT_CODE_BLOCK_THEME;
+};
+const codeBlockThemeClassName = (theme) => `gear-code-block-theme-${resolveCodeBlockTheme(theme)}`;
+const PRETTIER_CONFIG_BY_LANGUAGE = {
+    javascript: { parser: "babel", plugins: ["babel", "estree"] },
+    nodejs: { parser: "babel", plugins: ["babel", "estree"] },
+    jsx: { parser: "babel", plugins: ["babel", "estree"] },
+    typescript: { parser: "typescript", plugins: ["typescript", "estree"] },
+    tsx: { parser: "typescript", plugins: ["typescript", "estree"] },
+    json: { parser: "json", plugins: ["babel", "estree"] },
+    css: { parser: "css", plugins: ["postcss"] },
+    scss: { parser: "scss", plugins: ["postcss"] },
+    less: { parser: "less", plugins: ["postcss"] },
+    html: { parser: "html", plugins: ["html"] },
+    angular: { parser: "angular", plugins: ["html"] },
+    vue: { parser: "vue", plugins: ["html"] },
+    markdown: { parser: "markdown", plugins: ["markdown"] },
+    yaml: { parser: "yaml", plugins: ["yaml"] },
+};
+const PRETTIER_PLUGIN_LOADERS = {
+    babel: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/babel.js'); }),
+    typescript: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/typescript.js'); }),
+    estree: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/estree.js'); }),
+    postcss: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/postcss.js'); }),
+    html: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/html.js'); }),
+    markdown: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/markdown.js'); }),
+    yaml: () => Promise.resolve().then(function () { return require('../../../../../node_modules/prettier/plugins/yaml.js'); }),
+};
+const pluginCache = new Map();
+const loadPrettierPlugin = (pluginKey) => {
+    if (!pluginCache.has(pluginKey)) {
+        pluginCache.set(pluginKey, PRETTIER_PLUGIN_LOADERS[pluginKey]().then((module) => { var _a; return ((_a = module.default) !== null && _a !== void 0 ? _a : module); }));
+    }
+    return pluginCache.get(pluginKey);
+};
+const normalizeCode = (code) => code
+    .replace(/\r\n?/g, "\n")
+    .split("\n")
+    .map((line) => line.replace(/[ \t]+$/g, ""))
+    .join("\n")
+    .trimEnd();
+const resolveCodeBlockLanguage = (language) => {
+    var _a;
+    if (!language)
+        return null;
+    const normalizedLanguage = language.trim().toLowerCase();
+    const resolvedLanguage = (_a = LANGUAGE_ALIASES[normalizedLanguage]) !== null && _a !== void 0 ? _a : normalizedLanguage;
+    return ALLOWED_LANGUAGES.has(resolvedLanguage) ? resolvedLanguage : null;
+};
+const canPrettifyCodeLanguage = (language) => {
+    const resolvedLanguage = resolveCodeBlockLanguage(language);
+    return Boolean(resolvedLanguage && resolvedLanguage !== "plaintext");
+};
+const prettifyCode = (code, language) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+    const resolvedLanguage = resolveCodeBlockLanguage(language);
+    const normalizedCode = normalizeCode(code);
+    if (!resolvedLanguage || resolvedLanguage === "plaintext") {
+        return normalizedCode;
+    }
+    const prettierConfig = PRETTIER_CONFIG_BY_LANGUAGE[resolvedLanguage];
+    if (!prettierConfig) {
+        return normalizedCode;
+    }
+    try {
+        const plugins = yield Promise.all(prettierConfig.plugins.map(loadPrettierPlugin));
+        const formattedCode = yield standalone.format(normalizedCode, {
+            parser: prettierConfig.parser,
+            plugins,
+            printWidth: 100,
+            tabWidth: 2,
+            semi: true,
+            singleQuote: true,
+            trailingComma: "all",
+            bracketSpacing: true,
+            arrowParens: "always",
+        });
+        return formattedCode.trimEnd();
+    }
+    catch (_a) {
+        return normalizedCode;
+    }
+});
+
+exports.CODE_BLOCK_LANGUAGE_OPTIONS = CODE_BLOCK_LANGUAGE_OPTIONS;
+exports.CODE_BLOCK_THEME_OPTIONS = CODE_BLOCK_THEME_OPTIONS;
+exports.DEFAULT_CODE_BLOCK_THEME = DEFAULT_CODE_BLOCK_THEME;
+exports.GITHUB_CODE_BLOCK_CLASS = GITHUB_CODE_BLOCK_CLASS;
+exports.canPrettifyCodeLanguage = canPrettifyCodeLanguage;
+exports.codeBlockLowlight = codeBlockLowlight;
+exports.codeBlockThemeClassName = codeBlockThemeClassName;
+exports.prettifyCode = prettifyCode;
+exports.resolveCodeBlockLanguage = resolveCodeBlockLanguage;
+exports.resolveCodeBlockTheme = resolveCodeBlockTheme;