@modern-js/app-tools 3.0.0-beta.0 → 3.0.0

package/dist/esm/utils/loadPlugins.mjs

@@ -0,0 +1,45 @@
+import { compatibleRequire, createDebugger, dynamicImport, getInternalPlugins, tryResolve } from "@modern-js/utils";
+import * as __rspack_external__modern_js_prod_server_057184e2 from "@modern-js/prod-server";
+const debug = createDebugger('load-plugins');
+async function getServerPlugins(api, metaName = 'modern-js') {
+    const hooks = api.getHooks();
+    const { plugins } = await hooks._internalServerPlugins.call({
+        plugins: []
+    });
+    const filtedPlugins = plugins.filter((plugin)=>plugin.name.includes(metaName));
+    api.updateAppContext({
+        serverPlugins: filtedPlugins
+    });
+    return filtedPlugins;
+}
+async function loadServerPlugins(api, appDirectory, metaName) {
+    const plugins = await getServerPlugins(api, metaName);
+    const instances = await (0, __rspack_external__modern_js_prod_server_057184e2.loadServerPlugins)(plugins, appDirectory);
+    return instances;
+}
+const resolveCliPlugin = async (p, appDirectory)=>{
+    const pkg = 'string' == typeof p ? p : p[0];
+    const pluginOptions = 'string' == typeof p ? void 0 : p[1];
+    const path = tryResolve(pkg, appDirectory);
+    let module;
+    try {
+        module = await compatibleRequire(path);
+    } catch (e) {
+        ({ default: module } = await dynamicImport(path));
+    }
+    if ('function' == typeof module) {
+        const result = module(pluginOptions);
+        return result;
+    }
+    return module;
+};
+const loadInternalPlugins = async (appDirectory, internalPlugins)=>{
+    const plugins = getInternalPlugins(appDirectory, internalPlugins);
+    const loadedPlugins = await Promise.all(plugins.map((plugin)=>{
+        const loadedPlugin = resolveCliPlugin(plugin, appDirectory);
+        debug("resolve plugin %s: %s", plugin, loadedPlugin);
+        return loadedPlugin;
+    }));
+    return loadedPlugins;
+};
+export { getServerPlugins, loadInternalPlugins, loadServerPlugins };

package/dist/esm/utils/printInstructions.mjs

@@ -0,0 +1,9 @@
+import { logger, prettyInstructions } from "@modern-js/utils";
+const printInstructions = async (hooks, appContext, config)=>{
+    const message = prettyInstructions(appContext, config);
+    const { instructions } = await hooks.onBeforePrintInstructions.call({
+        instructions: message
+    });
+    logger.log(instructions);
+};
+export { printInstructions };

package/dist/esm/utils/register.mjs

