@darajs/core 1.20.2 → 1.21.0

package/dist/pages/route-error-boundary.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { isRouteErrorResponse, useRouteError } from 'react-router';
+import styled from '@darajs/styled-components';
+import { Button } from '@darajs/ui-components';
+import { useConfig } from '../shared';
+import { LoaderError } from '../types';
+import ErrorStatusCodePage, { errorMessages } from './error-status-code-page';
+const CenteredDivWithGap = styled.div `
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: 2rem;
+
+    min-width: 0;
+    margin: auto;
+    padding: 0.5rem;
+
+    text-align: center;
+
+    code {
+        padding: 0.2rem;
+        background-color: ${(props) => props.theme.colors.grey2};
+        border-radius: 0.5rem;
+    }
+`;
+const Title = styled.h1 `
+    margin: 0;
+    font-weight: 500;
+`;
+const ErrorMessage = styled.p `
+    font-size: 0.875rem;
+    line-height: 1.5;
+`;
+const ErrorStack = styled.pre `
+    overflow-x: auto;
+    display: flex;
+    flex-shrink: 1;
+
+    min-width: 0;
+
+    font-size: 0.825rem;
+    text-align: left;
+`;
+const ButtonBar = styled.div `
+    display: flex;
+    justify-content: center;
+
+    button {
+        width: fit-content;
+    }
+`;
+function isProductionBuild(config) {
+    return config.build_mode === 'PRODUCTION' && !config.build_dev;
+}
+function RouteErrorBoundary() {
+    const error = useRouteError();
+    const config = useConfig();
+    const firstRender = useRef(true);
+    if (firstRender.current) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+        firstRender.current = false;
+    }
+    // explicit errors from loaders
+    if (isRouteErrorResponse(error)) {
+        // show a regular error page when the error code is known
+        if (String(error.status) in errorMessages) {
+            return _jsx(ErrorStatusCodePage, { code: String(error.status) });
+        }
+        return (_jsxs(CenteredDivWithGap, { children: [_jsxs(Title, { children: [error.status, " ", error.statusText] }), _jsx(ErrorMessage, { children: "Try again or contact the application owner" }), _jsx(ButtonBar, { children: _jsx(Button, { href: "/login", styling: "error", children: "Go to home" }) })] }));
+    }
+    // in prod, always show the error page
+    if (isProductionBuild(config)) {
+        return (_jsxs(CenteredDivWithGap, { children: [_jsx(Title, { children: "Unexpected error occurred" }), _jsx(ErrorMessage, { children: "Try again or contact the application owner" }), _jsx(ButtonBar, { children: _jsx(Button, { href: "/login", styling: "error", children: "Go to home" }) })] }));
+    }
+    // Otherwise, show the actual error to the user (developer mode)
+    if (error instanceof LoaderError) {
+        // Explicitly handle loader errors
+        return (_jsxs(CenteredDivWithGap, { children: [_jsxs(Title, { children: ["Error loading page ", _jsx("code", { children: error.payload.path })] }), _jsxs(ErrorMessage, { children: ["Error was thrown by action ", _jsx("code", { children: error.payload.action_name }), ". ", _jsx("br", {}), "To ensure security and integrity of the page content, errors raised within ", _jsx("code", { children: "on_load" }), ' ', "actions trigger this error boundary page rather than only showing a notification. For best user experience, gracefully handle any exceptions raised within those actions."] }), _jsx(ErrorStack, { children: error.payload.stacktrace }), _jsx(ButtonBar, { children: _jsx(Button, { href: "/login", styling: "error", children: "Go to home" }) })] }));
+    }
+    return (_jsxs(CenteredDivWithGap, { children: [_jsx(Title, { children: "Unknown error occurred" }), _jsx(ErrorStack, { children: String(error) }), _jsx(ButtonBar, { children: _jsx(Button, { href: "/login", styling: "error", children: "Go to home" }) })] }));
+}
+export default RouteErrorBoundary;
+//# sourceMappingURL=route-error-boundary.js.map

package/dist/pages/route-error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-error-boundary.js","sourceRoot":"","sources":["../../js/pages/route-error-boundary.tsx"],"names":[],"mappings":"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"}

