@bleedingdev/modern-js-app-tools 3.2.0-ultramodern.10 → 3.2.0-ultramodern.101

package/dist/esm-node/plugins/deploy/platforms/templates/cloudflare-worker-fs-promises.mjs

@@ -0,0 +1,7 @@
+const unavailable = (method)=>async ()=>{
+        throw new Error(`node:fs/promises.${method} is unavailable in Cloudflare Worker SSR`);
+    };
+export const readFile = unavailable('readFile');
+export default {
+    readFile
+};

package/dist/esm-node/plugins/deploy/platforms/templates/cloudflare-worker-loadable-server.mjs

@@ -0,0 +1,185 @@
+import loadableComponent from '@loadable/component';
+import React from 'react';
+const internals = loadableComponent?.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED || {};
+const LoadableContext = internals.Context || React.createContext(null);
+const getRequiredChunkKey = internals.getRequiredChunkKey || ((namespace)=>`${namespace}__LOADABLE_REQUIRED_CHUNKS__`);
+const scriptExtensions = new Set([
+    '.js',
+    '.mjs'
+]);
+const styleExtensions = new Set([
+    '.css'
+]);
+function uniqByUrl(assets) {
+    const seen = new Set();
+    return assets.filter((asset)=>{
+        if (seen.has(asset.url)) return false;
+        seen.add(asset.url);
+        return true;
+    });
+}
+function extname(filePath) {
+    const basename = String(filePath).split('/').pop() || '';
+    const index = basename.lastIndexOf('.');
+    return index > 0 ? basename.slice(index) : '';
+}
+function joinUrl(publicPath, filename) {
+    const base = publicPath || '/';
+    return `${base.replace(/\/+$/u, '')}/${String(filename).replace(/^\/+/u, '')}`;
+}
+function extraPropsToString(extraProps = {}) {
+    return Object.entries(extraProps).filter(([, value])=>void 0 !== value && false !== value).map(([key, value])=>true === value ? ` ${key}` : ` ${key}="${value}"`).join('');
+}
+function assetScriptType(filename) {
+    const extension = extname(filename);
+    if (scriptExtensions.has(extension)) return "script";
+    if (styleExtensions.has(extension)) return 'style';
+}
+function getAssetName(asset) {
+    return 'object' == typeof asset && asset?.name ? asset.name : asset;
+}
+function getAssetIntegrity(asset) {
+    return 'object' == typeof asset && asset?.integrity ? asset.integrity : null;
+}
+function getChunkGroupAssets(chunkGroup) {
+    const assets = chunkGroup?.assets;
+    if (Array.isArray(assets)) return assets;
+    if (assets && 'object' == typeof assets) return [
+        ...assets.js || [],
+        ...assets.css || []
+    ];
+    return [];
+}
+function getChunkGroupChildAssets(chunkGroup, type) {
+    const childAssets = chunkGroup?.childAssets?.[type];
+    return Array.isArray(childAssets) ? childAssets : [];
+}
+function chunkIncludesJs(chunkInfo) {
+    return (chunkInfo?.files || []).some((file)=>scriptExtensions.has(extname(file)));
+}
+export function ChunkExtractorManager({ extractor, children }) {
+    return React.createElement(LoadableContext.Provider, {
+        value: extractor
+    }, children);
+}
+export class ChunkExtractor {
+    constructor({ stats, entrypoints = [
+        'main'
+    ], namespace = '', outputPath = '/', publicPath } = {}){
+        this.namespace = namespace;
+        this.stats = stats || {};
+        this.publicPath = publicPath || this.stats.publicPath || '/';
+        this.outputPath = outputPath || this.stats.outputPath || '/';
+        this.entrypoints = Array.isArray(entrypoints) ? entrypoints : [
+            entrypoints
+        ];
+        this.chunks = [];
+    }
+    addChunk(chunk) {
+        if (!this.chunks.includes(chunk)) this.chunks.push(chunk);
+    }
+    collectChunks(app) {
+        return React.createElement(ChunkExtractorManager, {
+            extractor: this
+        }, app);
+    }
+    getChunkGroup(chunk) {
+        return this.stats.namedChunkGroups?.[chunk] || {
+            assets: [],
+            childAssets: {},
+            chunks: []
+        };
+    }
+    getChunkInfo(chunkId) {
+        return (this.stats.chunks || []).find((chunk)=>chunk.id === chunkId);
+    }
+    resolvePublicUrl(filename) {
+        return joinUrl(this.publicPath, filename);
+    }
+    createChunkAsset({ filename, chunk, type, linkType }) {
+        const resolvedFilename = getAssetName(filename);
+        const scriptType = assetScriptType(resolvedFilename);
+        if (!scriptType) return;
+        return {
+            filename: resolvedFilename,
+            integrity: getAssetIntegrity(filename),
+            scriptType,
+            chunk,
+            url: this.resolvePublicUrl(resolvedFilename),
+            path: String(resolvedFilename).replace(/^\/+/u, ''),
+            type,
+            linkType
+        };
+    }
+    getChunkAssets(chunks) {
+        const one = (chunk)=>getChunkGroupAssets(this.getChunkGroup(chunk)).map((filename)=>this.createChunkAsset({
+                    filename,
+                    chunk,
+                    type: 'mainAsset',
+                    linkType: 'preload'
+                })).filter(Boolean);
+        return Array.isArray(chunks) ? uniqByUrl(chunks.flatMap(one)) : one(chunks);
+    }
+    getChunkChildAssets(chunks, type) {
+        const one = (chunk)=>getChunkGroupChildAssets(this.getChunkGroup(chunk), type).map((filename)=>this.createChunkAsset({
+                    filename,
+                    chunk,
+                    type: 'childAsset',
+                    linkType: type
+                })).filter(Boolean);
+        return Array.isArray(chunks) ? uniqByUrl(chunks.flatMap(one)) : one(chunks);
+    }
+    getChunkDependencies(chunks) {
+        const one = (chunk)=>(this.getChunkGroup(chunk).chunks || []).filter((chunkId)=>chunkIncludesJs(this.getChunkInfo(chunkId)));
+        return Array.isArray(chunks) ? [
+            ...new Set(chunks.flatMap(one))
+        ] : one(chunks);
+    }
+    getRequiredChunksScriptContent() {
+        return JSON.stringify(this.getChunkDependencies(this.chunks));
+    }
+    getRequiredChunksNamesScriptContent() {
+        return JSON.stringify({
+            namedChunks: this.chunks
+        });
+    }
+    getRequiredChunksScriptTag(extraProps = {}) {
+        const id = getRequiredChunkKey(this.namespace);
+        const props = `type="application/json"${extraPropsToString(extraProps)}`;
+        return [
+            `<script id="${id}" ${props}>${this.getRequiredChunksScriptContent()}</script>`,
+            `<script id="${id}_ext" ${props}>${this.getRequiredChunksNamesScriptContent()}</script>`
+        ].join('');
+    }
+    getMainAssets(scriptType) {
+        const assets = this.getChunkAssets([
+            ...this.entrypoints,
+            ...this.chunks
+        ]);
+        return scriptType ? assets.filter((asset)=>asset.scriptType === scriptType) : assets;
+    }
+    getScriptTags(extraProps = {}) {
+        const scripts = this.getMainAssets("script").map((asset)=>`<script async data-chunk="${asset.chunk}" src="${asset.url}"${extraPropsToString(extraProps)}></script>`);
+        return [
+            this.getRequiredChunksScriptTag(extraProps),
+            ...scripts
+        ].join('');
+    }
+    getStyleTags(extraProps = {}) {
+        return this.getMainAssets('style').map((asset)=>`<link data-chunk="${asset.chunk}" rel="stylesheet" href="${asset.url}"${extraPropsToString(extraProps)}>`).join('');
+    }
+    getLinkTags(extraProps = {}) {
+        const assets = [
+            ...this.getMainAssets(),
+            ...this.getChunkChildAssets([
+                ...this.entrypoints,
+                ...this.chunks
+            ], 'preload'),
+            ...this.getChunkChildAssets([
+                ...this.entrypoints,
+                ...this.chunks
+            ], 'prefetch')
+        ];
+        return uniqByUrl(assets).map((asset)=>`<link data-chunk="${asset.chunk}" rel="${asset.linkType}" as="${asset.scriptType}" href="${asset.url}"${extraPropsToString(extraProps)}>`).join('');
+    }
+}

