xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components-core/xmlui-parser.js

@@ -1,548 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.xmlUiMarkupToComponent = xmlUiMarkupToComponent;
-exports.errReportMessage = errReportMessage;
-exports.errReportComponent = errReportComponent;
-exports.errReportScriptError = errReportScriptError;
-exports.errReportModuleErrors = errReportModuleErrors;
-exports.createDocumentCursor = createDocumentCursor;
-const parser_1 = require("../parsers/xmlui-parser/parser");
-const transform_1 = require("../parsers/xmlui-parser/transform");
-const diagnostics_1 = require("../parsers/xmlui-parser/diagnostics");
-const syntax_kind_1 = require("../parsers/xmlui-parser/syntax-kind");
-const COLOR_DANGER_100 = "hsl(356, 100%, 91%)";
-const COLOR_DANGER_300 = "hsl(356, 100%, 70%)";
-const COLOR_PRIMARY = "hsl(204, 30.3%, 13%)";
-const COLOR_PRIMARY_LINE_NUMS = "#555b5e";
-const RADIUS = "0.5rem";
-function xmlUiMarkupToComponent(source, fileId = 0) {
-    const { parse, getText } = (0, parser_1.createXmlUiParser)(source);
-    const { node, errors } = parse();
-    if (errors.length > 0) {
-        const errorsForDisplay = addDisplayFieldsToErrors(errors, source);
-        const erroneousCompoundComponentName = getCompoundCompName(node, getText);
-        return { component: null, errors: errorsForDisplay, erroneousCompoundComponentName };
-    }
-    try {
-        const component = (0, transform_1.nodeToComponentDef)(node, getText, fileId);
-        const transformResult = { component, errors: [] };
-        return transformResult;
-    }
-    catch (e) {
-        const erroneousCompoundComponentName = getCompoundCompName(node, getText);
-        const singleErr = {
-            message: e.message,
-            errPosCol: 0,
-            errPosLine: 0,
-            code: diagnostics_1.ErrCodes.expEq,
-            category: diagnostics_1.DiagnosticCategory.Error,
-            pos: 0,
-            end: 0,
-            contextPos: 0,
-            contextEnd: 0,
-            contextSource: "",
-            contextStartLine: 0,
-        };
-        return {
-            component: null,
-            erroneousCompoundComponentName,
-            errors: [singleErr],
-        };
-    }
-}
-/** returns a component definition containing the errors.
- * It is a component and a compound component definition at the same time,
- * so that it can be used to render the errors for a compound component as well*/
-function createErrorMessageComponent(message) {
-    const comp = {
-        type: "VStack",
-        props: { padding: "$padding-normal", gap: 0 },
-        children: [
-            {
-                type: "H1",
-                props: {
-                    value: message,
-                    padding: "$padding-normal",
-                    backgroundColor: "$color-error",
-                    color: "white",
-                },
-            },
-        ],
-    };
-    return comp;
-}
-function errReportMessage(message) {
-    const comp = createErrorMessageComponent(message);
-    comp.component = createErrorMessageComponent(message);
-    return comp;
-}
-/** returns a component definition containing the errors.
- * It is a component and a compound component definition at the same time,
- * so that it can be used to render the errors for a compound component as well*/
-function createErrorReportComponent(errors, fileName) {
-    const errList = errors
-        .sort((a, b) => {
-        if (a.pos === undefined && b.pos === undefined) {
-            return 0;
-        }
-        else if (a.pos === undefined) {
-            return 1;
-        }
-        else if (b.pos === undefined) {
-            return -1;
-        }
-        else {
-            return a.pos - b.pos;
-        }
-    })
-        .map((e, idx) => {
-        // Calculate relative positions within context
-        const errorStartInContext = e.pos - e.contextPos;
-        const errorEndInContext = e.end - e.contextPos;
-        // Split context source into lines and process each line
-        const contextLines = e.contextSource.split("\n");
-        let currentPos = 0;
-        // Calculate padding for line numbers to maintain alignment
-        const lastLineNumber = e.contextStartLine + contextLines.length - 1;
-        const maxDigits = lastLineNumber.toString().length;
-        const contextChildren = [];
-        for (let lineIdx = 0; lineIdx < contextLines.length; lineIdx++) {
-            const line = contextLines[lineIdx];
-            const lineNumber = e.contextStartLine + lineIdx;
-            const paddedLineNumber = lineNumber.toString().padStart(maxDigits, "0");
-            const linePrefix = `${paddedLineNumber} | `;
-            // Check if error spans this line
-            const lineStart = currentPos;
-            const lineEnd = currentPos + line.length;
-            const lineChildren = [
-                {
-                    type: "Theme",
-                    props: {},
-                    children: [
-                        {
-                            type: "Text",
-                            props: {
-                                value: linePrefix,
-                                fontFamily: "monospace",
-                                color: COLOR_PRIMARY_LINE_NUMS,
-                            },
-                        },
-                    ],
-                },
-                ,
-            ];
-            if (errorStartInContext >= lineStart && errorStartInContext < lineEnd) {
-                // Error starts on this line
-                const beforeError = line.substring(0, errorStartInContext - lineStart);
-                const errorInLine = line.substring(errorStartInContext - lineStart, Math.min(errorEndInContext - lineStart, line.length));
-                const afterError = line.substring(Math.min(errorEndInContext - lineStart, line.length));
-                if (beforeError) {
-                    lineChildren.push({
-                        type: "Text",
-                        props: {
-                            value: beforeError,
-                            fontFamily: "monospace",
-                        },
-                    });
-                }
-                if (errorInLine) {
-                    lineChildren.push({
-                        type: "Text",
-                        props: {
-                            value: errorInLine,
-                            fontFamily: "monospace",
-                            textDecorationLine: "underline",
-                            textDecorationColor: "$color-error",
-                            backgroundColor: COLOR_DANGER_100,
-                        },
-                    });
-                }
-                if (afterError) {
-                    lineChildren.push({
-                        type: "Text",
-                        props: {
-                            value: afterError,
-                            fontFamily: "monospace",
-                        },
-                    });
-                }
-            }
-            else if (errorStartInContext < lineStart && errorEndInContext > lineEnd) {
-                // Entire line is within error span
-                lineChildren.push({
-                    type: "Text",
-                    props: {
-                        value: line,
-                        fontFamily: "monospace",
-                        textDecorationLine: "underline",
-                        textDecorationColor: "$color-error",
-                        backgroundColor: COLOR_DANGER_100,
-                    },
-                });
-            }
-            else if (errorStartInContext < lineStart &&
-                errorEndInContext >= lineStart &&
-                errorEndInContext < lineEnd) {
-                // Error ends on this line
-                const errorInLine = line.substring(0, errorEndInContext - lineStart);
-                const afterError = line.substring(errorEndInContext - lineStart);
-                if (errorInLine) {
-                    lineChildren.push({
-                        type: "Text",
-                        props: {
-                            value: errorInLine,
-                            fontFamily: "monospace",
-                            textDecorationLine: "underline",
-                            textDecorationColor: "$color-error",
-                            backgroundColor: COLOR_DANGER_100,
-                        },
-                    });
-                }
-                if (afterError) {
-                    lineChildren.push({
-                        type: "Text",
-                        props: {
-                            value: afterError,
-                            fontFamily: "monospace",
-                        },
-                    });
-                }
-            }
-            else if (lineEnd === errorStartInContext && errorStartInContext === errorEndInContext) {
-                // Zero-length error span - insert visible vertical bar
-                lineChildren.push({
-                    type: "Text",
-                    props: {
-                        value: line,
-                        fontFamily: "monospace",
-                    },
-                });
-                lineChildren.push({
-                    type: "Text",
-                    props: {
-                        value: " ",
-                        preserveLinebreaks: true,
-                        textDecorationLine: "underline",
-                        fontFamily: "monospace",
-                        fontWeight: "bold",
-                        backgroundColor: COLOR_DANGER_100,
-                        color: "$color-error",
-                    },
-                });
-            }
-            else {
-                // No error on this line
-                lineChildren.push({
-                    type: "Text",
-                    props: {
-                        value: line,
-                        fontFamily: "monospace",
-                    },
-                });
-            }
-            contextChildren.push({
-                type: "HStack",
-                props: { gap: "0" },
-                children: lineChildren,
-            });
-            currentPos = lineEnd + 1; // +1 for newline character
-        }
-        const errMsgComponenet = {
-            type: "Text",
-            children: [
-                {
-                    type: "Text",
-                    props: {
-                        value: `#${idx + 1}: ${fileName} (${e.errPosLine}:${e.errPosCol}):`,
-                        // color: "hsl(204, 30.3%, 27%)",
-                    },
-                },
-                {
-                    type: "Text",
-                    props: {
-                        value: ` ${e.message}`,
-                        fontWeight: "bold",
-                    },
-                },
-            ],
-        };
-        const context = {
-            type: "HStack",
-            props: {
-                width: "100%",
-            },
-            children: [
-                {
-                    type: "VStack",
-                    props: {
-                        gap: "0",
-                        padding: "$padding-normal",
-                        backgroundColor: "$color-surface-variant",
-                    },
-                    children: contextChildren,
-                },
-            ],
-        };
-        const errComponent = {
-            type: "VStack",
-            props: {
-                gap: "$gap-none",
-                padding: "16px",
-                backgroundColor: "white",
-                borderRadius: RADIUS,
-            },
-            children: [errMsgComponenet],
-        };
-        if (!(e.contextSource === "" && e.pos === 0 && e.end === 0)) {
-            errComponent.children.push(context);
-        }
-        return errComponent;
-    });
-    const comp = {
-        type: "Theme",
-        props: {
-            "textColor-primary": COLOR_PRIMARY,
-        },
-        children: [
-            {
-                type: "VStack",
-                props: {
-                    padding: "16px 32px 16px 38px",
-                    gap: 0,
-                    backgroundColor: COLOR_DANGER_100,
-                    margin: "10px",
-                    border: "2px solid " + COLOR_DANGER_300,
-                    borderRadius: RADIUS,
-                },
-                children: [
-                    {
-                        type: "HStack",
-                        props: {
-                            verticalAlignment: "center",
-                            marginLeft: "-34px",
-                            padding: "0px 0px 15px 0px",
-                            gap: "4px",
-                        },
-                        children: [
-                            {
-                                type: "Icon",
-                                props: {
-                                    name: "error",
-                                    size: "30px",
-                                    color: "$color-error",
-                                },
-                            },
-                            {
-                                type: "H2",
-                                props: {
-                                    value: `${errList.length} ${errList.length > 1 ? "errors" : "error"} while processing XMLUI markup`,
-                                    fontWeight: "bold",
-                                    showAnchor: false,
-                                },
-                            },
-                        ],
-                    },
-                    {
-                        type: "VStack",
-                        props: {
-                            padding: "$padding-none",
-                            gap: "16px",
-                        },
-                        children: errList,
-                    },
-                ],
-            },
-        ],
-    };
-    return comp;
-}
-function errReportComponent(errors, fileName, compoundCompName) {
-    const comp = createErrorReportComponent(errors, fileName);
-    comp.name = compoundCompName;
-    comp.component = createErrorReportComponent(errors, fileName);
-    return comp;
-}
-/** returns a component definition containing the errors.
- * It is a component and a compound component definition at the same time,
- * so that it can be used to render the errors for a compound component as well*/
-function createScriptErrorComponent(error, fileName) {
-    const comp = {
-        type: "VStack",
-        props: { padding: "$padding-normal", gap: 0 },
-        children: [
-            {
-                type: "H1",
-                props: {
-                    value: `An error found while processing XMLUI code-behind script`,
-                    padding: "$padding-normal",
-                    backgroundColor: "$color-error",
-                    color: "white",
-                },
-            },
-            {
-                type: "VStack",
-                props: {
-                    gap: "$gap-tight",
-                    padding: "$padding-normal",
-                },
-                children: [
-                    {
-                        type: "HStack",
-                        props: { gap: "0" },
-                        children: [
-                            {
-                                type: "Text",
-                                props: {
-                                    value: `${fileName} (${error.line}:${error.column}):\xa0`,
-                                    color: "$color-info",
-                                },
-                            },
-                            {
-                                type: "Text",
-                                props: { value: ` ${error.text}`, fontWeight: "bold" },
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    };
-    return comp;
-}
-function errReportScriptError(error, fileName) {
-    const comp = createScriptErrorComponent(error, fileName);
-    comp.component = createScriptErrorComponent(error, fileName);
-    return comp;
-}
-/** returns a component definition containing the errors.
- * It is a component and a compound component definition at the same time,
- * so that it can be used to render the errors for a compound component as well*/
-function createModuleErrorsComponent(errors, fileName) {
-    const errList = [];
-    let idx = 1;
-    Object.keys(errors).map((key) => {
-        const e = errors[key];
-        for (let err of e) {
-            errList.push({
-                type: "VStack",
-                props: { gap: "0px" },
-                children: [
-                    {
-                        type: "HStack",
-                        props: { gap: "0" },
-                        children: [
-                            {
-                                type: "Text",
-                                props: {
-                                    value: `#${idx++}: ${fileName} (${err.line}:${err.column}):\xa0`,
-                                    color: "$color-info",
-                                },
-                            },
-                            {
-                                type: "Text",
-                                props: { value: ` ${err.text}`, fontWeight: "bold" },
-                            },
-                        ],
-                    },
-                ],
-            });
-        }
-    });
-    const comp = {
-        type: "VStack",
-        props: { padding: "$padding-normal", gap: 0 },
-        children: [
-            {
-                type: "H1",
-                props: {
-                    value: `${errList.length} ${errList.length > 1 ? "Errors" : "Error"} found while processing XMLUI code-behind script`,
-                    padding: "$padding-normal",
-                    backgroundColor: "$color-error",
-                    color: "white",
-                },
-            },
-            {
-                type: "VStack",
-                props: {
-                    gap: "$gap-tight",
-                    padding: "$padding-normal",
-                },
-                children: errList,
-            },
-        ],
-    };
-    return comp;
-}
-function errReportModuleErrors(errors, fileName) {
-    const comp = createModuleErrorsComponent(errors, fileName);
-    comp.component = createModuleErrorsComponent(errors, fileName);
-    return comp;
-}
-function getCompoundCompName(node, getText) {
-    var _a, _b, _c, _d, _e, _f;
-    const rootTag = (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a[0];
-    const rootTagNameTokens = (_c = (_b = rootTag === null || rootTag === void 0 ? void 0 : rootTag.children) === null || _b === void 0 ? void 0 : _b.find((c) => c.kind === syntax_kind_1.SyntaxKind.TagNameNode)) === null || _c === void 0 ? void 0 : _c.children;
-    const rootTagName = rootTagNameTokens === null || rootTagNameTokens === void 0 ? void 0 : rootTagNameTokens[rootTagNameTokens.length - 1];
-    if (rootTagName === undefined || getText(rootTagName) !== "Component") {
-        return undefined;
-    }
-    const attrs = (_e = (_d = rootTag.children) === null || _d === void 0 ? void 0 : _d.find((c) => c.kind === syntax_kind_1.SyntaxKind.AttributeListNode)) === null || _e === void 0 ? void 0 : _e.children;
-    const nameAttrTokens = (_f = attrs === null || attrs === void 0 ? void 0 : attrs.find((c) => c.kind === syntax_kind_1.SyntaxKind.AttributeNode && getText(c === null || c === void 0 ? void 0 : c.children[0]) === "name")) === null || _f === void 0 ? void 0 : _f.children;
-    const nameValueToken = nameAttrTokens === null || nameAttrTokens === void 0 ? void 0 : nameAttrTokens[nameAttrTokens.length - 1];
-    if (nameValueToken !== undefined && nameValueToken.kind === syntax_kind_1.SyntaxKind.StringLiteral) {
-        const strLit = getText(nameValueToken);
-        return strLit.substring(1, strLit.length - 1);
-    }
-    return undefined;
-}
-function addDisplayFieldsToErrors(errors, source) {
-    const { offsetToPosForDisplay } = createDocumentCursor(source);
-    return errors.map((err) => {
-        const { line: errPosLine, character: errPosCol } = offsetToPosForDisplay(err.pos);
-        const { line: contextStartLine } = offsetToPosForDisplay(err.contextPos);
-        return Object.assign(Object.assign({}, err), { errPosLine,
-            errPosCol,
-            contextStartLine, contextSource: source.substring(err.contextPos, err.contextEnd) });
-    });
-}
-function createDocumentCursor(text) {
-    const newlinePositions = [];
-    for (let i = 0; i < text.length; ++i) {
-        if (text[i] === "\n") {
-            newlinePositions.push(i);
-        }
-    }
-    return {
-        offsetToPos,
-        offsetToPosForDisplay,
-    };
-    /**
-     * Converts a position in a string to 0 based line and column number.
-     * @param offset the 0 based offset into the string
-     */
-    function offsetToPos(offset) {
-        let left = 0;
-        let right = newlinePositions.length;
-        while (left < right) {
-            const mid = Math.floor((left + right) / 2);
-            if (newlinePositions[mid] < offset) {
-                left = mid + 1;
-            }
-            else {
-                right = mid;
-            }
-        }
-        let col = left === 0 ? offset : offset - newlinePositions[left - 1] - 1;
-        return { line: left, character: col };
-    }
-    /**
-     * Converts a position in a string to base 1 line and column number.
-     * @param offset the 0 based offset into the string
-     */
-    function offsetToPosForDisplay(offset) {
-        let pos = offsetToPos(offset);
-        pos.line += 1;
-        pos.character += 1;
-        return pos;
-    }
-}

package/dist/scripts/src/index-standalone.js

@@ -1,61 +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 });
-const react_1 = __importDefault(require("react"));
-const jsx_runtime_1 = __importDefault(require("react/jsx-runtime"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const StandaloneApp_1 = require("./components-core/StandaloneApp");
-const StandaloneExtensionManager_1 = __importDefault(require("./components-core/StandaloneExtensionManager"));
-const xmluiExports = __importStar(require("./index"));
-const Xmlui = new StandaloneExtensionManager_1.default();
-document.addEventListener('DOMContentLoaded', function () {
-    if (!document.getElementById("root")) {
-        // Your existing code unmodified...
-        const div = document.createElement('div');
-        div.id = 'root';
-        document.getElementsByTagName('body')[0].appendChild(div);
-    }
-    (0, StandaloneApp_1.startApp)(undefined, undefined, Xmlui);
-});
-window.React = react_1.default;
-// @ts-ignore
-window.jsxRuntime = jsx_runtime_1.default;
-window.ReactDOM = react_dom_1.default;
-// Export everything from index.ts plus the standalone extension manager
-const standaloneExports = Object.assign(Object.assign({}, xmluiExports), { standalone: Xmlui });
-exports.default = standaloneExports;