package/dist/run.d.ts

@@ -1,3 +1,4 @@
+import type { WebSocketClientInterface } from './api';
 import './index.css';
 declare global {
     interface Window {
@@ -6,6 +7,7 @@ declare global {
 }
 interface DaraGlobals {
     base_url: string;
+    ws?: WebSocketClientInterface;
 }
 /**
  * The main run function for the JS half of the application creates a div and binds the react app onto the tree. It sets
@@ -17,6 +19,6 @@ interface DaraGlobals {
  */
 declare function run(importers: {
     [k: string]: () => Promise<any>;
-}): void;
+}): Promise<void>;
 export default run;
 //# sourceMappingURL=run.d.ts.map

package/dist/run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../js/run.tsx"],"names":[],"mappings":"AAeA,OAAO,aAAa,CAAC;AAGrB,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,IAAI,EAAE,WAAW,CAAC;KACrB;CACJ;AAED,UAAU,WAAW;IACjB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,GAAG,CAAC,SAAS,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,IAAI,CA2CjE;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../js/run.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,aAAa,CAAC;AAQrB,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,IAAI,EAAE,WAAW,CAAC;KACrB;CACJ;AAED,UAAU,WAAW;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,wBAAwB,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,iBAAe,GAAG,CAAC,SAAS,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAoDhF;AAED,eAAe,GAAG,CAAC"}

package/dist/run.js

@@ -1,18 +1,29 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createBrowserHistory } from 'history';
+import NProgress from 'nprogress';
+import { useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { Router } from 'react-router-dom';
-import { RecoilRoot } from 'recoil';
-import { RecoilURLSync } from 'recoil-sync';
-import { ThemeProvider, theme } from '@darajs/styled-components';
+import { RouterProvider } from 'react-router/dom';
+import { RecoilRoot, useRecoilSnapshot } from 'recoil';
+import { ThemeProvider } from '@darajs/styled-components';
 import { ErrorBoundary } from '@darajs/ui-components';
-import { NotificationWrapper } from '@darajs/ui-notifications';
-import { GlobalTaskProvider } from './shared/context';
-import { useUrlSync } from './shared/utils';
-import AuthWrapper from './auth/auth-wrapper';
+import { useLatestRef } from '@darajs/ui-utils';
+import { ConfigContextProvider, GlobalTaskProvider } from './shared/context';
 import './index.css';
-import { DirectionCtx, ImportersCtx, TemplateRoot } from './shared';
+import { DirectionCtx, ImportersCtx, resolveTheme } from './shared';
+import { preloadAuthComponent } from './shared/dynamic-component/dynamic-auth-component';
+import { preloadComponents } from './shared/dynamic-component/dynamic-component';
+import { preloadActions } from './shared/interactivity/use-action';
+import { createRouter } from './shared/router';
 /**
  * The main run function for the JS half of the application creates a div and binds the react app onto the tree. It sets
  * up a lot of context providers for the rest of the application. It accepts an object of importers as an argument. An
@@ -22,20 +33,33 @@ import { DirectionCtx, ImportersCtx, TemplateRoot } from './shared';
  * @param importers - the importers object.
  */
 function run(importers) {
-    const queryClient = new QueryClient();
-    let basename = '';
-    // The base_url is set in the html template by the backend when returning it
-    if (window.dara.base_url !== '') {
-        basename = new URL(window.dara.base_url, window.origin).pathname;
-    }
-    function Root() {
-        const history = createBrowserHistory({ basename });
-        const syncOptions = useUrlSync({ history });
-        return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ErrorBoundary, { children: _jsx(ImportersCtx.Provider, { value: importers, children: _jsx(DirectionCtx.Provider, { value: { direction: 'row' }, children: _jsx(Router, { history: history, children: _jsx(RecoilRoot, { children: _jsx(RecoilURLSync, Object.assign({}, syncOptions, { children: _jsx(GlobalTaskProvider, { children: _jsxs(AuthWrapper, { children: [_jsx(NotificationWrapper, {}), _jsx(TemplateRoot, {})] }) }) })) }) }) }) }) }) }) }));
-    }
-    const container = document.getElementById('dara_root');
-    const root = createRoot(container);
-    root.render(_jsx(Root, {}));
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        const queryClient = new QueryClient();
+        const daraData = JSON.parse(document.getElementById('__DARA_DATA__').textContent);
+        document.title = daraData.title;
+        NProgress.configure({ showSpinner: false });
+        yield Promise.all([
+            // preload auth components to prevent flashing of extra spinners
+            ...Object.values(daraData.auth_components).map((component) => preloadAuthComponent(importers, component)),
+            // preload components and actions for the entire loaded registry
+            preloadComponents(importers, Object.values(daraData.components)),
+            preloadActions(importers, Object.values(daraData.actions)),
+        ]);
+        function RouterRoot() {
+            const snapshot = useRecoilSnapshot();
+            const snapshotRef = useLatestRef(snapshot);
+            const [router] = useState(() => createRouter(daraData, queryClient, snapshotRef));
+            return _jsx(RouterProvider, { router: router });
+        }
+        const theme = resolveTheme((_a = daraData.theme) === null || _a === void 0 ? void 0 : _a.main, (_b = daraData.theme) === null || _b === void 0 ? void 0 : _b.base);
+        function Root() {
+            return (_jsx(ConfigContextProvider, { initialConfig: daraData, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ErrorBoundary, { children: _jsx(ImportersCtx.Provider, { value: importers, children: _jsx(DirectionCtx.Provider, { value: { direction: 'row' }, children: _jsx(RecoilRoot, { children: _jsx(GlobalTaskProvider, { children: _jsx(RouterRoot, {}) }) }) }) }) }) }) }) }));
+        }
+        const container = document.getElementById('dara_root');
+        const root = createRoot(container);
+        root.render(_jsx(Root, {}));
+    });
 }
 export default run;
 //# sourceMappingURL=run.js.map

