xmlui 0.9.44 → 0.9.45

package/dist/scripts/src/components/Markdown/MarkdownNative.js

@@ -1,4 +1,37 @@
 "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 __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)
@@ -16,8 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Markdown = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_markdown_1 = __importDefault(require("react-markdown"));
 const remark_gfm_1 = __importDefault(require("remark-gfm"));
 const rehype_raw_1 = __importDefault(require("rehype-raw"));
@@ -62,7 +94,7 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
         return null;
     }
     children = removeIndents ? removeTextIndents(children) : children;
-    return ((0, jsx_runtime_1.jsx)("div", { className: Markdown_module_scss_1.default.markdownContent, style: Object.assign({}, style), children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { remarkPlugins: [remark_gfm_1.default, CodeBlockNative_1.markdownCodeBlockParser], rehypePlugins: [rehype_raw_1.default], components: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: Markdown_module_scss_1.default.markdownContent, style: style, children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { remarkPlugins: [remark_gfm_1.default, CodeBlockNative_1.markdownCodeBlockParser], rehypePlugins: [rehype_raw_1.default], components: {
                 details(_a) {
                     var { children, node } = _a, props = __rest(_a, ["children", "node"]);
                     return ((0, jsx_runtime_1.jsx)("details", Object.assign({ className: HtmlTags_module_scss_1.default.htmlDetails }, props, { children: children })));
@@ -81,7 +113,7 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
                     if (node) {
                         const nodeData = node;
                         // --- Case 1: Image is part of a larger paragraph with other content
-                        if (nodeData.parent && nodeData.parent.type === 'paragraph') {
+                        if (nodeData.parent && nodeData.parent.type === "paragraph") {
                             if (nodeData.parent.children && nodeData.parent.children.length > 1) {
                                 // There are siblings in this paragraph - definitely inline
                                 isInline = true;
@@ -92,7 +124,8 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
                                 const paragraphParent = nodeData.parent.parent;
                                 if (paragraphParent && paragraphParent.children) {
                                     const paragraphIndex = paragraphParent.children.indexOf(nodeData.parent);
-                                    if (paragraphIndex > 0 || paragraphIndex < paragraphParent.children.length - 1) {
+                                    if (paragraphIndex > 0 ||
+                                        paragraphIndex < paragraphParent.children.length - 1) {
                                         // --- There are siblings before/after this paragraph, likely inline
                                         isInline = true;
                                     }
@@ -100,17 +133,19 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
                             }
                         }
                         // --- Case 2: Image is inside a blockquote or other container with text
-                        if (!isInline && nodeData.parent &&
-                            (nodeData.parent.type === 'paragraph' ||
-                                nodeData.parent.type === 'blockquote' ||
-                                nodeData.parent.type === 'emphasis' ||
-                                nodeData.parent.type === 'strong')) {
+                        if (!isInline &&
+                            nodeData.parent &&
+                            (nodeData.parent.type === "paragraph" ||
+                                nodeData.parent.type === "blockquote" ||
+                                nodeData.parent.type === "emphasis" ||
+                                nodeData.parent.type === "strong")) {
                             // --- Look for any parent nodes with other text content
                             let currentParent = nodeData.parent;
                             while (currentParent) {
-                                if (currentParent.children && currentParent.children.some((child) => child !== nodeData &&
-                                    ((child.type === 'text' && child.value && child.value.trim().length > 0) ||
-                                        child.type !== 'text'))) {
+                                if (currentParent.children &&
+                                    currentParent.children.some((child) => child !== nodeData &&
+                                        ((child.type === "text" && child.value && child.value.trim().length > 0) ||
+                                            child.type !== "text"))) {
                                     isInline = true;
                                     break;
                                 }
@@ -125,17 +160,18 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
                             const imgSize = (props === null || props === void 0 ? void 0 : props.width) || (props === null || props === void 0 ? void 0 : props.height);
                             isInline = imgSize === undefined ? true : parseInt(imgSize.toString()) < 512;
                             // Images with icon-like filenames
-                            if (src && (src.includes('icon') ||
-                                src.endsWith('.svg') ||
-                                src.endsWith('.ico') ||
-                                src.includes('badge') ||
-                                src.includes('logo'))) {
+                            if (src &&
+                                (src.includes("icon") ||
+                                    src.endsWith(".svg") ||
+                                    src.endsWith(".ico") ||
+                                    src.includes("badge") ||
+                                    src.includes("logo"))) {
                                 isInline = true;
                             }
                         }
                     }
                     // Apply styling based on whether image should be inline or block
-                    const imgStyle = Object.assign(Object.assign({}, (props.style || {})), { display: isInline ? 'inline' : 'block' });
+                    const imgStyle = Object.assign(Object.assign({}, (props.style || {})), { display: isInline ? "inline" : "block" });
                     if (popOut) {
                         return ((0, jsx_runtime_1.jsx)("a", { href: src, target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)("img", Object.assign({ src: src, alt: alt, className: HtmlTags_module_scss_1.default.htmlImage, style: imgStyle }, props, { children: children })) }));
                     }
@@ -243,9 +279,9 @@ exports.Markdown = (0, react_1.memo)(function Markdown({ removeIndents = true, c
                     if (dataContentBase64 !== undefined) {
                         const jsonContent = atob(dataContentBase64);
                         const appProps = JSON.parse(jsonContent);
-                        return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.NestedApp, { app: appProps.app, config: appProps.config, components: appProps.components, api: appProps.api, activeTheme: appProps.activeTheme, activeTone: appProps.activeTone, title: appProps.name, height: appProps.height, allowPlaygroundPopup: !appProps.noPopup }));
+                        return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { app: appProps.app, config: appProps.config, components: appProps.components, api: appProps.api, activeTheme: appProps.activeTheme, activeTone: appProps.activeTone, title: appProps.name, height: appProps.height, allowPlaygroundPopup: !appProps.noPopup }));
                     }
-                    return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.NestedApp, { app: nestedProps.app, config: nestedProps.config, components: nestedProps.components, api: nestedProps.api, activeTheme: nestedProps.activeTheme, activeTone: nestedProps.activeTone, title: nestedProps.title, height: nestedProps.height, allowPlaygroundPopup: true }));
+                    return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { app: nestedProps.app, config: nestedProps.config, components: nestedProps.components, api: nestedProps.api, activeTheme: nestedProps.activeTheme, activeTone: nestedProps.activeTone, title: nestedProps.title, height: nestedProps.height, allowPlaygroundPopup: true }));
                 },
             }, children: children }) }));
 });
