xmlui 0.8.6 → 0.9.1

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-wd8FRzuM.mjs";
+import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-DUwwx3L4.mjs";
 export {
   A as AppRoot,
   B as Button,

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "xmlui",
-  "version": "0.8.6",
+  "version": "0.9.1",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",
-    "build:test-bed": "cd src/testing/infrastructure && xmlui build --build-mode=INLINE_ALL --withHostingMetaFiles",
+    "build:test-bed": "cd src/testing/infrastructure && xmlui build --build-mode=INLINE_ALL --withHostingMetaFiles --withMock",
     "build:bin": "tsc -p tsconfig.bin.json",
     "build:xmlui": "vite build --mode lib",
     "build:xmlui-standalone": "vite build --mode standalone",
@@ -18,10 +18,12 @@
     "test:e2e-smoke": "playwright test --project smoke",
     "test:e2e-ui": "npm run test:e2e -- --ui",
     "prepublishOnly": "clean-package && npm run build",
+    "cleanPackage": "clean-package",
     "postpublish": "clean-package restore",
     "generate-docs": "node scripts/generate-docs/get-docs.mjs",
     "prepare-docs-data": "npm run build:xmlui-metadata",
-    "generate-all-docs": "npm run build:xmlui-metadata && npm run build:ext-meta && npm run generate-docs"
+    "generate-all-docs": "npm run build:xmlui-metadata && npm run build:ext-meta && npm run generate-docs",
+    "export-themes": "npm run prepare-docs-data && node scripts/generate-docs/create-theme-files.mjs"
   },
   "dependencies": {
     "@eslint-community/regexpp": "4.10.0",
@@ -51,6 +53,7 @@
     "adm-zip": "0.5.10",
     "axios": "1.7.7",
     "chroma-js": "^3.1.2",
+    "classnames": "2.5.1",
     "cmdk": "^1.0.4",
     "color": "4.2.3",
     "date-fns": "2.30.0",
@@ -127,11 +130,12 @@
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-import": "2.28.1",
     "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-react": "7.33.2",
-    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "prettier": "^3.3.3",
     "rimraf": "6.0.1",
     "rollup-plugin-visualizer": "5.8.3",
+    "@rollup/pluginutils": "5.1.0",
     "serve": "14.2.0",
     "typescript": "5.7.3",
     "vite": "5.4.9",
@@ -228,7 +232,7 @@
     "url": "https://github.com/xmlui-com/xmlui.git"
   },
   "msw": {
-    "workerDirectory": "src/testing/infrastructure"
+    "workerDirectory": "src/testing/infrastructure/public"
   },
   "module": "./dist/xmlui.mjs",
   "types": "./dist/xmlui.d.ts"

package/dist/_commonjsHelpers-CcAunmGO.mjs

@@ -1,33 +0,0 @@
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-export {
-  getAugmentedNamespace as a,
-  commonjsGlobal as c,
-  getDefaultExportFromCjs as g
-};