package/dist/run.js.map

@@ -1 +1 @@
-{"version":3,"file":"run.js","sourceRoot":"","sources":["../js/run.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAYpE;;;;;;;GAOG;AACH,SAAS,GAAG,CAAC,SAA8C;IACvD,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;IAEtC,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,4EAA4E;IAC5E,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,EAAE,EAAE,CAAC;QAC9B,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC;IACrE,CAAC;IAED,SAAS,IAAI;QACT,MAAM,OAAO,GAAG,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnD,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAE5C,OAAO,CACH,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACpC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACvB,KAAC,aAAa,cACV,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACnC,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,YAC9C,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YACpB,KAAC,UAAU,cACP,KAAC,aAAa,oBAAK,WAAW,cAC1B,KAAC,kBAAkB,cACf,MAAC,WAAW,eACR,KAAC,mBAAmB,KAAG,EACvB,KAAC,YAAY,KAAG,IACN,GACG,IACT,GACP,GACR,GACW,GACJ,GACZ,GACJ,GACE,CACzB,CAAC;IACN,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAE,CAAC;IACxD,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,KAAC,IAAI,KAAG,CAAC,CAAC;AAC1B,CAAC;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"run.js","sourceRoot":"","sources":["../js/run.tsx"],"names":[],"mappings":"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"}

package/dist/shared/context/config-context.d.ts

@@ -0,0 +1,7 @@
+import type { Config } from '../../types';
+export declare function ConfigContextProvider(props: {
+    initialConfig: Config;
+    children: React.ReactNode;
+}): React.ReactNode;
+export declare function useConfig(): Config;
+//# sourceMappingURL=config-context.d.ts.map

package/dist/shared/context/config-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-context.d.ts","sourceRoot":"","sources":["../../../js/shared/context/config-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAQtC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAGlH;AAED,wBAAgB,SAAS,IAAI,MAAM,CAQlC"}

package/dist/shared/context/config-context.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+const configContext = createContext(null);
+export function ConfigContextProvider(props) {
+    const contextValue = useMemo(() => ({ config: props.initialConfig }), [props.initialConfig]);
+    return _jsx(configContext.Provider, { value: contextValue, children: props.children });
+}
+export function useConfig() {
+    const context = useContext(configContext);
+    if (!context) {
+        throw new Error('useConfigContext must be used within a ConfigContextProvider');
+    }
+    return context.config;
+}
+//# sourceMappingURL=config-context.js.map

package/dist/shared/context/config-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-context.js","sourceRoot":"","sources":["../../../js/shared/context/config-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,aAAa,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEhE,MAAM,UAAU,qBAAqB,CAAC,KAA2D;IAC7F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAC7F,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,KAAK,CAAC,QAAQ,GAA0B,CAAC;AAClG,CAAC;AAED,MAAM,UAAU,SAAS;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;IACpF,CAAC;IAED,OAAO,OAAO,CAAC,MAAM,CAAC;AAC1B,CAAC"}

package/dist/shared/context/global-task-context.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type GlobalTaskContext } from '../../types/core';
 /**
  * Represents a task run
@@ -9,7 +10,7 @@ export interface VariableTaskEntry {
     triggerKey?: string;
 }
 interface GlobalTaskProviderProps {
-    children: JSX.Element;
+    children: React.ReactNode;
     tasks?: Set<string>;
     variableTaskMap?: Map<string, Array<VariableTaskEntry>>;
 }

package/dist/shared/context/global-task-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-task-context.d.ts","sourceRoot":"","sources":["../../../js/shared/context/global-task-context.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,cAAc;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC3D;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA4FrH;AAED,wBAAgB,cAAc,IAAI,iBAAiB,CAQlD"}
+{"version":3,"file":"global-task-context.d.ts","sourceRoot":"","sources":["../../../js/shared/context/global-task-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,cAAc;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC3D;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA4FrH;AAED,wBAAgB,cAAc,IAAI,iBAAiB,CAQlD"}

package/dist/shared/context/index.d.ts

@@ -3,8 +3,9 @@ export { default as ImportersCtx } from './importers-context';
 export { default as GlobalTaskProvider, useTaskContext } from './global-task-context';
 export { default as VariableCtx } from './variable-context';
 export { default as WebSocketCtx } from './websocket-context';
-export { default as RegistriesCtx } from './registries-context';
+export { RegistriesCtxProvider, useRegistriesCtx } from './registries-context';
 export { default as DisplayCtx } from './display-context';
 export { default as FallbackCtx } from './fallback-context';
 export { default as RequestExtrasCtx, useRequestExtras, RequestExtrasProvider, PartialRequestExtrasProvider, } from './request-extras-context';
+export { useConfig, ConfigContextProvider } from './config-context';
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../js/shared/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,GAC/B,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../js/shared/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,GAC/B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/shared/context/index.js

@@ -3,8 +3,9 @@ export { default as ImportersCtx } from './importers-context';
 export { default as GlobalTaskProvider, useTaskContext } from './global-task-context';
 export { default as VariableCtx } from './variable-context';
 export { default as WebSocketCtx } from './websocket-context';
-export { default as RegistriesCtx } from './registries-context';
+export { RegistriesCtxProvider, useRegistriesCtx } from './registries-context';
 export { default as DisplayCtx } from './display-context';
 export { default as FallbackCtx } from './fallback-context';
 export { default as RequestExtrasCtx, useRequestExtras, RequestExtrasProvider, PartialRequestExtrasProvider, } from './request-extras-context';
+export { useConfig, ConfigContextProvider } from './config-context';
 //# sourceMappingURL=index.js.map

package/dist/shared/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../js/shared/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,GAC/B,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../js/shared/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,GAC/B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/shared/context/registries-context.d.ts

@@ -1,6 +1,4 @@
-import { type QueryObserverResult, type RefetchOptions } from '@tanstack/react-query';
-import { RequestError } from '@darajs/ui-utils';
-import { type ActionDef, type Component } from '../../types';
+import { type ActionDef, type Component, type ComponentInstance } from '../../types';
 type RegistriesCtx = {
     /**
      * Action registry
@@ -11,10 +9,15 @@ type RegistriesCtx = {
      */
     componentRegistry: Record<string, Component>;
     /**
-     * Callback to force a refetch of the components registry
+     * Callback to get a component from the components registry
      */
-    refetchComponents: (options?: RefetchOptions) => Promise<QueryObserverResult<Record<string, Component>, RequestError>>;
+    getComponent: (instance: ComponentInstance) => Promise<Component>;
 };