@@ -0,0 +1,61 @@
+import { fs, getAliasConfig, loadFromProject, readTsConfigByFile, tryResolve } from "@modern-js/utils";
+import * as __rspack_external_node_path_c5b9b54f from "node:path";
+const checkDepExist = (dep, appDir)=>{
+    try {
+        tryResolve(dep, appDir, process.cwd());
+        return true;
+    } catch  {
+        return false;
+    }
+};
+const setupTsRuntime = async (appDir, distDir, alias)=>{
+    const TS_CONFIG_FILENAME = "tsconfig.json";
+    const tsconfigPath = __rspack_external_node_path_c5b9b54f["default"].resolve(appDir, TS_CONFIG_FILENAME);
+    const isTsProject = await fs.pathExists(tsconfigPath);
+    const hasTsNode = checkDepExist('ts-node', appDir);
+    if (!isTsProject || !hasTsNode) return;
+    const aliasConfig = getAliasConfig(alias, {
+        appDirectory: appDir,
+        tsconfigPath
+    });
+    const { paths = {}, absoluteBaseUrl = './' } = aliasConfig;
+    const tsPaths = Object.keys(paths).reduce((o, key)=>{
+        let tsPath = paths[key];
+        if ('string' == typeof tsPath && key.startsWith('@') && tsPath.startsWith('@')) try {
+            tsPath = require.resolve(tsPath, {
+                paths: [
+                    process.cwd(),
+                    ...module.paths
+                ]
+            });
+        } catch  {}
+        if ('string' == typeof tsPath && __rspack_external_node_path_c5b9b54f["default"].isAbsolute(tsPath)) tsPath = __rspack_external_node_path_c5b9b54f["default"].relative(absoluteBaseUrl, tsPath);
+        if ('string' == typeof tsPath) tsPath = [
+            tsPath
+        ];
+        return {
+            ...o,
+            [`${key}`]: tsPath
+        };
+    }, {});
+    const tsConfig = readTsConfigByFile(tsconfigPath);
+    const tsNode = await loadFromProject('ts-node', appDir);
+    const tsNodeOptions = tsConfig['ts-node'];
+    tsNode.register({
+        project: tsconfigPath,
+        scope: true,
+        files: true,
+        transpileOnly: true,
+        ignore: [
+            '(?:^|/)node_modules/',
+            `(?:^|/)${__rspack_external_node_path_c5b9b54f["default"].relative(appDir, distDir)}/`
+        ],
+        ...tsNodeOptions
+    });
+    const { register } = await import("@modern-js/utils/tsconfig-paths");
+    register({
+        baseUrl: absoluteBaseUrl || './',
+        paths: tsPaths
+    });
+};
+export { setupTsRuntime };

package/dist/esm/utils/restart.mjs

@@ -0,0 +1,18 @@
+import { cli } from "@modern-js/plugin/cli";
+import { chalk, clearConsole, getFullArgv, logger } from "@modern-js/utils";
+import { program } from "@modern-js/utils/commander";
+async function restart(hooks, filename) {
+    clearConsole();
+    logger.info(`Restart because ${chalk.yellow(filename)} is changed...\n`);
+    let hasGetError = false;
+    await hooks.onBeforeRestart.call();
+    try {
+        await cli.init(cli.getPrevInitOptions());
+    } catch (err) {
+        console.error(err);
+        hasGetError = true;
+    } finally{
+        if (!hasGetError) program.parse(getFullArgv());
+    }
+}
+export { restart };

package/dist/esm/utils/routes.mjs

@@ -0,0 +1,15 @@
+import path from "path";
+import { MAIN_ENTRY_NAME, ROUTE_SPEC_FILE, fs } from "@modern-js/utils";
+const generateRoutes = async (appContext)=>{
+    const { serverRoutes, distDirectory } = appContext;
+    const output = JSON.stringify({
+        routes: serverRoutes
+    }, null, 2);
+    await fs.outputFile(path.join(distDirectory, ROUTE_SPEC_FILE), output);
+};
+const getPathWithoutExt = (filename)=>{
+    const extname = path.extname(filename);
+    return filename.slice(0, -extname.length);
+};
+const isMainEntry = (entryName, mainEntryName)=>entryName === (mainEntryName || MAIN_ENTRY_NAME);
+export { generateRoutes, getPathWithoutExt, isMainEntry };

package/dist/esm-node/builder/builder-rspack/index.mjs

@@ -0,0 +1,7 @@
+import "node:module";
+import { generateBuilder } from "../generator/index.mjs";
+async function createRspackBuilderForModern(options) {
+    const builder = await generateBuilder(options, 'rspack');
+    return builder;
+}
+export { createRspackBuilderForModern };

package/dist/esm-node/builder/generator/adapterCopy.mjs