@@ -258,7 +294,7 @@ const Blockquote = ({ children, style }) => {
         if (typeof node === "string") {
             return node;
         }
-        if (react_2.default.isValidElement(node) && node.props && node.props.children) {
+        if (react_1.default.isValidElement(node) && node.props && node.props.children) {
             if (Array.isArray(node.props.children)) {
                 return node.props.children.map(extractTextContent).join("");
             }
@@ -267,7 +303,7 @@ const Blockquote = ({ children, style }) => {
         return "";
     };
     // Extract all text content
-    const allText = react_2.default.Children.toArray(children).map(extractTextContent).join("");
+    const allText = react_1.default.Children.toArray(children).map(extractTextContent).join("");
     // Check for admonition pattern
     const match = allText.match(/\[!([A-Z]+)\]/);
     const isAdmonition = !!match;
@@ -285,7 +321,7 @@ const Blockquote = ({ children, style }) => {
             if (typeof node === "string") {
                 return node.replace(/\[!([A-Z]+)\]\s*/, "");
             }
-            if (react_2.default.isValidElement(node)) {
+            if (react_1.default.isValidElement(node)) {
                 // Handle React elements with children
                 if (node.props && node.props.children) {
                     let newChildren;
@@ -295,7 +331,7 @@ const Blockquote = ({ children, style }) => {
                     else {
                         newChildren = processNode(node.props.children);
                     }
-                    return react_2.default.cloneElement(node, node.props, newChildren);
+                    return react_1.default.cloneElement(node, node.props, newChildren);
                 }
                 // Element without children, return as is
                 return node;
@@ -303,7 +339,7 @@ const Blockquote = ({ children, style }) => {
             // Other node types (null, undefined, etc.)
             return node;
         };
-        const processedChildren = react_2.default.Children.map(children, processNode);
+        const processedChildren = react_1.default.Children.map(children, processNode);
         // Render admonition blockquote with the updated structure
         return ((0, jsx_runtime_1.jsx)("blockquote", { className: (0, classnames_1.default)(Markdown_module_scss_1.default.admonitionBlockquote, {
                 [Markdown_module_scss_1.default.info]: type === "info",
@@ -413,7 +449,7 @@ function headingToAnchorLink(rawStr) {
 function extractTextNodes(node) {
     if (typeof node === "string" || typeof node === "number")
         return node.toString();
-    if (react_2.default.isValidElement(node) && node.props && node.props.children) {
+    if (react_1.default.isValidElement(node) && node.props && node.props.children) {
         if (Array.isArray(node.props.children)) {
             return node.props.children.map(extractTextNodes).join("");
         }

package/dist/scripts/src/components/NestedApp/NestedApp.js

@@ -48,14 +48,15 @@ exports.NestedAppMd = (0, ComponentDefs_1.createMetadata)({
         [`marginTop-${COMP}`]: "$space-3",
         [`marginBottom-${COMP}`]: "$space-3",
         [`padding-${COMP}`]: "$space-4",
-        [`paddingTop-${COMP}`]: "$space-3",
+        [`paddingTop-${COMP}`]: "$space-2",
         [`borderRadius-${COMP}`]: "$space-4",
-        [`backgroundColor-frame-${COMP}`]: "$color-primary-100",
+        [`backgroundColor-frame-${COMP}`]: "$color-primary-50",
         [`gap-frame-${COMP}`]: "$space-4",
         [`fontWeight-header-${COMP}`]: "$fontWeight-bold",
+        [`boxShadow-${COMP}`]: "$boxShadow-md",
     },
 });
 exports.nestedAppComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.NestedAppMd, ({ node, extractValue }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.NestedApp, { app: (_a = node.props) === null || _a === void 0 ? void 0 : _a.app, api: extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.api), components: extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.components), config: extractValue((_d = node.props) === null || _d === void 0 ? void 0 : _d.config), activeTheme: extractValue((_e = node.props) === null || _e === void 0 ? void 0 : _e.activeTheme), activeTone: extractValue((_f = node.props) === null || _f === void 0 ? void 0 : _f.activeTone), title: extractValue((_g = node.props) === null || _g === void 0 ? void 0 : _g.title), height: extractValue((_h = node.props) === null || _h === void 0 ? void 0 : _h.height), allowPlaygroundPopup: extractValue.asOptionalBoolean((_j = node.props) === null || _j === void 0 ? void 0 : _j.allowPlaygroundPopup) }));
+    return ((0, jsx_runtime_1.jsx)(NestedAppNative_1.IndexAwareNestedApp, { app: (_a = node.props) === null || _a === void 0 ? void 0 : _a.app, api: extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.api), components: extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.components), config: extractValue((_d = node.props) === null || _d === void 0 ? void 0 : _d.config), activeTheme: extractValue((_e = node.props) === null || _e === void 0 ? void 0 : _e.activeTheme), activeTone: extractValue((_f = node.props) === null || _f === void 0 ? void 0 : _f.activeTone), title: extractValue((_g = node.props) === null || _g === void 0 ? void 0 : _g.title), height: extractValue((_h = node.props) === null || _h === void 0 ? void 0 : _h.height), allowPlaygroundPopup: extractValue.asOptionalBoolean((_j = node.props) === null || _j === void 0 ? void 0 : _j.allowPlaygroundPopup) }));
 });

package/dist/scripts/src/components/NestedApp/NestedAppNative.js

@@ -1,37 +1,4 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,6 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyNestedApp = LazyNestedApp;
+exports.IndexAwareNestedApp = IndexAwareNestedApp;
 exports.NestedApp = NestedApp;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -54,7 +23,6 @@ const AppRoot_1 = require("../../components-core/rendering/AppRoot");
 const lia_1 = require("react-icons/lia");
 const rx_1 = require("react-icons/rx");
 const xmlui_parser_1 = require("../../components-core/xmlui-parser");
-const ApiInterceptorProvider_1 = require("../../components-core/interception/ApiInterceptorProvider");
 const ErrorBoundary_1 = require("../../components-core/rendering/ErrorBoundary");
 const Tooltip_1 = require("./Tooltip");
 const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
@@ -62,6 +30,26 @@ const constants_1 = require("../../components-core/constants");
 const utils_1 = require("./utils");
 const AppContext_1 = require("../../components-core/AppContext");
 const ComponentRegistryContext_1 = require("../ComponentRegistryContext");
+const IndexerContext_1 = require("../App/IndexerContext");
+function LazyNestedApp(props) {
+    const [shouldRender, setShouldRender] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        (0, react_1.startTransition)(() => {
+            setShouldRender(true);
+        });
+    }, []);
+    if (!shouldRender) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(NestedApp, Object.assign({}, props));
+}
+function IndexAwareNestedApp(props) {
+    const { indexing } = (0, IndexerContext_1.useIndexerContext)();
+    if (indexing) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(LazyNestedApp, Object.assign({}, props));
+}
 function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, activeTheme, activeTone, title, height, allowPlaygroundPopup = true, withFrame = true, }) {
     const rootRef = (0, react_1.useRef)(null);
     const shadowRef = (0, react_1.useRef)(null);
@@ -72,27 +60,30 @@ function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, act
     const toneToApply = activeTone || (config === null || config === void 0 ? void 0 : config.defaultTone) || (theme === null || theme === void 0 ? void 0 : theme.activeThemeTone);
     const { appGlobals } = (0, AppContext_1.useAppContext)();
     const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
-    const [apiWorker, setApiWorker] = (0, react_1.useState)(undefined);
-    (0, react_1.useEffect)(() => {
-        let worker;
-        (function () {
-            return __awaiter(this, void 0, void 0, function* () {
-                const { setupWorker } = yield Promise.resolve().then(() => __importStar(require("msw/browser")));
-                worker = setupWorker();
-                worker.start({
-                    onUnhandledRequest: "bypass",
-                    quiet: true,
-                });
-                setApiWorker(worker);
-            });
-        })();
-        return () => worker === null || worker === void 0 ? void 0 : worker.stop();
-    }, []);
+    // const [apiWorker, setApiWorker] = useState(undefined);
+    // useEffect(() => {
+    //   let worker;
+    //   (async function () {
+    //     const { setupWorker } = await import("msw/browser");
+    //     worker = setupWorker();
+    //     worker.start({
+    //       onUnhandledRequest: "bypass",
+    //       quiet: true,
+    //     });
+    //     setApiWorker(worker);
+    //   })();
+    //   return () => worker?.stop();
+    // }, []);
     // console.log("apiWorker", apiWorker);
-    const mock = (0, react_1.useMemo)(() => {
-        return api
-            ? Object.assign(Object.assign({ type: "in-memory" }, api), { apiUrl: "/api" }) : undefined;
-    }, [api]);
+    // const mock = useMemo(() => {
+    //   return api
+    //     ? {
+    //         type: "in-memory",
+    //         ...api,
+    //         apiUrl: "/api",
+    //       }
+    //     : undefined;
+    // }, [api]);
     //console.log("mock", mock);
     const useHashBasedRouting = (appGlobals === null || appGlobals === void 0 ? void 0 : appGlobals.useHashBasedRouting) || true;
     const openPlayground = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
@@ -120,6 +111,7 @@ function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, act
         window.open(useHashBasedRouting ? `/#/playground#${appQueryString}` : `/playground#${appQueryString}`, "_blank");
     }), [app, components, title, activeTheme, activeTone, useHashBasedRouting]);
     (0, react_1.useEffect)(() => {
+        var _a;
         if (!shadowRef.current && rootRef.current) {
             // Clone existing style and link tags
             shadowRef.current = rootRef.current.attachShadow({ mode: "open" });
@@ -159,18 +151,15 @@ function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, act
                     compoundComponents,
                     themes: config === null || config === void 0 ? void 0 : config.themes,
                 }, resources: config === null || config === void 0 ? void 0 : config.resources, extensionManager: componentRegistry.getExtensionManager() }, `app-${nestedAppId}-${refreshVersion}`) }));
