bunchee 2.0.0-beta.5 → 2.0.2

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.5";
+var version = "2.0.2";
 
 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() {

package/dist/lib.js

@@ -96,9 +96,10 @@ function resolveTypescript() {
 function getDistPath(distPath) {
     return path.resolve(config.rootDir, distPath);
 }
-function createInputConfig(entry, pkg, options) {
-    var _a;
+function createInputConfig(entry, pkg, options, _a) {
     var _b;
+    var _c;
+    var tsCompilerOptions = _a.tsCompilerOptions;
     var externals = [
         pkg.peerDependencies,
         pkg.dependencies,
@@ -109,7 +110,7 @@ function createInputConfig(entry, pkg, options) {
         return Object.keys(o);
     }).reduce(function(a, b) {
         return a.concat(b);
-    }, []).concat(((_b = options.external) !== null && _b !== void 0 ? _b : []).concat(pkg.name ? [
+    }, []).concat(((_c = options.external) !== null && _c !== void 0 ? _c : []).concat(pkg.name ? [
         pkg.name
     ] : []));
     var useTypescript = options.useTypescript, runtime = options.runtime, jscTarget = options.target, minify = options.minify, exportCondition = options.exportCondition;
@@ -148,9 +149,9 @@ function createInputConfig(entry, pkg, options) {
         useTypescript && isMainExport && require("@rollup/plugin-typescript")(tslib.__assign({
             tsconfig: tsPath,
             typescript: resolveTypescript(),
-            jsx: "react",
+            jsx: (tsCompilerOptions === null || tsCompilerOptions === void 0 ? void 0 : tsCompilerOptions.jsx) || "react",
             module: "ES6",
-            target: "ES5",
+            target: jscTarget,
             noEmitOnError: !options.watch,
             sourceMap: options.sourcemap,
             declaration: !!typings,
@@ -166,9 +167,17 @@ function createInputConfig(entry, pkg, options) {
                 target: jscTarget,
                 loose: true,
                 externalHelpers: false,
-                parser: (_a = {
+                parser: (_b = {
                     syntax: useTypescript ? "typescript" : "ecmascript"
-                }, _a[useTypescript ? "tsx" : "jsx"] = true, _a.privateMethod = true, _a.classPrivateProperty = true, _a.exportDefaultFrom = true, _a)
+                }, _b[useTypescript ? "tsx" : "jsx"] = true, _b.privateMethod = true, _b.classPrivateProperty = true, _b.exportDefaultFrom = true, _b),
+                transform: {
+                    react: {
+                        runtime: [
+                            "react-jsx",
+                            "react-jsx-dev"
+                        ].includes(tsCompilerOptions === null || tsCompilerOptions === void 0 ? void 0 : tsCompilerOptions.jsx) ? "automatic" : "classic"
+                    }
+                }
             }, minify && {
                 minify: tslib.__assign(tslib.__assign({}, minifyOptions), {
                     sourceMap: options.sourcemap
@@ -205,17 +214,9 @@ function createInputConfig(entry, pkg, options) {
         }
     };
 }
-function createOutputOptions(options, pkg) {
-    var format = options.format, useTypescript = options.useTypescript;
-    var tsCompilerOptions = {};
-    if (useTypescript) {
-        var ts = resolveTypescript();
-        var tsconfigPath = path.resolve(config.rootDir, "tsconfig.json");
-        if (fs__default["default"].existsSync(tsconfigPath)) {
-            var tsconfigJSON = ts.readConfigFile(tsconfigPath, ts.sys.readFile).config;
-            tsCompilerOptions = ts.parseJsonConfigFileContent(tsconfigJSON, ts.sys, "./").options;
-        }
-    }
+function createOutputOptions(options, pkg, _a) {
+    var tsCompilerOptions = _a.tsCompilerOptions;
+    var format = options.format;
     var exportPaths = getExportPaths(pkg);
     var useEsModuleMark = Boolean(tsCompilerOptions.esModuleInterop || exportPaths.main && exportPaths.module);
     var file = path.resolve(options.file);
@@ -345,14 +346,27 @@ function createRollupConfig(entry, pkg, cliArgs) {
     var options = tslib.__assign(tslib.__assign({}, cliArgs), {
         useTypescript: useTypescript
     });
-    var inputOptions = createInputConfig(entry, pkg, options);
+    var tsCompilerOptions = {};
+    if (useTypescript) {
+        var ts = resolveTypescript();
+        var tsconfigPath = path.resolve(config.rootDir, "tsconfig.json");
+        if (fs__default["default"].existsSync(tsconfigPath)) {
+            var tsconfigJSON = ts.readConfigFile(tsconfigPath, ts.sys.readFile).config;
+            tsCompilerOptions = ts.parseJsonConfigFileContent(tsconfigJSON, ts.sys, "./").options;
+        }
+    }
+    var inputOptions = createInputConfig(entry, pkg, options, {
+        tsCompilerOptions: tsCompilerOptions
+    });
     var outputExports = options.exportCondition ? getSubExportDist(pkg, options.exportCondition.export) : getExportDist(pkg);
     var outputConfigs = outputExports.map(function(exportDist) {
         return createOutputOptions(tslib.__assign(tslib.__assign({}, cliArgs), {
             file: exportDist.file,
             format: exportDist.format,
             useTypescript: useTypescript
-        }), pkg);
+        }), pkg, {
+            tsCompilerOptions: tsCompilerOptions
+        });
     });
     if (file) {
         var format = (_a = outputExports[0]) === null || _a === void 0 ? void 0 : _a.format;
@@ -361,13 +375,15 @@ function createRollupConfig(entry, pkg, cliArgs) {
                 file: file,
                 format: format || cliArgs.format,
                 useTypescript: useTypescript
-            }), pkg), 
+            }), pkg, {
+                tsCompilerOptions: tsCompilerOptions
+            }), 
         ];
     }
     return {
         input: inputOptions,
         output: outputConfigs,
-        exportName: ((_b = options.exportCondition) === null || _b === void 0 ? void 0 : _b.name) || pkg.name
+        exportName: ((_b = options.exportCondition) === null || _b === void 0 ? void 0 : _b.name) || "."
     };
 }
 
@@ -453,7 +469,7 @@ function bundle(entryPath, _a) {
     return bundleOrWatch(rollupConfig);
 }
 function getExportPath(pkg, exportName) {
-    var name = pkg.name || "<package>";
+    var name = pkg.name || path.basename(config.rootDir);
     if (exportName === "." || !exportName) return name;
     return path.join(name, exportName);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bunchee",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.2",
   "description": "zero config bundler for js/ts/jsx libraries",
   "bin": {
     "bunchee": "./dist/cli.js"
@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "jest": "29.0.1",
+    "react": "18.2.0",
     "tsx": "3.4.3",
     "typescript": "4.8.2"
   },