@@ -0,0 +1,36 @@
+import "node:module";
+import path from "path";
+import { createCopyInfo } from "../shared/index.mjs";
+import { createPublicPattern } from "./createCopyPattern.mjs";
+const builderPluginAdapterCopy = (options)=>({
+        name: 'builder-plugin-adapter-copy',
+        setup (api) {
+            const { normalizedConfig: modernConfig, appContext } = options;
+            api.modifyBundlerChain((chain, { CHAIN_ID })=>{
+                if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
+                    const defaultCopyPattern = createPublicPattern(appContext, modernConfig, chain);
+                    const { customPublicDirs } = createCopyInfo(appContext, modernConfig);
+                    const customCopyPatterns = customPublicDirs.map((customPublicDir)=>{
+                        const relativePath = path.relative(appContext.appDirectory, customPublicDir);
+                        const outputDir = relativePath || path.basename(customPublicDir);
+                        return {
+                            from: '**/*',
+                            to: outputDir,
+                            context: customPublicDir,
+                            noErrorOnMissing: true
+                        };
+                    });
+                    chain.plugin(CHAIN_ID.PLUGIN.COPY).tap((args)=>[
+                            {
+                                patterns: [
+                                    ...args[0]?.patterns || [],
+                                    defaultCopyPattern,
+                                    ...customCopyPatterns
+                                ]
+                            }
+                        ]);
+                }
+            });
+        }
+    });
+export { builderPluginAdapterCopy };

package/dist/esm-node/builder/generator/createBuilderProviderConfig.mjs

@@ -0,0 +1,60 @@
+import "node:module";
+import { DEFAULT_API_PREFIX } from "@modern-js/utils";
+import { createUploadPattern } from "./createCopyPattern.mjs";
+function modifyOutputConfig(config, appContext) {
+    const defaultCopyPattern = createUploadPattern(appContext, config);
+    const { copy } = config.output;
+    const copyOptions = Array.isArray(copy) ? copy : copy?.patterns;
+    const builderCopy = [
+        ...copyOptions || [],
+        defaultCopyPattern
+    ];
+    config.output = {
+        ...config.output,
+        copy: builderCopy
+    };
+}
+function createBuilderProviderConfig(resolveConfig, appContext) {
+    const htmlConfig = {
+        ...resolveConfig.html
+    };
+    if (!htmlConfig.template) htmlConfig.template = ({ entryName })=>appContext.htmlTemplates[entryName];
+    const serverConfig = {
+        ...resolveConfig.server
+    };
+    if (resolveConfig.dev?.server?.cors !== void 0) serverConfig.cors = resolveConfig.dev?.server?.cors;
+    const config = {
+        ...resolveConfig,
+        plugins: [],
+        resolve: {
+            ...resolveConfig.resolve
+        },
+        dev: {
+            ...resolveConfig.dev,
+            port: appContext.port
+        },
+        server: serverConfig,
+        html: htmlConfig,
+        output: {
+            ...resolveConfig.output,
+            cleanDistPath: false
+        },
+        tools: {
+            ...resolveConfig.tools,
+            devServer: {
+                ...resolveConfig.tools?.devServer,
+                compress: {
+                    filter: (req)=>{
+                        const bffPrefix = resolveConfig.bff?.prefix || DEFAULT_API_PREFIX;
+                        const url = req.url;
+                        if (url?.startsWith(bffPrefix)) return false;
+                        return true;
+                    }
+                }
+            }
+        }
+    };
+    modifyOutputConfig(config, appContext);
+    return config;
+}
+export { createBuilderProviderConfig };

package/dist/esm-node/builder/generator/createCopyPattern.mjs

@@ -0,0 +1,31 @@
+import "node:module";
+import { removeTailSlash } from "@modern-js/utils";
+import { createCopyInfo } from "../shared/index.mjs";
+const minifiedJsRexExp = /\.min\.js/;
+const info = (file)=>({
+        minimized: minifiedJsRexExp.test(file.sourceFilename)
+    });
+function createPublicPattern(appContext, config, chain) {
+    const { publicDir } = createCopyInfo(appContext, config);
+    return {
+        info,
+        from: '**/*',
+        to: 'public',
+        context: publicDir,
+        noErrorOnMissing: true,
+        transform: (content, absoluteFrom)=>{
+            if (!/\.html?$/.test(absoluteFrom)) return content;
+            return content.toString('utf8').replace(/<%=\s*assetPrefix\s*%>/g, removeTailSlash(chain.output.get('publicPath')));
+        }
+    };
+}
+function createUploadPattern(appContext, config) {
+    const { uploadDir } = createCopyInfo(appContext, config);
+    return {
+        from: '**/*',
+        to: 'upload',
+        context: uploadDir,
+        noErrorOnMissing: true
+    };
+}
+export { createPublicPattern, createUploadPattern };