package/dist/scripts/src/components-core/script-runner/ICustomOperations.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomOperationType = void 0;
-var CustomOperationType;
-(function (CustomOperationType) {
-    CustomOperationType[CustomOperationType["MemberAccess"] = 0] = "MemberAccess";
-    CustomOperationType[CustomOperationType["CalculatedMemberAccess"] = 1] = "CalculatedMemberAccess";
-    CustomOperationType[CustomOperationType["UnaryPlus"] = 2] = "UnaryPlus";
-    CustomOperationType[CustomOperationType["UnaryMinus"] = 3] = "UnaryMinus";
-    CustomOperationType[CustomOperationType["LogicalNot"] = 4] = "LogicalNot";
-    CustomOperationType[CustomOperationType["BitwiseNot"] = 5] = "BitwiseNot";
-    CustomOperationType[CustomOperationType["Multiply"] = 6] = "Multiply";
-    CustomOperationType[CustomOperationType["Divide"] = 7] = "Divide";
-    CustomOperationType[CustomOperationType["Remainder"] = 8] = "Remainder";
-    CustomOperationType[CustomOperationType["Add"] = 9] = "Add";
-    CustomOperationType[CustomOperationType["Subtract"] = 10] = "Subtract";
-    CustomOperationType[CustomOperationType["SignedRightShift"] = 11] = "SignedRightShift";
-    CustomOperationType[CustomOperationType["UnsignedRightShift"] = 12] = "UnsignedRightShift";
-    CustomOperationType[CustomOperationType["LeftShift"] = 13] = "LeftShift";
-    CustomOperationType[CustomOperationType["LessThan"] = 14] = "LessThan";
-    CustomOperationType[CustomOperationType["LessThanOrEqual"] = 15] = "LessThanOrEqual";
-    CustomOperationType[CustomOperationType["GreaterThan"] = 16] = "GreaterThan";
-    CustomOperationType[CustomOperationType["GreaterThanOrEqual"] = 17] = "GreaterThanOrEqual";
-    CustomOperationType[CustomOperationType["Equal"] = 18] = "Equal";
-    CustomOperationType[CustomOperationType["StrictEqual"] = 19] = "StrictEqual";
-    CustomOperationType[CustomOperationType["NotEqual"] = 20] = "NotEqual";
-    CustomOperationType[CustomOperationType["StrictNotEqual"] = 21] = "StrictNotEqual";
-    CustomOperationType[CustomOperationType["BitwiseAnd"] = 22] = "BitwiseAnd";
-    CustomOperationType[CustomOperationType["BitwiseXor"] = 23] = "BitwiseXor";
-    CustomOperationType[CustomOperationType["BitwiseOr"] = 24] = "BitwiseOr";
-    CustomOperationType[CustomOperationType["LogicalAnd"] = 25] = "LogicalAnd";
-    CustomOperationType[CustomOperationType["LogicalOr"] = 26] = "LogicalOr";
-    CustomOperationType[CustomOperationType["NullCoalesce"] = 27] = "NullCoalesce";
-})(CustomOperationType || (exports.CustomOperationType = CustomOperationType = {}));

package/dist/scripts/src/components-core/script-runner/custom-operations-registry.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customOperationsRegistry = void 0;
-/**
- * Represents a registry for custom operations
- */
-class CustomOperationsRegistry {
-    constructor() {
-        // --- Stores the register objects by their type ID
-        this._registry = new Map();
-    }
-    /**
-     * Registers the specified calculator
-     * @param key Custom data object type
-     * @param calculator Calculator instance
-     */
-    register(key, calculator) {
-        this._registry.set(key, calculator);
-    }
-    /**
-     * Gets the operation object for the specified type
-     * @param key Type key
-     * @return Operations object, if found; otherwise, undefined
-     */
-    getOperationsObjectByKey(key) {
-        return this._registry.get(key);
-    }
-    /**
-     * Gets all registered custom operations
-     */
-    getAllOperations() {
-        return new Map(this._registry);
-    }
-}
-// --- Register supported types
-const internalRegistry = new CustomOperationsRegistry();
-/**
- * The singleton instance of our registry
- */
-exports.customOperationsRegistry = internalRegistry;

package/dist/scripts/src/components-core/script-runner/custom-ui-data.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverflowInCalculationError = exports.UnexpectedTypeError = void 0;
-exports.isCustomUiData = isCustomUiData;
-/**
- * Type guard function for the CustomUiData type
- * @param data Object to guard
- */
-function isCustomUiData(data) {
-    return data._custom_data_type_ !== undefined;
-}
-/**
- * Base class for all custom UI data related errors
- */
-class CustomUiDataError extends Error {
-    constructor(message) {
-        super(message);
-        Object.setPrototypeOf(this, CustomUiDataError.prototype);
-    }
-}
-/**
- * This error is raised when an operation gets an unexpected type
- */
-class UnexpectedTypeError extends CustomUiDataError {
-    constructor(expectedType, detail) {
-        super(`You must use ${expectedType} with the operation${detail ? " (" + detail + ")" : ""}`);
-        Object.setPrototypeOf(this, UnexpectedTypeError.prototype);
-    }
-}
-exports.UnexpectedTypeError = UnexpectedTypeError;
-/**
- * This error is raised when an operation gets an unexpected type
- */
-class OverflowInCalculationError extends CustomUiDataError {
-    constructor(number) {
-        super(`The decimal ${number} is too large to be saved`);
-        Object.setPrototypeOf(this, OverflowInCalculationError.prototype);
-    }
-}
-exports.OverflowInCalculationError = OverflowInCalculationError;

