@react-perfscope/vite 0.7.0 → 1.0.0

package/dist/index.cjs

@@ -26,9 +26,13 @@ module.exports = __toCommonJS(index_exports);
 var VIRTUAL_ID = "\0virtual:react-perfscope-bootstrap";
 var VIRTUAL_URL = "/@react-perfscope-bootstrap.js";
 function reactPerfscope(_opts) {
+  let base = "";
   return {
     name: "react-perfscope",
     apply: "serve",
+    configResolved(config) {
+      base = config.base.endsWith("/") ? config.base.slice(0, -1) : config.base;
+    },
     config(config) {
       var _a, _b;
       config.optimizeDeps ?? (config.optimizeDeps = {});
@@ -60,7 +64,7 @@ function reactPerfscope(_opts) {
       return [
         {
           tag: "script",
-          attrs: { type: "module", src: VIRTUAL_URL },
+          attrs: { type: "module", src: base + VIRTUAL_URL },
           injectTo: "head-prepend"
         }
       ];

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Plugin, HtmlTagDescriptor } from 'vite'\n\nexport interface ReactPerfscopePluginOptions {\n  // Reserved for Phase 6 (position, host, disabled, etc.).\n}\n\nconst VIRTUAL_ID = '\\0virtual:react-perfscope-bootstrap'\nconst VIRTUAL_URL = '/@react-perfscope-bootstrap.js'\n\n/**\n * Vite plugin that auto-injects `react-perfscope/auto` into the HTML entry\n * during dev mode. The injected script imports the meta package which\n * bootstraps a recorder + render collector + UI mount.\n *\n * Implementation: Vite does NOT transform inline `<script type=\"module\">`\n * content, so writing `import 'react-perfscope/auto'` directly into a tag\n * fails (the browser can't resolve bare specifiers). Instead we expose a\n * virtual module via `resolveId`/`load` and inject a `<script src>` that\n * points at it — Vite's module-loading pipeline transforms the module body\n * (where the bare specifier IS resolved) before delivering it.\n */\nexport default function reactPerfscope(_opts?: ReactPerfscopePluginOptions): Plugin {\n  return {\n    name: 'react-perfscope',\n    apply: 'serve',\n    config(config) {\n      // Force-bundle the perfscope packages as deps so @vitejs/plugin-react\n      // (and similar transforms) see them as node_modules — otherwise the\n      // workspace-linked dist files get pulled through Fast Refresh, which\n      // throws \"can't detect preamble\" because our bootstrap runs before\n      // the React plugin's preamble. We only list packages we expect the\n      // consumer to actually have in package.json — `react-perfscope` is\n      // the user-facing dep, `/auto` is its side-effect entry. Vite's\n      // optimizer follows transitive imports (core/react/ui) automatically.\n      config.optimizeDeps ??= {}\n      config.optimizeDeps.include ??= []\n      const toInclude = ['react-perfscope', 'react-perfscope/auto']\n      for (const dep of toInclude) {\n        if (!config.optimizeDeps.include.includes(dep)) {\n          config.optimizeDeps.include.push(dep)\n        }\n      }\n      // The JS Self-Profiling API (used to attribute long tasks to the\n      // developer's own functions) only initializes when the document is\n      // served with this response header. Set it for all dev responses so\n      // attribution works with zero config; it's a no-op where the browser\n      // lacks the API. We merge rather than overwrite any user-set headers.\n      config.server ??= {}\n      config.server.headers ??= {}\n      if (!('Document-Policy' in config.server.headers)) {\n        config.server.headers['Document-Policy'] = 'js-profiling'\n      }\n      return config\n    },\n    resolveId(id) {\n      if (id === VIRTUAL_URL) return VIRTUAL_ID\n      return null\n    },\n    load(id) {\n      if (id === VIRTUAL_ID) {\n        return `import 'react-perfscope/auto'`\n      }\n      return null\n    },\n    transformIndexHtml(_html: string): HtmlTagDescriptor[] {\n      return [\n        {\n          tag: 'script',\n          attrs: { type: 'module', src: VIRTUAL_URL },\n          injectTo: 'head-prepend',\n        },\n      ]\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,IAAM,aAAa;AACnB,IAAM,cAAc;AAcL,SAAR,eAAgC,OAA6C;AAClF,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO,QAAQ;AAzBnB;AAkCM,aAAO,iBAAP,OAAO,eAAiB,CAAC;AACzB,mBAAO,cAAa,YAApB,GAAoB,UAAY,CAAC;AACjC,YAAM,YAAY,CAAC,mBAAmB,sBAAsB;AAC5D,iBAAW,OAAO,WAAW;AAC3B,YAAI,CAAC,OAAO,aAAa,QAAQ,SAAS,GAAG,GAAG;AAC9C,iBAAO,aAAa,QAAQ,KAAK,GAAG;AAAA,QACtC;AAAA,MACF;AAMA,aAAO,WAAP,OAAO,SAAW,CAAC;AACnB,mBAAO,QAAO,YAAd,GAAc,UAAY,CAAC;AAC3B,UAAI,EAAE,qBAAqB,OAAO,OAAO,UAAU;AACjD,eAAO,OAAO,QAAQ,iBAAiB,IAAI;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,IACA,UAAU,IAAI;AACZ,UAAI,OAAO,YAAa,QAAO;AAC/B,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAAI;AACP,UAAI,OAAO,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,mBAAmB,OAAoC;AACrD,aAAO;AAAA,QACL;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,MAAM,UAAU,KAAK,YAAY;AAAA,UAC1C,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Plugin, HtmlTagDescriptor } from 'vite'\n\nexport interface ReactPerfscopePluginOptions {\n  // Reserved for Phase 6 (position, host, disabled, etc.).\n}\n\nconst VIRTUAL_ID = '\\0virtual:react-perfscope-bootstrap'\nconst VIRTUAL_URL = '/@react-perfscope-bootstrap.js'\n\n/**\n * Vite plugin that auto-injects `react-perfscope/auto` into the HTML entry\n * during dev mode. The injected script imports the meta package which\n * bootstraps a recorder + render collector + UI mount.\n *\n * Implementation: Vite does NOT transform inline `<script type=\"module\">`\n * content, so writing `import 'react-perfscope/auto'` directly into a tag\n * fails (the browser can't resolve bare specifiers). Instead we expose a\n * virtual module via `resolveId`/`load` and inject a `<script src>` that\n * points at it — Vite's module-loading pipeline transforms the module body\n * (where the bare specifier IS resolved) before delivering it.\n */\nexport default function reactPerfscope(_opts?: ReactPerfscopePluginOptions): Plugin {\n  // Vite does not rewrite plugin-injected tag URLs with `base`, so the\n  // injected src must carry the prefix itself; the dev server strips base\n  // before plugin resolution, so resolveId still matches the bare URL.\n  let base = ''\n  return {\n    name: 'react-perfscope',\n    apply: 'serve',\n    configResolved(config) {\n      base = config.base.endsWith('/') ? config.base.slice(0, -1) : config.base\n    },\n    config(config) {\n      // Force-bundle the perfscope packages as deps so @vitejs/plugin-react\n      // (and similar transforms) see them as node_modules — otherwise the\n      // workspace-linked dist files get pulled through Fast Refresh, which\n      // throws \"can't detect preamble\" because our bootstrap runs before\n      // the React plugin's preamble. We only list packages we expect the\n      // consumer to actually have in package.json — `react-perfscope` is\n      // the user-facing dep, `/auto` is its side-effect entry. Vite's\n      // optimizer follows transitive imports (core/react/ui) automatically.\n      config.optimizeDeps ??= {}\n      config.optimizeDeps.include ??= []\n      const toInclude = ['react-perfscope', 'react-perfscope/auto']\n      for (const dep of toInclude) {\n        if (!config.optimizeDeps.include.includes(dep)) {\n          config.optimizeDeps.include.push(dep)\n        }\n      }\n      // The JS Self-Profiling API (used to attribute long tasks to the\n      // developer's own functions) only initializes when the document is\n      // served with this response header. Set it for all dev responses so\n      // attribution works with zero config; it's a no-op where the browser\n      // lacks the API. We merge rather than overwrite any user-set headers.\n      config.server ??= {}\n      config.server.headers ??= {}\n      if (!('Document-Policy' in config.server.headers)) {\n        config.server.headers['Document-Policy'] = 'js-profiling'\n      }\n      return config\n    },\n    resolveId(id) {\n      if (id === VIRTUAL_URL) return VIRTUAL_ID\n      return null\n    },\n    load(id) {\n      if (id === VIRTUAL_ID) {\n        return `import 'react-perfscope/auto'`\n      }\n      return null\n    },\n    transformIndexHtml(_html: string): HtmlTagDescriptor[] {\n      return [\n        {\n          tag: 'script',\n          attrs: { type: 'module', src: base + VIRTUAL_URL },\n          injectTo: 'head-prepend',\n        },\n      ]\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,IAAM,aAAa;AACnB,IAAM,cAAc;AAcL,SAAR,eAAgC,OAA6C;AAIlF,MAAI,OAAO;AACX,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,eAAe,QAAQ;AACrB,aAAO,OAAO,KAAK,SAAS,GAAG,IAAI,OAAO,KAAK,MAAM,GAAG,EAAE,IAAI,OAAO;AAAA,IACvE;AAAA,IACA,OAAO,QAAQ;AAhCnB;AAyCM,aAAO,iBAAP,OAAO,eAAiB,CAAC;AACzB,mBAAO,cAAa,YAApB,GAAoB,UAAY,CAAC;AACjC,YAAM,YAAY,CAAC,mBAAmB,sBAAsB;AAC5D,iBAAW,OAAO,WAAW;AAC3B,YAAI,CAAC,OAAO,aAAa,QAAQ,SAAS,GAAG,GAAG;AAC9C,iBAAO,aAAa,QAAQ,KAAK,GAAG;AAAA,QACtC;AAAA,MACF;AAMA,aAAO,WAAP,OAAO,SAAW,CAAC;AACnB,mBAAO,QAAO,YAAd,GAAc,UAAY,CAAC;AAC3B,UAAI,EAAE,qBAAqB,OAAO,OAAO,UAAU;AACjD,eAAO,OAAO,QAAQ,iBAAiB,IAAI;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,IACA,UAAU,IAAI;AACZ,UAAI,OAAO,YAAa,QAAO;AAC/B,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAAI;AACP,UAAI,OAAO,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,mBAAmB,OAAoC;AACrD,aAAO;AAAA,QACL;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,MAAM,UAAU,KAAK,OAAO,YAAY;AAAA,UACjD,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/index.js

@@ -2,9 +2,13 @@
 var VIRTUAL_ID = "\0virtual:react-perfscope-bootstrap";
 var VIRTUAL_URL = "/@react-perfscope-bootstrap.js";
 function reactPerfscope(_opts) {
+  let base = "";
   return {
     name: "react-perfscope",
     apply: "serve",
+    configResolved(config) {
+      base = config.base.endsWith("/") ? config.base.slice(0, -1) : config.base;
+    },
     config(config) {
       var _a, _b;
       config.optimizeDeps ?? (config.optimizeDeps = {});
@@ -36,7 +40,7 @@ function reactPerfscope(_opts) {
       return [
         {
           tag: "script",
-          attrs: { type: "module", src: VIRTUAL_URL },
+          attrs: { type: "module", src: base + VIRTUAL_URL },
           injectTo: "head-prepend"
         }
       ];

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Plugin, HtmlTagDescriptor } from 'vite'\n\nexport interface ReactPerfscopePluginOptions {\n  // Reserved for Phase 6 (position, host, disabled, etc.).\n}\n\nconst VIRTUAL_ID = '\\0virtual:react-perfscope-bootstrap'\nconst VIRTUAL_URL = '/@react-perfscope-bootstrap.js'\n\n/**\n * Vite plugin that auto-injects `react-perfscope/auto` into the HTML entry\n * during dev mode. The injected script imports the meta package which\n * bootstraps a recorder + render collector + UI mount.\n *\n * Implementation: Vite does NOT transform inline `<script type=\"module\">`\n * content, so writing `import 'react-perfscope/auto'` directly into a tag\n * fails (the browser can't resolve bare specifiers). Instead we expose a\n * virtual module via `resolveId`/`load` and inject a `<script src>` that\n * points at it — Vite's module-loading pipeline transforms the module body\n * (where the bare specifier IS resolved) before delivering it.\n */\nexport default function reactPerfscope(_opts?: ReactPerfscopePluginOptions): Plugin {\n  return {\n    name: 'react-perfscope',\n    apply: 'serve',\n    config(config) {\n      // Force-bundle the perfscope packages as deps so @vitejs/plugin-react\n      // (and similar transforms) see them as node_modules — otherwise the\n      // workspace-linked dist files get pulled through Fast Refresh, which\n      // throws \"can't detect preamble\" because our bootstrap runs before\n      // the React plugin's preamble. We only list packages we expect the\n      // consumer to actually have in package.json — `react-perfscope` is\n      // the user-facing dep, `/auto` is its side-effect entry. Vite's\n      // optimizer follows transitive imports (core/react/ui) automatically.\n      config.optimizeDeps ??= {}\n      config.optimizeDeps.include ??= []\n      const toInclude = ['react-perfscope', 'react-perfscope/auto']\n      for (const dep of toInclude) {\n        if (!config.optimizeDeps.include.includes(dep)) {\n          config.optimizeDeps.include.push(dep)\n        }\n      }\n      // The JS Self-Profiling API (used to attribute long tasks to the\n      // developer's own functions) only initializes when the document is\n      // served with this response header. Set it for all dev responses so\n      // attribution works with zero config; it's a no-op where the browser\n      // lacks the API. We merge rather than overwrite any user-set headers.\n      config.server ??= {}\n      config.server.headers ??= {}\n      if (!('Document-Policy' in config.server.headers)) {\n        config.server.headers['Document-Policy'] = 'js-profiling'\n      }\n      return config\n    },\n    resolveId(id) {\n      if (id === VIRTUAL_URL) return VIRTUAL_ID\n      return null\n    },\n    load(id) {\n      if (id === VIRTUAL_ID) {\n        return `import 'react-perfscope/auto'`\n      }\n      return null\n    },\n    transformIndexHtml(_html: string): HtmlTagDescriptor[] {\n      return [\n        {\n          tag: 'script',\n          attrs: { type: 'module', src: VIRTUAL_URL },\n          injectTo: 'head-prepend',\n        },\n      ]\n    },\n  }\n}\n"],"mappings":";AAMA,IAAM,aAAa;AACnB,IAAM,cAAc;AAcL,SAAR,eAAgC,OAA6C;AAClF,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO,QAAQ;AAzBnB;AAkCM,aAAO,iBAAP,OAAO,eAAiB,CAAC;AACzB,mBAAO,cAAa,YAApB,GAAoB,UAAY,CAAC;AACjC,YAAM,YAAY,CAAC,mBAAmB,sBAAsB;AAC5D,iBAAW,OAAO,WAAW;AAC3B,YAAI,CAAC,OAAO,aAAa,QAAQ,SAAS,GAAG,GAAG;AAC9C,iBAAO,aAAa,QAAQ,KAAK,GAAG;AAAA,QACtC;AAAA,MACF;AAMA,aAAO,WAAP,OAAO,SAAW,CAAC;AACnB,mBAAO,QAAO,YAAd,GAAc,UAAY,CAAC;AAC3B,UAAI,EAAE,qBAAqB,OAAO,OAAO,UAAU;AACjD,eAAO,OAAO,QAAQ,iBAAiB,IAAI;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,IACA,UAAU,IAAI;AACZ,UAAI,OAAO,YAAa,QAAO;AAC/B,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAAI;AACP,UAAI,OAAO,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,mBAAmB,OAAoC;AACrD,aAAO;AAAA,QACL;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,MAAM,UAAU,KAAK,YAAY;AAAA,UAC1C,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Plugin, HtmlTagDescriptor } from 'vite'\n\nexport interface ReactPerfscopePluginOptions {\n  // Reserved for Phase 6 (position, host, disabled, etc.).\n}\n\nconst VIRTUAL_ID = '\\0virtual:react-perfscope-bootstrap'\nconst VIRTUAL_URL = '/@react-perfscope-bootstrap.js'\n\n/**\n * Vite plugin that auto-injects `react-perfscope/auto` into the HTML entry\n * during dev mode. The injected script imports the meta package which\n * bootstraps a recorder + render collector + UI mount.\n *\n * Implementation: Vite does NOT transform inline `<script type=\"module\">`\n * content, so writing `import 'react-perfscope/auto'` directly into a tag\n * fails (the browser can't resolve bare specifiers). Instead we expose a\n * virtual module via `resolveId`/`load` and inject a `<script src>` that\n * points at it — Vite's module-loading pipeline transforms the module body\n * (where the bare specifier IS resolved) before delivering it.\n */\nexport default function reactPerfscope(_opts?: ReactPerfscopePluginOptions): Plugin {\n  // Vite does not rewrite plugin-injected tag URLs with `base`, so the\n  // injected src must carry the prefix itself; the dev server strips base\n  // before plugin resolution, so resolveId still matches the bare URL.\n  let base = ''\n  return {\n    name: 'react-perfscope',\n    apply: 'serve',\n    configResolved(config) {\n      base = config.base.endsWith('/') ? config.base.slice(0, -1) : config.base\n    },\n    config(config) {\n      // Force-bundle the perfscope packages as deps so @vitejs/plugin-react\n      // (and similar transforms) see them as node_modules — otherwise the\n      // workspace-linked dist files get pulled through Fast Refresh, which\n      // throws \"can't detect preamble\" because our bootstrap runs before\n      // the React plugin's preamble. We only list packages we expect the\n      // consumer to actually have in package.json — `react-perfscope` is\n      // the user-facing dep, `/auto` is its side-effect entry. Vite's\n      // optimizer follows transitive imports (core/react/ui) automatically.\n      config.optimizeDeps ??= {}\n      config.optimizeDeps.include ??= []\n      const toInclude = ['react-perfscope', 'react-perfscope/auto']\n      for (const dep of toInclude) {\n        if (!config.optimizeDeps.include.includes(dep)) {\n          config.optimizeDeps.include.push(dep)\n        }\n      }\n      // The JS Self-Profiling API (used to attribute long tasks to the\n      // developer's own functions) only initializes when the document is\n      // served with this response header. Set it for all dev responses so\n      // attribution works with zero config; it's a no-op where the browser\n      // lacks the API. We merge rather than overwrite any user-set headers.\n      config.server ??= {}\n      config.server.headers ??= {}\n      if (!('Document-Policy' in config.server.headers)) {\n        config.server.headers['Document-Policy'] = 'js-profiling'\n      }\n      return config\n    },\n    resolveId(id) {\n      if (id === VIRTUAL_URL) return VIRTUAL_ID\n      return null\n    },\n    load(id) {\n      if (id === VIRTUAL_ID) {\n        return `import 'react-perfscope/auto'`\n      }\n      return null\n    },\n    transformIndexHtml(_html: string): HtmlTagDescriptor[] {\n      return [\n        {\n          tag: 'script',\n          attrs: { type: 'module', src: base + VIRTUAL_URL },\n          injectTo: 'head-prepend',\n        },\n      ]\n    },\n  }\n}\n"],"mappings":";AAMA,IAAM,aAAa;AACnB,IAAM,cAAc;AAcL,SAAR,eAAgC,OAA6C;AAIlF,MAAI,OAAO;AACX,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,eAAe,QAAQ;AACrB,aAAO,OAAO,KAAK,SAAS,GAAG,IAAI,OAAO,KAAK,MAAM,GAAG,EAAE,IAAI,OAAO;AAAA,IACvE;AAAA,IACA,OAAO,QAAQ;AAhCnB;AAyCM,aAAO,iBAAP,OAAO,eAAiB,CAAC;AACzB,mBAAO,cAAa,YAApB,GAAoB,UAAY,CAAC;AACjC,YAAM,YAAY,CAAC,mBAAmB,sBAAsB;AAC5D,iBAAW,OAAO,WAAW;AAC3B,YAAI,CAAC,OAAO,aAAa,QAAQ,SAAS,GAAG,GAAG;AAC9C,iBAAO,aAAa,QAAQ,KAAK,GAAG;AAAA,QACtC;AAAA,MACF;AAMA,aAAO,WAAP,OAAO,SAAW,CAAC;AACnB,mBAAO,QAAO,YAAd,GAAc,UAAY,CAAC;AAC3B,UAAI,EAAE,qBAAqB,OAAO,OAAO,UAAU;AACjD,eAAO,OAAO,QAAQ,iBAAiB,IAAI;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,IACA,UAAU,IAAI;AACZ,UAAI,OAAO,YAAa,QAAO;AAC/B,aAAO;AAAA,IACT;AAAA,IACA,KAAK,IAAI;AACP,UAAI,OAAO,YAAY;AACrB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,mBAAmB,OAAoC;AACrD,aAAO;AAAA,QACL;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,MAAM,UAAU,KAAK,OAAO,YAAY;AAAA,UACjD,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-perfscope/vite",
-  "version": "0.7.0",
+  "version": "1.0.0",
   "description": "Vite plugin that auto-mounts react-perfscope in dev.",
   "keywords": [
     "vite",
@@ -42,6 +42,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "engines": {
+    "node": ">=18"
+  },
   "scripts": {
     "build": "tsup && node scripts/prepend-dts-refs.mjs",
     "typecheck": "tsc --noEmit"