-declare const registriesCtx: import("react").Context<RegistriesCtx>;
-export default registriesCtx;
+export declare function RegistriesCtxProvider(props: {
+    componentRegistry: Record<string, Component>;
+    actionRegistry: Record<string, ActionDef>;
+    children: React.ReactNode;
+}): React.ReactNode;
+export declare function useRegistriesCtx(): RegistriesCtx;
+export {};
 //# sourceMappingURL=registries-context.d.ts.map

package/dist/shared/context/registries-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registries-context.d.ts","sourceRoot":"","sources":["../../../js/shared/context/registries-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGtF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,aAAa,GAAG;IACjB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7C;;OAEG;IACH,iBAAiB,EAAE,CACf,OAAO,CAAC,EAAE,cAAc,KACvB,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;CAC9E,CAAC;AAEF,QAAA,MAAM,aAAa,wCAIjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"registries-context.d.ts","sourceRoot":"","sources":["../../../js/shared/context/registries-context.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjF,KAAK,aAAa,GAAG;IACjB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;CACrE,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IACzC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7C,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,KAAK,CAAC,SAAS,CA0ClB;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAQhD"}

package/dist/shared/context/registries-context.js

@@ -1,11 +1,51 @@
-import {} from '@tanstack/react-query';
-import { createContext } from 'react';
-import { RequestError } from '@darajs/ui-utils';
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMutation } from '@tanstack/react-query';
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { HTTP_METHOD, validateResponse } from '@darajs/ui-utils';
+import { request } from '../../api/http';
+import { handleAuthErrors } from '../../auth/auth';
 import {} from '../../types';