-        (0, react_1.startTransition)(() => {
-            var _a;
-            (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.render((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { node: component, children: (0, jsx_runtime_1.jsx)(ApiInterceptorProvider_1.ApiInterceptorProvider, { interceptor: mock, apiWorker: apiWorker, children: withFrame ? ((0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.nestedAppContainer, children: [(0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("span", { className: NestedApp_module_scss_1.default.headerText, children: title }), (0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.spacer }), allowPlaygroundPopup && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
-                                                openPlayground();
-                                            }, children: (0, jsx_runtime_1.jsx)(rx_1.RxOpenInNewWindow, {}) }), label: "Edit code in new window" })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
-                                                setRefreshVersion(refreshVersion + 1);
-                                            }, children: (0, jsx_runtime_1.jsx)(lia_1.LiaUndoAltSolid, {}) }), label: "Reset the app" })] }), nestedAppRoot] })) : (nestedAppRoot) }) }));
-        });
+        (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.render((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { node: component, children: withFrame ? ((0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.nestedAppContainer, children: [(0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("span", { className: NestedApp_module_scss_1.default.headerText, children: title }), (0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.spacer }), allowPlaygroundPopup && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
+                                        openPlayground();
+                                    }, children: (0, jsx_runtime_1.jsx)(rx_1.RxOpenInNewWindow, {}) }), label: "Edit code in new window" })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
+                                        setRefreshVersion(refreshVersion + 1);
+                                    }, children: (0, jsx_runtime_1.jsx)(lia_1.LiaUndoAltSolid, {}) }), label: "Reset the app" })] }), nestedAppRoot] })) : (nestedAppRoot) }));
     }, [
         activeTheme,
         allowPlaygroundPopup,
-        apiWorker,
+        // apiWorker,
         app,
         componentRegistry,
         components,
@@ -180,7 +169,7 @@ function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, act
         config === null || config === void 0 ? void 0 : config.resources,
         config === null || config === void 0 ? void 0 : config.themes,
         height,
-        mock,
+        // mock,
         nestedAppId,
         openPlayground,
         refreshVersion,
@@ -189,12 +178,18 @@ function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, act
         toneToApply,
         withFrame,
     ]);
