unplugin-jsx-source 0.1.4 → 0.1.5

package/README.md

@@ -4,7 +4,8 @@
 
 A plugin designed to automatically annotate your JSX components with a `data-at`(configurable) attribute, indicating the file name and line number for easier debugging and development.
 
-<img width="822" alt="image" src="https://github.com/user-attachments/assets/cb9a2073-3466-4e47-a988-16a7cbcba957" />
+<img width="613" alt="image" src="https://github.com/user-attachments/assets/0e3fb65f-5d01-4a19-9888-35e8eff94afb" />
+
 
 
 ## Install

package/dist/astro.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
@@ -12,7 +12,7 @@ var astro_default = (options) => ({
     "astro:config:setup": async (astro) => {
       var _a;
       (_a = astro.config.vite).plugins || (_a.plugins = []);
-      astro.config.vite.plugins.push(_chunkDDZ7JYP2cjs.index_default.vite(options));
+      astro.config.vite.plugins.push(_chunkYKXUHVHYcjs.index_default.vite(options));
     }
   }
 });

package/dist/astro.js

@@ -1,7 +1,7 @@
 import {
   index_default
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/{chunk-P5ROQE6I.cjs → chunk-2R7IQLI4.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
 
 // src/webpack.ts
 var _unplugin = require('unplugin');
-var webpack_default = _unplugin.createWebpackPlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var webpack_default = _unplugin.createWebpackPlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 

package/dist/{chunk-OWKZWNFL.js → chunk-3P4LLD2P.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
+} from "./chunk-WAE66W2F.js";
 
 // src/vite.ts
 import { createVitePlugin } from "unplugin";

package/dist/{chunk-QR273UPS.cjs → chunk-G2PMXLDK.cjs}

@@ -17,10 +17,14 @@ var transform = (code, id, opt) => {
   traverse(ast, {
     JSXOpeningElement(path) {
       if (path.node.name.type === "JSXIdentifier" && path.node.loc && !path.isJSXFragment() && path.node.name.name !== "Fragment") {
+        const isComponent = path.node.name.name[0].toUpperCase() === path.node.name.name[0];
+        const hasSpreadProps = path.node.attributes.some(
+          (attr) => attr.type === "JSXSpreadAttribute"
+        );
         const newAttributes = [];
         if (opt.attributes.at && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.at
-        )) {
+        ) && !hasSpreadProps) {
           const fileName = opt.transformFileName(id, path.node.loc);
           const dataAtAttr = t.jsxAttribute(
             t.jsxIdentifier(opt.attributes.at),
@@ -30,7 +34,7 @@ var transform = (code, id, opt) => {
         }
         if (opt.attributes.in && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.in
-        )) {
+        ) && !hasSpreadProps) {
           const assertHasName = (p) => p.isVariableDeclarator() || p.isFunctionDeclaration();
           const parent = path.findParent(assertHasName);
           if (parent && assertHasName(parent) && parent.node.id && "name" in parent.node.id) {
@@ -43,7 +47,7 @@ var transform = (code, id, opt) => {
         }
         if (opt.attributes.kind && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.kind
-        ) && path.node.name.name[0].toUpperCase() === path.node.name.name[0]) {
+        ) && isComponent) {
           const dataKindAttr = t.jsxAttribute(
             t.jsxIdentifier(opt.attributes.kind),
             t.stringLiteral(path.node.name.name)

package/dist/{chunk-YVXKU3SI.cjs → chunk-LUH4ZHTK.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
 
 // src/vite.ts
 var _unplugin = require('unplugin');
-var vite_default = _unplugin.createVitePlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var vite_default = _unplugin.createVitePlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 

package/dist/{chunk-P7PSQAUX.js → chunk-NHFUFXC2.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
+} from "./chunk-WAE66W2F.js";
 
 // src/webpack.ts
 import { createWebpackPlugin } from "unplugin";

package/dist/{chunk-I5SBNPWQ.js → chunk-T2MDO6YX.js}

@@ -17,10 +17,14 @@ var transform = (code, id, opt) => {
   traverse(ast, {
     JSXOpeningElement(path) {
       if (path.node.name.type === "JSXIdentifier" && path.node.loc && !path.isJSXFragment() && path.node.name.name !== "Fragment") {
+        const isComponent = path.node.name.name[0].toUpperCase() === path.node.name.name[0];
+        const hasSpreadProps = path.node.attributes.some(
+          (attr) => attr.type === "JSXSpreadAttribute"
+        );
         const newAttributes = [];
         if (opt.attributes.at && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.at
-        )) {
+        ) && !hasSpreadProps) {
           const fileName = opt.transformFileName(id, path.node.loc);
           const dataAtAttr = t.jsxAttribute(
             t.jsxIdentifier(opt.attributes.at),
@@ -30,7 +34,7 @@ var transform = (code, id, opt) => {
         }
         if (opt.attributes.in && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.in
-        )) {
+        ) && !hasSpreadProps) {
           const assertHasName = (p) => p.isVariableDeclarator() || p.isFunctionDeclaration();
           const parent = path.findParent(assertHasName);
           if (parent && assertHasName(parent) && parent.node.id && "name" in parent.node.id) {
@@ -43,7 +47,7 @@ var transform = (code, id, opt) => {
         }
         if (opt.attributes.kind && !path.node.attributes.some(
           (a) => a.type === "JSXAttribute" && a.name.name === opt.attributes.kind
-        ) && path.node.name.name[0].toUpperCase() === path.node.name.name[0]) {
+        ) && isComponent) {
           const dataKindAttr = t.jsxAttribute(
             t.jsxIdentifier(opt.attributes.kind),
             t.stringLiteral(path.node.name.name)

package/dist/{chunk-PEWMSEKB.js → chunk-WAE66W2F.js}

@@ -1,6 +1,6 @@
 import {
   transform
-} from "./chunk-I5SBNPWQ.js";
+} from "./chunk-T2MDO6YX.js";
 import {
   resolveOption
 } from "./chunk-UDE6GQN2.js";

package/dist/{chunk-DDZ7JYP2.cjs → chunk-YKXUHVHY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQR273UPScjs = require('./chunk-QR273UPS.cjs');
+var _chunkG2PMXLDKcjs = require('./chunk-G2PMXLDK.cjs');
 
 
 var _chunkKCM5BTMPcjs = require('./chunk-KCM5BTMP.cjs');
@@ -18,7 +18,7 @@ var unpluginFactory = (options = {}) => {
       return filter(id);
     },
     transform(code, id) {
-      return _chunkQR273UPScjs.transform.call(void 0, code, id, opt);
+      return _chunkG2PMXLDKcjs.transform.call(void 0, code, id, opt);
     }
   };
 };

package/dist/esbuild.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/esbuild.ts
 var _unplugin = require('unplugin');
-var esbuild_default = _unplugin.createEsbuildPlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var esbuild_default = _unplugin.createEsbuildPlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 exports.default = esbuild_default;

package/dist/esbuild.js

@@ -1,7 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/farm.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/farm.ts
 var _unplugin = require('unplugin');
-var farm_default = _unplugin.createFarmPlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var farm_default = _unplugin.createFarmPlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 exports.default = farm_default;

package/dist/farm.js

@@ -1,7 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 
 
 
-exports.default = _chunkDDZ7JYP2cjs.index_default; exports.unplugin = _chunkDDZ7JYP2cjs.unplugin; exports.unpluginFactory = _chunkDDZ7JYP2cjs.unpluginFactory;
+exports.default = _chunkYKXUHVHYcjs.index_default; exports.unplugin = _chunkYKXUHVHYcjs.unplugin; exports.unpluginFactory = _chunkYKXUHVHYcjs.unpluginFactory;

package/dist/index.js

@@ -2,8 +2,8 @@ import {
   index_default,
   unplugin,
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 export {

package/dist/nuxt.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYVXKU3SIcjs = require('./chunk-YVXKU3SI.cjs');
+var _chunkLUH4ZHTKcjs = require('./chunk-LUH4ZHTK.cjs');
 
 
-var _chunkP5ROQE6Icjs = require('./chunk-P5ROQE6I.cjs');
-require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunk2R7IQLI4cjs = require('./chunk-2R7IQLI4.cjs');
+require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
@@ -21,8 +21,8 @@ var nuxt_default = _kit.defineNuxtModule.call(void 0, {
     // ...default options
   },
   setup(options, _nuxt) {
-    _kit.addVitePlugin.call(void 0, () => _chunkYVXKU3SIcjs.vite_default.call(void 0, options));
-    _kit.addWebpackPlugin.call(void 0, () => _chunkP5ROQE6Icjs.webpack_default.call(void 0, options));
+    _kit.addVitePlugin.call(void 0, () => _chunkLUH4ZHTKcjs.vite_default.call(void 0, options));
+    _kit.addWebpackPlugin.call(void 0, () => _chunk2R7IQLI4cjs.webpack_default.call(void 0, options));
   }
 });
 

package/dist/nuxt.js

@@ -1,11 +1,11 @@
 import {
   vite_default
-} from "./chunk-OWKZWNFL.js";
+} from "./chunk-3P4LLD2P.js";
 import {
   webpack_default
-} from "./chunk-P7PSQAUX.js";
-import "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-NHFUFXC2.js";
+import "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/rollup.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/rollup.ts
 var _unplugin = require('unplugin');
-var rollup_default = _unplugin.createRollupPlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var rollup_default = _unplugin.createRollupPlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 exports.default = rollup_default;

package/dist/rollup.js

@@ -1,7 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/rspack.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDZ7JYP2cjs = require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkYKXUHVHYcjs = require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 // src/rspack.ts
 var _unplugin = require('unplugin');
-var rspack_default = _unplugin.createRspackPlugin.call(void 0, _chunkDDZ7JYP2cjs.unpluginFactory);
+var rspack_default = _unplugin.createRspackPlugin.call(void 0, _chunkYKXUHVHYcjs.unpluginFactory);
 
 
 exports.default = rspack_default;

package/dist/rspack.js

@@ -1,7 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 

package/dist/transform.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQR273UPScjs = require('./chunk-QR273UPS.cjs');
+var _chunkG2PMXLDKcjs = require('./chunk-G2PMXLDK.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 
-exports.transform = _chunkQR273UPScjs.transform;
+exports.transform = _chunkG2PMXLDKcjs.transform;

package/dist/transform.js

@@ -1,6 +1,6 @@
 import {
   transform
-} from "./chunk-I5SBNPWQ.js";
+} from "./chunk-T2MDO6YX.js";
 import "./chunk-5JBD5THX.js";
 export {
   transform

package/dist/vite.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYVXKU3SIcjs = require('./chunk-YVXKU3SI.cjs');
-require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunkLUH4ZHTKcjs = require('./chunk-LUH4ZHTK.cjs');
+require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 
-exports.default = _chunkYVXKU3SIcjs.vite_default;
+exports.default = _chunkLUH4ZHTKcjs.vite_default;
 
 module.exports = exports.default;

package/dist/vite.js

@@ -1,8 +1,8 @@
 import {
   vite_default
-} from "./chunk-OWKZWNFL.js";
-import "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-3P4LLD2P.js";
+import "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 export {

package/dist/webpack.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkP5ROQE6Icjs = require('./chunk-P5ROQE6I.cjs');
-require('./chunk-DDZ7JYP2.cjs');
-require('./chunk-QR273UPS.cjs');
+var _chunk2R7IQLI4cjs = require('./chunk-2R7IQLI4.cjs');
+require('./chunk-YKXUHVHY.cjs');
+require('./chunk-G2PMXLDK.cjs');
 require('./chunk-KCM5BTMP.cjs');
 require('./chunk-P4DSWCF6.cjs');
 
 
-exports.default = _chunkP5ROQE6Icjs.webpack_default;
+exports.default = _chunk2R7IQLI4cjs.webpack_default;
 
 module.exports = exports.default;

package/dist/webpack.js

@@ -1,8 +1,8 @@
 import {
   webpack_default
-} from "./chunk-P7PSQAUX.js";
-import "./chunk-PEWMSEKB.js";
-import "./chunk-I5SBNPWQ.js";
+} from "./chunk-NHFUFXC2.js";
+import "./chunk-WAE66W2F.js";
+import "./chunk-T2MDO6YX.js";
 import "./chunk-UDE6GQN2.js";
 import "./chunk-5JBD5THX.js";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-jsx-source",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "",
   "license": "MIT",
   "homepage": "https://github.com/astahmer/unplugin-jsx-source#readme",
@@ -145,7 +145,7 @@
     "build": "tsup",
     "dev": "tsup --watch src",
     "lint": "eslint .",
-    "play": "npm -C playground run dev",
+    "play": "pnpm -C playground run dev",
     "release": "bumpp && pnpm publish",
     "start": "tsx src/index.ts",
     "test": "vitest"