@vitejs/plugin-legacy 2.0.0-alpha.2 → 2.0.0-beta.0

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const path = require('path');
-const crypto = require('crypto');
-const module$1 = require('module');
-const url = require('url');
+const path = require('node:path');
+const node_crypto = require('node:crypto');
+const node_module = require('node:module');
+const node_url = require('node:url');
 const vite = require('vite');
 const MagicString = require('magic-string');
 
@@ -21,6 +21,16 @@ async function loadBabel() {
   }
   return babel;
 }
+function getBaseInHTML(urlRelativePath, baseOptions, config) {
+  return baseOptions.url ?? (baseOptions.relative ? path__default.posix.join(path__default.posix.relative(urlRelativePath, "").slice(0, -2), "./") : config.base);
+}
+function getAssetsBase(urlRelativePath, config) {
+  return getBaseInHTML(urlRelativePath, config.experimental.buildAdvancedBaseOptions.assets, config);
+}
+function toAssetPathFromHtml(filename, htmlPath, config) {
+  const relativeUrlPath = vite.normalizePath(path__default.relative(config.root, htmlPath));
+  return getAssetsBase(relativeUrlPath, config) + filename;
+}
 const safari10NoModuleFix = `!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();`;
 const legacyPolyfillId = "vite-legacy-polyfill";
 const legacyEntryId = "vite-legacy-entry";
@@ -30,7 +40,7 @@ const detectModernBrowserCode = `try{import.meta.url;import("_").catch(()=>1);}c
 const dynamicFallbackInlineCode = `!function(){if(window.${detectModernBrowserVarName})return;console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");var e=document.getElementById("${legacyPolyfillId}"),n=document.createElement("script");n.src=e.src,n.onload=function(){${systemJSInlineCode}},document.body.appendChild(n)}();`;
 const forceDynamicImportUsage = `export function __vite_legacy_guard(){import('data:text/javascript,')};`;
 const legacyEnvVarMarker = `__VITE_IS_LEGACY__`;
-const _require = module$1.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
+const _require = node_module.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
 function viteLegacyPlugin(options = {}) {
   let config;
   const targets = options.targets || "defaults";
@@ -226,7 +236,7 @@ function viteLegacyPlugin(options = {}) {
           attrs: {
             type: "module",
             crossorigin: true,
-            src: `${config.base}${modernPolyfillFilename}`
+            src: toAssetPathFromHtml(modernPolyfillFilename, chunk.facadeModuleId, config)
           }
         });
       } else if (modernPolyfills.size) {
@@ -249,7 +259,7 @@ function viteLegacyPlugin(options = {}) {
             nomodule: true,
             crossorigin: true,
             id: legacyPolyfillId,
-            src: `${config.base}${legacyPolyfillFilename}`
+            src: toAssetPathFromHtml(legacyPolyfillFilename, chunk.facadeModuleId, config)
           },
           injectTo: "body"
         });