+    const mountedRef = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
+        mountedRef.current = true;
         return () => {
+            mountedRef.current = false;
             setTimeout(() => {
                 var _a;
-                (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.unmount();
-                contentRootRef.current = null;
+                // Unmount the content root after a delay (and only it the component is not mounted anymore, could happen in dev mode - double useEffect call)
+                if (!mountedRef.current) {
+                    (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.unmount();
+                    contentRootRef.current = null;
+                }
             });
         };
     }, []);

package/dist/scripts/src/components/TableOfContents/TableOfContents.js

@@ -10,6 +10,7 @@ const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
 const renderers_1 = require("../../components-core/renderers");
 const themeVars_1 = require("../../components-core/theming/themeVars");
 const TableOfContentsNative_1 = require("./TableOfContentsNative");
+const IndexerContext_1 = require("../App/IndexerContext");
 const COMP = "TableOfContents";
 const COMP_CHILD = "TableOfContentsItem";
 exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
@@ -46,7 +47,14 @@ exports.TableOfContentsMd = (0, ComponentDefs_1.createMetadata)({
         [`color-${COMP_CHILD}--active`]: "$color-primary-500",
     },
 });
+function IndexAwareTableOfContents(props) {
+    const { indexing } = (0, IndexerContext_1.useIndexerContext)();
+    if (indexing) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(TableOfContentsNative_1.TableOfContents, Object.assign({}, props));
+}
 exports.tableOfContentsRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TableOfContentsMd, ({ layoutCss, node, extractValue }) => {
     var _a, _b;
-    return ((0, jsx_runtime_1.jsx)(TableOfContentsNative_1.TableOfContents, { style: layoutCss, smoothScrolling: extractValue.asOptionalBoolean((_a = node.props) === null || _a === void 0 ? void 0 : _a.smoothScrolling), maxHeadingLevel: extractValue.asOptionalNumber((_b = node.props) === null || _b === void 0 ? void 0 : _b.maxHeadingLevel) }));
+    return ((0, jsx_runtime_1.jsx)(IndexAwareTableOfContents, { style: layoutCss, smoothScrolling: extractValue.asOptionalBoolean((_a = node.props) === null || _a === void 0 ? void 0 : _a.smoothScrolling), maxHeadingLevel: extractValue.asOptionalNumber((_b = node.props) === null || _b === void 0 ? void 0 : _b.maxHeadingLevel) }));
 });

