bunchee 3.4.0 → 3.5.0

package/README.md

@@ -61,7 +61,10 @@ Using pure ESM package?
 }
 ```
 
-Then just run `npm run build`, or `pnpm build` / `yarn build` if you're using these package managers.
+Then just run `npm run build`, or `pnpm build` / `yarn build` if you're using these package managers. The output format will based on the exports condition and also the file extension. Given an example:
+
+* It's CommonJS for `require` and ESM for `import` based on the exports condition.
+* It's CommonJS for `.js` and ESM for `.mjs` based on the extension regardless the exports condition. Then for export condition like "node" you could choose the format with your extension.
 
 ## Configuration
 
@@ -121,7 +124,6 @@ bunchee --env=ENV1,ENV2,ENV3
 
 Replace `ENV1`, `ENV2`, and `ENV3` with the names of the environment variables you want to include in your bundled code. These environment variables will be inlined during the bundling process.
 
-
 ### Entry Files Convention
 
 While `exports` field is becoming the standard of exporting in node.js, bunchee also supports to build multiple exports all in one command.
@@ -161,6 +163,35 @@ Then you need to add two entry files `index.ts` and `lite.ts` in project root di
   |- package.json
 ```
 
+It will also look up for `index.<ext>` file under the directory having the name of the export path. For example, if you have `"./lite": "./dist/lite.js"` in exports field, then it will look up for `./lite/index.js` as the entry file as well.
+
+### Special Exports Conventions
+
+For exports condition like `react-native`, `react-server` and `edge-light` as they're special platforms, they could have different exports or different code conditions. In this case bunchee provides an override input source file convention if you want to build them as different code bundle.
+
+For instance:
+
+```json
+{
+  "exports": {
+    "react-server": "./dist/react-server.mjs",
+    "edge-light": "./dist/edge-light.mjs",
+    "import": "./dist/index.mjs"
+  }
+}
+```
+
+You can use `index.<export-type>.<ext>` to override the input source file for specific export name. Or using `<export-path>/index.<export-type>.<ext>` also works. Such as:
+
+```
+|- src/
+  |- index/.ts
+  |- index.react-server.ts
+  |- index.edge-light.ts
+```
+
+This will match the export name `"react-server"` and `"edge-light"` then use the corresponding input source file to build the bundle.
+
 #### Package lint
 
 `bunchee` has support for checking the package bundles are matched with package exports configuration.

package/dist/cli.js

@@ -97,7 +97,7 @@ function _fileExists() {
     return _fileExists.apply(this, arguments);
 }
 
-var version = "3.4.0";
+var version = "3.5.0";
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {

package/dist/index.js

@@ -6,11 +6,11 @@ var rollup = require('rollup');
 var pluginWasm = require('@rollup/plugin-wasm');
 var rollupPluginSwc3 = require('rollup-plugin-swc3');
 var commonjs = require('@rollup/plugin-commonjs');
-var shebang = require('rollup-plugin-preserve-shebang');
 var json = require('@rollup/plugin-json');
 var pluginNodeResolve = require('@rollup/plugin-node-resolve');
 var replace = require('@rollup/plugin-replace');
 var prettyBytes = require('pretty-bytes');
+var MagicString = require('magic-string');
 var module$1 = require('module');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -18,10 +18,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var commonjs__default = /*#__PURE__*/_interopDefault(commonjs);
-var shebang__default = /*#__PURE__*/_interopDefault(shebang);
 var json__default = /*#__PURE__*/_interopDefault(json);
 var replace__default = /*#__PURE__*/_interopDefault(replace);
 var prettyBytes__default = /*#__PURE__*/_interopDefault(prettyBytes);
+var MagicString__default = /*#__PURE__*/_interopDefault(MagicString);
 
 function chunkSizeCollector() {
     const sizes = new Map();
@@ -61,6 +61,38 @@ function chunkSizeCollector() {
     };
 }
 
+function preserveDirectivePlugin() {
+    const directives = new Set();
+    return {
+        name: 'use-directive',
+        transform (code, id) {
+            const regex = /^(?:['"]use[^'"]+['"][^\n]*|#![^\n]*)/gm;
+            const replacedCode = code.replace(regex, (match)=>{
+                // replace double quotes with single quotes
+                directives.add(match.replace(/["]/g, "'"));
+                return '';
+            });
+            return {
+                code: replacedCode,
+                map: null
+            };
+        },
+        renderChunk (code, _, { sourcemap  }) {
+            if (!directives.size) return null;
+            const s = new MagicString__default.default(code);
+            s.prepend(`${[
+                ...directives
+            ].join('\n')}\n`);
+            return {
+                code: s.toString(),
+                map: sourcemap ? s.generateMap({
+                    hires: true
+                }) : null
+            };
+        }
+    };
+}
+
 function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -518,7 +550,7 @@ function buildInputConfig(entry, pkg, options, cwd, { tsConfigPath , tsCompilerO
     const hasSpecifiedTsTarget = Boolean((tsCompilerOptions == null ? void 0 : tsCompilerOptions.target) && tsConfigPath);
     const sizePlugin = sizeCollector.plugin(cwd);
     const commonPlugins = [
-        shebang__default.default(),
+        preserveDirectivePlugin(),
         sizePlugin
     ];
     const plugins = (dts ? [
@@ -665,16 +697,21 @@ function _buildEntryConfig() {
         Object.keys(exportPaths).forEach(/*#__PURE__*/ _async_to_generator$2(function*(entryExport) {
             // TODO: improve the source detection
             const exportCond = exportPaths[entryExport];
-            const hasEdgeLight = !!exportCond['edge-light'];
-            const hasReactServer = !!exportCond['react-server'];
             const buildConfigs = [
                 createBuildConfig('', exportCond) // default config
             ];
-            if (hasEdgeLight) {
-                buildConfigs.push(createBuildConfig('edge-light', exportCond));
-            }
-            if (hasReactServer) {
-                buildConfigs.push(createBuildConfig('react-server', exportCond));
+            // For dts job, only build the default config.
+            // For assets job, build all configs.
+            if (!dts) {
+                if (exportCond['edge-light']) {
+                    buildConfigs.push(createBuildConfig('edge-light', exportCond));
+                }
+                if (exportCond['react-server']) {
+                    buildConfigs.push(createBuildConfig('react-server', exportCond));
+                }
+                if (exportCond['react-native']) {
+                    buildConfigs.push(createBuildConfig('react-native', exportCond));
+                }
             }
             function createBuildConfig(exportType, exportCondRef) {
                 return _createBuildConfig.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bunchee",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "zero config bundler for js/ts/jsx libraries",
   "bin": {
     "bunchee": "./dist/cli.js"
@@ -53,16 +53,16 @@
     "@swc/core": "1.3.46",
     "@swc/helpers": "0.5.0",
     "arg": "5.0.2",
+    "magic-string": "0.30.0",
     "pretty-bytes": "5.6.0",
     "publint": "0.1.11",
     "rollup": "3.20.2",
     "rollup-plugin-dts": "5.3.0",
-    "rollup-plugin-preserve-shebang": "1.0.1",
     "rollup-plugin-swc3": "0.8.1",
     "tslib": "2.5.0"
   },
   "peerDependencies": {
-    "typescript": ">=4.1.0 <5.0.0 || >=5.0.0 <6.0.0"
+    "typescript": "^4.1 || ^5.0"
   },
   "peerDependenciesMeta": {
     "typescript": {