package/dist/esm-node/builder/generator/getBuilderEnvironments.mjs

@@ -0,0 +1,57 @@
+import "node:module";
+import { SERVICE_WORKER_ENVIRONMENT_NAME } from "@modern-js/builder";
+import { isProd, isSSR, isServiceWorker, isUseRsc, isUseSSRBundle } from "@modern-js/utils";
+function getBuilderEnvironments(normalizedConfig, appContext, tempBuilderConfig) {
+    const entries = {};
+    const { entrypoints = [], checkedEntries } = appContext;
+    for (const { entryName, internalEntry, entry } of entrypoints){
+        if (checkedEntries && !checkedEntries.includes(entryName)) continue;
+        const finalEntry = internalEntry || entry;
+        if (entryName in entries) entries[entryName].push(finalEntry);
+        else entries[entryName] = [
+            finalEntry
+        ];
+    }
+    const serverEntries = {};
+    for(const entry in entries){
+        const v = entries[entry];
+        serverEntries[entry] = v.map((entry)=>entry.replace('index.jsx', 'index.server.jsx')).map((entry)=>entry.replace('bootstrap.jsx', 'bootstrap.server.jsx'));
+    }
+    const environments = {
+        web: {
+            output: {
+                target: 'web'
+            },
+            source: {
+                entry: entries
+            }
+        }
+    };
+    if (tempBuilderConfig.output?.copy) {
+        environments.web.output.copy = tempBuilderConfig.output.copy;
+        delete tempBuilderConfig.output.copy;
+    }
+    const useNodeTarget = isUseRsc(normalizedConfig) || (isProd() ? isUseSSRBundle(normalizedConfig) : isSSR(normalizedConfig));
+    if (useNodeTarget) environments.node = {
+        output: {
+            target: 'node'
+        },
+        source: {
+            entry: serverEntries
+        }
+    };
+    const useWorkerTarget = isServiceWorker(normalizedConfig);
+    if (useWorkerTarget) environments[SERVICE_WORKER_ENVIRONMENT_NAME] = {
+        output: {
+            target: 'web-worker'
+        },
+        source: {
+            entry: serverEntries
+        }
+    };
+    return {
+        environments,
+        builderConfig: tempBuilderConfig
+    };
+}
+export { getBuilderEnvironments };

package/dist/esm-node/builder/generator/index.mjs

