@modern-js/builder 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @modern-js/builder
 
+## 2.2.0
+
+### Patch Changes
+
+- d82b621: feat(builder): support port placeholder in dev.startUrl config
+
+  feat(builder): 支持在 dev.startUrl 配置项中使用端口号占位符
+
+- 16bdc0a: chore: adjust builder plugin name
+
+  chore: 调整 builder 插件命名格式
+
+- Updated dependencies [f2f8a83]
+- Updated dependencies [49eff0c]
+  - @modern-js/builder-shared@2.2.0
+  - @modern-js/utils@2.2.0
+
 ## 2.1.0
 
 ### Patch Changes

package/dist/plugins/cache.d.ts

@@ -1,2 +1,2 @@
 import { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginCache: () => DefaultBuilderPlugin;
+export declare const builderPluginCache: () => DefaultBuilderPlugin;

package/dist/plugins/cache.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginCache = void 0;
+exports.builderPluginCache = void 0;
 const path_1 = require("path");
 const builder_shared_1 = require("@modern-js/builder-shared");
 async function validateCache(cacheDirectory, buildDependencies) {
@@ -51,7 +51,7 @@ function getCacheDirectory({ cacheDirectory }, context) {
     }
     return (0, path_1.join)(context.cachePath, context.bundlerType);
 }
-const PluginCache = () => ({
+const builderPluginCache = () => ({
     name: 'builder-plugin-cache',
     setup(api) {
         api.modifyBundlerChain(async (chain, { target, env }) => {
@@ -93,4 +93,4 @@ const PluginCache = () => ({
         });
     },
 });
-exports.PluginCache = PluginCache;
+exports.builderPluginCache = builderPluginCache;

package/dist/plugins/cleanOutput.d.ts

@@ -1,2 +1,2 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginCleanOutput: () => DefaultBuilderPlugin;
+export declare const builderPluginCleanOutput: () => DefaultBuilderPlugin;

package/dist/plugins/cleanOutput.js

@@ -23,8 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginCleanOutput = void 0;
-const PluginCleanOutput = () => ({
+exports.builderPluginCleanOutput = void 0;
+const builderPluginCleanOutput = () => ({
     name: 'builder-plugin-clean-output',
     setup(api) {
         const clean = async () => {
@@ -39,4 +39,4 @@ const PluginCleanOutput = () => ({
         api.onBeforeStartDevServer(clean);
     },
 });
-exports.PluginCleanOutput = PluginCleanOutput;
+exports.builderPluginCleanOutput = builderPluginCleanOutput;

package/dist/plugins/devtool.d.ts

@@ -1,2 +1,2 @@
 import { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginDevtool: () => DefaultBuilderPlugin;
+export declare const builderPluginDevtool: () => DefaultBuilderPlugin;

package/dist/plugins/devtool.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginDevtool = void 0;
+exports.builderPluginDevtool = void 0;
 const builder_shared_1 = require("@modern-js/builder-shared");
-const PluginDevtool = () => ({
+const builderPluginDevtool = () => ({
     name: 'builder-plugin-devtool',
     setup(api) {
         api.modifyBundlerChain((chain, { isProd }) => {
@@ -20,4 +20,4 @@ const PluginDevtool = () => ({
         });
     },
 });
-exports.PluginDevtool = PluginDevtool;
+exports.builderPluginDevtool = builderPluginDevtool;

package/dist/plugins/entry.d.ts

@@ -1,2 +1,2 @@
 import { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginEntry: () => DefaultBuilderPlugin;
+export declare const builderPluginEntry: () => DefaultBuilderPlugin;

package/dist/plugins/entry.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginEntry = void 0;
+exports.builderPluginEntry = void 0;
 const lodash_1 = __importDefault(require("@modern-js/utils/lodash"));
-const PluginEntry = () => ({
+const builderPluginEntry = () => ({
     name: 'builder-plugin-entry',
     setup(api) {
         api.modifyBundlerChain(async (chain) => {
@@ -19,4 +19,4 @@ const PluginEntry = () => ({
         });
     },
 });
-exports.PluginEntry = PluginEntry;
+exports.builderPluginEntry = builderPluginEntry;

package/dist/plugins/fileSize.d.ts

@@ -1,4 +1,4 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
 /** Filter source map files */
 export declare const filterAsset: (asset: string) => boolean;
-export declare const PluginFileSize: () => DefaultBuilderPlugin;
+export declare const builderPluginFileSize: () => DefaultBuilderPlugin;

package/dist/plugins/fileSize.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginFileSize = exports.filterAsset = void 0;
+exports.builderPluginFileSize = exports.filterAsset = void 0;
 /**
  * modified from https://github.com/facebook/create-react-app
  * license at https://github.com/facebook/create-react-app/blob/master/LICENSE
@@ -116,7 +116,7 @@ async function printFileSizes(stats, distPath) {
     });
     builder_shared_1.logger.log('');
 }
-const PluginFileSize = () => ({
+const builderPluginFileSize = () => ({
     name: 'builder-plugin-file-size',
     setup(api) {
         api.onAfterBuild(async ({ stats }) => {
@@ -127,4 +127,4 @@ const PluginFileSize = () => ({
         });
     },
 });
-exports.PluginFileSize = PluginFileSize;
+exports.builderPluginFileSize = builderPluginFileSize;

package/dist/plugins/index.js

@@ -25,13 +25,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.plugins = void 0;
 exports.plugins = {
-    cleanOutput: () => Promise.resolve().then(() => __importStar(require('./cleanOutput'))).then(m => m.PluginCleanOutput()),
-    startUrl: () => Promise.resolve().then(() => __importStar(require('./startUrl'))).then(m => m.PluginStartUrl()),
-    fileSize: () => Promise.resolve().then(() => __importStar(require('./fileSize'))).then(m => m.PluginFileSize()),
-    devtool: () => Promise.resolve().then(() => __importStar(require('./devtool'))).then(m => m.PluginDevtool()),
-    target: () => Promise.resolve().then(() => __importStar(require('./target'))).then(m => m.PluginTarget()),
-    entry: () => Promise.resolve().then(() => __importStar(require('./entry'))).then(m => m.PluginEntry()),
-    cache: () => Promise.resolve().then(() => __importStar(require('./cache'))).then(m => m.PluginCache()),
-    yaml: () => Promise.resolve().then(() => __importStar(require('./yaml'))).then(m => m.PluginYaml()),
-    toml: () => Promise.resolve().then(() => __importStar(require('./toml'))).then(m => m.PluginToml()),
+    cleanOutput: () => Promise.resolve().then(() => __importStar(require('./cleanOutput'))).then(m => m.builderPluginCleanOutput()),
+    startUrl: () => Promise.resolve().then(() => __importStar(require('./startUrl'))).then(m => m.builderPluginStartUrl()),
+    fileSize: () => Promise.resolve().then(() => __importStar(require('./fileSize'))).then(m => m.builderPluginFileSize()),
+    devtool: () => Promise.resolve().then(() => __importStar(require('./devtool'))).then(m => m.builderPluginDevtool()),
+    target: () => Promise.resolve().then(() => __importStar(require('./target'))).then(m => m.builderPluginTarget()),
+    entry: () => Promise.resolve().then(() => __importStar(require('./entry'))).then(m => m.builderPluginEntry()),
+    cache: () => Promise.resolve().then(() => __importStar(require('./cache'))).then(m => m.builderPluginCache()),
+    yaml: () => Promise.resolve().then(() => __importStar(require('./yaml'))).then(m => m.builderPluginYaml()),
+    toml: () => Promise.resolve().then(() => __importStar(require('./toml'))).then(m => m.builderPluginToml()),
 };

package/dist/plugins/startUrl.d.ts

@@ -1,2 +1,3 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare function PluginStartUrl(): DefaultBuilderPlugin;
+export declare const replacePlaceholder: (url: string, port: number) => string;
+export declare function builderPluginStartUrl(): DefaultBuilderPlugin;

package/dist/plugins/startUrl.js

@@ -26,9 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginStartUrl = void 0;
+exports.builderPluginStartUrl = exports.replacePlaceholder = void 0;
 const lodash_1 = __importDefault(require("@modern-js/utils/lodash"));
-function PluginStartUrl() {
+const replacePlaceholder = (url, port) => url.replace(/<port>/g, String(port));
+exports.replacePlaceholder = replacePlaceholder;
+function builderPluginStartUrl() {
     return {
         name: 'builder-plugin-start-url',
         async setup(api) {
@@ -41,24 +43,24 @@ function PluginStartUrl() {
                     return;
                 }
                 const config = api.getNormalizedConfig();
-                const { startUrl } = config.dev;
+                const { https, startUrl } = config.dev;
                 if (!startUrl) {
                     return;
                 }
-                const { default: open } = await Promise.resolve().then(() => __importStar(require('@modern-js/builder-shared/open')));
                 const urls = [];
                 if (startUrl === true) {
-                    const protocol = config.dev.https ? 'https' : 'http';
+                    const protocol = https ? 'https' : 'http';
                     urls.push(`${protocol}://localhost:${port}`);
                 }
                 else {
-                    urls.push(...lodash_1.default.castArray(startUrl));
+                    urls.push(...lodash_1.default.castArray(startUrl).map(item => (0, exports.replacePlaceholder)(item, port)));
                 }
+                const { openBrowser } = await Promise.resolve().then(() => __importStar(require('@modern-js/builder-shared')));
                 for (const url of urls) {
-                    await open(url);
+                    await openBrowser(url);
                 }
             });
         },
     };
 }
-exports.PluginStartUrl = PluginStartUrl;
+exports.builderPluginStartUrl = builderPluginStartUrl;

package/dist/plugins/target.d.ts

@@ -1,2 +1,2 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginTarget: () => DefaultBuilderPlugin;
+export declare const builderPluginTarget: () => DefaultBuilderPlugin;

package/dist/plugins/target.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginTarget = void 0;
+exports.builderPluginTarget = void 0;
 const builder_shared_1 = require("@modern-js/builder-shared");
-const PluginTarget = () => ({
+const builderPluginTarget = () => ({
     name: 'builder-plugin-target',
     setup(api) {
         api.modifyBundlerChain(async (chain, { target }) => {
@@ -24,4 +24,4 @@ const PluginTarget = () => ({
         });
     },
 });
-exports.PluginTarget = PluginTarget;
+exports.builderPluginTarget = builderPluginTarget;

package/dist/plugins/toml.d.ts

@@ -1,2 +1,2 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginToml: () => DefaultBuilderPlugin;
+export declare const builderPluginToml: () => DefaultBuilderPlugin;

package/dist/plugins/toml.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginToml = void 0;
+exports.builderPluginToml = void 0;
 const path_1 = __importDefault(require("path"));
-const PluginToml = () => ({
+const builderPluginToml = () => ({
     name: 'builder-plugin-toml',
     setup(api) {
         api.modifyBundlerChain((chain, { CHAIN_ID }) => {
@@ -18,4 +18,4 @@ const PluginToml = () => ({
         });
     },
 });
-exports.PluginToml = PluginToml;
+exports.builderPluginToml = builderPluginToml;

package/dist/plugins/yaml.d.ts

@@ -1,2 +1,2 @@
 import type { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const PluginYaml: () => DefaultBuilderPlugin;
+export declare const builderPluginYaml: () => DefaultBuilderPlugin;

package/dist/plugins/yaml.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginYaml = void 0;
+exports.builderPluginYaml = void 0;
 const path_1 = __importDefault(require("path"));
-const PluginYaml = () => ({
+const builderPluginYaml = () => ({
     name: 'builder-plugin-yaml',
     setup(api) {
         api.modifyBundlerChain((chain, { CHAIN_ID }) => {
@@ -18,4 +18,4 @@ const PluginYaml = () => ({
         });
     },
 });
-exports.PluginYaml = PluginYaml;
+exports.builderPluginYaml = builderPluginYaml;

package/package.json

@@ -14,7 +14,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "version": "2.1.0",
+  "version": "2.2.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -27,8 +27,8 @@
     }
   },
   "dependencies": {
-    "@modern-js/builder-shared": "2.1.0",
-    "@modern-js/utils": "2.1.0"
+    "@modern-js/builder-shared": "2.2.0",
+    "@modern-js/utils": "2.2.0"
   },
   "devDependencies": {
     "@babel/core": "7.18.0",
@@ -36,7 +36,7 @@
     "@types/babel__preset-env": "^7.9.2",
     "@types/node": "^14",
     "typescript": "^4",
-    "@scripts/vitest-config": "2.1.0"
+    "@scripts/vitest-config": "2.2.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",