-const registriesCtx = createContext({
-    actionRegistry: {},
-    componentRegistry: {},
-    refetchComponents: null,
-});
-export default registriesCtx;
+import { useRequestExtras } from './request-extras-context';
+const registriesCtx = createContext(null);
+export function RegistriesCtxProvider(props) {
+    const [actionRegistry] = useState(props.actionRegistry);
+    const [componentRegistry, setComponentRegistry] = useState(props.componentRegistry);
+    const extras = useRequestExtras();
+    const refetchComponentMutation = useMutation({
+        mutationKey: ['component-definition'],
+        mutationFn: (_a) => __awaiter(this, [_a], void 0, function* ({ name }) {
+            const response = yield request(`/api/core/components/${name}/definition`, { method: HTTP_METHOD.GET }, extras);
+            yield handleAuthErrors(response, true);
+            yield validateResponse(response, `Failed to fetch the component definition for ${name}, was it registered in the app?`);
+            return response.json();
+        }),
+        retry: 3,
+    });
+    const getComponent = useCallback((instance) => __awaiter(this, void 0, void 0, function* () {
+        if (componentRegistry[instance.name]) {
+            return componentRegistry[instance.name];
+        }
+        const component = yield refetchComponentMutation.mutateAsync({ name: instance.name });
+        setComponentRegistry((prev) => (Object.assign(Object.assign({}, prev), { [instance.name]: component })));
+        return component;
+    }), [componentRegistry, refetchComponentMutation]);
+    const contextValue = useMemo(() => ({ actionRegistry, componentRegistry, getComponent }), [actionRegistry, componentRegistry, getComponent]);
+    return _jsx(registriesCtx.Provider, { value: contextValue, children: props.children });
+}
+export function useRegistriesCtx() {
+    const context = useContext(registriesCtx);
+    if (!context) {
+        throw new Error('useRegistriesCtx must be used within a RegistriesCtxProvider');
+    }
+    return context;
+}
 //# sourceMappingURL=registries-context.js.map

