xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components-core/rendering/ContainerWrapper.js

@@ -1,94 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerWrapper = void 0;
-exports.isContainerLike = isContainerLike;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ErrorBoundary_1 = require("../rendering/ErrorBoundary");
-const StateContainer_1 = require("./StateContainer");
-/**
- * This function checks if a particular component needs a wrapping container to
- * manage its internal state, which is closed from its external context but
- * available to its children.
- * @param node The component definition node to check
- * @returns Tru, if the component needs a wrapping container
- */
-function isContainerLike(node) {
-    if (node.type === "Container") {
-        return true;
-    }
-    // --- If any of the following properties have a value, we need a container
-    return !!(node.loaders ||
-        node.vars ||
-        node.uses ||
-        node.contextVars ||
-        node.functions ||
-        node.scriptCollected);
-}
-/**
- * This component is a container that manages the state of its children. It
- * provides a context for the children to access the state and the API of the
- * parent component.
- */
-exports.ContainerWrapper = (0, react_1.memo)((0, react_1.forwardRef)(function ContainerWrapper(_a, ref) {
-    var { node, resolvedKey, parentState, parentStatePartChanged, parentRegisterComponentApi, parentDispatch, parentRenderContext, layoutContextRef, uidInfoRef, children } = _a, rest = __rest(_a, ["node", "resolvedKey", "parentState", "parentStatePartChanged", "parentRegisterComponentApi", "parentDispatch", "parentRenderContext", "layoutContextRef", "uidInfoRef", "children"]);
-    // --- Make sure the component node is wrapped with a container
-    const containerizedNode = (0, react_1.useMemo)(() => getWrappedWithContainer(node), [node]);
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { node: node, location: "container", children: (0, jsx_runtime_1.jsx)(StateContainer_1.StateContainer, Object.assign({ node: containerizedNode, resolvedKey: resolvedKey, parentState: parentState, parentStatePartChanged: parentStatePartChanged, parentRegisterComponentApi: parentRegisterComponentApi, parentDispatch: parentDispatch, parentRenderContext: parentRenderContext, layoutContextRef: layoutContextRef, uidInfoRef: uidInfoRef, isImplicit: node.type !== "Container" && containerizedNode.uses === undefined, ref: ref }, rest, { children: children })) }));
-}));
-/**
- * Wraps the specified component node with a container
- * @param node The component node to wrap
- * @returns A "Container" node
- */
-const getWrappedWithContainer = (node) => {
-    var _a, _b;
-    if (node.type === "Container") {
-        // --- Already wrapped
-        return node;
-    }
-    // --- Clone the node and remove the properties that will be moved to the container
-    // --- Note: we need the "when" property in the ModalDialog component, so we don't remove it
-    const wrappedNode = Object.assign(Object.assign({}, node), { props: Object.assign({}, node.props) });
-    delete wrappedNode.loaders;
-    delete wrappedNode.vars;
-    delete wrappedNode.functions;
-    delete wrappedNode.script;
-    delete wrappedNode.scriptCollected;
-    delete wrappedNode.scriptError;
-    delete wrappedNode.uses;
-    (_a = wrappedNode.props) === null || _a === void 0 ? true : delete _a.uses;
-    delete wrappedNode.api;
-    delete wrappedNode.contextVars;
-    // --- Do the wrapping
-    return {
-        type: "Container",
-        uid: node.uid,
-        when: node.when,
-        loaders: node.loaders,
-        vars: node.vars,
-        functions: node.functions,
-        scriptCollected: node.scriptCollected,
-        scriptError: node.scriptError,
-        uses: node.uses,
-        api: node.api,
-        containerUid: node === null || node === void 0 ? void 0 : node.containerUid,
-        apiBoundContainer: node === null || node === void 0 ? void 0 : node.apiBoundContainer,
-        contextVars: node.contextVars,
-        props: {
-            debug: (_b = node.props) === null || _b === void 0 ? void 0 : _b.debug,
-        },
-        children: [wrappedNode],
-    };
-};