package/dist/esm-node/plugins/deploy/platforms/templates/cloudflare-worker-path.mjs

@@ -0,0 +1,59 @@
+const trimSlashes = (value)=>String(value).replace(/^\/+|\/+$/gu, '');
+const normalizeSeparators = (value)=>String(value).replace(/\\+/gu, '/');
+export const sep = '/';
+export const delimiter = ':';
+export function isAbsolute(filePath) {
+    return normalizeSeparators(filePath).startsWith('/');
+}
+export function normalize(filePath) {
+    const normalized = normalizeSeparators(filePath);
+    const absolute = isAbsolute(normalized);
+    const parts = [];
+    for (const part of normalized.split('/'))if (part && '.' !== part) {
+        if ('..' === part) {
+            if (parts.length > 0 && '..' !== parts[parts.length - 1]) parts.pop();
+            else if (!absolute) parts.push(part);
+            continue;
+        }
+        parts.push(part);
+    }
+    const joined = parts.join('/');
+    if (absolute) return joined ? `/${joined}` : '/';
+    return joined || '.';
+}
+export function join(...segments) {
+    const joined = segments.map(normalizeSeparators).filter(Boolean).map((segment, index)=>0 === index ? segment : trimSlashes(segment)).filter(Boolean).join('/');
+    return joined ? normalize(joined) : '.';
+}
+export function resolve(...segments) {
+    const joined = join(...segments);
+    return joined.startsWith('/') ? joined : `/${joined}`;
+}
+export function dirname(filePath) {
+    const normalized = normalizeSeparators(filePath).replace(/\/+$/u, '');
+    const index = normalized.lastIndexOf('/');
+    if (index <= 0) return '/';
+    return normalized.slice(0, index);
+}
+export function basename(filePath, suffix = '') {
+    const normalized = normalizeSeparators(filePath).replace(/\/+$/u, '');
+    const base = normalized.slice(normalized.lastIndexOf('/') + 1);
+    return suffix && base.endsWith(suffix) ? base.slice(0, -suffix.length) : base;
+}
+export function extname(filePath) {
+    const base = basename(filePath);
+    const index = base.lastIndexOf('.');
+    if (index <= 0) return '';
+    return base.slice(index);
+}
+export default {
+    basename,
+    delimiter,
+    dirname,
+    extname,
+    isAbsolute,
+    join,
+    normalize,
+    resolve,
+    sep
+};

