@hitachivantara/app-shell-vite-plugin 0.12.0 → 0.13.0

package/dist/vite-plugin.js

@@ -1,449 +1,53 @@
 import fs from "fs";
 import path from "path";
-import { register, createEsmHooks } from "ts-node";
 import virtual from "@rollup/plugin-virtual";
 import { viteStaticCopy } from "vite-plugin-static-copy";
 import generateImportmap from "./vite-importmap-plugin.js";
+import processConfiguration from "./vite-configuration-processor-plugin.js";
+import generateBaseTag from "./vite-generate-base-plugin.js";
 import injectMetadata from "./vite-metadata-plugin.js";
-import { resolveModule, require, getModulePath } from "./nodeModule.js";
-createEsmHooks(register({
-    transpileOnly: true,
-    moduleTypes: {
-        "app-shell.config.ts": "cjs"
-    }
-}));
-/**
- * Return the main app (identified by @self)
- * @param appShellConfig The App shell configuration
- */
-const getMainApp = (appShellConfig) => {
-    return appShellConfig.apps?.filter(app => app.id === "@self")[0];
-};
-/**
- * Return the public path to be use by vite to launch the application.
- * Value is obtained by returning the baseUrl value of the main app {@link #getMainApp}
- * @param appShellConfig The App shell configuration
- */
-const getPublicPath = (appShellConfig) => {
-    const mainApp = getMainApp(appShellConfig);
-    if (!mainApp) {
-        return "/";
-    }
-    const url = mainApp.baseUrl;
-    try {
-        return new URL(url).pathname;
-    }
-    catch {
-        return url;
-    }
-};
+import serveAppShellConfig from "./vite-watch-config-plugin.js";
+import generateBashScript from "./vite-generate-bash-script-plugin.js";
+import { findAppShellConfigFile, loadConfigFile } from "./config-utils.js";
+import { resolveModule, getModulePath } from "./nodeModule.js";
+import { applyAutomaticMenu, applyAutomaticViewsAndRoutes } from "./automatic-utils.js";
+import getVirtualEntrypoints from "./virtual-entrypoints.js";
+import SHARED_DEPENDENCIES from "./shared-dependencies.js";
 var ViteBuildMode;
 (function (ViteBuildMode) {
     ViteBuildMode["PRODUCTION"] = "production";
     ViteBuildMode["DEVELOPMENT"] = "development";
 })(ViteBuildMode || (ViteBuildMode = {}));
