refactor(nano-build): Update all presets options

BREAKING CHANGE: heads up all presets options changed, please double check the readme and your build output.

Author: alimd

packages/nano-build/README.md

@@ -74,22 +74,27 @@ Add 'nano-build' field to your `package.json` for overwriting configuration:
 
 ## Presets
 
+Presets are predefined configurations that can be used to build your project. You can use the `--preset` flag to specify a preset.
+
+```bash
+yarn run build --preset=module
+```
+
 ### default
 
 ```js
 {
-  entryPoints: ['src/main.ts'],
+  entryPoints: ['src/*.ts'],
   outdir: 'dist',
   logLevel: 'info',
   target: 'es2020',
   minify: true,
-  treeShaking: false,
-  sourcemap: true,
-  sourcesContent: true,
+  treeShaking: true,
+  sourcemap: false,
+  sourcesContent: false,
   bundle: true,
-  splitting: false,
   charset: 'utf8',
-  legalComments: 'none',
+  legalComments: 'linked',
   define: {
     __package_name__: packageJson.name,
     __package_version__: packageJson.version,
@@ -103,7 +108,7 @@ Add 'nano-build' field to your `package.json` for overwriting configuration:
 
 ### `--preset=module`
 
-Builds and bundle a single entry point.
+Builds and bundle for single export module.
 
 ```js
 {
@@ -112,14 +117,19 @@ Builds and bundle a single entry point.
   bundle: true,
   platform: 'node',
   format: 'esm',
+  minify: false,
   cjs: true,
   packages: 'external',
+  sourcemap: true,
+  sourcesContent: true
 }
 ```
 
+Note: default production overwrite options not applied.
+
 ### `--preset=module2`
 
-Builds and bundles multiple entry points in root of `src` directory.
+Builds and bundles multiple entry points in root of `src` directory for multiple exports module.
 
 ```js
 {
@@ -128,44 +138,55 @@ Builds and bundles multiple entry points in root of `src` directory.
   bundle: true,
   platform: 'node',
   format: 'esm',
+  minify: false,
   cjs: true,
   packages: 'external',
+  sourcemap: true,
+  sourcesContent: true
 }
 ```
 
+Note: default production overwrite options not applied.
+
 ### `--preset=module3`
 
-Builds multiple entry points in `src` directory without bundling.
+Builds multiple entry points in `src` directory for multiple exports module without bundling.
 
 ```js
 {
+  ...defaultPreset,
   entryPoints: ['src/**/*.ts'],
   bundle: false,
   platform: 'node',
   format: 'esm',
+  minify: false,
   cjs: true,
   packages: 'external',
+  sourcemap: true,
+  sourcesContent: true
 }
 ```
 
+Note: default production overwrite options not applied.
+
 ### `--preset=pwa`
 
 ```js
 {
   ...defaultPreset,
+  entryPoints: ['site/_ts/*.ts'],
+  outdir: 'dist/es',
   platform: 'browser',
   format: 'iife',
   mangleProps: '_$',
-  treeShaking: true,
-  sourcemap: false,
-  sourcesContent: false,
   target: [
     'es2018',
     'chrome62',
     'edge79',
     'firefox78',
     'safari11',
   ],
+  ...(devMode ? developmentOverwriteOptions : productionOverwriteOptions),
 }
 ```
 
@@ -179,16 +200,14 @@ Builds multiple entry points in `src` directory without bundling.
   platform: 'browser',
   format: 'iife',
   mangleProps: '_$',
-  treeShaking: true,
-  sourcemap: false,
-  sourcesContent: false,
   target: [
     'es2018',
     'chrome62',
     'edge79',
     'firefox78',
     'safari11',
   ],
+  ...(devMode ? developmentOverwriteOptions : productionOverwriteOptions),
 }
 ```
 
@@ -197,13 +216,12 @@ Builds multiple entry points in `src` directory without bundling.
 ```js
 {
   ...defaultPreset,
+  entryPoints: ['src/ts/main.ts'],
   platform: 'node',
   format: 'esm',
-  treeShaking: true,
   mangleProps: '_$',
-  sourcemap: false,
-  sourcesContent: false,
   target: 'node20',
+  ...(devMode ? developmentOverwriteOptions : productionOverwriteOptions),
 }
 ```
 
@@ -217,16 +235,14 @@ Builds multiple entry points in `src` directory without bundling.
   platform: 'browser',
   format: 'iife',
   mangleProps: '_$',
-  treeShaking: true,
-  sourcemap: false,
-  sourcesContent: false,
   target: [
     'es2018',
     'chrome62',
     'edge79',
     'firefox78',
     'safari11',
   ],
+  ...(devMode ? developmentOverwriteOptions : productionOverwriteOptions),
 }
 ```
 
@@ -238,12 +254,23 @@ This preset is used when `NODE_ENV` is not set to `production`. It overwrites al
 {
   sourcemap: true,
   sourcesContent: true,
-  dropLabels: ['__dev_mode__'],
 }
 ```
 
 you can also add `nano-build-development` field to your `package.json` for overwriting configuration.
 
