xmlui 0.9.10 → 0.9.11

package/dist/scripts/src/components-core/devtools/DevTools.js

@@ -1,225 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevTools = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("react");
-const react_rnd_1 = require("react-rnd");
-const ThemeContext_1 = require("../theming/ThemeContext");
-const react_dom_1 = require("react-dom");
-const InspectorContext_1 = require("../InspectorContext");
-const ButtonNative_1 = require("../../components/Button/ButtonNative");
-const DevTools_module_scss_1 = __importDefault(require("./DevTools.module.scss"));
-const react_tabs_1 = require("@radix-ui/react-tabs");
-const bi_1 = require("react-icons/bi");
-const DropdownMenu = __importStar(require("@radix-ui/react-dropdown-menu"));
-const hi_1 = require("react-icons/hi");
-const hi2_1 = require("react-icons/hi2");
-const IconNative_1 = __importDefault(require("../../components/Icon/IconNative"));
-const loader_1 = __importDefault(require("@monaco-editor/loader"));
-const grammar_monacoLanguage_1 = require("../../syntax/monaco/grammar.monacoLanguage");
-const xmluiscript_monacoLanguage_1 = require("../../syntax/monaco/xmluiscript.monacoLanguage");
-const xmlui_light_1 = __importDefault(require("../../syntax/monaco/xmlui-light"));
-const xmlui_dark_1 = __importDefault(require("../../syntax/monaco/xmlui-dark"));
-const DevTools = ({ setIsOpen, node }) => {
-    var _a;
-    const [side, setSide] = (0, react_2.useState)("bottom");
-    const { root, activeThemeTone } = (0, ThemeContext_1.useTheme)();
-    const { setDevToolsSize, setDevToolsSide } = (0, InspectorContext_1.useDevTools)();
-    const [copied, setCopied] = (0, react_2.useState)(false);
-    const monacoEditorInstance = (0, react_1.useRef)(null);
-    const editorRef = (0, react_1.useRef)(null);
-    const [activeTab, setActiveTab] = (0, react_2.useState)("code");
-    const monacoSetupDone = (0, react_1.useRef)(false);
-    const copyToClipboard = () => {
-        var _a;
-        setCopied(true);
-        if (monacoEditorInstance === null || monacoEditorInstance === void 0 ? void 0 : monacoEditorInstance.current) {
-            const code = (_a = monacoEditorInstance === null || monacoEditorInstance === void 0 ? void 0 : monacoEditorInstance.current) === null || _a === void 0 ? void 0 : _a.getValue();
-            navigator.clipboard.writeText(code);
-        }
-    };
-    const { sources } = (0, react_1.useContext)(InspectorContext_1.InspectorContext);
-    const value = (0, react_1.useMemo)(() => {
-        var _a;
-        const compSrc = (_a = node.debug) === null || _a === void 0 ? void 0 : _a.source;
-        if (!compSrc) {
-            return "";
-        }
-        if (!sources) {
-            return "";
-        }
-        const { start, end, fileId } = compSrc;
-        const slicedSrc = sources[fileId].slice(start, end);
-        let dropEmptyLines = true;
-        const prunedLines = [];
-        let trimBeginCount = undefined;
-        slicedSrc.split("\n").forEach((line) => {
-            if (line.trim() === "" && dropEmptyLines) {
-                //drop empty lines from the beginning
-                return;
-            }
-            else {
-                dropEmptyLines = false;
-                prunedLines.push(line);
-                const startingWhiteSpaces = line.search(/\S|$/);
-                if (line.trim() !== "" &&
-                    (trimBeginCount === undefined || startingWhiteSpaces < trimBeginCount)) {
-                    trimBeginCount = startingWhiteSpaces;
-                }
-            }
-        });
-        return prunedLines.map((line) => line.slice(trimBeginCount)).join("\n");
-    }, [(_a = node.debug) === null || _a === void 0 ? void 0 : _a.source, sources]);
-    (0, react_1.useEffect)(() => {
-        if (activeTab === "code") {
-            if (monacoEditorInstance.current) {
-                monacoEditorInstance.current.layout();
-            }
-            else if (editorRef.current) {
-                loader_1.default.init().then((monaco) => {
-                    if (!editorRef.current || monacoEditorInstance.current)
-                        return;
-                    if (!monacoSetupDone.current) {
-                        monaco.languages.register({ id: grammar_monacoLanguage_1.XmluiGrammar.id });
-                        monaco.languages.setMonarchTokensProvider(grammar_monacoLanguage_1.XmluiGrammar.id, grammar_monacoLanguage_1.XmluiGrammar.language);
-                        monaco.languages.setLanguageConfiguration(grammar_monacoLanguage_1.XmluiGrammar.id, grammar_monacoLanguage_1.XmluiGrammar.config);
-                        monaco.languages.register({ id: xmluiscript_monacoLanguage_1.XmluiScripGrammar.id });
-                        monaco.languages.setMonarchTokensProvider(xmluiscript_monacoLanguage_1.XmluiScripGrammar.id, xmluiscript_monacoLanguage_1.XmluiScripGrammar.language);
-                        monaco.languages.setLanguageConfiguration(xmluiscript_monacoLanguage_1.XmluiScripGrammar.id, xmluiscript_monacoLanguage_1.XmluiScripGrammar.config);
-                        monaco.editor.defineTheme("xmlui-light", xmlui_light_1.default);
-                        monaco.editor.defineTheme("xmlui-dark", xmlui_dark_1.default);
-                        monacoSetupDone.current = true;
-                    }
-                    monaco.editor.setTheme(activeThemeTone === "dark" ? "xmlui-dark" : "xmlui-light");
-                    monacoEditorInstance.current = monaco.editor.create(editorRef.current, {
-                        value,
-                        language: "xmlui",
-                        readOnly: true,
-                        scrollBeyondLastLine: false,
-                        overviewRulerLanes: 0,
-                        hideCursorInOverviewRuler: true,
-                        minimap: { enabled: false },
-                        padding: {
-                            top: 10,
-                            bottom: 10
-                        }
-                    });
-                });
-            }
-        }
-        return () => {
-            if (monacoEditorInstance.current) {
-                monacoEditorInstance.current.dispose();
-                monacoEditorInstance.current = null;
-            }
-        };
-    }, [activeTab, activeThemeTone, value]);
-    const getInitialSize = (0, react_1.useCallback)(() => {
-        switch (side) {
-            case "bottom":
-                return { width: window.innerWidth, height: 300 };
-            case "left":
-            case "right":
-                return { width: 400, height: window.innerHeight };
-            default:
-                return { width: 300, height: 300 };
-        }
-    }, [side]);
-    const getInitialPosition = (0, react_1.useCallback)(() => {
-        switch (side) {
-            case "bottom":
-                return { x: 0, y: window.innerHeight - 300 };
-            case "left":
-                return { x: 0, y: 0 };
-            case "right":
-                return { x: window.innerWidth - 400, y: 0 };
-            default:
-                return { x: 0, y: 0 };
-        }
-    }, [side]);
-    const [size, setSize] = (0, react_2.useState)(getInitialSize());
-    const [position, setPosition] = (0, react_2.useState)(getInitialPosition());
-    (0, react_1.useEffect)(() => {
-        if ((monacoEditorInstance === null || monacoEditorInstance === void 0 ? void 0 : monacoEditorInstance.current) && activeTab === "code") {
-            monacoEditorInstance.current.layout();
-        }
-    }, [activeTab, size, position]);
-    (0, react_1.useEffect)(() => {
-        const handleResize = () => {
-            setSize(getInitialSize());
-            setPosition(getInitialPosition());
-        };
-        window.addEventListener("resize", handleResize);
-        return () => window.removeEventListener("resize", handleResize);
-    }, [getInitialPosition, getInitialSize, side]);
-    (0, react_1.useEffect)(() => {
-        setPosition(getInitialPosition());
-        setSize(getInitialSize());
-    }, [getInitialPosition, getInitialSize]);
-    (0, react_1.useEffect)(() => {
-        setDevToolsSide(side);
-        if (side === "bottom") {
-            setDevToolsSize(size.height);
-        }
-        else {
-            setDevToolsSize(size.width);
-        }
-    }, [setDevToolsSide, setDevToolsSize, side, size]);
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(react_rnd_1.Rnd, { className: DevTools_module_scss_1.default.wrapper, size: size, position: position, disableDragging: true, enableResizing: {
-            top: side === "bottom",
-            right: side === "left",
-            left: side === "right",
-        }, minWidth: 300, minHeight: 200, maxWidth: window.innerWidth, maxHeight: window.innerHeight, onDragStop: (e, d) => {
-            setPosition({ x: d.x, y: d.y });
-        }, onResizeStop: (e, direction, ref, delta, position) => {
-            setSize({
-                width: ref.offsetWidth,
-                height: ref.offsetHeight,
-            });
-            setPosition(position);
-        }, bounds: "window", children: (0, jsx_runtime_1.jsxs)(react_tabs_1.Root, { defaultValue: "code", className: DevTools_module_scss_1.default.tabs, style: { width: "100%", height: "100%" }, onValueChange: setActiveTab, children: [(0, jsx_runtime_1.jsxs)(react_tabs_1.List, { className: DevTools_module_scss_1.default.list, children: [(0, jsx_runtime_1.jsxs)("div", { className: DevTools_module_scss_1.default.tabItems, children: [(0, jsx_runtime_1.jsx)(react_tabs_1.Trigger, { value: "code", children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", children: "Code" }) }), (0, jsx_runtime_1.jsx)(react_tabs_1.Trigger, { value: "console", children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", children: "Console" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: DevTools_module_scss_1.default.actions, children: [(0, jsx_runtime_1.jsxs)(DropdownMenu.Root, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu.Trigger, { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "xs", children: (0, jsx_runtime_1.jsx)(hi_1.HiOutlineDotsVertical, { color: "currentColor" }) }) }), (0, jsx_runtime_1.jsx)(DropdownMenu.Portal, { container: root, children: (0, jsx_runtime_1.jsx)(DropdownMenu.Content, { className: DevTools_module_scss_1.default.menu, children: (0, jsx_runtime_1.jsxs)(DropdownMenu.Item, { className: DevTools_module_scss_1.default.menuItem, children: ["Dock side", (0, jsx_runtime_1.jsxs)("div", { className: DevTools_module_scss_1.default.sideButtons, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { style: { padding: 8 }, onClick: () => {
-                                                                        setSide("left");
-                                                                    }, variant: "ghost", children: (0, jsx_runtime_1.jsx)(bi_1.BiDockLeft, { color: "currentColor", size: 16 }) }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { style: { padding: 8 }, onClick: () => {
-                                                                        setSide("bottom");
-                                                                    }, variant: "ghost", children: (0, jsx_runtime_1.jsx)(bi_1.BiDockBottom, { color: "currentColor", size: 16 }) }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { style: { padding: 8 }, onClick: () => {
-                                                                        setSide("right");
-                                                                    }, variant: "ghost", children: (0, jsx_runtime_1.jsx)(bi_1.BiDockRight, { color: "currentColor", size: 16 }) })] })] }) }) })] }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { onClick: () => setIsOpen(false), size: "xs", variant: "ghost", icon: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: "close" }) })] })] }), (0, jsx_runtime_1.jsxs)(react_tabs_1.Content, { value: "code", className: DevTools_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)("div", { ref: editorRef, className: DevTools_module_scss_1.default.xmluiEditor }), (0, jsx_runtime_1.jsx)("div", { className: DevTools_module_scss_1.default.copyButton, children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { onClick: copyToClipboard, variant: "solid", themeColor: "secondary", style: { padding: 8 }, size: "sm", children: copied ? ((0, jsx_runtime_1.jsx)(hi2_1.HiOutlineClipboardDocumentCheck, { size: 16 })) : ((0, jsx_runtime_1.jsx)(hi2_1.HiOutlineClipboardDocument, { size: 16 })) }) })] }), (0, jsx_runtime_1.jsx)(react_tabs_1.Content, { value: "console", className: DevTools_module_scss_1.default.content, children: "Debug console" })] }) }), root);
-};
-exports.DevTools = DevTools;