package/dist/shared/context/registries-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"registries-context.js","sourceRoot":"","sources":["../../../js/shared/context/registries-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiD,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAkC,MAAM,SAAS,CAAC;AAmBzD,MAAM,aAAa,GAAG,aAAa,CAAgB;IAC/C,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,iBAAiB,EAAE,IAAW;CACjC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"registries-context.js","sourceRoot":"","sources":["../../../js/shared/context/registries-context.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAA0D,MAAM,SAAS,CAAC;AAEjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAiB5D,MAAM,aAAa,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEhE,MAAM,UAAU,qBAAqB,CAAC,KAIrC;IACG,MAAM,CAAC,cAAc,CAAC,GAAG,QAAQ,CAA4B,KAAK,CAAC,cAAc,CAAC,CAAC;IACnF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAA4B,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC/G,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,MAAM,wBAAwB,GAAG,WAAW,CAAqC;QAC7E,WAAW,EAAE,CAAC,sBAAsB,CAAC;QACrC,UAAU,EAAE,KAAiB,EAAE,0CAAZ,EAAE,IAAI,EAAE;YACvB,MAAM,QAAQ,GAAG,MAAM,OAAO,CAC1B,wBAAwB,IAAI,aAAa,EACzC,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,EAC3B,MAAM,CACT,CAAC;YACF,MAAM,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACvC,MAAM,gBAAgB,CAClB,QAAQ,EACR,gDAAgD,IAAI,iCAAiC,CACxF,CAAC;YACF,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC,CAAA;QACD,KAAK,EAAE,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAO,QAA2B,EAAsB,EAAE;QACtD,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,OAAO,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAE,CAAC;QAC7C,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,wBAAwB,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QACtF,oBAAoB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,IAAG,CAAC,CAAC;QAC1E,OAAO,SAAS,CAAC;IACrB,CAAC,CAAA,EACD,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,CAChD,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC,EAC3D,CAAC,cAAc,EAAE,iBAAiB,EAAE,YAAY,CAAC,CACpD,CAAC;IAEF,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,KAAK,CAAC,QAAQ,GAA0B,CAAC;AAClG,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;IACpF,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/dist/shared/dynamic-component/dynamic-auth-component.d.ts

@@ -0,0 +1,12 @@
+import type { AuthComponent, ModuleContent } from '../../types/core';
+export declare function preloadAuthComponent(importers: Record<string, () => Promise<ModuleContent>>, component: AuthComponent): Promise<void>;
+/**
+ * Simplified version of DynamicComponent, just for the auth components.
+ * This is because we can't use the component registry for auth components, since the component registry operates
+ * in an authenticated context, and we need to be able to render the login page without being authenticated.
+ */
+declare function DynamicAuthComponent(props: {
+    component: AuthComponent;
+}): React.ReactNode;
+export default DynamicAuthComponent;
+//# sourceMappingURL=dynamic-auth-component.d.ts.map

package/dist/shared/dynamic-component/dynamic-auth-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-auth-component.d.ts","sourceRoot":"","sources":["../../../js/shared/dynamic-component/dynamic-auth-component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAQjE,wBAAsB,oBAAoB,CACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,EACvD,SAAS,EAAE,aAAa,GACzB,OAAO,CAAC,IAAI,CAAC,CAyBf;AAED;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAOlF;AAED,eAAe,oBAAoB,CAAC"}

package/dist/shared/dynamic-component/dynamic-auth-component.js

@@ -0,0 +1,53 @@
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from 'react';
+const PRELOADED_COMPONENTS = {};
+function getIdentifier(component) {
+    return `${component.py_module}.${component.js_name}`;
+}
+export function preloadAuthComponent(importers, component) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const importer = importers[component.py_module];
+        if (!importer) {
+            throw new Error(`Missing importer for module ${component.py_module}`);
+        }
+        let moduleContent = null;
+        try {
+            moduleContent = yield importer();
+        }
+        catch (err) {
+            throw new Error(`Failed to import module ${component.py_module}`, err);
+        }
+        if (!moduleContent) {
+            throw new Error(`Failed to import module ${component.py_module}`);
+        }
+        const Component = moduleContent[component.js_name];
+        if (!Component) {
+            throw new Error(`Failed to import component ${component.js_name} from module ${component.py_module}`);
+        }
+        PRELOADED_COMPONENTS[getIdentifier(component)] = _jsx(Component, {});
+    });
+}
+/**
+ * Simplified version of DynamicComponent, just for the auth components.
+ * This is because we can't use the component registry for auth components, since the component registry operates
+ * in an authenticated context, and we need to be able to render the login page without being authenticated.
+ */
+function DynamicAuthComponent(props) {
+    const identifier = getIdentifier(props.component);
+    // should not happen
+    if (!(identifier in PRELOADED_COMPONENTS)) {
+        throw new Error(`Component ${identifier} not found`);
+    }
+    return PRELOADED_COMPONENTS[identifier];
+}
+export default DynamicAuthComponent;
+//# sourceMappingURL=dynamic-auth-component.js.map

