bunchee 2.0.0-beta.4 → 2.0.1

package/README.md

@@ -54,7 +54,7 @@ Leverage `exports` field to support different conditions would be also ideal. Mo
   "exports": {
     "require": "dist/index.cjs",
     "import": "dist/index.mjs",
-    "module": "dist/index.esm.js" // module condition
+    "module": "dist/index.esm.js"
   },
   "scripts": {
     "build": "bunchee ./src/index.js"
@@ -85,15 +85,7 @@ Usage:
   $ bunchee ./src/index.ts -o ./dist/bundle.js # specify the dist file path
 ```
 
-### API
-
-```js
-import { bundle } from 'bunchee'
-
-// options is same to CLI options
-await bundle(entryFilePath, options)
-```
-#### Example Scripts
+Run bunchee via CLI
 
 ```sh
 cd <project-root-dir>
@@ -104,7 +96,16 @@ bunchee ./src/index.js -f esm -o ./dist/bundle.esm.js
 # bunchee ./src/index.js -o ./dist/bundle.esm.js
 ```
 
-### Using Typescript
+### Node.js API
+
+```js
+import { bundle } from 'bunchee'
+
+// options is same to CLI options
+await bundle(entryFilePath, options)
+```
+
+### Typescript
 
 By default bunchee includes Typescript v3.9.x inside as a dependency. If you want to use your own version, just install typescript as another dev dependency then bunchee will automatically pick it.
 
@@ -112,4 +113,54 @@ By default bunchee includes Typescript v3.9.x inside as a dependency. If you wan
 yarn add -D bunchee typescript
 ```
 
+Create `tsconfig.json` to specify any compiler options for TypeScript.
+
 This library requires at least [TypeScript 3.7](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html).
+
+
+## Advanced
+
+### Multiple Exports
+
+While `exports` filed is becoming the standard of exporting in node.js, bunchee also supports to build multiple exports all in one command.
+
+What you need to do is just add an entry file with the name (`[name].[ext]`) that matches the exported name from exports field in package.json. For instance:
+
+* `index.ts` will match `"."` export name or the if there's only one main export.
+* `lite.ts` will match `"./lite"` export name.
+
+The build script will be simplified to just `bunchee` in package.json without configure any input sources for each exports. Of course you can still specify other arguments as you need.
+
+#### How it works
+
+Assuming you have main entry export `"."` and subpath export `"./lite"` with different exports condition listed in package.json
+
+```json
+{
+  "name": "example",
+  "scripts": {
+     "build": "bunchee"
+  },
+  "exports": {
+    "./lite": "./dist/lite.js"
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+   }
+  }
+}
+```
+
+Then you need to add two entry files `index.ts` and `lite.ts` in project root directory to match the export name `"."` and `"./lite"`, bunchee will associate these entry files with export names then use them as input source and output paths information.
+
+```
+- example/
+  |- lite.ts
+  |- index.ts
+  |- src/
+  |- package.json
+```
+
+### License
+
+MIT

package/dist/cli.js

@@ -87,7 +87,7 @@ var logger = {
     }
 };
 