package/dist/scripts/src/components-core/rendering/ErrorBoundary.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const ErrorBoundary_module_scss_1 = __importDefault(require("./ErrorBoundary.module.scss"));
-/**
- * This React component serves as an error boundary; it catches any errors within
- * the nested components
- */
-class ErrorBoundary extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        // --- We start with "no error" state
-        this.state = {
-            hasError: false,
-            error: null,
-        };
-    }
-    /**
-     * This method implements the Error Boundaries for the React application.
-     * It is invoked if errors occur during the rendering phase of any lifecycle
-     * methods or children components.
-     *
-     * DO NOT DELETE this method! Though it is not referenced directly from the code,
-     * it is a required part of the React component lifecycle.
-     */
-    static getDerivedStateFromError(error) {
-        // --- Update state so the next render will show the fallback UI.
-        return { hasError: true, error };
-    }
-    /**
-     * Display any error in the console
-     * @param error Error object
-     * @param errorInfo Extra information about the error
-     */
-    componentDidCatch(error, errorInfo) {
-        console.error("Uncaught error:", error, errorInfo, this.props.location);
-    }
-    /**
-     * Whenever the `restoreOnChangeOf` property of this component instance
-     * changes, we reset the state to "no error".
-     * @param prevProps Previous property values
-     * @param prevState Previous state
-     * @param snapshot Optional snapshot (not used in this component)
-     */
-    componentDidUpdate(prevProps, prevState, snapshot) {
-        if (prevProps.node !== this.props.node) {
-            this.setState({
-                hasError: false,
-            });
-        }
-    }
-    /**
-     * Display an error message if an error occurred during rendering.
-     */
-    render() {
-        var _a;
-        return this.state.hasError ? ((0, jsx_runtime_1.jsxs)("div", { "data-error-boundary": true, className: ErrorBoundary_module_scss_1.default.errorOverlay, children: [(0, jsx_runtime_1.jsx)("div", { className: ErrorBoundary_module_scss_1.default.title, children: "There was an error!" }), (0, jsx_runtime_1.jsx)("div", { className: ErrorBoundary_module_scss_1.default.errorItem, children: (_a = this.state.error) === null || _a === void 0 ? void 0 : _a.message })] })) : (this.props.children);
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;

package/dist/scripts/src/components-core/rendering/InvalidComponent.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const InvalidComponent_module_scss_1 = __importDefault(require("./InvalidComponent.module.scss"));
-const constants_1 = require("../constants");
-/**
- * This component displays run time errors found while the rendering engine
- * runs. If it finds an issue that hinders regular operation, it renders this
- * component instead of the faulty one.
- */
-function InvalidComponent({ errors = constants_1.EMPTY_ARRAY, node, children }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: InvalidComponent_module_scss_1.default.errorOverlay, children: [(0, jsx_runtime_1.jsx)("div", { className: InvalidComponent_module_scss_1.default.title, children: (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("b", { children: node.type }), " component problems:"] }) }), (0, jsx_runtime_1.jsx)("ul", { className: InvalidComponent_module_scss_1.default.errorItems, children: errors.map((error, i) => ((0, jsx_runtime_1.jsx)("li", { className: InvalidComponent_module_scss_1.default.errorItem, children: error }, i))) })] }), children] }));
-}
-exports.default = InvalidComponent;

package/dist/scripts/src/components-core/rendering/StandaloneComponent.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const renderChild_1 = require("./renderChild");
-const constants_1 = require("../constants");
-function StandaloneComponent({ node, children, functions, vars }) {
-    const memoedVarsRef = (0, react_1.useRef)(new Map());
-    const rootNode = (0, react_1.useMemo)(() => {
-        if (node.type === "Container") {
-            // If the node is already a Container, we can use it directly
-            return Object.assign(Object.assign({}, node), { functions: Object.assign(Object.assign({}, node.functions), functions), vars: Object.assign(Object.assign({}, node.vars), vars) });
-        }
-        return {
-            type: "Container",
-            uid: "standaloneComponentRoot",
-            children: [node],
-            uses: [],
-            functions,
-            vars,
-        };
-    }, [functions, node, vars]);
-    const renderedRoot = (0, renderChild_1.renderChild)({
-        node: rootNode,
-        state: constants_1.EMPTY_OBJECT,
-        dispatch: constants_1.noop,
-        appContext: undefined,
-        lookupAction: constants_1.noop,
-        lookupSyncCallback: constants_1.noop,
-        registerComponentApi: constants_1.noop,
-        renderChild: constants_1.noop,
-        statePartChanged: constants_1.noop,
-        cleanup: constants_1.noop,
-        memoedVarsRef,
-    });
-    return !!children && (0, react_1.isValidElement)(renderedRoot)
-        ? (0, react_1.cloneElement)(renderedRoot, null, children)
-        : renderedRoot;
-}
-exports.default = StandaloneComponent;