-var ViteCommand;
-(function (ViteCommand) {
-    ViteCommand["BUILD"] = "build";
-    ViteCommand["SERVE"] = "serve";
-})(ViteCommand || (ViteCommand = {}));
-/**
- *  Returns the modules to be created by the build of the app.
- *  The list of modules is defined by the app-shell-config.json file routes ( limited to the @self app)
- *  The bundles will be created following the original directories structure ( having the src folder path removed)
- *
- * @param root Project root directory.
- * @param appShellConfig The App Shell configuration.
- * @param selfAppName The name of the application bundle being built.
- */
-function getAppModules(root, appShellConfig, selfAppName) {
-    const appModules = {};
-    const selfApp = getMainApp(appShellConfig);
-    if (selfApp != null) {
-        const selfViews = selfApp.views?.map(view => {
-            const bundleName = view.bundle.replace(/^src\//, "");
-            return {
-                ...view,
-                bundleName
-            };
-        }) ?? [];
-        selfViews.forEach(view => {
-            appModules[view.bundleName] = path.resolve(root, view.bundle);
-        });
-        const selfModules = selfApp.modules?.map(module => {
-            const bundleName = module.bundle.replace(/^src\//, "");
-            return {
-                ...module,
-                bundleName
-            };
-        }) ?? [];
-        selfModules.forEach(module => {
-            appModules[module.bundleName] = path.resolve(root, module.bundle);
-        });
-    }
-    const implicitThemeModules = appShellConfig?.theming?.themes?.map(theme => {
-        if (theme.startsWith("/src/") ||
-            theme.startsWith("@self/") ||
-            theme.startsWith(selfAppName)) {
-            const bundle = theme
-                .replace(/^@self\//, "")
-                .replace(new RegExp(`^${selfAppName}/`), "");
-            const bundleName = bundle.replace(/^(\/?)src\//, "");
-            return {
-                bundle,
-                bundleName
-            };
-        }
-        return undefined;
-    }) ?? [];
-    implicitThemeModules.forEach(module => {
-        if (module != null && appModules[module.bundleName] == null) {
-            appModules[module.bundleName] = path.resolve(root, module.bundle);
-        }
-    });
-    console.info("Modules exported by the application bundle:", appModules);
-    return appModules;
-}
-/**
- * Process configuration, executing several tasks:
- *  - Create rollup configuration to support module creation
- *  - Generates final transformed configuration json
- *  - "base" value is always "./" for build, and main app baseUrl for preview or dev
- *  - Injects the APP_BASE_PATH env prop, to be used by the apps (if required)
- * @param root Project root directory.
- * @param appShellConfig The original App Shell configuration json.
- * @param selfAppName The name of the application bundle being built.
- * @param buildEntryPoint If true, the index.html entry point will be added to the bundle.
- */
-function processConfiguration(root, appShellConfig, selfAppName, buildEntryPoint) {
-    const selfApp = getMainApp(appShellConfig);
-    return {
-        name: "vite-plugin-appShell-configuration-processor",
-        config(config, { command }) {
-            const projectRoot = root ?? config.root;
-            const publicPath = getPublicPath(appShellConfig);
-            return {
-                build: {
-                    rollupOptions: {
-                        preserveEntrySignatures: "strict",
-                        input: {
-                            ...(buildEntryPoint &&
-                                fs.existsSync(path.resolve(projectRoot, "index.html"))
-                                ? { main: path.resolve(projectRoot, "index.html") }
-                                : {}),
-                            ...getAppModules(projectRoot, appShellConfig, selfAppName)
-                        },
-                        output: {
-                            entryFileNames: "[name].js"
-                        }
-                    }
-                },
-                // if serve (preview/dev) it uses the baseUrl. Otherwise(build), use ./
-                base: command === ViteCommand.SERVE ? publicPath : "./",
-                define: {
-                    ...config.define,
-                    APP_BASE_PATH: JSON.stringify(publicPath)
-                }
-            };
-        },
-        /**
-         * Rollup hook with the info for bundle generation
-         * It will be used to create a new configuration with:
-         *  - bundles replace with the final location (e.g. -> "bundle": "src/pages/Main" transformed to "bundle": "pages/Main.js",
-         * @param options build options
-         * @param bundle bundles information
-         */
-        async generateBundle(options, bundle) {
-            // obtain the directory (dist) where the new config file will be placed
-            let targetDir;
-            if (options.dir) {
-                targetDir = options.dir;
-            }
-            else if (options.file) {
-                targetDir = path.dirname(options.file);
-            }
-            if (!targetDir) {
-                throw new Error("Please set outputPath, so we can know where to place the json file");
-            }
-            // create the targetDir if it does not exist
-            if (!fs.existsSync(targetDir)) {
-                fs.mkdirSync(targetDir, { recursive: true });
-            }
-            /**
-             * Creating a map with each chunk and the final name. Only the bundles with type=chunck are important
-             * Filename do not include the src path at the value
-             */
-            const chunks = {};
-            Object.keys(bundle).forEach(key => {
-                const chunk = bundle[key];
-                if (chunk.type === "chunk") {
-                    const outputChunk = chunk;
-                    if (outputChunk.isEntry) {
-                        const { fileName } = outputChunk;
-                        const { name } = outputChunk;
-                        chunks[name] = fileName;
-                    }
-                }
-            });
-            if (selfApp) {
-                selfApp.views = selfApp.views?.map(view => {
-                    const bundleName = view.bundle
-                        .replace(/^src\//, "")
-                        .replaceAll(/\$/g, "_");
-                    return {
-                        ...view,
-                        bundle: chunks[bundleName]
-                    };
-                });
-                selfApp.modules = selfApp.modules?.map(module => {
-                    const bundleName = module.bundle.replace(/^src\//, "");
-                    return {
-                        ...module,
-                        bundle: chunks[bundleName]
-                    };
-                });
-                // replace references to @self with the name of this application bundle
-                selfApp.id = selfAppName;
-                // also replace implicit references to selfApp in other parts of the configuration
-                const { theming } = appShellConfig;
-                if (theming != null) {
-                    theming.themes = theming.themes?.map(theme => {
-                        if (theme.startsWith("@self/") ||
-                            theme.startsWith(selfAppName) ||
-                            theme.startsWith("/src/")) {
-                            const bundleName = theme
-                                .replace(/^@self\//, "")
-                                .replace(new RegExp(`^${selfAppName}/`), "")
-                                .replace(/^(\/?)src\//, "");
-                            return `${selfAppName}/${chunks[bundleName]}`;
-                        }
-                        return theme;
-                    });
-                }
-            }
-            const finalAppShellConfig = buildEntryPoint
-                ? { ...appShellConfig }
-                : {
-                    name: appShellConfig.name,
-                    apps: selfApp != null ? [selfApp] : undefined
-                };
-            fs.writeFileSync(path.resolve(targetDir, "app-shell.config.json"), JSON.stringify(finalAppShellConfig));
-        }
-    };
-}
-/**
- * Add the <BASE> tag at index.html file. Tag value is obtained by the main app ({@link #getMainApp}) baseUrl ({@link #getPublicPath})‘
- * @param appShellConfig The app shell configuration.
- */
-const generateBaseTag = (appShellConfig) => {
-    const publicPath = getPublicPath(appShellConfig);
-    return {
-        name: "vite-plugin-generate-base",
-        enforce: "pre",
-        transformIndexHtml: {
-            enforce: "post",
-            transform: (html) => ({
-                html,
-                tags: [
-                    {
-                        tag: "base",
-                        attrs: { href: publicPath },
-                        injectTo: "head-prepend"
-                    }
-                ]
-            })
-        }
-    };
-};
-function serveAppShellConfig(appShellConfig, root, appShellConfigFile, automaticViewsFolder) {
-    return {
-        name: "vite-plugin-watch-app-shell-config",
-        configureServer(server) {
-            const restartServer = (file) => {
-                if (appShellConfigFile != null && file.endsWith(appShellConfigFile)) {
-                    console.info("App Shell configuration file changed. Reloading...");
-                    delete require.cache[require.resolve(path.resolve(root, appShellConfigFile))];
-                    server
-                        .restart()
-                        .catch(e => console.error(`Restart failed with: ${e}`));
-                }
-            };
-            const restartServer2 = (file) => {
-                if (automaticViewsFolder != null && file.match(/\/index\.[tj]sx?$/)) {
-                    console.info("Automatic views folder changed. Reloading...");
-                    server
-                        .restart()
-                        .catch(e => console.error(`Restart failed with: ${e}`));
-                }
-            };
-            if (appShellConfigFile != null) {
-                server.watcher.add(path.resolve(root, appShellConfigFile));
-                server.watcher.on("change", restartServer);
-            }
-            if (automaticViewsFolder != null) {
-                server.watcher.add(path.resolve(root, automaticViewsFolder));
-                server.watcher.on("unlink", restartServer2);
-                server.watcher.on("add", restartServer2);
-            }
-            const publicPath = getPublicPath(appShellConfig);
-            server.middlewares.use(`${publicPath}app-shell.config.json`, async (req, res) => {
-                res.end(JSON.stringify(appShellConfig));
-            });
-        }
-    };
-}
 export var ApplicationBundleType;
 (function (ApplicationBundleType) {
     ApplicationBundleType["APP"] = "app";
     ApplicationBundleType["BUNDLE"] = "bundle";
 })(ApplicationBundleType || (ApplicationBundleType = {}));
-const DEFAULT_CONFIG_FILES = [
-    "app-shell.config.ts",
-    "app-shell.config.js",
-    "app-shell.config.json"
-];
-function findIndexFiles(dir) {
-    const files = [];
-    fs.readdirSync(dir).forEach(file => {
-        const filePath = path.join(dir, file);
-        const stat = fs.statSync(filePath);
-        if (stat.isDirectory()) {
-            files.push(...findIndexFiles(filePath));
-        }
-        else if (file.match(/^index\.[tj]sx?$/)) {
-            files.push(filePath);
-        }
-    });
-    return files;
-}
-function mapIndexFilesToRoutes(files, folder) {
-    const routes = [];
-    files.forEach(filePath => {
-        const bundle = filePath.substring(filePath.lastIndexOf(`/${folder.replace(/^\/|\/$/g, "")}/`) + 1, filePath.lastIndexOf("/"));
-        const route = bundle
-            .replace(new RegExp(`^${folder}`), "")
-            .replace(/index\.[t|j]sx?$/, "")
-            .replaceAll(/\$/g, ":")
-            .toLowerCase();
-        routes.push({ bundle, route });
-    });
-    return routes;
-}
 /**
  * Vite plugin to support App Shell apps setup
  * @param opts Plugin options
  */
 export function appShellVitePlugin(opts = {}, env = {}) {
-    const { root = process.cwd(), mode = ViteBuildMode.PRODUCTION, externalImportMap = false, type = ApplicationBundleType.APP, viewsFolder = "src/pages", autoViewsAndRoutes = false, autoDevMenu = false } = opts;
-    const buildEntryPoint = type !== ApplicationBundleType.BUNDLE;
+    const { root = process.cwd(), mode = ViteBuildMode.PRODUCTION, externalImportMap = false, type = ApplicationBundleType.APP, viewsFolder = "src/pages", autoViewsAndRoutes = false, autoDevMenu = false, inlineConfig = opts.generateEmptyShell ?? false, generateEmptyShell = false } = opts;
     console.info(`Vite running in mode: ${mode}`);
     const devMode = mode === ViteBuildMode.DEVELOPMENT;
+    const buildEntryPoint = type !== ApplicationBundleType.BUNDLE;
     const packageJsonRaw = fs.readFileSync(path.resolve(root, "package.json"), "utf-8");
     const packageJson = JSON.parse(packageJsonRaw);
-    const appShellConfigFile = DEFAULT_CONFIG_FILES.find(file => fs.existsSync(path.resolve(root, file)));
-    let appShellConfiguration;
-    if (appShellConfigFile) {
-        if (appShellConfigFile.endsWith(".json")) {
-            // token replacement is only supported for json files
-            let appShellConfigRaw = fs.readFileSync(path.resolve(root, "app-shell.config.json"), "utf-8");
-            opts.configReplacements?.forEach(item => {
-                appShellConfigRaw = appShellConfigRaw.replaceAll(`@@${item.token}@@`, item.value);
-            });
-            appShellConfiguration = JSON.parse(appShellConfigRaw);
-        }
-        else {
-            // using require instead of import to avoid using --experimental-loader ts-node/esm
-            // eslint-disable-next-line import/no-dynamic-require
-            const loadedAppShellConfig = require(path.resolve(root, appShellConfigFile)).default;
-            if (typeof loadedAppShellConfig === "function") {
-                appShellConfiguration = loadedAppShellConfig(opts, env);
-            }
-            else {
-                appShellConfiguration = loadedAppShellConfig;
-            }
-        }
-    }
-    else {
-        // an empty configuration is actually valid
-        // and with the automatic views option, it can even make sense
-        appShellConfiguration = {};
-    }
-    let selfApp = getMainApp(appShellConfiguration);
-    if (autoViewsAndRoutes != null) {
-        const folder = path.resolve(root, viewsFolder);
-        if (fs.existsSync(folder)) {
-            const views = mapIndexFilesToRoutes(findIndexFiles(folder), viewsFolder);
-            if (views.length > 0) {
-                if (selfApp == null) {
-                    selfApp = {
-                        id: "@self",
-                        baseUrl: "/"
-                    };
-                    if (appShellConfiguration.apps == null) {
-                        appShellConfiguration.apps = [];
-                    }
-                    appShellConfiguration.apps.push(selfApp);
-                }
-                if (selfApp.views != null && selfApp.views.length > 0) {
-                    const nowOverlappingViews = views.filter(view => {
-                        const exists = selfApp.views.some(existingView => existingView.bundle === view.bundle ||
-                            existingView.route === view.route);
-                        return !exists;
-                    });
-                    selfApp.views.push(...nowOverlappingViews);
-                }
-                else {
-                    selfApp.views = views;
-                }
-            }
+    const appShellConfigFile = !generateEmptyShell
+        ? findAppShellConfigFile(root)
+        : undefined;
+    const appShellConfiguration = loadConfigFile(appShellConfigFile, opts, env);
+    if (!generateEmptyShell) {
+        if (autoViewsAndRoutes) {
+            applyAutomaticViewsAndRoutes(appShellConfiguration, root, viewsFolder);
         }
-    }
-    if (devMode && autoDevMenu) {
-        if (appShellConfiguration.menu == null ||
-            appShellConfiguration.menu.length === 0) {
-            if (selfApp?.views != null && selfApp.views.length > 0) {
-                const menu = [];
-                for (let i = 0; i !== selfApp.views.length; i += 1) {
-                    const view = selfApp.views[i];
-                    // skip dynamic routes (e.g. /list/:id))
-                    if (view.route.indexOf(":") === -1) {
-                        let currentMenu = menu;
-                        const bundleParts = view.bundle.split("/");
-                        const numberOfParts = view.route
-                            .split("/")
-                            .filter(part => part !== "").length;
-                        const srcFolderParts = bundleParts.length - numberOfParts;
-                        if (bundleParts.length > srcFolderParts) {
-                            for (let j = srcFolderParts; j !== bundleParts.length - 1; j += 1) {
-                                const part = bundleParts[j];
-                                let submenu = currentMenu.find(item => item.label === part);
-                                if (submenu == null) {
-                                    submenu = {
-                                        label: part,
-                                        submenus: []
-                                    };
-                                    currentMenu.push(submenu);
-                                }
-                                currentMenu = submenu.submenus;
-                            }
-                            const label = bundleParts[bundleParts.length - 1];
-                            let menuitem = currentMenu.find(item => item.label === label);
-                            if (menuitem == null) {
-                                menuitem = {
-                                    label
-                                };
-                                currentMenu.push(menuitem);
-                            }
-                            menuitem.target = view.route;
-                        }
-                    }
-                }
-                appShellConfiguration.menu = menu;
-            }
+        if (devMode && autoDevMenu) {
+            applyAutomaticMenu(appShellConfiguration);
         }
     }
     return [
-        // Copy all the required js bundles to final "bundles" folders, that will be injected by the importmap
+        // copy the shared dependencies js bundles to the "bundles" folder
         (buildEntryPoint || devMode) &&
             viteStaticCopy({
                 targets: [
@@ -454,110 +58,30 @@ export function appShellVitePlugin(opts = {}, env = {}) {
                     ...(!devMode && buildEntryPoint
                         ? [
                             {
-                                src: [
-                                    resolveModule("./esm-externals/react.production.min.js"),
-                                    resolveModule("./esm-externals/react.production.min.js.map"),
-                                    resolveModule("./esm-externals/react-dom.production.min.js"),
-                                    resolveModule("./esm-externals/react-dom.production.min.js.map"),
-                                    resolveModule("./esm-externals/react-router-dom.production.min.js"),
-                                    resolveModule("./esm-externals/react-router-dom.production.min.js.map"),
-                                    resolveModule("./esm-externals/emotion-react.production.min.js"),
-                                    resolveModule("./esm-externals/emotion-react.production.min.js.map"),
-                                    resolveModule("./esm-externals/emotion-cache.production.min.js"),
-                                    resolveModule("./esm-externals/emotion-cache.production.min.js.map"),
-                                    resolveModule("@hitachivantara/app-shell-shared/bundles/app-shell-shared.esm.js"),
-                                    resolveModule("@hitachivantara/app-shell-shared/bundles/app-shell-shared.esm.js.map"),
-                                    resolveModule("@hitachivantara/uikit-react-shared/bundles/uikit-react-shared.esm.js"),
-                                    resolveModule("@hitachivantara/uikit-react-shared/bundles/uikit-react-shared.esm.js.map")
-                                ],
+                                src: SHARED_DEPENDENCIES.flatMap(dep => [
+                                    resolveModule(dep.bundleSrc),
+                                    resolveModule(`${dep.bundleSrc}.map`)
+                                ]),
                                 dest: "bundles"
                             }
                         ]
                         : [])
                 ]
             }),
-        // create virtual endpoints to support dev mode
+        // create virtual endpoints for shell code and for shared dependencies
         virtual({
-            "/virtual/main.tsx": `import React, { Suspense } from "react";
-            import ReactDOM from "react-dom/client";
-            import App from "virtual:App.tsx";
-            
-            const root = ReactDOM.createRoot(document.getElementById("hv-root"));
-            
-            root.render(React.createElement(
-              Suspense,
-              { fallback: true },
-              React.createElement(App, null)
-            ));`,
-            "virtual:App.tsx": `import React from "react";
-            import { HvAppShell } from "@hitachivantara/app-shell";
-
-            const App = () => {
-              return React.createElement(HvAppShell, {
-                configUrl: window.location.origin + APP_BASE_PATH + "app-shell.config.json"
-              });
-            };
-            
-            export default App;`,
-            "/bundles/react.production.min.js": `import * as React from "react";
-      export default React;
-
-      export {
-        Fragment,
-        StrictMode,
-        Profiler,
-        Suspense,
-        Children,
-        Component,
-        PureComponent,
-        cloneElement,
-        createContext,
-        createElement,
-        createFactory,
-        createRef,
-        forwardRef,
-        isValidElement,
-        lazy,
-        memo,
-        useCallback,
-        useContext,
-        useDebugValue,
-        useEffect,
-        useImperativeHandle,
-        useLayoutEffect,
-        useMemo,
-        useReducer,
-        useRef,
-        useState,
-        version,
-      } from "react";`,
-            "/bundles/react-dom.production.min.js": `export {
-        default,
-        flushSync,
-        createPortal,
-        findDOMNode,
-        hydrate,
-        render,
-        unmountComponentAtNode,
-        unstable_batchedUpdates,
-        unstable_renderSubtreeIntoContainer,
-        version,
-      } from "react-dom";`,
-            "/bundles/react-router-dom.production.min.js": `export * from "react-router-dom";`,
-            "/bundles/emotion-react.production.min.js": `export * from "@emotion/react";`,
-            "/bundles/emotion-cache.production.min.js": `import createCache from "@emotion/cache"; export default createCache;`,
-            "/bundles/app-shell-shared.esm.js": `export * from "@hitachivantara/app-shell-shared";`,
-            "/bundles/uikit-react-shared.esm.js": `export * from "@hitachivantara/uikit-react-shared";`
+            ...getVirtualEntrypoints(inlineConfig),
+            ...SHARED_DEPENDENCIES.reduce((acc, dep) => {
+                acc[`/bundles/${dep.bundle}`] = dep.virtualSrc;
+                return acc;
+            }, {})
         }),
-        // generation of the importmap to create the link to the js bundles
+        // generate the importmap for shared dependencies and for apps referenced in the config file
         generateImportmap({
-            react: `./bundles/react.production.min.js`,
-            "react-dom": `./bundles/react-dom.production.min.js`,
-            "react-router-dom": `./bundles/react-router-dom.production.min.js`,
-            "@hitachivantara/app-shell-shared": "./bundles/app-shell-shared.esm.js",
-            "@emotion/react": "./bundles/emotion-react.production.min.js",
-            "@emotion/cache": "./bundles/emotion-cache.production.min.js",
-            "@hitachivantara/uikit-react-shared": "./bundles/uikit-react-shared.esm.js",
+            ...SHARED_DEPENDENCIES.reduce((acc, dep) => {
+                acc[dep.moduleId] = `./bundles/${dep.bundle}`;
+                return acc;
+            }, {}),
             ...appShellConfiguration?.apps?.reduce((acc, app) => {
                 if (app.id === "@self") {
                     acc[`${packageJson.name}/`] = app.baseUrl;
@@ -571,21 +95,21 @@ export function appShellVitePlugin(opts = {}, env = {}) {
                 return acc;
             }, {})
         }, [
-            "react",
-            "react-dom",
-            "react-router-dom",
-            "@hitachivantara/app-shell-shared",
-            "@hitachivantara/uikit-react-shared",
-            "@emotion/react",
-            "@emotion/cache",
+            ...SHARED_DEPENDENCIES.map(dep => dep.moduleId),
             "@self",
             packageJson.name
-        ], externalImportMap && buildEntryPoint),
-        injectMetadata(),
-        buildEntryPoint && generateBaseTag(appShellConfiguration),
-        // process configuration
-        processConfiguration(root, appShellConfiguration, packageJson.name, buildEntryPoint),
-        serveAppShellConfig(appShellConfiguration, root, appShellConfigFile, autoViewsAndRoutes ? viewsFolder : undefined)
+        ], externalImportMap && buildEntryPoint, generateEmptyShell),
+        // inject version metadata in the index.html
+        buildEntryPoint && injectMetadata(),
+        // set the base tag and replace the title in the index.html
+        buildEntryPoint &&
+            generateBaseTag(appShellConfiguration, generateEmptyShell),
+        // configure the build process based on the config file
+        processConfiguration(root, appShellConfiguration, packageJson.name, buildEntryPoint, inlineConfig, generateEmptyShell),
+        // serve the app shell config file as json and watch for changes
+        serveAppShellConfig(appShellConfiguration, root, appShellConfigFile, autoViewsAndRoutes ? viewsFolder : undefined),
+        // generate the shell script to replace the placeholders in the index.html
+        generateEmptyShell && generateBashScript(externalImportMap, inlineConfig)
     ];
 }
 export default appShellVitePlugin;