code-inspector-plugin 1.0.5 → 1.1.1-beta.1

package/README.md

@@ -42,17 +42,16 @@ 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 />
+  ✅ turbopack<br />
+  ✅ mako<br />
 - The following Web frameworks are currently supported:<br />
-  ✅ vue2<br />
-  ✅ vue3<br />
-  ✅ react<br />
+  ✅ vue2 / vue3 / nuxt<br />
+  ✅ react / nextjs / umijs<br />
   ✅ preact<br />
   ✅ solid<br />
   ✅ qwik<br />
   ✅ svelte<br />
-  ✅ astro
+  ✅ astro<br />
 - The following code editors are currently supported:<br />
   [VSCode](https://code.visualstudio.com/) | [Cursor](https://www.cursor.com/) | [Windsurf](https://codeium.com/windsurf) | [WebStorm](https://www.jetbrains.com/webstorm/) | [Atom](https://atom.io/) | [HBuilderX](https://www.dcloud.io/hbuilderx.html) | [PhpStorm](https://www.jetbrains.com/phpstorm/) | [PyCharm](https://www.jetbrains.com/pycharm/) | [IntelliJ IDEA](https://www.jetbrains.com/idea/) | [and Others](https://inspector.fe-dev.cn/en/guide/ide.html)
 
@@ -213,112 +212,136 @@ Please check here for more usage information: [code-inspector-plugin configurati
   <details>
     <summary>Click to expand configuration about: <b>nuxt</b></summary>
 
-  For nuxt3.x :
+  - For nuxt3.x :
 
-  ```js
-  // nuxt.config.js
-  import { codeInspectorPlugin } from 'code-inspector-plugin';
+    ```js
+    // nuxt.config.js
+    import { codeInspectorPlugin } from 'code-inspector-plugin';
 
-  // https://nuxt.com/docs/api/configuration/nuxt-config
-  export default defineNuxtConfig({
-    vite: {
-      plugins: [codeInspectorPlugin({ bundler: 'vite' })],
-    },
-  });
-  ```
+    // https://nuxt.com/docs/api/configuration/nuxt-config
+    export default defineNuxtConfig({
+      vite: {
+        plugins: [codeInspectorPlugin({ bundler: 'vite' })],
+      },
+    });
+    ```
 
-  For nuxt2.x :
+  - For nuxt2.x :
 
-  ```js
-  // nuxt.config.js
-  import { codeInspectorPlugin } from 'code-inspector-plugin';
+    ```js
+    // nuxt.config.js
+    import { codeInspectorPlugin } from 'code-inspector-plugin';
 
-  export default {
-    build: {
-      extend(config) {
-        config.plugins.push(codeInspectorPlugin({ bundler: 'webpack' }));
-        return config;
+    export default {
+      build: {
+        extend(config) {
+          config.plugins.push(codeInspectorPlugin({ bundler: 'webpack' }));
+          return config;
+        },
       },
-    },
-  };
-  ```
+    };
+    ```
 
   </details>
 
   <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');
+  - For next.js(<= 14.x):
 
-  const nextConfig = {
-    webpack: (config, { dev, isServer }) => {
-      config.plugins.push(codeInspectorPlugin({ bundler: 'webpack' }));
-      return config;
-    },
-  };
+    ```js
+    // next.config.js
+    const { codeInspectorPlugin } = require('code-inspector-plugin');
 
-  module.exports = nextConfig;
-  ```
+    const nextConfig = {
+      webpack: (config, { dev, isServer }) => {
+        config.plugins.push(codeInspectorPlugin({ bundler: 'webpack' }));
+        return config;
+      },
+    };
 
-  For next.js(15.0.x ~ 15.2.x):
-  ```js
-  import type { NextConfig } from 'next';
-  import { codeInspectorPlugin } from 'code-inspector-plugin';
+    module.exports = nextConfig;
+    ```
 
-  const nextConfig: NextConfig = {
-    experimental: {
-      turbo: {
-        rules: codeInspectorPlugin({
-          bundler: 'turbopack',
-        }),
+  - 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;
-  ```
+    export default nextConfig;
+    ```
 
-  For next.js(>= 15.3.x):
-  ```js
-  // next.config.js
-  import type { NextConfig } from 'next';
-  import { codeInspectorPlugin } from 'code-inspector-plugin';
+  - For next.js(>= 15.3.x):
 
-  const nextConfig: NextConfig = {
-    turbopack: {
-      rules: codeInspectorPlugin({
-        bundler: 'turbopack',
-      }),
-    },
-  };
+    ```js
+    // next.config.js
+    import type { NextConfig } from 'next';
+    import { codeInspectorPlugin } from 'code-inspector-plugin';
 
-  export default nextConfig;
-  ```
+    const nextConfig: NextConfig = {
+      turbopack: {
+        rules: codeInspectorPlugin({
+          bundler: 'turbopack',
+        }),
+      },
+    };
+
+    export default nextConfig;
+    ```
 
   </details>
 
   <details>
     <summary>Click to expand configuration about: <b>umi.js</b></summary>
 
-  ```js
-  // umi.config.js or umirc.js
-  import { defineConfig } from '@umijs/max';
-  import { codeInspectorPlugin } from 'code-inspector-plugin';
+  - With webpack:
 
-  export default defineConfig({
-    chainWebpack(memo) {
-      memo.plugin('code-inspector-plugin').use(
-        codeInspectorPlugin({
-          bundler: 'webpack',
-        })
-      );
-    },
-    // other config
-  });
-  ```
+    ```js
+    // umi.config.js or umirc.js
+    import { defineConfig } from '@umijs/max';
+    import { codeInspectorPlugin } from 'code-inspector-plugin';
+
+    export default defineConfig({
+      chainWebpack(memo) {
+        memo.plugin('code-inspector-plugin').use(
+          codeInspectorPlugin({
+            bundler: 'webpack',
+          })
+        );
+      },
+      // other config
+    });
+    ```
+
+  - With mako:
+
+    ```ts
+    // .umirc.ts
+    import { defineConfig } from 'umi';
+    import { codeInspectorPlugin } from 'code-inspector-plugin';
+
+    export default defineConfig({
+      // other config...
+      mako: {
+        plugins: [
+          codeInspectorPlugin({
+            bundler: 'mako',
+          }),
+        ],
+      },
+    });
+    ```
 
   </details>
 

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-inspector-plugin",
-  "version": "1.0.5",
+  "version": "1.1.1-beta.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./types/index.d.ts",
@@ -47,11 +47,12 @@
   },
   "dependencies": {
     "chalk": "4.1.1",
-    "code-inspector-core": "1.0.5",
-    "vite-code-inspector-plugin": "1.0.5",
-    "esbuild-code-inspector-plugin": "1.0.5",
-    "webpack-code-inspector-plugin": "1.0.5",
-    "turbopack-code-inspector-plugin": "1.0.5"
+    "@code-inspector/core": "1.1.1-beta.1",
+    "@code-inspector/webpack": "1.1.1-beta.1",
+    "@code-inspector/esbuild": "1.1.1-beta.1",
+    "@code-inspector/vite": "1.1.1-beta.1",
+    "@code-inspector/mako": "1.1.1-beta.1",
+    "@code-inspector/turbopack": "1.1.1-beta.1"
   },
   "devDependencies": {
     "@types/node": "^16.0.1",

package/types/index.d.ts

@@ -1,10 +1,5 @@
-import { CodeOptions } from 'code-inspector-core';
+import { CodeOptions } from '@code-inspector/core';
 export interface CodeInspectorPluginOptions extends CodeOptions {
-    /**
-     * @zh 指定项目的打包器
-     * @en specify the bundler of the project
-     */
-    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