package/dist/scripts/src/components-core/script-runner/syncProxy.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSyncProxy = getSyncProxy;
-const EngineError_1 = require("../EngineError");
-/**
- * Gets a proxy function for one that does not support async operations
- * @param fn Function to replace with a proxy
- * @param origArgs Original function arguments
- * @param context Function context ("this" of the function invocation)
- * @return The proxy, if found; otherwise the original function
- */
-function getSyncProxy(fn, origArgs, context) {
-    const proxyInfo = syncProxies.get(fn);
-    if (!proxyInfo)
-        return fn;
-    if (proxyInfo.validator) {
-        const message = proxyInfo.validator(origArgs);
-        if (message) {
-            throw new EngineError_1.StatementExecutionError(message);
-        }
-    }
-    origArgs.unshift(context);
-    return proxyInfo.proxyFn;
-}
-// Async implementations for JavaScript functions that do not support async arguments
-const syncProxies = new Map();
-syncProxies.set(Array.prototype.sort, { proxyFn: sortAborter });
-function sortAborter() {
-    throw new Error("The script engine does not support the sort() method as it " +
-        "sorts an array in-place. Use the toSorted() function instead.");
-}

package/dist/scripts/src/parsers/scripting/code-behind-collect.js

@@ -1,153 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PARSED_MARK_PROP = void 0;
-exports.collectCodeBehindFromSource = collectCodeBehindFromSource;
-exports.removeCodeBehindTokensFromTree = removeCodeBehindTokensFromTree;
-const tree_visitor_1 = require("./tree-visitor");
-const modules_1 = require("./modules");
-exports.PARSED_MARK_PROP = "__PARSED__";
-// --- Collect module statements from a parsed module
-function collectCodeBehindFromSource(moduleName, source, moduleResolver, moduleNameResolver) {
-    const result = {
-        vars: {},
-        moduleErrors: {},
-        functions: {},
-    };
-    const collectedFunctions = {};
-    // --- Parse the module (recursively, including imported modules) in restrictive mode
-    const parsedModule = (0, modules_1.parseScriptModule)(moduleName, source, moduleResolver, true);
-    if ((0, modules_1.isModuleErrors)(parsedModule)) {
-        return Object.assign(Object.assign({}, result), { moduleErrors: parsedModule });
-    }
-    const mainModuleResolvedName = moduleNameResolver(parsedModule.name);
-    // --- Collect statements from the module
-    parsedModule.statements.forEach((stmt) => {
-        switch (stmt.type) {
-            case "VarS":
-                stmt.declarations.forEach((decl) => {
-                    if (decl.id in result.vars) {
-                        throw new Error(`Duplicated var declaration: '${decl.id}'`);
-                    }
-                    result.vars[decl.id] = {
-                        [exports.PARSED_MARK_PROP]: true,
-                        source: decl.expression.source,
-                        tree: decl.expression,
-                    };
-                });
-                break;
-            case "FuncD":
-                addFunctionDeclaration(mainModuleResolvedName, stmt);
-                break;
-            case "ImportD":
-                // --- Do nothing
-                break;
-            default:
-                throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
-        }
-    });
-    collectFuncs(parsedModule);
-    return result;
-    /** TODO: this exposes all the functions that were imported by any imported module
-     * to the root module. Has the effect of imported functions beeing global to the root of the import tree.*/
-    function collectFuncs(currentModule) {
-        var _a, _b;
-        const resolvedModuleName = moduleNameResolver(currentModule.name);
-        if ((_a = collectedFunctions === null || collectedFunctions === void 0 ? void 0 : collectedFunctions[resolvedModuleName]) === null || _a === void 0 ? void 0 : _a.collectedImportsFrom) {
-            return;
-        }
-        for (const modName in currentModule.imports) {
-            const resolvedImportedModuleName = moduleNameResolver(modName);
-            // if (mainModuleResolvedName === resolvedImportedModuleName) {
-            //   continue;
-            // }
-            const mod = currentModule.imports[modName];
-            for (const obj of Object.values(mod)) {
-                if (obj.type === "FuncD") {
-                    addFunctionDeclaration(resolvedImportedModuleName, obj);
-                }
-            }
-        }
-        (_b = collectedFunctions[resolvedModuleName]) !== null && _b !== void 0 ? _b : (collectedFunctions[resolvedModuleName] = { collectedImportsFrom: true });
-        collectedFunctions[resolvedModuleName].collectedImportsFrom = true;
-        for (let nextModule of currentModule.importedModules) {
-            collectFuncs(nextModule);
-        }
-    }
-    // --- Collect function declaration data
-    function addFunctionDeclaration(resolvedModuleName, stmt) {
-        var _a, _b, _c, _d, _e, _f;
-        var _g;
-        if (((_b = (_a = collectedFunctions === null || collectedFunctions === void 0 ? void 0 : collectedFunctions[resolvedModuleName]) === null || _a === void 0 ? void 0 : _a.functions) === null || _b === void 0 ? void 0 : _b[stmt.name]) !== undefined) {
-            return;
-        }
-        if (stmt.name in result.functions) {
-            throw new Error(`Duplicated function declaration: '${stmt.name}'`);
-        }
-        const funcSource = stmt.args.length === 1
-            ? `${stmt.args[0].source} => ${stmt.statement.source}`
-            : `(${stmt.args.map((a) => a.source).join(", ")}) => ${stmt.statement.source}`;
-        const arrow = {
-            type: "ArrowE",
-            args: stmt.args.slice(),
-            statement: stmt.statement,
-            closureContext: (0, modules_1.obtainClosures)({
-                childThreads: [],
-                blocks: [{ vars: {} }],
-                loops: [],
-                breakLabelValue: -1,
-            }),
-        };
-        // --- Remove the circular reference from the function to its closure context
-        const functionSelf = (_d = (_c = arrow.closureContext[0]) === null || _c === void 0 ? void 0 : _c.vars) === null || _d === void 0 ? void 0 : _d[stmt.name];
-        if (functionSelf === null || functionSelf === void 0 ? void 0 : functionSelf.closureContext) {
-            delete functionSelf.closureContext;
-        }
-        (_e = collectedFunctions[resolvedModuleName]) !== null && _e !== void 0 ? _e : (collectedFunctions[resolvedModuleName] = { functions: {}, collectedImportsFrom: false });
-        (_f = (_g = collectedFunctions[resolvedModuleName]).functions) !== null && _f !== void 0 ? _f : (_g.functions = {});
-        collectedFunctions[resolvedModuleName].functions[stmt.name] = {
-            [exports.PARSED_MARK_PROP]: true,
-            source: funcSource,
-            tree: arrow,
-        };
-        result.functions[stmt.name] = {
-            [exports.PARSED_MARK_PROP]: true,
-            source: funcSource,
-            tree: arrow,
-        };
-    }
-}
-// --- Remove all code-behind tokens from the tree
-function removeCodeBehindTokensFromTree(declarations) {
-    if (!declarations)
-        return;
-    const state = {
-        data: null,
-        cancel: false,
-        skipChildren: false,
-    };
-    Object.keys(declarations.vars).forEach((key) => {
-        removeTokens(declarations.vars[key]);
-    });
-    Object.keys(declarations.functions).forEach((key) => {
-        removeTokens(declarations.functions[key]);
-    });
-    function removeTokens(declaration) {
-        const nodeVisitor = (before, visited, state) => {
-            if (before) {
-                if (visited) {
-                    delete visited.startPosition;
-                    delete visited.endPosition;
-                    delete visited.startLine;
-                    delete visited.endLine;
-                    delete visited.startColumn;
-                    delete visited.endColumn;
-                    delete visited.startToken;
-                    delete visited.endToken;
-                    // delete visited.source;
-                }
-            }
-            return state;
-        };
-        (0, tree_visitor_1.visitNode)(declaration.tree, state, nodeVisitor, nodeVisitor);
-    }
-}