@vitejs/plugin-legacy 4.1.1 → 5.0.0-beta.1

package/README.md

@@ -44,6 +44,8 @@ npm add -D terser
 
   The query is also [Browserslist compatible](https://github.com/browserslist/browserslist). See [Browserslist Best Practices](https://github.com/browserslist/browserslist#best-practices) for more details.
 
+  If it's not set, plugin-legacy will load [the browserslist config sources](https://github.com/browserslist/browserslist#queries) and then fallback to the default value.
+
 ### `polyfills`
 
 - **Type:** `boolean | string[]`
@@ -63,24 +65,12 @@ npm add -D terser
 
   Note: if additional polyfills are needed for both the modern and legacy chunks, they can simply be imported in the application source code.
 
-### `ignoreBrowserslistConfig`
-
-- **Type:** `boolean`
-- **Default:** `false`
-
-  `@babel/preset-env` automatically detects [`browserslist` config sources](https://github.com/browserslist/browserslist#browserslist-):
-
-  - `browserslist` field in `package.json`
-  - `.browserslistrc` file in cwd.
-
-  Set to `false` to ignore these sources.
-
 ### `modernPolyfills`
 
 - **Type:** `boolean | string[]`
 - **Default:** `false`
 
-  Defaults to `false`. Enabling this option will generate a separate polyfills chunk for the modern build (targeting browsers with [native ESM support](https://caniuse.com/es6-module)).
+  Defaults to `false`. Enabling this option will generate a separate polyfills chunk for the modern build (targeting [browsers that support widely-available features](#browsers-that-supports-esm-but-does-not-support-widely-available-features)).
 
   Set to a list of strings to explicitly control which polyfills to include. See [Polyfill Specifiers](#polyfill-specifiers) for details.
 

package/dist/index.cjs

@@ -11,6 +11,7 @@ const MagicString = require('magic-string');
 const require$$0 = require('tty');
 const browserslist = require('browserslist');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
@@ -152,10 +153,18 @@ function toAssetPathFromHtml(filename, htmlPath, config) {
   );
 }
 const legacyEnvVarMarker = `__VITE_IS_LEGACY__`;
-const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
+const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 function viteLegacyPlugin(options = {}) {
   let config;
   let targets;
+  const modernTargetsEsbuild = [
+    "es2020",
+    "edge79",
+    "firefox67",
+    "chrome64",
+    "safari12"
+  ];
+  const modernTargetsBabel = "edge>=80, firefox>=72, chrome>=80, safari>=13.1, chromeAndroid>=80, iOS>=13.1";
   const genLegacy = options.renderLegacyChunks !== false;
   const genModern = options.renderModernChunks !== false;
   if (!genLegacy && !genModern) {
@@ -206,13 +215,7 @@ function viteLegacyPlugin(options = {}) {
         }
         if (genLegacy) {
           overriddenBuildTarget = config2.build.target !== void 0;
-          config2.build.target = [
-            "es2020",
-            "edge79",
-            "firefox67",
-            "chrome64",
-            "safari12"
-          ];
+          config2.build.target = modernTargetsEsbuild;
         }
       }
       return {
@@ -246,7 +249,7 @@ function viteLegacyPlugin(options = {}) {
           `[@vitejs/plugin-legacy] modern polyfills:`,
           modernPolyfills
         );
-        await buildPolyfillChunk(
+        const polyfillChunk = await buildPolyfillChunk(
           config.mode,
           modernPolyfills,
           bundle,
@@ -256,6 +259,9 @@ function viteLegacyPlugin(options = {}) {
           opts,
           true
         );
+        if (genLegacy && polyfillChunk) {
+          polyfillChunk.code = modernChunkLegacyGuard + polyfillChunk.code;
+        }
         return;
       }
       if (!genLegacy) {
@@ -342,7 +348,7 @@ function viteLegacyPlugin(options = {}) {
       }
       if (!isLegacyChunk(chunk, opts)) {
         if (options.modernPolyfills && !Array.isArray(options.modernPolyfills) && genModern) {
-          await detectPolyfills(raw, { esmodules: true }, modernPolyfills);
+          await detectPolyfills(raw, modernTargetsBabel, modernPolyfills);
         }
         const ms = new MagicString__default(raw);
         if (genLegacy && chunk.isEntry) {
@@ -362,7 +368,7 @@ function viteLegacyPlugin(options = {}) {
         if (config.build.sourcemap) {
           return {
             code: ms.toString(),
-            map: ms.generateMap({ hires: true })
+            map: ms.generateMap({ hires: "boundary" })
           };
         }
         return {
@@ -399,10 +405,7 @@ function viteLegacyPlugin(options = {}) {
           ],
           [
             (await import('@babel/preset-env')).default,
-            createBabelPresetEnvOptions(targets, {
-              needPolyfills,
-              ignoreBrowserslistConfig: options.ignoreBrowserslistConfig
-            })
+            createBabelPresetEnvOptions(targets, { needPolyfills })
           ]
         ]
       });
@@ -550,12 +553,11 @@ async function detectPolyfills(code, targets, list) {
     ast: true,
     babelrc: false,
     configFile: false,
+    compact: false,
     presets: [
       [
         (await import('@babel/preset-env')).default,
-        createBabelPresetEnvOptions(targets, {
-          ignoreBrowserslistConfig: true
-        })
+        createBabelPresetEnvOptions(targets, {})
       ]
     ]
   });
@@ -568,10 +570,7 @@ async function detectPolyfills(code, targets, list) {
     }
   }
 }
-function createBabelPresetEnvOptions(targets, {
-  needPolyfills = true,
-  ignoreBrowserslistConfig
-}) {
+function createBabelPresetEnvOptions(targets, { needPolyfills = true }) {
   return {
     targets,
     bugfixes: true,
@@ -583,7 +582,7 @@ function createBabelPresetEnvOptions(targets, {
       proposals: false
     } : void 0,
     shippedProposals: true,
-    ignoreBrowserslistConfig
+    ignoreBrowserslistConfig: true
   };
 }
 async function buildPolyfillChunk(mode, imports, bundle, facadeToChunkMap, buildOptions, format, rollupOutputOptions, excludeSystemJS) {
@@ -592,7 +591,7 @@ async function buildPolyfillChunk(mode, imports, bundle, facadeToChunkMap, build
   const res = await vite.build({
     mode,
     // so that everything is resolved from here
-    root: path__default.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))),
+    root: path__default.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)))),
     configFile: false,
     logLevel: "error",
     plugins: [polyfillsPlugin(imports, excludeSystemJS)],
@@ -634,6 +633,7 @@ async function buildPolyfillChunk(mode, imports, bundle, facadeToChunkMap, build
     }
   }
   bundle[polyfillChunk.fileName] = polyfillChunk;
+  return polyfillChunk;
 }
 const polyfillId = "\0vite/legacy-polyfills";
 function polyfillsPlugin(imports, excludeSystemJS) {

package/dist/index.d.cts

@@ -0,0 +1,37 @@
+import { Plugin } from 'vite';
+
+interface Options {
+    /**
+     * default: 'defaults'
+     */
+    targets?: string | string[] | {
+        [key: string]: string;
+    };
+    /**
+     * default: true
+     */
+    polyfills?: boolean | string[];
+    additionalLegacyPolyfills?: string[];
+    /**
+     * default: false
+     */
+    modernPolyfills?: boolean | string[];
+    /**
+     * default: true
+     */
+    renderLegacyChunks?: boolean;
+    /**
+     * default: false
+     */
+    externalSystemJS?: boolean;
+    /**
+     * default: true
+     */
+    renderModernChunks?: boolean;
+}
+
+declare function viteLegacyPlugin(options?: Options): Plugin[];
+declare function detectPolyfills(code: string, targets: any, list: Set<string>): Promise<void>;
+declare const cspHashes: string[];
+
+export { cspHashes, viteLegacyPlugin as default, detectPolyfills };

package/dist/index.d.mts

@@ -0,0 +1,37 @@
+import { Plugin } from 'vite';
+
+interface Options {
+    /**
+     * default: 'defaults'
+     */
+    targets?: string | string[] | {
+        [key: string]: string;
+    };
+    /**
+     * default: true
+     */
+    polyfills?: boolean | string[];
+    additionalLegacyPolyfills?: string[];
+    /**
+     * default: false
+     */
+    modernPolyfills?: boolean | string[];
+    /**
+     * default: true
+     */
+    renderLegacyChunks?: boolean;
+    /**
+     * default: false
+     */
+    externalSystemJS?: boolean;
+    /**
+     * default: true
+     */
+    renderModernChunks?: boolean;
+}
+
+declare function viteLegacyPlugin(options?: Options): Plugin[];
+declare function detectPolyfills(code: string, targets: any, list: Set<string>): Promise<void>;
+declare const cspHashes: string[];
+
+export { cspHashes, viteLegacyPlugin as default, detectPolyfills };

package/dist/index.d.ts

@@ -7,10 +7,6 @@ interface Options {
     targets?: string | string[] | {
         [key: string]: string;
     };
-    /**
-     * default: false
-     */
-    ignoreBrowserslistConfig?: boolean;
     /**
      * default: true
      */

package/dist/index.mjs

@@ -145,6 +145,14 @@ const _require = createRequire(import.meta.url);
 function viteLegacyPlugin(options = {}) {
   let config;
   let targets;
+  const modernTargetsEsbuild = [
+    "es2020",
+    "edge79",
+    "firefox67",
+    "chrome64",
+    "safari12"
+  ];
+  const modernTargetsBabel = "edge>=80, firefox>=72, chrome>=80, safari>=13.1, chromeAndroid>=80, iOS>=13.1";
   const genLegacy = options.renderLegacyChunks !== false;
   const genModern = options.renderModernChunks !== false;
   if (!genLegacy && !genModern) {
@@ -195,13 +203,7 @@ function viteLegacyPlugin(options = {}) {
         }
         if (genLegacy) {
           overriddenBuildTarget = config2.build.target !== void 0;
-          config2.build.target = [
-            "es2020",
-            "edge79",
-            "firefox67",
-            "chrome64",
-            "safari12"
-          ];
+          config2.build.target = modernTargetsEsbuild;
         }
       }
       return {
@@ -235,7 +237,7 @@ function viteLegacyPlugin(options = {}) {
           `[@vitejs/plugin-legacy] modern polyfills:`,
           modernPolyfills
         );
-        await buildPolyfillChunk(
+        const polyfillChunk = await buildPolyfillChunk(
           config.mode,
           modernPolyfills,
           bundle,
@@ -245,6 +247,9 @@ function viteLegacyPlugin(options = {}) {
           opts,
           true
         );
+        if (genLegacy && polyfillChunk) {
+          polyfillChunk.code = modernChunkLegacyGuard + polyfillChunk.code;
+        }
         return;
       }
       if (!genLegacy) {
@@ -331,7 +336,7 @@ function viteLegacyPlugin(options = {}) {
       }
       if (!isLegacyChunk(chunk, opts)) {
         if (options.modernPolyfills && !Array.isArray(options.modernPolyfills) && genModern) {
-          await detectPolyfills(raw, { esmodules: true }, modernPolyfills);
+          await detectPolyfills(raw, modernTargetsBabel, modernPolyfills);
         }
         const ms = new MagicString(raw);
         if (genLegacy && chunk.isEntry) {
@@ -351,7 +356,7 @@ function viteLegacyPlugin(options = {}) {
         if (config.build.sourcemap) {
           return {
             code: ms.toString(),
-            map: ms.generateMap({ hires: true })
+            map: ms.generateMap({ hires: "boundary" })
           };
         }
         return {
@@ -388,10 +393,7 @@ function viteLegacyPlugin(options = {}) {
           ],
           [
             (await import('@babel/preset-env')).default,
-            createBabelPresetEnvOptions(targets, {
-              needPolyfills,
-              ignoreBrowserslistConfig: options.ignoreBrowserslistConfig
-            })
+            createBabelPresetEnvOptions(targets, { needPolyfills })
           ]
         ]
       });
@@ -539,12 +541,11 @@ async function detectPolyfills(code, targets, list) {
     ast: true,
     babelrc: false,
     configFile: false,
+    compact: false,
     presets: [
       [
         (await import('@babel/preset-env')).default,
-        createBabelPresetEnvOptions(targets, {
-          ignoreBrowserslistConfig: true
-        })
+        createBabelPresetEnvOptions(targets, {})
       ]
     ]
   });
@@ -557,10 +558,7 @@ async function detectPolyfills(code, targets, list) {
     }
   }
 }
-function createBabelPresetEnvOptions(targets, {
-  needPolyfills = true,
-  ignoreBrowserslistConfig
-}) {
+function createBabelPresetEnvOptions(targets, { needPolyfills = true }) {
   return {
     targets,
     bugfixes: true,
@@ -572,7 +570,7 @@ function createBabelPresetEnvOptions(targets, {
       proposals: false
     } : void 0,
     shippedProposals: true,
-    ignoreBrowserslistConfig
+    ignoreBrowserslistConfig: true
   };
 }
 async function buildPolyfillChunk(mode, imports, bundle, facadeToChunkMap, buildOptions, format, rollupOutputOptions, excludeSystemJS) {
@@ -623,6 +621,7 @@ async function buildPolyfillChunk(mode, imports, bundle, facadeToChunkMap, build
     }
   }
   bundle[polyfillChunk.fileName] = polyfillChunk;
+  return polyfillChunk;
 }
 const polyfillId = "\0vite/legacy-polyfills";
 function polyfillsPlugin(imports, excludeSystemJS) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-legacy",
-  "version": "4.1.1",
+  "version": "5.0.0-beta.1",
   "license": "MIT",
   "author": "Evan You",
   "files": [
@@ -17,19 +17,12 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     }
   },
-  "scripts": {
-    "dev": "unbuild --stub",
-    "build": "unbuild && pnpm run patch-cjs",
-    "patch-cjs": "tsx ../../scripts/patchCJS.ts",
-    "prepublishOnly": "npm run build"
-  },
   "engines": {
-    "node": "^14.18.0 || >=16.0.0"
+    "node": "^18.0.0 || >=20.0.0"
   },
   "repository": {
     "type": "git",
@@ -42,13 +35,13 @@
   "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-legacy#readme",
   "funding": "https://github.com/vitejs/vite?sponsor=1",
   "dependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "browserslist": "^4.21.9",
-    "core-js": "^3.31.1",
-    "magic-string": "^0.30.1",
-    "regenerator-runtime": "^0.13.11",
-    "systemjs": "^6.14.1"
+    "@babel/core": "^7.22.20",
+    "@babel/preset-env": "^7.22.20",
+    "browserslist": "^4.21.11",
+    "core-js": "^3.32.2",
+    "magic-string": "^0.30.3",
+    "regenerator-runtime": "^0.14.0",
+    "systemjs": "^6.14.2"
   },
   "peerDependencies": {
     "terser": "^5.4.0",
@@ -57,6 +50,11 @@
   "devDependencies": {
     "acorn": "^8.10.0",
     "picocolors": "^1.0.0",
-    "vite": "workspace:*"
+    "vite": "5.0.0-beta.3"
+  },
+  "scripts": {
+    "dev": "unbuild --stub",
+    "build": "unbuild && pnpm run patch-cjs",
+    "patch-cjs": "tsx ../../scripts/patchCJS.ts"
   }
-}
+}