package/dist/scripts/src/components-core/rendering/StateContainer.js

@@ -1,350 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StateContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const immer_1 = __importDefault(require("immer"));
-const lodash_es_1 = require("lodash-es");
-const memoize_one_1 = __importDefault(require("memoize-one"));
-const react_2 = require("@remix-run/react");
-const containers_1 = require("./containers");
-const ScriptingSourceTree_1 = require("../script-runner/ScriptingSourceTree");
-const constants_1 = require("../constants");
-const collectFnVarDeps_1 = require("../rendering/collectFnVarDeps");
-const reducer_1 = require("../rendering/reducer");
-const DebugViewProvider_1 = require("../DebugViewProvider");
-const ErrorBoundary_1 = require("../rendering/ErrorBoundary");
-const visitors_1 = require("../script-runner/visitors");
-const hooks_1 = require("../utils/hooks");
-const Container_1 = require("./Container");
-const code_behind_collect_1 = require("../../parsers/scripting/code-behind-collect");
-const AppContext_1 = require("../AppContext");
-const ParameterParser_1 = require("../script-runner/ParameterParser");
-const eval_tree_sync_1 = require("../script-runner/eval-tree-sync");
-const extractParam_1 = require("../utils/extractParam");
-const misc_1 = require("../utils/misc");
-const LinkInfoContext_1 = require("../../components/App/LinkInfoContext");
-// A React component that wraps a view container into an error boundary
-// (it's a named function inside the memo, this way it will be visible with that name in the react devtools)
-exports.StateContainer = (0, react_1.memo)((0, react_1.forwardRef)(function StateContainer(_a, ref) {
-    var { node, resolvedKey, parentState, parentStatePartChanged, parentRegisterComponentApi, parentDispatch, parentRenderContext, layoutContextRef, uidInfoRef, isImplicit, children } = _a, rest = __rest(_a, ["node", "resolvedKey", "parentState", "parentStatePartChanged", "parentRegisterComponentApi", "parentDispatch", "parentRenderContext", "layoutContextRef", "uidInfoRef", "isImplicit", "children"]);
-    const [version, setVersion] = (0, react_1.useState)(0);
-    const routingParams = useRoutingParams();
-    const memoedVars = (0, react_1.useRef)(new Map());
-    const stateFromOutside = (0, hooks_1.useShallowCompareMemoize)((0, react_1.useMemo)(() => {
-        return extractScopedState(parentState, node.uses);
-    }, [node.uses, parentState]));
-    // --- All state manipulation happens through the container reducer, which is created here.
-    // --- This reducer allow collecting state changes for debugging purposes. The `debugView`
-    // --- contains the debug configuration; it may enable (or disable) logging.
-    const debugView = (0, DebugViewProvider_1.useDebugView)();
-    const containerReducer = (0, reducer_1.createContainerReducer)(debugView);
-    const [componentState, dispatch] = (0, react_1.useReducer)(containerReducer, constants_1.EMPTY_OBJECT);
-    // --- The exposed APIs of components are also the part of the state.
-    const [componentApis, setComponentApis] = (0, react_1.useState)(constants_1.EMPTY_OBJECT);
-    const componentStateWithApis = (0, hooks_1.useShallowCompareMemoize)((0, react_1.useMemo)(() => {
-        const ret = Object.assign({}, componentState);
-        // Get set of registered API keys - only these should have reducer state exposed as string keys
-        const registeredApiKeys = new Set(Object.getOwnPropertySymbols(componentApis)
-            .map(s => s.description)
-            .filter((d) => d !== undefined));
-        for (const stateKey of Object.getOwnPropertySymbols(componentState)) {
-            const value = componentState[stateKey];
-            if (stateKey.description) {
-                // Only copy reducer state to string keys for APIs registered in THIS container
-                // This prevents child containers from inheriting reducer state for parent APIs
-                if (registeredApiKeys.has(stateKey.description)) {
-                    ret[stateKey.description] = value;
-                }
-            }
-        }
-        if (Reflect.ownKeys(componentApis).length === 0) {
-            //skip containers with no registered apis
-            return ret;
-        }
-        for (const componentApiKey of Object.getOwnPropertySymbols(componentApis)) {
-            const value = componentApis[componentApiKey];
-            if (componentApiKey.description) {
-                const key = componentApiKey.description;
-                ret[key] = Object.assign(Object.assign({}, (ret[key] || {})), value);
-            }
-            ret[componentApiKey] = Object.assign(Object.assign({}, ret[componentApiKey]), value);
-        }
-        return ret;
-    }, [componentState, componentApis]));
-    const localVarsStateContext = useCombinedState(stateFromOutside, componentStateWithApis, node.contextVars);
-    const parsedScriptPart = node.scriptCollected;
-    if ((parsedScriptPart === null || parsedScriptPart === void 0 ? void 0 : parsedScriptPart.moduleErrors) && !(0, lodash_es_1.isEmpty)(parsedScriptPart.moduleErrors)) {
-        throw new CodeBehindParseError(parsedScriptPart.moduleErrors);
-    }
-    if (node.scriptError && !(0, lodash_es_1.isEmpty)(node.scriptError)) {
-        throw new CodeBehindParseError(node.scriptError);
-    }
-    const referenceTrackedApi = (0, hooks_1.useReferenceTrackedApi)(componentState);
-    const varDefinitions = (0, hooks_1.useShallowCompareMemoize)(Object.assign(Object.assign(Object.assign(Object.assign({}, parsedScriptPart === null || parsedScriptPart === void 0 ? void 0 : parsedScriptPart.functions), node.functions), parsedScriptPart === null || parsedScriptPart === void 0 ? void 0 : parsedScriptPart.vars), node.vars));
-    //first: collection function (arrowExpressions) dependencies
-    //    -> do it until there's no function dep, only var deps
-    const functionDeps = (0, react_1.useMemo)(() => {
-        const fnDeps = {};
-        Object.entries(varDefinitions).forEach(([key, value]) => {
-            if (isParsedValue(value) && value.tree.type === ScriptingSourceTree_1.T_ARROW_EXPRESSION) {
-                fnDeps[key] = (0, visitors_1.collectVariableDependencies)(value.tree, referenceTrackedApi);
-            }
-        });
-        return (0, collectFnVarDeps_1.collectFnVarDeps)(fnDeps);
-    }, [referenceTrackedApi, varDefinitions]);
-    // then resolve vars and replace function deps with the collected deps for that function
-    //first resolve round (we do 2, to make sure that the order of the definitions doesn't cause problems)
-    // e.g. 'testFn' uses $props, but $props is not resolved yet
-    const preResolvedLocalVars = useVars(varDefinitions, functionDeps, localVarsStateContext, (0, react_1.useRef)(new Map()));
-    const localVarsStateContextWithPreResolvedLocalVars = (0, hooks_1.useShallowCompareMemoize)(Object.assign(Object.assign({}, preResolvedLocalVars), localVarsStateContext));
-    const resolvedLocalVars = useVars(varDefinitions, functionDeps, localVarsStateContextWithPreResolvedLocalVars, memoedVars);
-    const mergedWithVars = useMergedState(resolvedLocalVars, componentStateWithApis);
-    const combinedState = useCombinedState(stateFromOutside, // Parent state (lower priority) - allows local vars to shadow
-    node.contextVars, // Context vars like $item
-    mergedWithVars, // Local vars and component state (higher priority) - enables shadowing
-    routingParams);
-    const registerComponentApi = (0, react_1.useCallback)((uid, api) => {
-        setComponentApis((0, immer_1.default)((draft) => {
-            if (!draft[uid]) {
-                draft[uid] = {};
-            }
-            Object.entries(api).forEach(([key, value]) => {
-                if (draft[uid][key] !== value) {
-                    draft[uid][key] = value;
-                }
-            });
-        }));
-    }, []);
-    const componentStateRef = (0, react_1.useRef)(componentStateWithApis);
-    const statePartChanged = (0, react_1.useCallback)((pathArray, newValue, target, action) => {
-        const key = pathArray[0];
-        if (key in componentStateRef.current || key in resolvedLocalVars) {
-            // --- Sign that a state field (or a part of it) has changed
-            dispatch({
-                type: containers_1.ContainerActionKind.STATE_PART_CHANGED,
-                payload: {
-                    path: pathArray,
-                    value: newValue,
-                    target,
-                    actionType: action,
-                    localVars: resolvedLocalVars,
-                },
-            });
-        }
-        else {
-            if (!node.uses || node.uses.includes(key)) {
-                parentStatePartChanged(pathArray, newValue, target, action);
-            }
-        }
-    }, [resolvedLocalVars, node.uses, parentStatePartChanged]);
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { node: node, location: "container", children: (0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({ resolvedKey: resolvedKey, node: node, componentState: combinedState, dispatch: dispatch, parentDispatch: parentDispatch, setVersion: setVersion, version: version, statePartChanged: statePartChanged, registerComponentApi: registerComponentApi, parentRegisterComponentApi: parentRegisterComponentApi, layoutContextRef: layoutContextRef, parentRenderContext: parentRenderContext, memoedVarsRef: memoedVars, isImplicit: isImplicit, ref: ref, uidInfoRef: uidInfoRef }, rest, { children: children })) }));
-}));
-const useRoutingParams = () => {
-    const [queryParams] = (0, react_2.useSearchParams)();
-    const routeParams = (0, react_2.useParams)();
-    const location = (0, react_2.useLocation)();
-    const linkInfoContext = (0, LinkInfoContext_1.useLinkInfoContext)();
-    const linkInfo = (0, react_1.useMemo)(() => {
-        var _a;
-        return ((_a = linkInfoContext === null || linkInfoContext === void 0 ? void 0 : linkInfoContext.linkMap) === null || _a === void 0 ? void 0 : _a.get(location.pathname)) || constants_1.EMPTY_OBJECT;
-    }, [linkInfoContext === null || linkInfoContext === void 0 ? void 0 : linkInfoContext.linkMap, location.pathname]);
-    const queryParamsMap = (0, react_1.useMemo)(() => {
-        const result = {};
-        for (const [key, value] of Array.from(queryParams.entries())) {
-            result[key] = value;
-        }
-        return result;
-    }, [queryParams]);
-    return (0, react_1.useMemo)(() => {
-        return {
-            $pathname: location.pathname,
-            $routeParams: routeParams,
-            $queryParams: queryParamsMap,
-            $linkInfo: linkInfo,
-        };
-    }, [linkInfo, location.pathname, queryParamsMap, routeParams]);
-};
-// Extracts the `state` property values defined in a component definition's `uses` property. It uses the specified
-// `appContext` when resolving the state values.
-function extractScopedState(parentState, uses) {
-    if (!uses) {
-        return parentState;
-    }
-    if (uses.length === 0) {
-        return constants_1.EMPTY_OBJECT;
-    }
-    return (0, lodash_es_1.pick)(parentState, uses);
-}
-// This hook combines state properties in a list of states so that a particular state property in a higher
-// argument index overrides the same-named state property in a lower argument index.
-function useCombinedState(...states) {
-    const combined = (0, react_1.useMemo)(() => {
-        let ret = {};
-        states.forEach((state = constants_1.EMPTY_OBJECT) => {
-            if (state !== constants_1.EMPTY_OBJECT) {
-                ret = Object.assign(Object.assign({}, ret), state);
-            }
-        });
-        return ret;
-    }, [states]);
-    return (0, hooks_1.useShallowCompareMemoize)(combined);
-}
-// This hook combines state properties in a list of states so that a particular state property in a higher
-// argument index merges into the same-named state property in a lower argument index.
-// This hook combines state properties in a list of states so that a particular state property in a higher
-// argument index merges into the same-named state property in a lower argument index.
-function useMergedState(localVars, componentState) {
-    const merged = (0, react_1.useMemo)(() => {
-        const ret = Object.assign({}, localVars);
-        Reflect.ownKeys(componentState).forEach((key) => {
-            const value = componentState[key];
-            if (ret[key] === undefined) {
-                ret[key] = value;
-            }
-            else {
-                if (((0, lodash_es_1.isPlainObject)(ret[key]) && (0, lodash_es_1.isPlainObject)(value)) ||
-                    (Array.isArray(ret[key]) && Array.isArray(value))) {
-                    ret[key] = (0, lodash_es_1.merge)((0, lodash_es_1.cloneDeep)(ret[key]), value);
-                }
-                else {
-                    ret[key] = value;
-                }
-            }
-        });
-        return ret;
-    }, [localVars, componentState]);
-    return (0, hooks_1.useShallowCompareMemoize)(merged);
-}
-// This hook resolves variables to their current value (using binding expression evaluation)
-function useVars(vars = constants_1.EMPTY_OBJECT, fnDeps = constants_1.EMPTY_OBJECT, componentState, memoedVars) {
-    const appContext = (0, AppContext_1.useAppContext)();
-    const referenceTrackedApi = (0, hooks_1.useReferenceTrackedApi)(componentState);
-    const resolvedVars = (0, react_1.useMemo)(() => {
-        const ret = {};
-        Object.entries(vars).forEach(([key, value]) => {
-            if (key === "$props") {
-                // --- We already resolved props in a compound component
-                ret[key] = value;
-            }
-            else {
-                if (!isParsedValue(value) && typeof value !== "string") {
-                    ret[key] = value;
-                }
-                else {
-                    // --- Resolve each variable's value, without going into the details of arrays and objects
-                    if (!memoedVars.current.has(value)) {
-                        memoedVars.current.set(value, {
-                            getDependencies: (0, memoize_one_1.default)((value, referenceTrackedApi) => {
-                                if (isParsedValue(value)) {
-                                    return (0, visitors_1.collectVariableDependencies)(value.tree, referenceTrackedApi);
-                                }
-                                const params = (0, ParameterParser_1.parseParameterString)(value);
-                                let ret = new Set();
-                                params.forEach((param) => {
-                                    if (param.type === "expression") {
-                                        ret = new Set([
-                                            ...ret,
-                                            ...(0, visitors_1.collectVariableDependencies)(param.value, referenceTrackedApi),
-                                        ]);
-                                    }
-                                });
-                                return Array.from(ret);
-                            }),
-                            obtainValue: (0, memoize_one_1.default)((value, state, appContext, strict, deps, appContextDeps) => {
-                                try {
-                                    return isParsedValue(value)
-                                        ? (0, eval_tree_sync_1.evalBinding)(value.tree, {
-                                            localContext: state,
-                                            appContext,
-                                            options: {
-                                                defaultToOptionalMemberAccess: true,
-                                            },
-                                        })
-                                        : (0, extractParam_1.extractParam)(state, value, appContext, strict);
-                                }
-                                catch (e) {
-                                    console.log(state);
-                                    throw new ParseVarError(value, e);
-                                }
-                            }, ([_newExpression, _newState, _newAppContext, _newStrict, newDeps, newAppContextDeps,], [_lastExpression, _lastState, _lastAppContext, _lastStrict, lastDeps, lastAppContextDeps,]) => {
-                                return ((0, misc_1.shallowCompare)(newDeps, lastDeps) &&
-                                    (0, misc_1.shallowCompare)(newAppContextDeps, lastAppContextDeps));
-                            }),
-                        });
-                    }
-                    const stateContext = Object.assign(Object.assign({}, ret), componentState);
-                    let dependencies = [];
-                    if (fnDeps[key]) {
-                        dependencies = fnDeps[key];
-                    }
-                    else {
-                        memoedVars.current
-                            .get(value)
-                            .getDependencies(value, referenceTrackedApi)
-                            .forEach((dep) => {
-                            if (fnDeps[dep]) {
-                                dependencies.push(...fnDeps[dep]);
-                            }
-                            else {
-                                dependencies.push(dep);
-                            }
-                        });
-                        dependencies = [...new Set(dependencies)];
-                    }
-                    const stateDepValues = (0, misc_1.pickFromObject)(stateContext, dependencies);
-                    const appContextDepValues = (0, misc_1.pickFromObject)(appContext, dependencies);
-                    ret[key] = memoedVars.current
-                        .get(value)
-                        .obtainValue(value, stateContext, appContext, true, stateDepValues, appContextDepValues);
-                }
-            }
-        });
-        return ret;
-    }, [appContext, componentState, fnDeps, memoedVars, referenceTrackedApi, vars]);
-    return (0, hooks_1.useShallowCompareMemoize)(resolvedVars);
-}
-class CodeBehindParseError extends Error {
-    constructor(errors) {
-        const mainErrors = errors["Main"] || [];
-        const messages = mainErrors.map((errorMessage) => {
-            let ret = `${errorMessage.code} : ${errorMessage.text}`;
-            const posInfo = [];
-            if (errorMessage.line !== undefined) {
-                posInfo.push(`line:${errorMessage.line}`);
-            }
-            if (errorMessage.column !== undefined) {
-                posInfo.push(`column:${errorMessage.column}`);
-            }
-            if (posInfo.length) {
-                ret = `${ret} (${posInfo.join(", ")})`;
-            }
-            return ret;
-        });
-        super(messages.join("\n"));
-        Object.setPrototypeOf(this, CodeBehindParseError.prototype);
-    }
-}
-class ParseVarError extends Error {
-    constructor(varName, originalError) {
-        super(`Error on var: ${varName} - ${(originalError === null || originalError === void 0 ? void 0 : originalError.message) || "unknown"}`);
-    }
-}
-//true if it's coming from a code behind or a script tag
-function isParsedValue(value) {
-    return value && typeof value === "object" && value[code_behind_collect_1.PARSED_MARK_PROP];
-}

