@lirankor/vite-plugin-component-tagger 1.0.3 → 1.1.0

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function x(f={}){const{enabled:c=!0}=f;if(!c)return{name:"jsx-component-tagger-disabled"};let o=0,n=0;return{name:"jsx-component-tagger",enforce:"pre",buildStart(){o=0,n=0},buildEnd(){n>0&&console.log(`🏷️ Component Tagger: Tagged ${o} elements across ${n} files`)},transform(m,t){if(!c||!t.includes(".tsx")&&!t.includes(".jsx")||t.includes("node_modules"))return null;try{const a=t.split("/").pop()?.replace(/\.(tsx|jsx)$/,"")||"unknown",g=t.replace(process.cwd(),"");let r=m,i=!1,d=0;return[new RegExp("(?<![:\\w])\\s*(<(div|span|p|h[1-6]|button|form|section|main|article|header|footer|nav|aside|[A-Z][a-zA-Z0-9]*(?:[A-Z][a-zA-Z0-9]*)?)(\\s[^>]*?)?(\\/?)>)","g")].forEach(p=>{r=r.replace(p,(s,e,b,A,C,h)=>{const v=(r.substring(0,h).match(/\n/g)||[]).length+1;if(e.includes("data-dev-component")||e.includes("=>")||e.includes("() =>")||e.includes(`
-`))return s;const u=` data-dev-component="${a}" data-dev-file="${g}:${v}" data-dev-tag="${b}"`;let l;e.endsWith("/>")?l=e.slice(0,-2)+u+" />":l=e.slice(0,-1)+u+">";const $=s.replace(e,l);return i=!0,d++,$})}),i?(o+=d,n++,{code:r,map:null}):null}catch(a){return console.warn(`JSX tagger failed for ${t}:`,a),null}}}}exports.componentTagger=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function x(f={}){const{enabled:c=!0}=f;if(!c)return{name:"jsx-component-tagger-disabled"};let o=0,n=0;return{name:"jsx-component-tagger",enforce:"pre",buildStart(){o=0,n=0},buildEnd(){n>0&&console.log(`Component Tagger: Tagged ${o} elements across ${n} files`)},transform(m,t){if(!c||!t.includes(".tsx")&&!t.includes(".jsx")&&!t.includes(".vue")||t.includes("node_modules"))return null;try{const a=t.split("/").pop()?.replace(/\.(tsx|jsx|vue)$/,"")||"unknown",g=t.replace(process.cwd(),"");let r=m,i=!1,u=0;return[new RegExp("(?<![:\\w])\\s*(<(div|span|p|h[1-6]|button|form|section|main|article|header|footer|nav|aside|[A-Z][a-zA-Z0-9]*(?:[A-Z][a-zA-Z0-9]*)?)(\\s[^>]*?)?(\\/?)>)","g")].forEach(p=>{r=r.replace(p,(s,e,b,A,C,v)=>{const h=(r.substring(0,v).match(/\n/g)||[]).length+1;if(e.includes("data-dev-component")||e.includes("=>")||e.includes("() =>")||e.includes(`
+`))return s;const d=` data-dev-component="${a}" data-dev-file="${g}:${h}" data-dev-tag="${b}"`;let l;e.endsWith("/>")?l=e.slice(0,-2)+d+" />":l=e.slice(0,-1)+d+">";const $=s.replace(e,l);return i=!0,u++,$})}),i?(o+=u,n++,{code:r,map:null}):null}catch(a){return console.warn(`JSX tagger failed for ${t}:`,a),null}}}}exports.componentTagger=x;

package/dist/index.js

@@ -4,41 +4,41 @@ function w(f = {}) {
     return {
       name: "jsx-component-tagger-disabled"
     };
-  let o = 0, n = 0;
+  let o = 0, t = 0;
   return {
     name: "jsx-component-tagger",
     enforce: "pre",
     // Run before esbuild and other core plugins
     buildStart() {
-      o = 0, n = 0;
+      o = 0, t = 0;
     },
     buildEnd() {
-      n > 0 && console.log(`🏷️ Component Tagger: Tagged ${o} elements across ${n} files`);
+      t > 0 && console.log(`Component Tagger: Tagged ${o} elements across ${t} files`);
     },
-    transform(m, t) {
-      if (!c || !t.includes(".tsx") && !t.includes(".jsx") || t.includes("node_modules"))
+    transform(m, n) {
+      if (!c || !n.includes(".tsx") && !n.includes(".jsx") && !n.includes(".vue") || n.includes("node_modules"))
         return null;
       try {
-        const a = t.split("/").pop()?.replace(/\.(tsx|jsx)$/, "") || "unknown", p = t.replace(process.cwd(), "");
+        const a = n.split("/").pop()?.replace(/\.(tsx|jsx|vue)$/, "") || "unknown", p = n.replace(process.cwd(), "");
         let r = m, i = !1, d = 0;
         return [new RegExp("(?<![:\\w])\\s*(<(div|span|p|h[1-6]|button|form|section|main|article|header|footer|nav|aside|[A-Z][a-zA-Z0-9]*(?:[A-Z][a-zA-Z0-9]*)?)(\\s[^>]*?)?(\\/?)>)", "g")].forEach((g) => {
           r = r.replace(g, (s, e, b, A, C, h) => {
-            const $ = (r.substring(0, h).match(/\n/g) || []).length + 1;
+            const v = (r.substring(0, h).match(/\n/g) || []).length + 1;
             if (e.includes("data-dev-component") || e.includes("=>") || e.includes("() =>") || e.includes(`
 `))
               return s;
-            const u = ` data-dev-component="${a}" data-dev-file="${p}:${$}" data-dev-tag="${b}"`;
+            const u = ` data-dev-component="${a}" data-dev-file="${p}:${v}" data-dev-tag="${b}"`;
             let l;
             e.endsWith("/>") ? l = e.slice(0, -2) + u + " />" : l = e.slice(0, -1) + u + ">";
-            const v = s.replace(e, l);
-            return i = !0, d++, v;
+            const $ = s.replace(e, l);
+            return i = !0, d++, $;
           });
-        }), i ? (o += d, n++, {
+        }), i ? (o += d, t++, {
           code: r,
           map: null
         }) : null;
       } catch (a) {
-        return console.warn(`JSX tagger failed for ${t}:`, a), null;
+        return console.warn(`JSX tagger failed for ${n}:`, a), null;
       }
     }
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lirankor/vite-plugin-component-tagger",
-  "version": "1.0.3",
-  "description": "A Vite plugin that adds data attributes to JSX elements for debugging and development purposes",
+  "version": "1.1.0",
+  "description": "A Vite plugin that adds data attributes to JSX/Vue elements for debugging and development purposes",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",