-var version = "2.0.0-beta.4";
+var version = "2.0.1";
 
 var helpMessage = '\nUsage: bunchee [options]\n\nOptions:\n  -v, --version          output the version number\n  -w, --watch            watch src files changes\n  -m, --minify           compress output. false by default\n  -o, --output <file>    specify output filename\n  -f, --format <format>  specify bundle type: "esm", "cjs", "umd". "esm" by default\n  -e, --external <mod>   specify an external dependency\n  --target <target>      js features target: swc target es versions. "es5" by default\n  --runtime <runtime>    build runtime: "nodejs", "browser". "browser" by default\n  --sourcemap            enable sourcemap generation, false by default\n  --cwd <cwd>            specify current working directory\n  -h, --help             output usage information\n';
 function help() {
@@ -99,7 +99,7 @@ function exit(err) {
 }
 function run(args) {
     return tslib.__awaiter(this, void 0, void 0, function() {
-        var source, format, watch, minify, sourcemap, target, runtime, cwd, file, outputConfig, entry, bundle, err_1;
+        var source, format, watch, minify, sourcemap, target, runtime, cwd, file, outputConfig, entry, bundle, timeStart, timeEnd, err_1, duration;
         return tslib.__generator(this, function(_a) {
             switch(_a.label){
                 case 0:
@@ -131,6 +131,7 @@ function run(args) {
                     }
                     entry = source ? path__default["default"].resolve(cwd, source) : "";
                     bundle = require("./lib").bundle;
+                    timeStart = Date.now();
                     _a.label = 1;
                 case 1:
                     _a.trys.push([
@@ -144,9 +145,11 @@ function run(args) {
                         bundle(entry, outputConfig)
                     ];
                 case 2:
+                    _a.sent();
+                    timeEnd = Date.now();
                     return [
-                        2,
-                        _a.sent()
+                        3,
+                        4
                     ];
                 case 3:
                     err_1 = _a.sent();
@@ -159,6 +162,10 @@ function run(args) {
                     }
                     throw err_1;
                 case 4:
+                    duration = timeEnd - timeStart;
+                    if (!watch) {
+                        logger.log("✅ Finished in ".concat(duration, " ms"));
+                    }
                     return [
                         2
                     ];

package/dist/lib.js

@@ -150,7 +150,7 @@ function createInputConfig(entry, pkg, options) {
             typescript: resolveTypescript(),
             jsx: "react",
             module: "ES6",
-            target: "ES5",
+            target: jscTarget,
             noEmitOnError: !options.watch,
             sourceMap: options.sourcemap,
             declaration: !!typings,
@@ -338,7 +338,7 @@ function getSubExportDist(pkg, exportCondition) {
     return dist;
 }
 function createRollupConfig(entry, pkg, cliArgs) {
-    var _a;
+    var _a, _b;
     var file = cliArgs.file;
     var ext = path.extname(entry);
     var useTypescript = ext === ".ts" || ext === ".tsx";
@@ -366,7 +366,8 @@ function createRollupConfig(entry, pkg, cliArgs) {
     }
     return {
         input: inputOptions,
-        output: outputConfigs
+        output: outputConfigs,
+        exportName: ((_b = options.exportCondition) === null || _b === void 0 ? void 0 : _b.name) || pkg.name
     };
 }
 
@@ -409,10 +410,16 @@ function bundle(entryPath, _a) {
     if (options.format === "esm") {
         options.format = "es";
     }
-    var npmPackage = getPackageMeta();
-    var packageExports = npmPackage.exports;
+    var pkg = getPackageMeta();
+    var packageExports = pkg.exports;
     var isSingleEntry = typeof packageExports === "string";
     var hasMultiEntries = packageExports && !isSingleEntry && Object.keys(packageExports).length > 0;
+    var bundleOrWatch = function bundleOrWatch(rollupConfig) {
+        if (options.watch) {
+            return Promise.resolve(runWatch(pkg, rollupConfig));
+        }
+        return runBundle(pkg, rollupConfig);
+    };
     if (isSingleEntry) {
         entryPath = getSourcePathFromExportPath(config.rootDir, ".");
     }
@@ -432,22 +439,26 @@ function bundle(entryPath, _a) {
                     name: entryExport,
                     export: packageExports[entryExport]
                 };
-                var rollupConfig = createRollupConfig(path.resolve(cwd, source), npmPackage, options);
+                var rollupConfig = createRollupConfig(path.resolve(cwd, source), pkg, options);
                 return rollupConfig;
+            }).filter(function(v) {
+                return !!v;
             });
-            return Promise.all(rollupConfigs.filter(Boolean).map(function(rollupConfig) {
-                return runBundle(rollupConfig);
+            return Promise.all(rollupConfigs.map(function(rollupConfig) {
+                return bundleOrWatch(rollupConfig);
             }));
         }
     }
-    var rollupConfig = createRollupConfig(entryPath, npmPackage, options);
-    if (options.watch) {
-        return Promise.resolve(runWatch(rollupConfig));
-    }
-    return runBundle(rollupConfig);
+    var rollupConfig = createRollupConfig(entryPath, pkg, options);
+    return bundleOrWatch(rollupConfig);
 }
-function runWatch(_a) {
-    var input = _a.input, output = _a.output;
+function getExportPath(pkg, exportName) {
+    var name = pkg.name || "<package>";
+    if (exportName === "." || !exportName) return name;
+    return path.join(name, exportName);
+}
+function runWatch(pkg, _a) {
+    var exportName = _a.exportName, input = _a.input, output = _a.output;
     var watchOptions = [
         tslib.__assign(tslib.__assign({}, input), {
             output: output,
@@ -459,21 +470,46 @@ function runWatch(_a) {
         }), 
     ];
     var watcher = rollup.watch(watchOptions);
+    var exportPath = getExportPath(pkg, exportName);
+    var startTime = Date.now();
     watcher.on("event", function(event) {
-        if (event.code === "ERROR") {
-            onError(event.error);
+        switch(event.code){
+            case "ERROR":
+                {
+                    return onError(event.error);
+                }
+            case "START":
+                {
+                    startTime = Date.now();
+                    logger.log("Start building ".concat(exportPath, " ..."));
+                }
+            case "END":
+                {
+                    var duration = Date.now() - startTime;
+                    if (duration > 0) {
+                        logger.log("✨ Built ".concat(exportPath));
+                    }
+                }
+            default:
+                return;
         }
     });
     return watcher;
 }
-function runBundle(_a) {
-    var input = _a.input, output = _a.output;
+function runBundle(pkg, _a) {
+    var exportName = _a.exportName, input = _a.input, output = _a.output;
+    var startTime = Date.now();
     return rollup.rollup(input).then(function(bundle) {
         var writeJobs = output.map(function(options) {
             return bundle.write(options);
         });
         return Promise.all(writeJobs);
-    }, onError);
+    }, onError).then(function() {
+        var duration = Date.now() - startTime;
+        if (duration > 0) {
+            logger.log("✨ Built ".concat(getExportPath(pkg, exportName)));
+        }
+    });
 }
 function onError(error) {
     if (!error) return;

package/dist/src/types.d.ts

@@ -27,6 +27,7 @@ declare type PackageMetadata = {
 };
 declare type ExportCondition = string | Record<ExportType, string>;
 declare type BuncheeRollupConfig = Partial<Omit<RollupOptions, 'input' | 'output'>> & {
+    exportName?: string;
     input: InputOptions;
     output: OutputOptions[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bunchee",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.1",
   "description": "zero config bundler for js/ts/jsx libraries",
   "bin": {
     "bunchee": "./dist/cli.js"