@@ -258,14 +268,13 @@ function viteLegacyPlugin(options = {}) {
       }
       const legacyEntryFilename = facadeToLegacyChunkMap.get(chunk.facadeModuleId);
       if (legacyEntryFilename) {
-        const nonBareBase = config.base === "" ? "./" : config.base;
         tags.push({
           tag: "script",
           attrs: {
             nomodule: true,
             crossorigin: true,
             id: legacyEntryId,
-            "data-src": nonBareBase + legacyEntryFilename
+            "data-src": toAssetPathFromHtml(legacyEntryFilename, chunk.facadeModuleId, config)
           },
           children: systemJSInlineCode,
           injectTo: "body"
@@ -376,13 +385,13 @@ async function buildPolyfillChunk(imports, bundle, facadeToChunkMap, buildOption
   let { minify, assetsDir } = buildOptions;
   minify = minify ? "terser" : false;
   const res = await vite.build({
-    root: path__default.dirname(url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))),
+    root: path__default.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))),
     configFile: false,
     logLevel: "error",
     plugins: [polyfillsPlugin(imports, excludeSystemJS)],
     build: {
       write: false,
-      target: false,
+      target: "es5",
       minify,
       assetsDir,
       rollupOptions: {
@@ -475,10 +484,10 @@ function wrapIIFEBabelPlugin() {
   };
 }
 const cspHashes = [
-  crypto.createHash("sha256").update(safari10NoModuleFix).digest("base64"),
-  crypto.createHash("sha256").update(systemJSInlineCode).digest("base64"),
-  crypto.createHash("sha256").update(detectModernBrowserCode).digest("base64"),
-  crypto.createHash("sha256").update(dynamicFallbackInlineCode).digest("base64")
+  node_crypto.createHash("sha256").update(safari10NoModuleFix).digest("base64"),
+  node_crypto.createHash("sha256").update(systemJSInlineCode).digest("base64"),
+  node_crypto.createHash("sha256").update(detectModernBrowserCode).digest("base64"),
+  node_crypto.createHash("sha256").update(dynamicFallbackInlineCode).digest("base64")
 ];
 
 module.exports = viteLegacyPlugin;

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import path from 'path';
-import { createHash } from 'crypto';
-import { createRequire } from 'module';
-import { fileURLToPath } from 'url';
-import { build } from 'vite';
+import path from 'node:path';
+import { createHash } from 'node:crypto';
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+import { build, normalizePath } from 'vite';
 import MagicString from 'magic-string';
 
 let babel;
@@ -12,6 +12,16 @@ async function loadBabel() {
   }
   return babel;
 }
+function getBaseInHTML(urlRelativePath, baseOptions, config) {
+  return baseOptions.url ?? (baseOptions.relative ? path.posix.join(path.posix.relative(urlRelativePath, "").slice(0, -2), "./") : config.base);
+}
+function getAssetsBase(urlRelativePath, config) {
+  return getBaseInHTML(urlRelativePath, config.experimental.buildAdvancedBaseOptions.assets, config);
+}
+function toAssetPathFromHtml(filename, htmlPath, config) {
+  const relativeUrlPath = normalizePath(path.relative(config.root, htmlPath));
+  return getAssetsBase(relativeUrlPath, config) + filename;
+}
 const safari10NoModuleFix = `!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();`;
 const legacyPolyfillId = "vite-legacy-polyfill";
 const legacyEntryId = "vite-legacy-entry";
@@ -217,7 +227,7 @@ function viteLegacyPlugin(options = {}) {
           attrs: {
             type: "module",
             crossorigin: true,
-            src: `${config.base}${modernPolyfillFilename}`
+            src: toAssetPathFromHtml(modernPolyfillFilename, chunk.facadeModuleId, config)
           }
         });
       } else if (modernPolyfills.size) {
@@ -240,7 +250,7 @@ function viteLegacyPlugin(options = {}) {
             nomodule: true,
             crossorigin: true,
             id: legacyPolyfillId,
-            src: `${config.base}${legacyPolyfillFilename}`
+            src: toAssetPathFromHtml(legacyPolyfillFilename, chunk.facadeModuleId, config)
           },
           injectTo: "body"
         });
@@ -249,14 +259,13 @@ function viteLegacyPlugin(options = {}) {
       }
       const legacyEntryFilename = facadeToLegacyChunkMap.get(chunk.facadeModuleId);
       if (legacyEntryFilename) {
-        const nonBareBase = config.base === "" ? "./" : config.base;
         tags.push({
           tag: "script",
           attrs: {
             nomodule: true,
             crossorigin: true,
             id: legacyEntryId,
-            "data-src": nonBareBase + legacyEntryFilename
+            "data-src": toAssetPathFromHtml(legacyEntryFilename, chunk.facadeModuleId, config)
           },
           children: systemJSInlineCode,
           injectTo: "body"
@@ -373,7 +382,7 @@ async function buildPolyfillChunk(imports, bundle, facadeToChunkMap, buildOption
     plugins: [polyfillsPlugin(imports, excludeSystemJS)],
     build: {
       write: false,
-      target: false,
+      target: "es5",
       minify,
       assetsDir,
       rollupOptions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-legacy",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-beta.0",
   "license": "MIT",
   "author": "Evan You",
   "files": [
@@ -23,7 +23,7 @@
     "prepublishOnly": "npm run build"
   },
   "engines": {
-    "node": ">=14.6.0"
+    "node": ">=14.18.0"
   },
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
   "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-legacy#readme",
   "dependencies": {
     "@babel/standalone": "^7.18.5",
-    "core-js": "^3.22.8",
+    "core-js": "^3.23.1",
     "magic-string": "^0.26.2",
     "regenerator-runtime": "^0.13.9",
     "systemjs": "^6.12.1"