package/dist/scripts/src/components/Text/Text.js

@@ -109,7 +109,7 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
         [`marginBottom-${COMP}-markdown`]: "$space-6",
         [`fontSize-${COMP}-markdown`]: "$fontSize-normal",
         [`backgroundColor-${COMP}-code`]: "rgba($color-surface-100-rgb, .4)",
-        [`borderColor-${COMP}-code`]: "$color-surface-300",
+        [`borderColor-${COMP}-code`]: "$color-surface-100",
         [`backgroundColor-${COMP}-keyboard`]: "rgba($color-surface-100-rgb, .4)",
         [`borderColor-${COMP}-keyboard`]: "$color-surface-300",
         [`backgroundColor-${COMP}-marked`]: "rgba($color-primary-200-rgb, .4)",

package/dist/scripts/src/components/Theme/ThemeNative.js

@@ -17,6 +17,7 @@ const constants_1 = require("../../components-core/constants");
 const ErrorBoundary_1 = require("../../components-core/rendering/ErrorBoundary");
 const NotificationToast_1 = require("./NotificationToast");
 const InspectorContext_1 = require("../../components-core/InspectorContext");
+const IndexerContext_1 = require("../App/IndexerContext");
 function getClassName(css) {
     return `theme-${calculateHash(css)}`;
 }