@@ -0,0 +1,46 @@
+import "node:module";
+import { createBuilder } from "@modern-js/builder";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+import { builderPluginAdapterBasic, builderPluginAdapterHooks, builderPluginAdapterHtml, builderPluginAdapterSSR } from "../shared/builderPlugins/index.mjs";
+import { builderPluginAdapterCopy } from "./adapterCopy.mjs";
+import { createBuilderProviderConfig } from "./createBuilderProviderConfig.mjs";
+import { getBuilderEnvironments } from "./getBuilderEnvironments.mjs";
+async function generateBuilder(options, bundlerType) {
+    const { normalizedConfig, appContext } = options;
+    const tempBuilderConfig = createBuilderProviderConfig(normalizedConfig, appContext);
+    const { environments, builderConfig } = getBuilderEnvironments(normalizedConfig, appContext, tempBuilderConfig);
+    if (builderConfig.environments) {
+        const mergedEnvironments = {
+            ...environments
+        };
+        for(const name in builderConfig.environments)if (environments[name]) mergedEnvironments[name] = mergeRsbuildConfig(environments[name], builderConfig.environments[name]);
+        else mergedEnvironments[name] = builderConfig.environments[name];
+        builderConfig.environments = mergedEnvironments;
+    } else builderConfig.environments = environments;
+    const builder = await createBuilder({
+        cwd: appContext.appDirectory,
+        rscClientRuntimePath: `@${appContext.metaName}/runtime/rsc/client`,
+        rscServerRuntimePath: `@${appContext.metaName}/runtime/rsc/server`,
+        internalDirectory: appContext.internalDirectory,
+        frameworkConfigPath: appContext.configFile || void 0,
+        bundlerType,
+        config: builderConfig
+    });
+    await applyBuilderPlugins(builder, options);
+    return builder;
+}
+async function applyBuilderPlugins(builder, options) {
+    builder.addPlugins([
+        builderPluginAdapterBasic(options),
+        builderPluginAdapterSSR(options),
+        builderPluginAdapterHtml(options),
+        builderPluginAdapterHooks(options)
+    ]);
+    builder.addPlugins([
+        builderPluginAdapterCopy(options)
+    ], {
+        environment: 'web'
+    });
+    const { normalizedConfig } = options;
+}
+export { generateBuilder };

package/dist/esm-node/builder/index.mjs

@@ -0,0 +1,8 @@
+import "node:module";
+import { parseRspackConfig } from "@modern-js/builder";
+import { builderPluginAdapterBasic, builderPluginAdapterHooks } from "./shared/builderPlugins/index.mjs";
+async function createBuilderGenerator() {
+    const { createRspackBuilderForModern } = await import("./builder-rspack/index.mjs");
+    return createRspackBuilderForModern;
+}
+export { builderPluginAdapterBasic, builderPluginAdapterHooks, createBuilderGenerator, parseRspackConfig };

package/dist/esm-node/builder/shared/builderPlugins/adapterBasic.mjs

@@ -0,0 +1,93 @@
+import "node:module";
+import { fileURLToPath as __rspack_fileURLToPath } from "node:url";
+import { dirname as __rspack_dirname } from "node:path";
+import { SERVICE_WORKER_ENVIRONMENT_NAME } from "@modern-js/builder";
+import * as __rspack_external_node_path_c5b9b54f from "node:path";
+var adapterBasic_dirname = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
+const builderPluginAdapterBasic = (options)=>({
+        name: 'builder-plugin-adapter-modern-basic',
+        setup (api) {
+            api.modifyBundlerChain((chain, { target, CHAIN_ID, environment })=>{
+                const isServiceWorker = environment.name === SERVICE_WORKER_ENVIRONMENT_NAME;
+                if ('node' === target || isServiceWorker) applyNodeCompat(isServiceWorker, chain);
+                if ('web' === target) {
+                    const bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
+                    const depExt = 'mjs';
+                    chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
+                    chain.module.rule('bare-server-module').test(bareServerModuleReg).use('server-module-loader').loader(__rspack_external_node_path_c5b9b54f["default"].join(adapterBasic_dirname, `../loaders/serverModuleLoader.${depExt}`));
+                }
+                const { appContext } = options;
+                const { metaName } = appContext;
+                chain.watchOptions({
+                    ignored: [
+                        `[\\\\/](?:node_modules(?![\\\\/]\\.${metaName})|.git)[\\\\/]`
+                    ]
+                });
+            });
+            api.modifyRspackConfig((config, { target, environment })=>{
+                const isServiceWorker = environment.name === SERVICE_WORKER_ENVIRONMENT_NAME;
+                if ('node' === target || isServiceWorker) {
+                    const extensionAlias = {
+                        '.js': [
+                            '.node.js',
+                            '.server.js',
+                            '.js'
+                        ],
+                        '.jsx': [
+                            '.node.jsx',
+                            '.server.jsx',
+                            '.jsx'
+                        ],
+                        '.ts': [
+                            '.node.ts',
+                            '.server.ts',
+                            '.ts'
+                        ],
+                        '.tsx': [
+                            '.node.tsx',
+                            '.server.tsx',
+                            '.tsx'
+                        ],
+                        '.mjs': [
+                            '.node.mjs',
+                            '.server.mjs',
+                            '.mjs'
+                        ],
+                        '.json': [
+                            '.node.json',
+                            '.server.json',
+                            '.json'
+                        ]
+                    };
+                    config.resolve ??= {};
+                    config.resolve.extensionAlias = {
+                        ...config.resolve.extensionAlias,
+                        ...extensionAlias
+                    };
+                }
+            });
+        }
+    });
+function applyNodeCompat(isServiceWorker, chain) {
+    const nodeExts = [
+        '.node.js',
+        '.node.jsx',
+        '.node.ts',
+        '.node.tsx',
+        '.node.mjs',
+        '.server.js',
+        '.server.jsx',
+        '.server.ts',
+        '.server.tsx',
+        '.server.mjs'
+    ];
+    const webWorkerExts = [
+        '.worker.js',
+        '.worker.jsx',
+        '.worker.ts',
+        '.worker.tsx'
+    ];
+    for (const ext of nodeExts)chain.resolve.extensions.prepend(ext);
+    if (isServiceWorker) for (const ext of webWorkerExts)chain.resolve.extensions.prepend(ext);
+}
+export { builderPluginAdapterBasic };