package/dist/shared/dynamic-component/dynamic-auth-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-auth-component.js","sourceRoot":"","sources":["../../../js/shared/dynamic-component/dynamic-auth-component.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,oBAAoB,GAA8B,EAAE,CAAC;AAE3D,SAAS,aAAa,CAAC,SAAwB;IAC3C,OAAO,GAAG,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;AACzD,CAAC;AAED,MAAM,UAAgB,oBAAoB,CACtC,SAAuD,EACvD,SAAwB;;QAExB,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAEhD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,MAAM,IAAI,KAAK,CAAC,+BAA+B,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC;QAC1E,CAAC;QAED,IAAI,aAAa,GAAQ,IAAI,CAAC;QAE9B,IAAI,CAAC;YACD,aAAa,GAAG,MAAM,QAAQ,EAAE,CAAC;QACrC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,2BAA2B,SAAS,CAAC,SAAS,EAAE,EAAE,GAAY,CAAC,CAAC;QACpF,CAAC;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,2BAA2B,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC;QACtE,CAAC;QAED,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,OAAO,CAA8B,CAAC;QAEhF,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,8BAA8B,SAAS,CAAC,OAAO,gBAAgB,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC;QAC1G,CAAC;QAED,oBAAoB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,GAAG,KAAC,SAAS,KAAG,CAAC;IACnE,CAAC;CAAA;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,KAAmC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClD,oBAAoB;IACpB,IAAI,CAAC,CAAC,UAAU,IAAI,oBAAoB,CAAC,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,aAAa,UAAU,YAAY,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,oBAAoB,CAAC,UAAU,CAAE,CAAC;AAC7C,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/shared/dynamic-component/dynamic-component.d.ts

@@ -1,9 +1,18 @@
-import { type ComponentInstance } from '../../types';
+import { type Component, type ComponentInstance } from '../../types';
+import { type ModuleContent } from '../../types/core';
 /**
  * Clear the caches for testing.
  * In prod we don't want to clear ever
  */
 export declare function clearCaches_TEST(): void;
+/**
+ * Pre-warm the caches for the given components.
+ * This is useful to pre-warm the core components on startup to avoid spinners
+ *
+ * @param importers - the importers object.
+ * @param components - the components to pre-warm
+ */
+export declare function preloadComponents(importers: Record<string, () => Promise<ModuleContent>>, components: Component[]): Promise<void>;
 interface DynamicComponentProps {
     /** The component instance to inject */
     component: ComponentInstance | null | undefined;

package/dist/shared/dynamic-component/dynamic-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-component.d.ts","sourceRoot":"","sources":["../../../js/shared/dynamic-component/dynamic-component.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAkB,KAAK,iBAAiB,EAA2C,MAAM,SAAS,CAAC;AA8D1G;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC;AAuID,UAAU,qBAAqB;IAC3B,uCAAuC;IACvC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD;AA8BD;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAwIvE;;AAkED,wBAAsC"}
+{"version":3,"file":"dynamic-component.d.ts","sourceRoot":"","sources":["../../../js/shared/dynamic-component/dynamic-component.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAA2C,MAAM,SAAS,CAAC;AAC1G,OAAO,EAAoB,KAAK,aAAa,EAA8C,MAAM,cAAc,CAAC;AA6DhH;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC;AAED;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CACnC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,EACvD,UAAU,EAAE,SAAS,EAAE,GACxB,OAAO,CAAC,IAAI,CAAC,CA6Cf;AA4ID,UAAU,qBAAqB;IAC3B,uCAAuC;IACvC,SAAS,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD;AA8BD;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CA0IvE;;AAkED,wBAAsC"}