package/dist/scripts/src/components-core/rendering/UnknownComponent.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const UnknownComponent_module_scss_1 = __importDefault(require("./UnknownComponent.module.scss"));
-/**
- * When the rendering engine finds an unknown (unregistered) component in the
- * markup, it renders this component and names the unregistered.
- */
-function UnknownComponent({ message }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: UnknownComponent_module_scss_1.default.errorOverlay, children: (0, jsx_runtime_1.jsxs)("span", { className: UnknownComponent_module_scss_1.default.title, children: ["Unknown component: ", message] }) }));
-}
-exports.default = UnknownComponent;

package/dist/scripts/src/components-core/rendering/buildProxy.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildProxy = buildProxy;
-/**
- * Use this function to build a JavaScript proxy for localContext objects. The
- * responsibility of the proxy is to collect the changes within the localContext
- * so that we can refresh the UI according to them.
- */
-function buildProxy(proxyTarget, callback, tree = []) {
-    // --- We identify a particular (deep) localContext property by its full path; 
-    // --- this function creates the path
-    const getPath = (prop) => tree.concat(prop).join(".");
-    const proxiedValues = new WeakMap();
-    // --- Create the proxy object for `proxyTarget`
-    return new Proxy(proxyTarget, {
-        get: function (target, prop, receiver) {
-            const value = Reflect.get(target, prop, receiver);
-            // --- Create proxies only for writable objects and arrays, except arrow 
-            // --- function expressions.
-            if (value &&
-                !value._ARROW_EXPR_ &&
-                !Object.isFrozen(value) &&
-                typeof value === "object" &&
-                ["Array", "Object"].includes(value.constructor.name)) {
-                // --- Just to make sure that accessing the proxied objects' field gets 
-                // --- the same reference every time. e.g. this wouldn't be true otherwise: 
-                // --- proxiedObject['field'] === proxiedObject['field']
-                if (!proxiedValues.has(value)) {
-                    proxiedValues.set(value, buildProxy(value, callback, tree.concat(prop)));
-                }
-                return proxiedValues.get(value);
-            }
-            // --- Do not create a proxy for other objects
-            return value;
-        },
-        set: function (target, prop, value, receiver) {
-            // --- Invoke the callback function to sign any change in the proxied object
-            callback({
-                action: "set",
-                path: getPath(prop),
-                pathArray: tree.concat(prop),
-                target,
-                newValue: value,
-                previousValue: Reflect.get(target, prop, receiver),
-            });
-            // --- Execute the change.
-            // --- Note, any error raised in the callback will prevent from changing the property value
-            return Reflect.set(target, prop, value, receiver);
-        },
-        deleteProperty: function (target, prop) {
-            // --- Invoke the callback function to delete a property
-            callback({ action: "unset", path: getPath(prop), pathArray: tree.concat(prop), target });
-            // --- Execute the change
-            // --- Note, any error raised in the callback will prevent from deleting the property value
-            return Reflect.deleteProperty(target, prop);
-        },
-    });
-}