@@ -150,6 +151,10 @@ function Theme({ id, isRoot = false, renderChild, node, tone, toastDuration = 50
             }
             : {};
     }, [devToolsEnabled, devToolsSide, devToolsSize]);
+    const { indexing } = (0, IndexerContext_1.useIndexerContext)();
+    if (indexing) {
+        return children;
+    }
     if (isRoot) {
         const faviconUrl = getResourceUrl("resource:favicon") || "/resources/favicon.ico";
         return (

package/dist/scripts/src/components-core/loader/DataLoader.js

@@ -26,6 +26,7 @@ const PageableLoader_1 = require("../loader/PageableLoader");
 const Loader_1 = require("../loader/Loader");
 const AppContext_1 = require("../AppContext");
 const hooks_1 = require("../utils/hooks");
+const IndexerContext_1 = require("../../components/App/IndexerContext");
 function DataLoader({ loader, state, registerComponentApi, onLoaded, onError, loaderInProgressChanged, loaderIsRefetchingChanged, loaderLoaded, loaderError, transformResult, structuralSharing = true, }) {
     const appContext = (0, AppContext_1.useAppContext)();
     const url = (0, extractParam_1.extractParam)(state, loader.props.url, appContext);
@@ -317,11 +318,18 @@ exports.DataLoaderMd = (0, ComponentDefs_1.createMetadata)({
         error: (0, ComponentDefs_1.d)("This event fires when an error occurs while fetching data"),
     },
 });
+function IndexAwareDataLoader(props) {
+    const { indexing } = (0, IndexerContext_1.useIndexerContext)();
+    if (indexing) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(DataLoader, Object.assign({}, props));
+}
 exports.dataLoaderRenderer = (0, renderers_1.createLoaderRenderer)("DataLoader", ({ loader, state, loaderLoaded, loaderInProgressChanged, loaderIsRefetchingChanged, loaderError, registerComponentApi, lookupAction, lookupSyncCallback, extractValue }) => {
     var _a, _b, _c;
     // --- Check for required properties
     if (!((_a = loader.props) === null || _a === void 0 ? void 0 : _a.url) || !loader.props.url.trim()) {
         throw new Error("You must specify a non-empty (not whitespace-only) 'url' property for DataSource");
     }
-    return ((0, jsx_runtime_1.jsx)(DataLoader, { loader: loader, state: state, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, registerComponentApi: registerComponentApi, transformResult: lookupSyncCallback(loader.props.transformResult), onLoaded: lookupAction((_b = loader.events) === null || _b === void 0 ? void 0 : _b.loaded, { eventName: "loaded" }), onError: lookupAction((_c = loader.events) === null || _c === void 0 ? void 0 : _c.error, { eventName: "error" }), structuralSharing: extractValue.asOptionalBoolean(loader.props.structuralSharing) }));
+    return ((0, jsx_runtime_1.jsx)(IndexAwareDataLoader, { loader: loader, state: state, loaderInProgressChanged: loaderInProgressChanged, loaderIsRefetchingChanged: loaderIsRefetchingChanged, loaderLoaded: loaderLoaded, loaderError: loaderError, registerComponentApi: registerComponentApi, transformResult: lookupSyncCallback(loader.props.transformResult), onLoaded: lookupAction((_b = loader.events) === null || _b === void 0 ? void 0 : _b.loaded, { eventName: "loaded" }), onError: lookupAction((_c = loader.events) === null || _c === void 0 ? void 0 : _c.error, { eventName: "error" }), structuralSharing: extractValue.asOptionalBoolean(loader.props.structuralSharing) }));
 }, exports.DataLoaderMd);

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

@@ -325,6 +325,13 @@ exports.Container = (0, react_1.memo)((0, react_1.forwardRef)(function Container
                 return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
             };
         }
+        else if (src.type) {
+            // --- We have an arrow expression to execute
+            fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${JSON.stringify(src)}`;
+            handler = (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+        }
         else {
             // --- We have an unknown event handler
             throw new Error("Invalid event handler");

package/dist/scripts/src/parsers/xmlui-parser/diagnostics.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Diag_Attr_Identifier_Expected = exports.Diag_End_Or_Close_Token_Expected = exports.Diag_OpenNodeStart_Token_Expected = exports.Diag_Eq_Token_Expected = exports.Diag_Attr_Value_Expected = exports.Diag_Tag_Identifier_Expected = exports.Diag_CloseNodeStart_Token_Expected = exports.Diag_End_Token_Expected = exports.Diag_Unterminated_Script = exports.Diag_Unterminated_CData = exports.Diag_Unterminated_Comment = exports.Diag_Unterminated_String_Literal = exports.Diag_Invalid_Character = exports.ErrCodes = exports.DiagnosticCategory = void 0;
+exports.Diag_Tag_Name_Afterd_Namespace_Expected = exports.Diag_Attr_Identifier_Expected = exports.Diag_End_Or_Close_Token_Expected = exports.Diag_OpenNodeStart_Token_Expected = exports.Diag_Eq_Token_Expected = exports.Diag_Attr_Value_Expected = exports.Diag_Tag_Identifier_Expected = exports.Diag_CloseNodeStart_Token_Expected = exports.Diag_End_Token_Expected = exports.Diag_Unterminated_Script = exports.Diag_Unterminated_CData = exports.Diag_Unterminated_Comment = exports.Diag_Unterminated_String_Literal = exports.Diag_Invalid_Character = exports.ErrCodes = exports.DiagnosticCategory = void 0;
 exports.diagnosticCategoryName = diagnosticCategoryName;
 var DiagnosticCategory;
 (function (DiagnosticCategory) {
@@ -13,7 +13,7 @@ var ErrCodes;
 (function (ErrCodes) {
     ErrCodes["onlyOneElem"] = "U002";
     ErrCodes["expTagOpen"] = "U003";
-    ErrCodes["expTagIdent"] = "U004";
+    ErrCodes["expTagName"] = "U004";
     ErrCodes["expCloseStart"] = "U005";
     ErrCodes["expEndOrClose"] = "U006";
     ErrCodes["tagNameMismatch"] = "U007";
@@ -23,6 +23,7 @@ var ErrCodes;
     ErrCodes["expAttrValue"] = "U011";
     ErrCodes["duplAttr"] = "U012";
     ErrCodes["uppercaseAttr"] = "U013";
+    ErrCodes["tagNameExpAfterNamespace"] = "U014";
     ErrCodes["invalidChar"] = "W001";
     ErrCodes["untermStr"] = "W002";
     ErrCodes["untermComment"] = "W007";
@@ -70,8 +71,8 @@ exports.Diag_CloseNodeStart_Token_Expected = {
 };
 exports.Diag_Tag_Identifier_Expected = {
     category: DiagnosticCategory.Error,
-    code: ErrCodes.expTagIdent,
-    message: "A tag identifier expected.",
+    code: ErrCodes.expTagName,
+    message: "A tag name expected.",
 };
 exports.Diag_Attr_Value_Expected = {
     category: DiagnosticCategory.Error,
@@ -98,3 +99,8 @@ exports.Diag_Attr_Identifier_Expected = {
     code: ErrCodes.expAttrIdent,
     message: `An attribute identifier expected.`,
 };
+exports.Diag_Tag_Name_Afterd_Namespace_Expected = {
+    category: DiagnosticCategory.Error,
+    code: ErrCodes.tagNameExpAfterNamespace,
+    message: `A tag name expected after a namespaces.`,
+};