package/dist/esm-node/rsbuild.mjs

@@ -1,17 +1,19 @@
 import "node:module";
 import { parseRspackConfig } from "@modern-js/builder";
+import { INTERNAL_RUNTIME_PLUGINS } from "@modern-js/utils";
 import { builderPluginAdapterBasic, builderPluginAdapterHooks } from "./builder/shared/builderPlugins/index.mjs";
 import { DEFAULT_CONFIG_FILE } from "./constants.mjs";
 import { getConfigFile } from "./utils/getConfigFile.mjs";
+import { loadInternalPlugins } from "./utils/loadPlugins.mjs";
 import { __webpack_require__ } from "./rslib-runtime.mjs";
 import * as __rspack_external__modern_js_plugin_cli_caa09fa2 from "@modern-js/plugin/cli";
 __webpack_require__.add({
-    "@modern-js/plugin/cli?f956" (module) {
+    "@modern-js/plugin/cli?8936" (module) {
         module.exports = __rspack_external__modern_js_plugin_cli_caa09fa2;
     }
 });
 const MODERN_META_NAME = 'modern-js';
-const { createConfigOptions: createConfigOptions } = __webpack_require__("@modern-js/plugin/cli?f956");
+const { createConfigOptions: createConfigOptions } = __webpack_require__("@modern-js/plugin/cli?8936");
 async function resolveModernRsbuildConfig(options) {
     const { cwd = process.cwd(), metaName = MODERN_META_NAME } = options;
     const configFile = options.configPath || getConfigFile(void 0, cwd);
@@ -20,6 +22,7 @@ async function resolveModernRsbuildConfig(options) {
         command: options.command,
         cwd,
         configFile,
+        internalPlugins: await loadInternalPlugins(cwd, INTERNAL_RUNTIME_PLUGINS),
         metaName,
         modifyModernConfig: options.modifyModernConfig
     });

package/dist/types/locale/en.d.ts

@@ -24,7 +24,7 @@ export declare const EN_LOCALE: {
         deploy: {
             describe: string;
         };
-        "new": {
+        new: {
             describe: string;
             debug: string;
             config: string;

package/dist/types/locale/zh.d.ts

@@ -24,7 +24,7 @@ export declare const ZH_LOCALE: {
         deploy: {
             describe: string;
         };
-        "new": {
+        new: {
             describe: string;
             debug: string;
             config: string;

package/dist/types/plugins/deploy/index.d.ts

@@ -1,3 +1,6 @@
-import type { AppTools, CliPlugin } from '../../types';
+import type { AppTools, AppToolsNormalizedConfig, CliPlugin } from '../../types';
+import type { DeployTarget } from '../../types/config/deploy';
+export declare const getSupportedDeployTargets: () => DeployTarget[];
+export declare const resolveDeployTarget: (modernConfig: AppToolsNormalizedConfig, envDeployTarget?: string | undefined, detectedProvider?: import("std-env").ProviderName) => string;
 declare const _default: () => CliPlugin<AppTools>;
 export default _default;

package/dist/types/plugins/deploy/platforms/cloudflare.d.ts

@@ -0,0 +1,2 @@
+import type { CreatePreset } from './platform';
+export declare const createCloudflarePreset: CreatePreset;

package/dist/types/plugins/deploy/platforms/templates/cloudflare-entry.d.mts

@@ -0,0 +1,4 @@
+declare const _default: {
+    fetch(request: any, env: any, ctx: any): Promise<any>;
+};
+export default _default;

package/dist/types/plugins/deploy/platforms/templates/cloudflare-worker-fs-promises.d.mts

@@ -0,0 +1,5 @@
+export declare const readFile: () => Promise<never>;
+declare const _default: {
+    readFile: () => Promise<never>;
+};
+export default _default;

package/dist/types/plugins/deploy/platforms/templates/cloudflare-worker-loadable-server.d.mts

@@ -0,0 +1,48 @@
+import React from 'react';
+export declare function ChunkExtractorManager({ extractor, children }: {
+    children: any;
+    extractor: any;
+}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare class ChunkExtractor {
+    namespace: string;
+    stats: any;
+    publicPath: any;
+    outputPath: any;
+    entrypoints: string[];
+    chunks: any[];
+    constructor({ stats, entrypoints, namespace, outputPath, publicPath, }?: {
+        entrypoints?: string[] | undefined;
+        namespace?: string | undefined;
+        outputPath?: string | undefined;
+    });
+    addChunk(chunk: any): void;
+    collectChunks(app: any): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    getChunkGroup(chunk: any): any;
+    getChunkInfo(chunkId: any): any;
+    resolvePublicUrl(filename: any): string;
+    createChunkAsset({ filename, chunk, type, linkType }: {
+        chunk: any;
+        filename: any;
+        linkType: any;
+        type: any;
+    }): {
+        filename: any;
+        integrity: any;
+        scriptType: string;
+        chunk: any;
+        url: string;
+        path: string;
+        type: any;
+        linkType: any;
+    } | undefined;
+    getChunkAssets(chunks: any): any;
+    getChunkChildAssets(chunks: any, type: any): any;
+    getChunkDependencies(chunks: any): any;
+    getRequiredChunksScriptContent(): string;
+    getRequiredChunksNamesScriptContent(): string;
+    getRequiredChunksScriptTag(extraProps?: {}): string;
+    getMainAssets(scriptType: any): any;
+    getScriptTags(extraProps?: {}): string;
+    getStyleTags(extraProps?: {}): any;
+    getLinkTags(extraProps?: {}): any;
+}

package/dist/types/plugins/deploy/platforms/templates/cloudflare-worker-path.d.mts

@@ -0,0 +1,21 @@
+export declare const sep = "/";
+export declare const delimiter = ":";
+export declare function isAbsolute(filePath: any): boolean;
+export declare function normalize(filePath: any): string;
+export declare function join(...segments: any[]): string;
+export declare function resolve(...segments: any[]): string;
+export declare function dirname(filePath: any): string;
+export declare function basename(filePath: any, suffix?: string): string;
+export declare function extname(filePath: any): string;
+declare const _default: {
+    basename: typeof basename;
+    delimiter: string;
+    dirname: typeof dirname;
+    extname: typeof extname;
+    isAbsolute: typeof isAbsolute;
+    join: typeof join;
+    normalize: typeof normalize;
+    resolve: typeof resolve;
+    sep: string;
+};
+export default _default;

package/dist/types/types/config/deploy.d.ts

@@ -26,13 +26,21 @@ export interface MicroFrontend {
      */
     attestation?: string;
 }
+export type DeployTarget = 'node' | 'vercel' | 'netlify' | 'ghPages' | 'cloudflare';
 export interface DeployUserConfig {
+    /**
+     * Selects the deploy output preset.
+     * `MODERNJS_DEPLOY` still overrides provider auto-detection when set.
+     * @default node
+     */
+    target?: DeployTarget;
     /**
      * Used to configure micro-frontend sub-application information.
      * @default false
      */
     microFrontend?: boolean | MicroFrontend;
     worker?: {
+        name?: string;
         ssr?: boolean;
     };
 }

package/package.json

@@ -17,7 +17,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.2.0-ultramodern.10",
+  "version": "3.2.0-ultramodern.101",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "exports": {
@@ -85,9 +85,10 @@
     "@babel/parser": "^7.29.3",
     "@babel/traverse": "^7.29.0",
     "@babel/types": "^7.29.0",
-    "@rsbuild/core": "2.0.6",
-    "@swc/core": "1.15.33",
-    "@swc/helpers": "^0.5.21",
+    "@loadable/component": "5.16.7",
+    "@rsbuild/core": "2.0.7",
+    "@swc/core": "1.15.40",
+    "@swc/helpers": "^0.5.23",
     "compression-webpack-plugin": "^12.0.0",
     "es-module-lexer": "^2.1.0",
     "esbuild": "^0.28.0",
@@ -98,22 +99,22 @@
     "ndepe": "^0.1.13",
     "pkg-types": "^2.3.1",
     "std-env": "4.1.0",
-    "@modern-js/builder": "npm:@bleedingdev/modern-js-builder@3.2.0-ultramodern.10",
-    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.2.0-ultramodern.10",
-    "@modern-js/plugin-data-loader": "npm:@bleedingdev/modern-js-plugin-data-loader@3.2.0-ultramodern.10",
-    "@modern-js/server": "npm:@bleedingdev/modern-js-server@3.2.0-ultramodern.10",
-    "@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.2.0-ultramodern.10",
-    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.2.0-ultramodern.10",
-    "@modern-js/prod-server": "npm:@bleedingdev/modern-js-prod-server@3.2.0-ultramodern.10",
-    "@modern-js/server-utils": "npm:@bleedingdev/modern-js-server-utils@3.2.0-ultramodern.10",
-    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.2.0-ultramodern.10",
-    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.10"
+    "@modern-js/builder": "npm:@bleedingdev/modern-js-builder@3.2.0-ultramodern.101",
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.101",
+    "@modern-js/plugin": "npm:@bleedingdev/modern-js-plugin@3.2.0-ultramodern.101",
+    "@modern-js/plugin-data-loader": "npm:@bleedingdev/modern-js-plugin-data-loader@3.2.0-ultramodern.101",
+    "@modern-js/server": "npm:@bleedingdev/modern-js-server@3.2.0-ultramodern.101",
+    "@modern-js/prod-server": "npm:@bleedingdev/modern-js-prod-server@3.2.0-ultramodern.101",
+    "@modern-js/server-core": "npm:@bleedingdev/modern-js-server-core@3.2.0-ultramodern.101",
+    "@modern-js/types": "npm:@bleedingdev/modern-js-types@3.2.0-ultramodern.101",
+    "@modern-js/server-utils": "npm:@bleedingdev/modern-js-server-utils@3.2.0-ultramodern.101",
+    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.2.0-ultramodern.101"
   },
   "devDependencies": {
     "@rslib/core": "0.21.5",
     "@types/babel__traverse": "7.28.0",
-    "@types/node": "^25.8.0",
-    "@typescript/native-preview": "7.0.0-dev.20260516.1",
+    "@types/node": "^25.9.1",
+    "@typescript/native-preview": "7.0.0-dev.20260527.2",
     "tsconfig-paths": "^4.2.0",
     "@scripts/rstest-config": "2.66.0"
   },
@@ -132,7 +133,7 @@
   },
   "scripts": {
     "dev": "rslib build --watch",
-    "build": "rslib build",
+    "build": "rslib build && pnpm -w tsgo:dts \"$PWD\"",
     "test": "rstest"
   }
 }