package/dist/esm-node/builder/shared/builderPlugins/adapterHtml.mjs

@@ -0,0 +1,56 @@
+import "node:module";
+import { isHtmlDisabled } from "@modern-js/builder";
+import { removeTailSlash } from "@modern-js/utils";
+import { template } from "@modern-js/utils/lodash";
+import { BottomTemplatePlugin } from "../bundlerPlugins/index.mjs";
+const createVirtualModule = (content)=>`data:text/javascript;charset=utf-8,${encodeURIComponent(content)}`;
+const builderPluginAdapterHtml = (options)=>({
+        name: 'builder-plugin-adapter-modern-html',
+        setup (api) {
+            api.modifyBundlerChain(async (chain, { CHAIN_ID, target, HtmlPlugin: HtmlBundlerPlugin, environment })=>{
+                const builderConfig = environment.config;
+                if (!isHtmlDisabled(builderConfig, target)) {
+                    applyBottomHtmlPlugin({
+                        options,
+                        chain,
+                        CHAIN_ID,
+                        HtmlBundlerPlugin,
+                        htmlPaths: environment.htmlPaths
+                    });
+                    await injectAssetPrefix({
+                        chain
+                    });
+                }
+            });
+        }
+    });
+async function injectAssetPrefix({ chain }) {
+    const entries = chain.entryPoints.entries() || {};
+    const entryNames = Object.keys(entries);
+    const assetPrefix = removeTailSlash(chain.output.get('publicPath') || '');
+    const code = `window.__assetPrefix__ = '${assetPrefix}';`;
+    entryNames.forEach((entryName)=>{
+        entries[entryName].prepend(createVirtualModule(code));
+    });
+}
+function applyBottomHtmlPlugin({ chain, options, CHAIN_ID, HtmlBundlerPlugin, htmlPaths }) {
+    const { normalizedConfig: modernConfig, appContext } = options;
+    for (const entryName of Object.keys(htmlPaths)){
+        const baseTemplateParams = {
+            entryName,
+            title: modernConfig.html.title,
+            mountId: modernConfig.html.templateParameters
+        };
+        chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args)=>[
+                {
+                    ...args[0] || {},
+                    __internal__: true,
+                    bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && template(appContext.htmlTemplates[`__${entryName}-bottom__`])(baseTemplateParams)
+                }
+            ]);
+    }
+    chain.plugin('bottom-template').use(BottomTemplatePlugin, [
+        HtmlBundlerPlugin
+    ]);
+}
+export { builderPluginAdapterHtml };