code-inspector-plugin 0.20.16 → 1.0.0

package/README.md

@@ -42,6 +42,7 @@ The following are which compilers, web frameworks and editors we supported now:
   ✅ rspack / rsbuild<br />
   ✅ farm<br />
   ✅ esbuild<br />
+  ✅ turbopack (next.js v15+)<br />
   ✅ nextjs / nuxt / umijs eg.<br />
 - The following Web frameworks are currently supported:<br />
   ✅ vue2<br />
@@ -247,6 +248,7 @@ Please check here for more usage information: [code-inspector-plugin configurati
   <details>
     <summary>Click to expand configuration about: <b>next.js</b></summary>
 
+  For next.js(<= 14.x):
   ```js
   // next.config.js
   const { codeInspectorPlugin } = require('code-inspector-plugin');
@@ -261,6 +263,41 @@ Please check here for more usage information: [code-inspector-plugin configurati
   module.exports = nextConfig;
   ```
 
+  For next.js(15.0.x ~ 15.2.x):
+  ```js
+  import type { NextConfig } from 'next';
+  import { codeInspectorPlugin } from 'code-inspector-plugin';
+
+  const nextConfig: NextConfig = {
+    experimental: {
+      turbo: {
+        rules: codeInspectorPlugin({
+          bundler: 'turbopack',
+        }),
+      },
+    },
+  };
+
+  export default nextConfig;
+  ```
+
+  For next.js(>= 15.3.x):
+  ```js
+  // next.config.js
+  import type { NextConfig } from 'next';
+  import { codeInspectorPlugin } from 'code-inspector-plugin';
+
+  const nextConfig: NextConfig = {
+    turbopack: {
+      rules: codeInspectorPlugin({
+        bundler: 'turbopack',
+      }),
+    },
+  };
+
+  export default nextConfig;
+  ```
+
   </details>
 
   <details>

package/dist/index.js

@@ -1 +1 @@
-"use strict";var S=Object.defineProperty,_=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var C=(e,t,n)=>t in e?S(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,g=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&C(e,n,t[n]);if(y)for(var n of y(t))F.call(t,n)&&C(e,n,t[n]);return e},v=(e,t)=>_(e,q(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("vite-code-inspector-plugin"),R=require("webpack-code-inspector-plugin"),i=require("code-inspector-core"),m=require("fs"),f=require("path"),D=require("chalk"),E=require("dotenv");var O=(e,t,n)=>new Promise((l,u)=>{var a=o=>{try{c(n.next(o))}catch(s){u(s)}},r=o=>{try{c(n.throw(o))}catch(s){u(s)}},c=o=>o.done?l(o.value):Promise.resolve(o.value).then(a,r);c((n=n.apply(e,t)).next())});const W="esbuild-code-inspector-plugin";function k(e){return{name:W,setup(t){if(e.close||!i.isDev(e.dev,!1))return;const n={port:0,entry:"",output:e.output},{escapeTags:l=[]}=e,u=new Map;t.onLoad({filter:e.match||/\.(jsx|tsx|js|ts|mjs|mts)?$/},a=>O(this,null,function*(){let r=a.path;r=i.getMappingFilePath(r,e.mappings);let c=yield m.promises.readFile(r,"utf8"),o=u.get(r);if(!o||o.originCode!==c){let s=c,p=e.exclude||[];Array.isArray(p)||(p=[p]);const I=i.matchCondition([...p,/\/node_modules\//],r),T=i.matchCondition(e.include||[],r);if(I&&!T)return s;s=yield i.getCodeWithWebComponent({options:e,file:r,code:s,record:n});let d="";if(i.isJsTypeFile(r)?d="jsx":r.endsWith(".svelte")&&(d="svelte"),d)s=i.transformCode({content:s,filePath:r,fileType:d,escapeTags:l,pathType:e.pathType});else if(r.endsWith(".vue")){d="vue";const{descriptor:h}=i.parseSFC(s,{sourceMap:!1}),x=i.transformCode({content:h.template.content,filePath:r,fileType:d,escapeTags:l,pathType:e.pathType});s=s.replace(h.template.content,x)}const b=f.extname(r).replace(".","");o={originCode:c,output:{contents:s,loader:b}},u.set(r,o)}return o.output}))}}}function P(e){if(!(e!=null&&e.bundler)){console.log(D.red("Please specify the bundler in the options of code-inspector-plugin."));return}let t=!1;if(e.needEnvInspector)if(t=!0,process.env.CODE_INSPECTOR==="true")t=!1;else{const a=f.resolve(process.cwd(),".env.local");if(m.existsSync(a)){const r=m.readFileSync(a,"utf-8"),c=E.parse(r||"");(c==null?void 0:c.CODE_INSPECTOR)==="true"&&(t=!1)}}let n="";typeof __dirname!="undefined"?n=__dirname:n=f.dirname(i.fileURLToPath(typeof document=="undefined"?require("url").pathToFileURL(__filename).href:document.currentScript&&document.currentScript.src||new URL("index.js",document.baseURI).href));const l=v(g({},e),{close:t,output:f.resolve(n,"./")});return e.bundler==="webpack"||e.bundler==="rspack"?new R(l):e.bundler==="esbuild"?k(l):j.ViteCodeInspectorPlugin(l)}const L=P;exports.CodeInspectorPlugin=P;exports.codeInspectorPlugin=L;
+"use strict";var _=Object.defineProperty,q=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var h=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,g=(e,t)=>{for(var r in t||(t={}))E.call(t,r)&&h(e,r,t[r]);if(b)for(var r of b(t))k.call(t,r)&&h(e,r,t[r]);return e},P=(e,t)=>q(e,D(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("vite-code-inspector-plugin"),R=require("webpack-code-inspector-plugin"),i=require("code-inspector-core"),v=require("fs"),f=require("path"),W=require("chalk"),L=require("dotenv");var M=(e,t,r)=>new Promise((l,u)=>{var p=o=>{try{c(r.next(o))}catch(s){u(s)}},n=o=>{try{c(r.throw(o))}catch(s){u(s)}},c=o=>o.done?l(o.value):Promise.resolve(o.value).then(p,n);c((r=r.apply(e,t)).next())});const N="esbuild-code-inspector-plugin";function U(e){return{name:N,setup(t){if(e.close||!i.isDev(e.dev,!1))return;const r={port:0,entry:"",output:e.output},{escapeTags:l=[]}=e,u=new Map;t.onLoad({filter:e.match||/\.(jsx|tsx|js|ts|mjs|mts)?$/},p=>M(this,null,function*(){let n=p.path;n=i.getMappingFilePath(n,e.mappings);let c=yield v.promises.readFile(n,"utf8"),o=u.get(n);if(!o||o.originCode!==c){let s=c,d=e.exclude||[];Array.isArray(d)||(d=[d]);const T=i.matchCondition([...d,/\/node_modules\//],n),w=i.matchCondition(e.include||[],n);if(T&&!w)return s;s=yield i.getCodeWithWebComponent({options:e,file:n,code:s,record:r});let a="";if(i.isJsTypeFile(n)?a="jsx":n.endsWith(".svelte")&&(a="svelte"),a)s=i.transformCode({content:s,filePath:n,fileType:a,escapeTags:l,pathType:e.pathType});else if(n.endsWith(".vue")){a="vue";const{descriptor:y}=i.parseSFC(s,{sourceMap:!1}),S=i.transformCode({content:y.template.content,filePath:n,fileType:a,escapeTags:l,pathType:e.pathType});s=s.replace(y.template.content,S)}const x=f.extname(n).replace(".","");o={originCode:c,output:{contents:s,loader:x}},u.set(n,o)}return o.output}))}}}var A=Object.defineProperty,V=Object.defineProperties,J=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,j=(e,t,r)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))$.call(t,r)&&j(e,r,t[r]);if(C)for(var r of C(t))z.call(t,r)&&j(e,r,t[r]);return e},I=(e,t)=>V(e,J(t));function B(e){const t={port:0,entry:"",output:e.output};return e.close||!i.isDev(e.dev,process.env.NODE_ENV==="development")?{}:{"**/*.{jsx,tsx,js,ts,mjs,mts}":{loaders:[m({loader:"webpack-code-inspector-plugin/dist/loader.js",options:I(m({},e),{record:t})},e.enforcePre===!1?{}:{enforce:"pre"}),{loader:"webpack-code-inspector-plugin/dist/inject-loader.js",options:I(m({},e),{record:t}),enforce:"pre"}]}}}function O(e){if(!(e!=null&&e.bundler)){console.log(W.red("Please specify the bundler in the options of code-inspector-plugin."));return}let t=!1;if(e.needEnvInspector)if(t=!0,process.env.CODE_INSPECTOR==="true")t=!1;else{const p=f.resolve(process.cwd(),".env.local");if(v.existsSync(p)){const n=v.readFileSync(p,"utf-8"),c=L.parse(n||"");(c==null?void 0:c.CODE_INSPECTOR)==="true"&&(t=!1)}}let r="";typeof __dirname!="undefined"?r=__dirname:r=f.dirname(i.fileURLToPath(typeof document=="undefined"?require("url").pathToFileURL(__filename).href:document.currentScript&&document.currentScript.src||new URL("index.js",document.baseURI).href));const l=P(g({},e),{close:t,output:f.resolve(r,"./")});return e.bundler==="webpack"||e.bundler==="rspack"?new R(l):e.bundler==="esbuild"?U(l):e.bundler==="turbopack"?B(l):F.ViteCodeInspectorPlugin(l)}const G=O;exports.CodeInspectorPlugin=O;exports.codeInspectorPlugin=G;

package/dist/index.mjs

@@ -1,106 +1,140 @@
-var w = Object.defineProperty, _ = Object.defineProperties;
+var k = Object.defineProperty, D = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var D = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var y = (e, t, r) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, v = (e, t) => {
+var y = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var b = (e, t, r) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, h = (e, t) => {
   for (var r in t || (t = {}))
-    D.call(t, r) && y(e, r, t[r]);
-  if (h)
-    for (var r of h(t))
-      E.call(t, r) && y(e, r, t[r]);
+    S.call(t, r) && b(e, r, t[r]);
+  if (y)
+    for (var r of y(t))
+      W.call(t, r) && b(e, r, t[r]);
   return e;
-}, C = (e, t) => _(e, F(t));
-import { ViteCodeInspectorPlugin as S } from "vite-code-inspector-plugin";
-import W from "webpack-code-inspector-plugin";
-import { isDev as j, getMappingFilePath as k, matchCondition as g, getCodeWithWebComponent as O, isJsTypeFile as M, parseSFC as R, transformCode as P, fileURLToPath as A } from "code-inspector-core";
-import d from "fs";
-import f, { dirname as L } from "path";
-import N from "chalk";
-import J from "dotenv";
-var U = (e, t, r) => new Promise((l, c) => {
-  var p = (o) => {
+}, g = (e, t) => D(e, F(t));
+import { ViteCodeInspectorPlugin as N } from "vite-code-inspector-plugin";
+import M from "webpack-code-inspector-plugin";
+import { isDev as T, getMappingFilePath as R, matchCondition as P, getCodeWithWebComponent as A, isJsTypeFile as L, parseSFC as V, transformCode as C, fileURLToPath as J } from "code-inspector-core";
+import f from "fs";
+import m, { dirname as U } from "path";
+import $ from "chalk";
+import q from "dotenv";
+var z = (e, t, r) => new Promise((l, p) => {
+  var i = (n) => {
     try {
-      i(r.next(o));
+      c(r.next(n));
     } catch (s) {
-      c(s);
+      p(s);
     }
-  }, n = (o) => {
+  }, o = (n) => {
     try {
-      i(r.throw(o));
+      c(r.throw(n));
     } catch (s) {
-      c(s);
+      p(s);
     }
-  }, i = (o) => o.done ? l(o.value) : Promise.resolve(o.value).then(p, n);
-  i((r = r.apply(e, t)).next());
+  }, c = (n) => n.done ? l(n.value) : Promise.resolve(n.value).then(i, o);
+  c((r = r.apply(e, t)).next());
 });
-const V = "esbuild-code-inspector-plugin";
-function $(e) {
+const B = "esbuild-code-inspector-plugin";
+function G(e) {
   return {
-    name: V,
+    name: B,
     setup(t) {
-      if (e.close || !j(e.dev, !1))
+      if (e.close || !T(e.dev, !1))
         return;
       const r = {
         port: 0,
         entry: "",
         output: e.output
-      }, { escapeTags: l = [] } = e, c = /* @__PURE__ */ new Map();
+      }, { escapeTags: l = [] } = e, p = /* @__PURE__ */ new Map();
       t.onLoad(
         { filter: e.match || /\.(jsx|tsx|js|ts|mjs|mts)?$/ },
-        (p) => U(this, null, function* () {
-          let n = p.path;
-          n = k(n, e.mappings);
-          let i = yield d.promises.readFile(n, "utf8"), o = c.get(n);
-          if (!o || o.originCode !== i) {
-            let s = i, u = e.exclude || [];
+        (i) => z(this, null, function* () {
+          let o = i.path;
+          o = R(o, e.mappings);
+          let c = yield f.promises.readFile(o, "utf8"), n = p.get(o);
+          if (!n || n.originCode !== c) {
+            let s = c, u = e.exclude || [];
             Array.isArray(u) || (u = [u]);
-            const T = g(
+            const x = P(
               [...u, /\/node_modules\//],
-              n
-            ), b = g(e.include || [], n);
-            if (T && !b)
+              o
+            ), I = P(e.include || [], o);
+            if (x && !I)
               return s;
-            s = yield O({
+            s = yield A({
               options: e,
-              file: n,
+              file: o,
               code: s,
               record: r
             });
             let a = "";
-            if (M(n) ? a = "jsx" : n.endsWith(".svelte") && (a = "svelte"), a)
-              s = P({
+            if (L(o) ? a = "jsx" : o.endsWith(".svelte") && (a = "svelte"), a)
+              s = C({
                 content: s,
-                filePath: n,
+                filePath: o,
                 fileType: a,
                 escapeTags: l,
                 pathType: e.pathType
               });
-            else if (n.endsWith(".vue")) {
+            else if (o.endsWith(".vue")) {
               a = "vue";
-              const { descriptor: m } = R(s, {
+              const { descriptor: v } = V(s, {
                 sourceMap: !1
-              }), x = P({
-                content: m.template.content,
-                filePath: n,
+              }), _ = C({
+                content: v.template.content,
+                filePath: o,
                 fileType: a,
                 escapeTags: l,
                 pathType: e.pathType
               });
-              s = s.replace(m.template.content, x);
+              s = s.replace(v.template.content, _);
             }
-            const I = f.extname(n).replace(".", "");
-            o = { originCode: i, output: { contents: s, loader: I } }, c.set(n, o);
+            const E = m.extname(o).replace(".", "");
+            n = { originCode: c, output: { contents: s, loader: E } }, p.set(o, n);
           }
-          return o.output;
+          return n.output;
         })
       );
     }
   };
 }
-function q(e) {
+var H = Object.defineProperty, K = Object.defineProperties, Q = Object.getOwnPropertyDescriptors, j = Object.getOwnPropertySymbols, X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable, O = (e, t, r) => t in e ? H(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
+  for (var r in t || (t = {}))
+    X.call(t, r) && O(e, r, t[r]);
+  if (j)
+    for (var r of j(t))
+      Y.call(t, r) && O(e, r, t[r]);
+  return e;
+}, w = (e, t) => K(e, Q(t));
+function Z(e) {
+  const t = {
+    port: 0,
+    entry: "",
+    output: e.output
+  };
+  return e.close || !T(e.dev, process.env.NODE_ENV === "development") ? {} : {
+    "**/*.{jsx,tsx,js,ts,mjs,mts}": {
+      loaders: [
+        d({
+          loader: "webpack-code-inspector-plugin/dist/loader.js",
+          options: w(d({}, e), {
+            record: t
+          })
+        }, e.enforcePre === !1 ? {} : { enforce: "pre" }),
+        {
+          loader: "webpack-code-inspector-plugin/dist/inject-loader.js",
+          options: w(d({}, e), {
+            record: t
+          }),
+          enforce: "pre"
+        }
+      ]
+    }
+  };
+}
+function ee(e) {
   if (!(e != null && e.bundler)) {
     console.log(
-      N.red(
+      $.red(
         "Please specify the bundler in the options of code-inspector-plugin."
       )
     );
@@ -111,22 +145,22 @@ function q(e) {
     if (t = !0, process.env.CODE_INSPECTOR === "true")
       t = !1;
     else {
-      const p = f.resolve(process.cwd(), ".env.local");
-      if (d.existsSync(p)) {
-        const n = d.readFileSync(p, "utf-8"), i = J.parse(n || "");
-        (i == null ? void 0 : i.CODE_INSPECTOR) === "true" && (t = !1);
+      const i = m.resolve(process.cwd(), ".env.local");
+      if (f.existsSync(i)) {
+        const o = f.readFileSync(i, "utf-8"), c = q.parse(o || "");
+        (c == null ? void 0 : c.CODE_INSPECTOR) === "true" && (t = !1);
       }
     }
   let r = "";
-  typeof __dirname != "undefined" ? r = __dirname : r = L(A(import.meta.url));
-  const l = C(v({}, e), {
+  typeof __dirname != "undefined" ? r = __dirname : r = U(J(import.meta.url));
+  const l = g(h({}, e), {
     close: t,
-    output: f.resolve(r, "./")
+    output: m.resolve(r, "./")
   });
-  return e.bundler === "webpack" || e.bundler === "rspack" ? new W(l) : e.bundler === "esbuild" ? $(l) : S(l);
+  return e.bundler === "webpack" || e.bundler === "rspack" ? new M(l) : e.bundler === "esbuild" ? G(l) : e.bundler === "turbopack" ? Z(l) : N(l);
 }
-const Z = q;
+const ie = ee;
 export {
-  q as CodeInspectorPlugin,
-  Z as codeInspectorPlugin
+  ee as CodeInspectorPlugin,
+  ie as codeInspectorPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-inspector-plugin",
-  "version": "0.20.16",
+  "version": "1.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./types/index.d.ts",
@@ -48,10 +48,11 @@
   "dependencies": {
     "chalk": "4.1.1",
     "dotenv": "^16.3.1",
-    "esbuild-code-inspector-plugin": "0.20.16",
-    "code-inspector-core": "0.20.16",
-    "vite-code-inspector-plugin": "0.20.16",
-    "webpack-code-inspector-plugin": "0.20.16"
+    "code-inspector-core": "1.0.0",
+    "esbuild-code-inspector-plugin": "1.0.0",
+    "vite-code-inspector-plugin": "1.0.0",
+    "webpack-code-inspector-plugin": "1.0.0",
+    "turbopack-code-inspector-plugin": "1.0.0"
   },
   "devDependencies": {
     "@types/node": "^16.0.1",

package/types/index.d.ts

@@ -4,7 +4,7 @@ export interface CodeInspectorPluginOptions extends CodeOptions {
      * @zh 指定项目的打包器
      * @en specify the bundler of the project
      */
-    bundler: 'vite' | 'webpack' | 'rspack' | 'esbuild';
+    bundler: 'vite' | 'webpack' | 'rspack' | 'esbuild' | 'turbopack';
     /**
      * @zh 设置为 true 时，仅当 .env.local 文件存在且其包含 CODE_INSPECTOR=true 时插件生效；默认值为 false
      * @en When set the value to true, only if the .env.local file exists and it contains CODE_INSPECTOR=true, the plugin takes effect; The default value is false