+### Production overwrite
+
+This preset is used when `NODE_ENV` is set to `production`. It overwrites all other presets.
+
+```js
+{
+  dropLabels: ['__dev_mode__'];
+}
+```
+
+you can also add `nano-build-production` field to your `package.json` for overwriting configuration.
+
 ## Sponsors
 
 The following companies, organizations, and individuals support Nanolib ongoing maintenance and development. Become a Sponsor to get your logo on our README and website.

packages/nano-build/nano-build.cjs

@@ -9,35 +9,29 @@ if (existsSync(packageJsonPath) === false) {
 }
 const packageJson = require(packageJsonPath);
 
-console.log('🚀 nano-build');
-console.log('📦 %s\n', packageJson.name);
+console.log('\n🚀 nano-build 📦 %s\n', packageJson.nam);
 
 const devMode = process.env.NODE_ENV !== 'production';
 
-if (devMode) {
-  console.log('🔧 Development mode');
-} else {
-  console.log('🔧 Production mode');
-}
+console.log(`🔧 ${devMode ? 'Development' : 'Production'} mode`);
 
 const watchMode = process.argv.includes('--watch');
 
 /**
  * @type {import('esbuild').BuildOptions}
  */
 const defaultOptions = {
-  entryPoints: ['src/main.ts'],
+  entryPoints: ['src/*.ts'],
   outdir: 'dist',
   logLevel: 'info',
   target: 'es2020',
-  minify: true,
-  treeShaking: false,
-  sourcemap: true,
-  sourcesContent: true,
   bundle: true,
-  splitting: false,
+  minify: true,
+  treeShaking: true,
+  sourcemap: false,
+  sourcesContent: false,
   charset: 'utf8',
-  legalComments: 'none',
+  legalComments: 'linked',
   banner: {
     js: '/* ' + packageJson.name + ' v' + packageJson.version + ' */',
   },
@@ -54,11 +48,17 @@ const defaultOptions = {
 const developmentOptions = {
   sourcemap: true,
   sourcesContent: true,
+};
+
+/**
+ * @type {import('esbuild').BuildOptions}
+ */
+const productionOptions = {
   dropLabels: ['__dev_mode__'],
-}
+};
 
 /**
- * @type {DictionaryOpt<import('esbuild').BuildOptions & {cjs?: true}>}
+ * @type {DictionaryOpt<import('esbuild').BuildOptions & {cjs?: boolean}>}
  */
 const presetRecord = {
   default: {},
@@ -67,64 +67,67 @@ const presetRecord = {
     bundle: true,
     platform: 'node',
     format: 'esm',
+    minify: false,
     cjs: true,
     packages: 'external',
+    sourcemap: true,
+    sourcesContent: true,
   },
   module2: {
     entryPoints: ['src/*.ts'],
     bundle: true,
     platform: 'node',
     format: 'esm',
+    minify: false,
     cjs: true,
     packages: 'external',
+    sourcemap: true,
+    sourcesContent: true,
   },
   module3: {
     entryPoints: ['src/**/*.ts'],
     bundle: false,
     platform: 'node',
     format: 'esm',
+    minify: false,
     cjs: true,
     packages: 'external',
+    sourcemap: true,
+    sourcesContent: true,
   },
   pwa: {
+    entryPoints: ['src/*.ts'],
     platform: 'browser',
     format: 'iife',
     mangleProps: '_$',
-    treeShaking: true,
-    sourcemap: false,
-    sourcesContent: false,
     target: ['es2018', 'chrome62', 'edge79', 'firefox78', 'safari11'],
+    ...(devMode ? developmentOptions : productionOptions),
   },
   pmpa: {
     entryPoints: ['site/_ts/*.ts'],
     outdir: 'dist/es',
     platform: 'browser',
     format: 'iife',
     mangleProps: '_$',
-    treeShaking: true,
-    sourcemap: false,
-    sourcesContent: false,
     target: ['es2018', 'chrome62', 'edge79', 'firefox78', 'safari11'],
+    ...(devMode ? developmentOptions : productionOptions),
   },
   weaver: {
     entryPoints: ['src/ts/*.ts'],
     outdir: 'dist/es',
     platform: 'browser',
     format: 'iife',
     mangleProps: '_$',
-    treeShaking: true,
-    sourcemap: false,
-    sourcesContent: false,
     target: ['es2018', 'chrome62', 'edge79', 'firefox78', 'safari11'],
+    ...(devMode ? developmentOptions : productionOptions),
   },
   microservice: {
+    entryPoints: ['src/ts/main.ts'],
     platform: 'node',
     format: 'esm',
-    treeShaking: true,
     mangleProps: '_$',
-    sourcemap: false,
-    sourcesContent: false,
     target: 'node20',
+    ...(devMode ? developmentOptions : productionOptions),
   },
 };
 
@@ -142,22 +145,9 @@ function getOptions() {
     ...defaultOptions,
     ...presetOptions,
     ...packageJson['nano-build'],
-
+    ...(devMode ? packageJson['nano-build-development'] : packageJson['nano-build-production']),
   };
 
-  if (devMode) {
-    options = {
-      ...options,
-      ...developmentOptions,
-      ...packageJson['nano-build-development'],
-    }
-  } else {
-    options = {
-      ...options,
-      ...packageJson['nano-build-production'],
-    }
-  }
-
   // Remove null fields from esbuildOptions
   Object.keys(options).forEach((key) => {
     if (options[key] === null) {