package/dist/scripts/src/syntax/monaco/grammar.monacoLanguage.js

@@ -1,286 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XmluiGrammar = void 0;
-exports.XmluiGrammar = {
-    id: "xmlui",
-    config: {
-        comments: {
-            blockComment: ["<!--", "-->"],
-        },
-        brackets: [["<", ">"]],
-        autoClosingPairs: [
-            { open: "<", close: ">" },
-            { open: "'", close: "'" },
-            { open: '"', close: '"' },
-            { open: "`", close: "`" },
-        ],
-        surroundingPairs: [
-            { open: "<", close: ">" },
-            { open: "'", close: "'" },
-            { open: '"', close: '"' },
-            { open: "`", close: "`" },
-        ],
-    },
-    language: {
-        defaultToken: "",
-        tokenPostfix: ".xmlui",
-        ignoreCase: false,
-        identifier: /[a-zA-Z$_][-\w.$]*/,
-        tokenizer: {
-            root: [
-                { include: "@commentStart" },
-                { include: "@helperTag" },
-                { include: "@componentTagStart" },
-                { include: "@escapeCharacter" },
-                { include: "@textWithBindingExpr" },
-                { include: "@entity" },
-                { include: "@cdataStart" },
-            ],
-            helperTag: [
-                { include: "@scriptTagStart" },
-                { include: "@eventTagStart" },
-                { include: "@apiTagStart" },
-                { include: "@methodTagStart" },
-                { include: "@propOrVarTagStart" },
-            ],
-            eventTagStart: [
-                [
-                    /(<)((?:[a-zA-Z_][\w\.\-]*?:)?)(event)/,
-                    ["delimiter.angle", "namespace", { token: "tag-event", next: "@eventTag" }],
-                ],
-            ],
-            eventTag: [
-                { include: "@commentStart" },
-                { include: "@valueAttributeScriptInsideStart" },
-                { include: "@attributeStart" },
-                [/\/>/, "delimiter.angle", "@pop"],
-                [
-                    /(<\/)(event)(\s*>)/,
-                    ["delimiter.angle", "tag-event", { token: "delimiter.angle", next: "@pop" }],
-                ],
-                [/>/, { token: "delimiter.angle", next: "@eventTagContent" }],
-            ],
-            eventTagContent: [
-                { include: "commentStart" },
-                { include: "componentTagStart" },
-                [
-                    /[^<]/,
-                    { token: "@rematch", next: "@eventTagScriptContent", nextEmbedded: "xmluiscript" },
-                ],
-                [/<\/event\s*>/, { token: "@rematch", next: "@pop" }],
-            ],
-            eventTagScriptContent: [
-                [/<\/event\s*>/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^<]/, ""],
-            ],
-            methodTagStart: [
-                [
-                    /(<)((?:[a-zA-Z_][\w\.\-]*?:)?)(method)/,
-                    ["delimiter.angle", "namespace", { token: "tag-helper", next: "@methodTag" }],
-                ],
-            ],
-            methodTag: [
-                { include: "@commentStart" },
-                { include: "@valueAttributeScriptInsideStart" },
-                { include: "@attributeStart" },
-                [/\/>/, "delimiter.angle", "@pop"],
-                [
-                    />/,
-                    {
-                        token: "delimiter.angle",
-                        next: "@methodTagScriptContent",
-                        nextEmbedded: "xmluiscript",
-                    },
-                ],
-                [
-                    /(<\/)(method)(\s*>)/,
-                    ["delimiter.angle", "tag-helper", { token: "delimiter.angle", next: "@pop" }],
-                ],
-            ],
-            methodTagScriptContent: [
-                [/<\/method\s*>/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^</]/, ""],
-            ],
-            apiTagStart: [
-                [
-                    /(<)((?:[a-zA-Z_][\w\.\-]*?:)?)(api)/,
-                    ["delimiter.angle", "namespace", { token: "tag-helper", next: "@apiTag" }],
-                ],
-            ],
-            apiTag: [
-                { include: "@commentStart" },
-                { include: "@valueAttributeScriptInsideStart" },
-                { include: "@attributeStart" },
-                [/\/>/, "delimiter.angle", "@pop"],
-                [
-                    />/,
-                    { token: "delimiter.angle", next: "@apiTagScriptContent", nextEmbedded: "xmluiscript" },
-                ],
-                [
-                    /(<\/)(api)(\s*>)/,
-                    ["delimiter.angle", "tag-helper", { token: "delimiter.angle", next: "@pop" }],
-                ],
-            ],
-            apiTagScriptContent: [
-                [/<\/api\s*>/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^</]/, ""],
-            ],
-            valueAttributeScriptInsideStart: [
-                [
-                    /(^|\s+)(value)(\s*=)(['\"`])/,
-                    [
-                        "",
-                        "attribute",
-                        "operators",
-                        {
-                            cases: {
-                                "'": { token: "string", next: "@singleQuotedScript", nextEmbedded: "xmluiscript" },
-                                '"': { token: "string", next: "@doubleQuotedScript", nextEmbedded: "xmluiscript" },
-                                "`": {
-                                    token: "string",
-                                    next: "@backtickQuotedScript",
-                                    nextEmbedded: "xmluiscript",
-                                },
-                            },
-                        },
-                    ],
-                ],
-            ],
-            scriptTagStart: [
-                [
-                    /(<)(script\s*)(>)/,
-                    [
-                        "delimiter.angle",
-                        "tag-script",
-                        { token: "delimiter.angle", nextEmbedded: "xmluiscript", next: "@scriptTag" },
-                    ],
-                ],
-                [/(<\/)(script\s*)(>)/, ["delimiter.angle", "tag-script", "delimiter.angle"]],
-            ],
-            scriptTag: [
-                [/<\/script>/, { token: "@rematch", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^<]+/, ""],
-            ],
-            propOrVarTagStart: [
-                [
-                    /(<\/?)((?:[a-zA-Z_][\w\.\-]*?:)?)((?:property)|(?:prop)|(?:var))/,
-                    ["delimiter.angle", "namespace", { token: "tag-helper", next: "@propOrVarTag" }],
-                ],
-            ],
-            propOrVarTag: [
-                [/\/?>/, { token: "delimiter.angle", next: "@pop" }],
-                { include: "@commentStart" },
-                { include: "@attributeStart" },
-            ],
-            componentTagStart: [
-                [
-                    /(\s*<\/?)((?:[a-zA-Z_][\w\.\-]*?:)?)([A-Z][\w\.\-]*)/,
-                    ["delimiter.angle", "namespace", { token: "tag-component", next: "@componentTag" }],
-                ],
-            ],
-            componentTag: [
-                [/\/?>/, { token: "delimiter.angle", next: "@pop" }],
-                { include: "@commentStart" },
-                { include: "@eventHandler" },
-                { include: "@attributeStart" },
-            ],
-            eventHandler: [
-                [
-                    /(^|\s+)(on[A-Z][-\w.]*)(\s*=)(['\"`])/,
-                    [
-                        "",
-                        "attribute",
-                        "operators",
-                        {
-                            cases: {
-                                "'": { token: "string", next: "@singleQuotedScript", nextEmbedded: "xmluiscript" },
-                                '"': { token: "string", next: "@doubleQuotedScript", nextEmbedded: "xmluiscript" },
-                                "`": {
-                                    token: "string",
-                                    next: "@backtickQuotedScript",
-                                    nextEmbedded: "xmluiscript",
-                                },
-                            },
-                        },
-                    ],
-                ],
-            ],
-            doubleQuotedScript: [
-                [/"/, { token: "string", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^"]/, ""],
-            ],
-            singleQuotedScript: [
-                [/'/, { token: "string", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^']/, ""],
-            ],
-            backtickQuotedScript: [
-                [/`/, { token: "string", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^`]/, ""],
-            ],
-            attributeStart: [
-                [
-                    /(^|\s+)(@identifier(?::@identifier)?)(\s*=\s*)(['\"`])/,
-                    [
-                        "",
-                        "attribute",
-                        "operators",
-                        {
-                            cases: {
-                                "'": { token: "string", next: "@singleQuotedString" },
-                                '"': { token: "string", next: "@doubleQuotedString" },
-                                "`": { token: "string", next: "@backtickQuotedString" },
-                            },
-                        },
-                    ],
-                ],
-                [
-                    /(^|\s+)(@identifier(?::@identifier)?)(\s*=\s*)(@identifier)/,
-                    ["", "attribute", "operators", "string"],
-                ],
-                [/(^|\s+)(@identifier(?::@identifier)?)/, ["", "attribute"]],
-            ],
-            singleQuotedString: [
-                [/'/, "string", "@pop"],
-                { include: "@textWithBindingExpr" },
-                [/[^']/, "string"],
-            ],
-            doubleQuotedString: [
-                [/"/, "string", "@pop"],
-                { include: "@textWithBindingExpr" },
-                [/[^"]/, "string"],
-            ],
-            backtickQuotedString: [
-                [/`/, "string", "@pop"],
-                { include: "@textWithBindingExpr" },
-                [/[^`]/, "string"],
-            ],
-            textWithBindingExpr: [
-                { include: "@escapeCharacter" },
-                { include: "@entity" },
-                [/{/, { token: "delimiter.curly", next: "@bindingExpr", nextEmbedded: "xmluiscript" }],
-            ],
-            bindingExpr: [
-                [/}/, { token: "delimiter.curly", next: "@pop", nextEmbedded: "@pop" }],
-                [/[^}]+/, ""],
-            ],
-            cdataStart: [
-                [
-                    /(<!\[)(CDATA)(\[)/,
-                    ["delimiter.angle", "tag-cdata", { token: "delimiter.angle", next: "@cdata" }],
-                ],
-            ],
-            cdata: [
-                [/]]>/, "delimiter.angle", "@pop"],
-                [/./, "string"],
-            ],
-            commentStart: [[/<!--/, "comment", "@comment"]],
-            comment: [
-                [/[^<\-]+/, "comment.content"],
-                [/-->/, { token: "comment", next: "@pop" }],
-                [/[<\-]/, "comment.content"],
-            ],
-            escapeCharacter: [[/\\S/, "string.escape"]],
-            entity: [[/&(amp|lt|gt|quot|apos|nbsp);/, "string.escape"]],
-        },
-    },
-};

package/dist/scripts/src/syntax/monaco/xmlui-dark.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const darkTheme = {
-    base: "vs-dark",
-    inherit: true,
-    rules: [
-        { token: "comment", foreground: "#4E4E4E" },
-        { token: "comment.content", foreground: "#4E4E4E" },
-        { token: "tag-component", foreground: "#F07100" },
-        { token: "tag-event", foreground: "#3572F6" },
-        { token: "tag-helper", foreground: "#3572F6" },
-        { token: "attribute", foreground: "#C79B00" },
-        { token: "operators", foreground: "#7235C7" },
-        { token: "delimiter.angle", foreground: "#66748E" },
-        { token: "delimiter.curly", foreground: "#000000" },
-        { token: "string", foreground: "#497A48" },
-        { token: "tag-cdata", foreground: "#1BADFF" },
-        { token: "tag-script", foreground: "#0CA6A6" },
-        { token: "string.escape", foreground: "#1BB95A" },
-        { token: "constant", foreground: "#FF00E8" },
-    ],
-    colors: {
-        "editor.background": "#17232b",
-        "editor.foreground": "#497A48",
-    },
-};
-exports.default = darkTheme;

package/dist/scripts/src/syntax/monaco/xmlui-light.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const lightTheme = {
-    base: "vs",
-    inherit: true,
-    rules: [
-        { token: "comment", foreground: "#4E4E4E" },
-        { token: "comment.content", foreground: "#4E4E4E" },
-        { token: "tag-component", foreground: "#F07100" },
-        { token: "tag-event", foreground: "#3572F6" },
-        { token: "tag-helper", foreground: "#3572F6" },
-        { token: "attribute", foreground: "#C79B00" },
-        { token: "operators", foreground: "#7235C7" },
-        { token: "delimiter.angle", foreground: "#66748E" },
-        { token: "delimiter.curly", foreground: "#000000" },
-        { token: "string", foreground: "#497A48" },
-        { token: "tag-cdata", foreground: "#1BADFF" },
-        { token: "tag-script", foreground: "#0CA6A6" },
-        { token: "string.escape", foreground: "#1BB95A" },
-        { token: "constant", foreground: "#FF00E8" },
-    ],
-    colors: {
-        "editor.foreground": "#497A48",
-    },
-};
-exports.default = lightTheme;