@tramvai/module-child-app 2.70.0 → 2.72.0

package/lib/shared/providers.browser.js

@@ -0,0 +1,231 @@
+import { Scope, DI_TOKEN } from '@tinkoff/dippy';
+import { provide, commandLineListTokens, COMMAND_LINE_RUNNER_TOKEN } from '@tramvai/core';
+import { CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN, CHILD_APP_RESOLUTION_CONFIGS_TOKEN, CHILD_APP_RESOLVE_CONFIG_TOKEN, CHILD_APP_RESOLVE_BASE_URL_TOKEN, CHILD_APP_SINGLETON_DI_MANAGER_TOKEN, CHILD_APP_LOADER_TOKEN, CHILD_APP_DI_MANAGER_TOKEN, CHILD_APP_COMMAND_LINE_RUNNER_TOKEN, CHILD_APP_PRELOAD_MANAGER_TOKEN, CHILD_APP_RENDER_MANAGER_TOKEN } from '@tramvai/tokens-child-app';
+import { COMBINE_REDUCERS, LOGGER_TOKEN, ENV_MANAGER_TOKEN, REGISTER_CLEAR_CACHE_TOKEN, CLEAR_CACHE_TOKEN, ENV_USED_TOKEN } from '@tramvai/tokens-common';
+import { EXTEND_RENDER } from '@tramvai/tokens-render';
+import { PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
+import { resolveLazyComponent } from '@tramvai/react';
+import { SingletonDiManager } from './singletonDi.browser.js';
+import { DiManager } from './di.browser.js';
+import { CommandLineRunner } from './command.browser.js';
+import { ChildAppStore } from './store.browser.js';
+import { extendRender } from './render.browser.js';
+import { initModuleFederation } from './webpack/moduleFederation.browser.js';
+import { ChildAppResolutionConfigManager } from './resolutionConfigManager.browser.js';
+
+const sharedProviders = [
+    provide({
+        provide: COMBINE_REDUCERS,
+        multi: true,
+        useValue: ChildAppStore,
+    }),
+    provide({
+        provide: commandLineListTokens.init,
+        multi: true,
+        useValue: () => initModuleFederation(),
+    }),
+    provide({
+        provide: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        useClass: ChildAppResolutionConfigManager,
+        deps: {
+            configs: { token: CHILD_APP_RESOLUTION_CONFIGS_TOKEN, optional: true },
+            logger: LOGGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.resolvePageDeps,
+        multi: true,
+        useFactory: ({ resolutionConfigManager }) => {
+            return async function fallbackResolutionConfigManagerInit() {
+                await resolutionConfigManager.init();
+            };
+        },
+        deps: {
+            resolutionConfigManager: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_RESOLVE_CONFIG_TOKEN,
+        useFactory: ({ envManager, logger, rootBaseUrl, resolutionConfigManager }) => {
+            const rawEnv = envManager.get('CHILD_APP_DEBUG');
+            const log = logger('child-app:resolve-config');
+            const debug = new Map();
+            rawEnv === null || rawEnv === void 0 ? void 0 : rawEnv.split(';').reduce((acc, entry) => {
+                const [name, url] = entry.split('=');
+                return acc.set(name, url);
+            }, debug);
+            return (request) => {
+                var _a, _b;
+                const { name, tag = debug.has(name) ? 'debug' : 'latest' } = request;
+                const req = { name, tag, version: request.version };
+                const config = resolutionConfigManager.resolve(req);
+                if (!config) {
+                    log.error(`Child-app "${name}" with tag "${tag}" has not found`);
+                    return;
+                }
+                const { version, baseUrl: configBaseUrl, client, server, css, withoutCss } = config;
+                const baseUrl = (_b = (_a = debug.get(name)) !== null && _a !== void 0 ? _a : configBaseUrl) !== null && _b !== void 0 ? _b : rootBaseUrl;
+                if (!baseUrl) {
+                    throw new Error('CHILD_APP_EXTERNAL_URL was not defined');
+                }
+                return {
+                    name,
+                    tag,
+                    version,
+                    key: `${name}@${version}`,
+                    server: {
+                        entry: `${baseUrl}${name}/${name}_server@${version}.js`,
+                        ...server,
+                    },
+                    client: {
+                        baseUrl: `${baseUrl}${name}/`,
+                        entry: `${baseUrl}${name}/${name}_client@${version}.js`,
+                        ...client,
+                    },
+                    css: withoutCss
+                        ? undefined
+                        : {
+                            entry: `${baseUrl}${name}/${name}@${version}.css`,
+                            ...css,
+                        },
+                };
+            };
+        },
+        deps: {
+            envManager: ENV_MANAGER_TOKEN,
+            logger: LOGGER_TOKEN,
+            rootBaseUrl: CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+            resolutionConfigManager: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+        useFactory: ({ envManager }) => {
+            return envManager.get('CHILD_APP_EXTERNAL_URL');
+        },
+        deps: {
+            envManager: ENV_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        scope: Scope.SINGLETON,
+        useClass: SingletonDiManager,
+        deps: {
+            logger: LOGGER_TOKEN,
+            appDi: DI_TOKEN,
+            loader: CHILD_APP_LOADER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_DI_MANAGER_TOKEN,
+        useClass: DiManager,
+        deps: {
+            appDi: DI_TOKEN,
+            loader: CHILD_APP_LOADER_TOKEN,
+            singletonDiManager: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_COMMAND_LINE_RUNNER_TOKEN,
+        useClass: CommandLineRunner,
+        deps: {
+            logger: LOGGER_TOKEN,
+            rootCommandLineRunner: COMMAND_LINE_RUNNER_TOKEN,
+            diManager: CHILD_APP_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.resolvePageDeps,
+        useFactory: ({ pageService, preloadManager }) => {
+            return async function preloadChildAppByComponent() {
+                var _a, _b, _c, _d, _e, _f;
+                const [layoutComponent, nestedLayoutComponent, pageComponent] = await Promise.all([
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('layout')),
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('nestedLayout')),
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('page')),
+                ]);
+                await Promise.all([
+                    ...((_b = (_a = layoutComponent === null || layoutComponent === void 0 ? void 0 : layoutComponent.childApps) === null || _a === void 0 ? void 0 : _a.map((request) => preloadManager.preload(request))) !== null && _b !== void 0 ? _b : []),
+                    ...((_d = (_c = nestedLayoutComponent === null || nestedLayoutComponent === void 0 ? void 0 : nestedLayoutComponent.childApps) === null || _c === void 0 ? void 0 : _c.map((request) => preloadManager.preload(request))) !== null && _d !== void 0 ? _d : []),
+                    ...((_f = (_e = pageComponent === null || pageComponent === void 0 ? void 0 : pageComponent.childApps) === null || _e === void 0 ? void 0 : _e.map((request) => preloadManager.preload(request))) !== null && _f !== void 0 ? _f : []),
+                ]);
+            };
+        },
+        multi: true,
+        deps: {
+            pageService: PAGE_SERVICE_TOKEN,
+            preloadManager: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.generatePage,
+        multi: true,
+        useFactory: ({ preloadManager }) => {
+            return function childAppPageRender() {
+                preloadManager.pageRender();
+            };
+        },
+        deps: {
+            preloadManager: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.clear,
+        multi: true,
+        useFactory: ({ preloader }) => {
+            return function childAppClear() {
+                return preloader.clearPreloaded();
+            };
+        },
+        deps: {
+            preloader: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: REGISTER_CLEAR_CACHE_TOKEN,
+        multi: true,
+        useFactory: ({ diManager }) => {
+            return (type) => {
+                diManager.forEachChildDi((di) => {
+                    var _a;
+                    const clearCache = di.get({ token: CLEAR_CACHE_TOKEN, optional: true });
+                    if (clearCache) {
+                        // first if child-app has its own CLEAR_CACHE_TOKEN implementation use only it
+                        return clearCache(type);
+                    }
+                    // otherwise pick up any REGISTER_CLEAR_CACHE_TOKEN hooks and call it
+                    const registeredClearCache = (_a = di.get({
+                        token: REGISTER_CLEAR_CACHE_TOKEN,
+                        optional: true,
+                    })) !== null && _a !== void 0 ? _a : [];
+                    return Promise.all(registeredClearCache.map((clear) => clear(type)));
+                });
+            };
+        },
+        deps: {
+            diManager: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: EXTEND_RENDER,
+        multi: true,
+        useFactory: extendRender,
+        deps: {
+            renderManager: CHILD_APP_RENDER_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: ENV_USED_TOKEN,
+        multi: true,
+        useValue: [
+            {
+                key: 'CHILD_APP_DEBUG',
+                dehydrate: true,
+                optional: true,
+            },
+        ],
+    }),
+];
+
+export { sharedProviders };

package/lib/shared/providers.es.js

@@ -0,0 +1,231 @@
+import { Scope, DI_TOKEN } from '@tinkoff/dippy';
+import { provide, commandLineListTokens, COMMAND_LINE_RUNNER_TOKEN } from '@tramvai/core';
+import { CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN, CHILD_APP_RESOLUTION_CONFIGS_TOKEN, CHILD_APP_RESOLVE_CONFIG_TOKEN, CHILD_APP_RESOLVE_BASE_URL_TOKEN, CHILD_APP_SINGLETON_DI_MANAGER_TOKEN, CHILD_APP_LOADER_TOKEN, CHILD_APP_DI_MANAGER_TOKEN, CHILD_APP_COMMAND_LINE_RUNNER_TOKEN, CHILD_APP_PRELOAD_MANAGER_TOKEN, CHILD_APP_RENDER_MANAGER_TOKEN } from '@tramvai/tokens-child-app';
+import { COMBINE_REDUCERS, LOGGER_TOKEN, ENV_MANAGER_TOKEN, REGISTER_CLEAR_CACHE_TOKEN, CLEAR_CACHE_TOKEN, ENV_USED_TOKEN } from '@tramvai/tokens-common';
+import { EXTEND_RENDER } from '@tramvai/tokens-render';
+import { PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
+import { resolveLazyComponent } from '@tramvai/react';
+import { SingletonDiManager } from './singletonDi.es.js';
+import { DiManager } from './di.es.js';
+import { CommandLineRunner } from './command.es.js';
+import { ChildAppStore } from './store.es.js';
+import { extendRender } from './render.es.js';
+import { initModuleFederation } from './webpack/moduleFederation.es.js';
+import { ChildAppResolutionConfigManager } from './resolutionConfigManager.es.js';
+
+const sharedProviders = [
+    provide({
+        provide: COMBINE_REDUCERS,
+        multi: true,
+        useValue: ChildAppStore,
+    }),
+    provide({
+        provide: commandLineListTokens.init,
+        multi: true,
+        useValue: () => initModuleFederation(),
+    }),
+    provide({
+        provide: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        useClass: ChildAppResolutionConfigManager,
+        deps: {
+            configs: { token: CHILD_APP_RESOLUTION_CONFIGS_TOKEN, optional: true },
+            logger: LOGGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.resolvePageDeps,
+        multi: true,
+        useFactory: ({ resolutionConfigManager }) => {
+            return async function fallbackResolutionConfigManagerInit() {
+                await resolutionConfigManager.init();
+            };
+        },
+        deps: {
+            resolutionConfigManager: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_RESOLVE_CONFIG_TOKEN,
+        useFactory: ({ envManager, logger, rootBaseUrl, resolutionConfigManager }) => {
+            const rawEnv = envManager.get('CHILD_APP_DEBUG');
+            const log = logger('child-app:resolve-config');
+            const debug = new Map();
+            rawEnv === null || rawEnv === void 0 ? void 0 : rawEnv.split(';').reduce((acc, entry) => {
+                const [name, url] = entry.split('=');
+                return acc.set(name, url);
+            }, debug);
+            return (request) => {
+                var _a, _b;
+                const { name, tag = debug.has(name) ? 'debug' : 'latest' } = request;
+                const req = { name, tag, version: request.version };
+                const config = resolutionConfigManager.resolve(req);
+                if (!config) {
+                    log.error(`Child-app "${name}" with tag "${tag}" has not found`);
+                    return;
+                }
+                const { version, baseUrl: configBaseUrl, client, server, css, withoutCss } = config;
+                const baseUrl = (_b = (_a = debug.get(name)) !== null && _a !== void 0 ? _a : configBaseUrl) !== null && _b !== void 0 ? _b : rootBaseUrl;
+                if (!baseUrl) {
+                    throw new Error('CHILD_APP_EXTERNAL_URL was not defined');
+                }
+                return {
+                    name,
+                    tag,
+                    version,
+                    key: `${name}@${version}`,
+                    server: {
+                        entry: `${baseUrl}${name}/${name}_server@${version}.js`,
+                        ...server,
+                    },
+                    client: {
+                        baseUrl: `${baseUrl}${name}/`,
+                        entry: `${baseUrl}${name}/${name}_client@${version}.js`,
+                        ...client,
+                    },
+                    css: withoutCss
+                        ? undefined
+                        : {
+                            entry: `${baseUrl}${name}/${name}@${version}.css`,
+                            ...css,
+                        },
+                };
+            };
+        },
+        deps: {
+            envManager: ENV_MANAGER_TOKEN,
+            logger: LOGGER_TOKEN,
+            rootBaseUrl: CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+            resolutionConfigManager: CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+        useFactory: ({ envManager }) => {
+            return envManager.get('CHILD_APP_EXTERNAL_URL');
+        },
+        deps: {
+            envManager: ENV_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        scope: Scope.SINGLETON,
+        useClass: SingletonDiManager,
+        deps: {
+            logger: LOGGER_TOKEN,
+            appDi: DI_TOKEN,
+            loader: CHILD_APP_LOADER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_DI_MANAGER_TOKEN,
+        useClass: DiManager,
+        deps: {
+            appDi: DI_TOKEN,
+            loader: CHILD_APP_LOADER_TOKEN,
+            singletonDiManager: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: CHILD_APP_COMMAND_LINE_RUNNER_TOKEN,
+        useClass: CommandLineRunner,
+        deps: {
+            logger: LOGGER_TOKEN,
+            rootCommandLineRunner: COMMAND_LINE_RUNNER_TOKEN,
+            diManager: CHILD_APP_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.resolvePageDeps,
+        useFactory: ({ pageService, preloadManager }) => {
+            return async function preloadChildAppByComponent() {
+                var _a, _b, _c, _d, _e, _f;
+                const [layoutComponent, nestedLayoutComponent, pageComponent] = await Promise.all([
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('layout')),
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('nestedLayout')),
+                    resolveLazyComponent(pageService.resolveComponentFromConfig('page')),
+                ]);
+                await Promise.all([
+                    ...((_b = (_a = layoutComponent === null || layoutComponent === void 0 ? void 0 : layoutComponent.childApps) === null || _a === void 0 ? void 0 : _a.map((request) => preloadManager.preload(request))) !== null && _b !== void 0 ? _b : []),
+                    ...((_d = (_c = nestedLayoutComponent === null || nestedLayoutComponent === void 0 ? void 0 : nestedLayoutComponent.childApps) === null || _c === void 0 ? void 0 : _c.map((request) => preloadManager.preload(request))) !== null && _d !== void 0 ? _d : []),
+                    ...((_f = (_e = pageComponent === null || pageComponent === void 0 ? void 0 : pageComponent.childApps) === null || _e === void 0 ? void 0 : _e.map((request) => preloadManager.preload(request))) !== null && _f !== void 0 ? _f : []),
+                ]);
+            };
+        },
+        multi: true,
+        deps: {
+            pageService: PAGE_SERVICE_TOKEN,
+            preloadManager: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.generatePage,
+        multi: true,
+        useFactory: ({ preloadManager }) => {
+            return function childAppPageRender() {
+                preloadManager.pageRender();
+            };
+        },
+        deps: {
+            preloadManager: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.clear,
+        multi: true,
+        useFactory: ({ preloader }) => {
+            return function childAppClear() {
+                return preloader.clearPreloaded();
+            };
+        },
+        deps: {
+            preloader: CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: REGISTER_CLEAR_CACHE_TOKEN,
+        multi: true,
+        useFactory: ({ diManager }) => {
+            return (type) => {
+                diManager.forEachChildDi((di) => {
+                    var _a;
+                    const clearCache = di.get({ token: CLEAR_CACHE_TOKEN, optional: true });
+                    if (clearCache) {
+                        // first if child-app has its own CLEAR_CACHE_TOKEN implementation use only it
+                        return clearCache(type);
+                    }
+                    // otherwise pick up any REGISTER_CLEAR_CACHE_TOKEN hooks and call it
+                    const registeredClearCache = (_a = di.get({
+                        token: REGISTER_CLEAR_CACHE_TOKEN,
+                        optional: true,
+                    })) !== null && _a !== void 0 ? _a : [];
+                    return Promise.all(registeredClearCache.map((clear) => clear(type)));
+                });
+            };
+        },
+        deps: {
+            diManager: CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: EXTEND_RENDER,
+        multi: true,
+        useFactory: extendRender,
+        deps: {
+            renderManager: CHILD_APP_RENDER_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: ENV_USED_TOKEN,
+        multi: true,
+        useValue: [
+            {
+                key: 'CHILD_APP_DEBUG',
+                dehydrate: true,
+                optional: true,
+            },
+        ],
+    }),
+];
+
+export { sharedProviders };

package/lib/shared/providers.js

@@ -0,0 +1,235 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dippy = require('@tinkoff/dippy');
+var core = require('@tramvai/core');
+var tokensChildApp = require('@tramvai/tokens-child-app');
+var tokensCommon = require('@tramvai/tokens-common');
+var tokensRender = require('@tramvai/tokens-render');
+var tokensRouter = require('@tramvai/tokens-router');
+var react = require('@tramvai/react');
+var singletonDi = require('./singletonDi.js');
+var di = require('./di.js');
+var command = require('./command.js');
+var store = require('./store.js');
+var render = require('./render.js');
+var moduleFederation = require('./webpack/moduleFederation.js');
+var resolutionConfigManager = require('./resolutionConfigManager.js');
+
+const sharedProviders = [
+    core.provide({
+        provide: tokensCommon.COMBINE_REDUCERS,
+        multi: true,
+        useValue: store.ChildAppStore,
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.init,
+        multi: true,
+        useValue: () => moduleFederation.initModuleFederation(),
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        useClass: resolutionConfigManager.ChildAppResolutionConfigManager,
+        deps: {
+            configs: { token: tokensChildApp.CHILD_APP_RESOLUTION_CONFIGS_TOKEN, optional: true },
+            logger: tokensCommon.LOGGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.resolvePageDeps,
+        multi: true,
+        useFactory: ({ resolutionConfigManager }) => {
+            return async function fallbackResolutionConfigManagerInit() {
+                await resolutionConfigManager.init();
+            };
+        },
+        deps: {
+            resolutionConfigManager: tokensChildApp.CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_RESOLVE_CONFIG_TOKEN,
+        useFactory: ({ envManager, logger, rootBaseUrl, resolutionConfigManager }) => {
+            const rawEnv = envManager.get('CHILD_APP_DEBUG');
+            const log = logger('child-app:resolve-config');
+            const debug = new Map();
+            rawEnv === null || rawEnv === void 0 ? void 0 : rawEnv.split(';').reduce((acc, entry) => {
+                const [name, url] = entry.split('=');
+                return acc.set(name, url);
+            }, debug);
+            return (request) => {
+                var _a, _b;
+                const { name, tag = debug.has(name) ? 'debug' : 'latest' } = request;
+                const req = { name, tag, version: request.version };
+                const config = resolutionConfigManager.resolve(req);
+                if (!config) {
+                    log.error(`Child-app "${name}" with tag "${tag}" has not found`);
+                    return;
+                }
+                const { version, baseUrl: configBaseUrl, client, server, css, withoutCss } = config;
+                const baseUrl = (_b = (_a = debug.get(name)) !== null && _a !== void 0 ? _a : configBaseUrl) !== null && _b !== void 0 ? _b : rootBaseUrl;
+                if (!baseUrl) {
+                    throw new Error('CHILD_APP_EXTERNAL_URL was not defined');
+                }
+                return {
+                    name,
+                    tag,
+                    version,
+                    key: `${name}@${version}`,
+                    server: {
+                        entry: `${baseUrl}${name}/${name}_server@${version}.js`,
+                        ...server,
+                    },
+                    client: {
+                        baseUrl: `${baseUrl}${name}/`,
+                        entry: `${baseUrl}${name}/${name}_client@${version}.js`,
+                        ...client,
+                    },
+                    css: withoutCss
+                        ? undefined
+                        : {
+                            entry: `${baseUrl}${name}/${name}@${version}.css`,
+                            ...css,
+                        },
+                };
+            };
+        },
+        deps: {
+            envManager: tokensCommon.ENV_MANAGER_TOKEN,
+            logger: tokensCommon.LOGGER_TOKEN,
+            rootBaseUrl: tokensChildApp.CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+            resolutionConfigManager: tokensChildApp.CHILD_APP_RESOLUTION_CONFIG_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_RESOLVE_BASE_URL_TOKEN,
+        useFactory: ({ envManager }) => {
+            return envManager.get('CHILD_APP_EXTERNAL_URL');
+        },
+        deps: {
+            envManager: tokensCommon.ENV_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        scope: dippy.Scope.SINGLETON,
+        useClass: singletonDi.SingletonDiManager,
+        deps: {
+            logger: tokensCommon.LOGGER_TOKEN,
+            appDi: dippy.DI_TOKEN,
+            loader: tokensChildApp.CHILD_APP_LOADER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_DI_MANAGER_TOKEN,
+        useClass: di.DiManager,
+        deps: {
+            appDi: dippy.DI_TOKEN,
+            loader: tokensChildApp.CHILD_APP_LOADER_TOKEN,
+            singletonDiManager: tokensChildApp.CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensChildApp.CHILD_APP_COMMAND_LINE_RUNNER_TOKEN,
+        useClass: command.CommandLineRunner,
+        deps: {
+            logger: tokensCommon.LOGGER_TOKEN,
+            rootCommandLineRunner: core.COMMAND_LINE_RUNNER_TOKEN,
+            diManager: tokensChildApp.CHILD_APP_DI_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.resolvePageDeps,
+        useFactory: ({ pageService, preloadManager }) => {
+            return async function preloadChildAppByComponent() {
+                var _a, _b, _c, _d, _e, _f;
+                const [layoutComponent, nestedLayoutComponent, pageComponent] = await Promise.all([
+                    react.resolveLazyComponent(pageService.resolveComponentFromConfig('layout')),
+                    react.resolveLazyComponent(pageService.resolveComponentFromConfig('nestedLayout')),
+                    react.resolveLazyComponent(pageService.resolveComponentFromConfig('page')),
+                ]);
+                await Promise.all([
+                    ...((_b = (_a = layoutComponent === null || layoutComponent === void 0 ? void 0 : layoutComponent.childApps) === null || _a === void 0 ? void 0 : _a.map((request) => preloadManager.preload(request))) !== null && _b !== void 0 ? _b : []),
+                    ...((_d = (_c = nestedLayoutComponent === null || nestedLayoutComponent === void 0 ? void 0 : nestedLayoutComponent.childApps) === null || _c === void 0 ? void 0 : _c.map((request) => preloadManager.preload(request))) !== null && _d !== void 0 ? _d : []),
+                    ...((_f = (_e = pageComponent === null || pageComponent === void 0 ? void 0 : pageComponent.childApps) === null || _e === void 0 ? void 0 : _e.map((request) => preloadManager.preload(request))) !== null && _f !== void 0 ? _f : []),
+                ]);
+            };
+        },
+        multi: true,
+        deps: {
+            pageService: tokensRouter.PAGE_SERVICE_TOKEN,
+            preloadManager: tokensChildApp.CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.generatePage,
+        multi: true,
+        useFactory: ({ preloadManager }) => {
+            return function childAppPageRender() {
+                preloadManager.pageRender();
+            };
+        },
+        deps: {
+            preloadManager: tokensChildApp.CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.clear,
+        multi: true,
+        useFactory: ({ preloader }) => {
+            return function childAppClear() {
+                return preloader.clearPreloaded();
+            };
+        },
+        deps: {
+            preloader: tokensChildApp.CHILD_APP_PRELOAD_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensCommon.REGISTER_CLEAR_CACHE_TOKEN,
+        multi: true,
+        useFactory: ({ diManager }) => {
+            return (type) => {
+                diManager.forEachChildDi((di) => {
+                    var _a;
+                    const clearCache = di.get({ token: tokensCommon.CLEAR_CACHE_TOKEN, optional: true });
+                    if (clearCache) {
+                        // first if child-app has its own CLEAR_CACHE_TOKEN implementation use only it
+                        return clearCache(type);
+                    }
+                    // otherwise pick up any REGISTER_CLEAR_CACHE_TOKEN hooks and call it
+                    const registeredClearCache = (_a = di.get({
+                        token: tokensCommon.REGISTER_CLEAR_CACHE_TOKEN,
+                        optional: true,
+                    })) !== null && _a !== void 0 ? _a : [];
+                    return Promise.all(registeredClearCache.map((clear) => clear(type)));
+                });
+            };
+        },
+        deps: {
+            diManager: tokensChildApp.CHILD_APP_SINGLETON_DI_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensRender.EXTEND_RENDER,
+        multi: true,
+        useFactory: render.extendRender,
+        deps: {
+            renderManager: tokensChildApp.CHILD_APP_RENDER_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokensCommon.ENV_USED_TOKEN,
+        multi: true,
+        useValue: [
+            {
+                key: 'CHILD_APP_DEBUG',
+                dehydrate: true,
+                optional: true,
+            },
+        ],
+    }),
+];
+
+exports.sharedProviders = sharedProviders;