{"_id":"@builder.io/nextjs-plugin-jsx-loc","_rev":"20-367c7117aedc422e49a8965603b6c921","name":"@builder.io/nextjs-plugin-jsx-loc","dist-tags":{"dev":"0.1.4-1","latest":"0.1.4"},"versions":{"0.0.0-1":{"name":"@builder.io/nextjs-plugin-jsx-loc","version":"0.0.0-1","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"author":{"name":"Builder.io Team"},"license":"MIT","_id":"@builder.io/nextjs-plugin-jsx-loc@0.0.0-1","maintainers":[{"name":"steve8708","email":"sewell.steve@gmail.com"},{"name":"samijaber","email":"jabersami@gmail.com"},{"name":"teleaziz123","email":"aziz@builder.io"},{"name":"mrkoreye","email":"korey@builder.io"},{"name":"strd6","email":"daniel@danielx.net"},{"name":"mhevery","email":"misko@hevery.com"},{"name":"adamdbradley","email":"adam@builder.io"},{"name":"gustavohgs","email":"gustavo@builder.io"},{"name":"manucorporat","email":"manu.mtza@gmail.com"},{"name":"shyam-builder","email":"shyam@builder.io"},{"name":"sanyamkamat","email":"sanyamkamat@gmail.com"},{"name":"harmeet.builder","email":"harmeet@builder.io"},{"name":"midhunadarvin","email":"midhunadarvin@gmail.com"},{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},{"name":"builderio-bot","email":"sami+builderio-bot@builder.io"},{"name":"armela","email":"armela@builder.io"},{"name":"anaghavarhade","email":"anagha@builder.io"},{"name":"sidmohanty11","email":"sidmohanty11@gmail.com"},{"name":"yash-wadhia-builder","email":"yash@builder.io"},{"name":"paprikaf","email":"felfelahmeed@gmail.com"},{"name":"clyde-builderio","email":"clyde@builder.io"}],"dist":{"shasum":"9515eaa1ad28b25e29c26dba8853d113d0b77fb3","tarball":"https://registry.npmjs.org/@builder.io/nextjs-plugin-jsx-loc/-/nextjs-plugin-jsx-loc-0.0.0-1.tgz","fileCount":8,"integrity":"sha512-VqMnjYTwMtiUq4s/w0GStypBM8+PrT5eEf+plagHgcMbgX6okxxABbYnUvEanPxMMTKwiS2A8tVqNgPpJNVCPQ==","signatures":[{"sig":"MEQCID3Mmpdk5KclcnDtVrBA4FQHG7Zvg6kcjB0aAuSo9NtDAiBtxIaiqcwbK6Nib5YSY9zNp404+xxSsvpqqlTcgVYc5w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19015},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"2fbcad9f806dbd5cbaca6a9a0213fcf489dd879f","_npmUser":{"name":"samijaber","email":"jabersami@gmail.com"},"_npmVersion":"10.9.2","description":"Next.js plugin that adds location data attributes to JSX elements for debugging","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@builder.io/jsx-loc-internals":"^0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","rimraf":"^5.0.0","vitest":"^0.34.0","typescript":"^5.0.0","@types/node":"^18.0.0"},"peerDependencies":{"next":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nextjs-plugin-jsx-loc_0.0.0-1_1744831123628_0.1628504276284286","host":"s3://npm-registry-packages-npm-production"}},"0.0.1":{"name":"@builder.io/nextjs-plugin-jsx-loc","version":"0.0.1","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"author":{"name":"Builder.io Team"},"license":"MIT","_id":"@builder.io/nextjs-plugin-jsx-loc@0.0.1","maintainers":[{"name":"steve8708","email":"sewell.steve@gmail.com"},{"name":"samijaber","email":"jabersami@gmail.com"},{"name":"teleaziz123","email":"aziz@builder.io"},{"name":"mrkoreye","email":"korey@builder.io"},{"name":"strd6","email":"daniel@danielx.net"},{"name":"mhevery","email":"misko@hevery.com"},{"name":"adamdbradley","email":"adam@builder.io"},{"name":"gustavohgs","email":"gustavo@builder.io"},{"name":"manucorporat","email":"manu.mtza@gmail.com"},{"name":"shyam-builder","email":"shyam@builder.io"},{"name":"sanyamkamat","email":"sanyamkamat@gmail.com"},{"name":"harmeet.builder","email":"harmeet@builder.io"},{"name":"midhunadarvin","email":"midhunadarvin@gmail.com"},{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},{"name":"builderio-bot","email":"sami+builderio-bot@builder.io"},{"name":"armela","email":"armela@builder.io"},{"name":"anaghavarhade","email":"anagha@builder.io"},{"name":"sidmohanty11","email":"sidmohanty11@gmail.com"},{"name":"yash-wadhia-builder","email":"yash@builder.io"},{"name":"paprikaf","email":"felfelahmeed@gmail.com"},{"name":"clyde-builderio","email":"clyde@builder.io"}],"dist":{"shasum":"3ba0d84973b0b54ae9afdbfce578a0ce74a88182","tarball":"https://registry.npmjs.org/@builder.io/nextjs-plugin-jsx-loc/-/nextjs-plugin-jsx-loc-0.0.1.tgz","fileCount":14,"integrity":"sha512-vjdYChgKj+fWgB6ei6MafRcZSDDzVYUVSEH0jSaD0vkRPjzS/xMwl+Cu6YgC+bVYRZJonFEkT7Vx6ogJxB+Pow==","signatures":[{"sig":"MEUCIQChXDvEj8mXUTIl+slIdUamCaL9K+AnIFGB63ihfYxhrAIgAcdGbEKq2Y7SzJv+92pL5NE80L8bFLy+EAPjaQB0xbk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21163},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./loader":{"import":"./dist/loader.mjs","require":"./dist/loader.cjs"}},"gitHead":"5c82b7f8349a4f41027e9e33b75796592c7aee40","_npmUser":{"name":"samijaber","email":"jabersami@gmail.com"},"_npmVersion":"10.9.2","description":"Next.js plugin that adds location data attributes to JSX elements for debugging","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@builder.io/jsx-loc-internals":"^0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","rimraf":"^5.0.0","vitest":"^0.34.0","typescript":"^5.0.0","@types/node":"^18.0.0"},"peerDependencies":{"next":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nextjs-plugin-jsx-loc_0.0.1_1744833790197_0.7906456715479495","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@builder.io/nextjs-plugin-jsx-loc","version":"0.1.3","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"author":{"name":"Builder.io Team"},"license":"MIT","_id":"@builder.io/nextjs-plugin-jsx-loc@0.1.3","maintainers":[{"name":"steve8708","email":"sewell.steve@gmail.com"},{"name":"samijaber","email":"jabersami@gmail.com"},{"name":"teleaziz123","email":"aziz@builder.io"},{"name":"mrkoreye","email":"korey@builder.io"},{"name":"strd6","email":"daniel@danielx.net"},{"name":"mhevery","email":"misko@hevery.com"},{"name":"adamdbradley","email":"adam@builder.io"},{"name":"gustavohgs","email":"gustavo@builder.io"},{"name":"manucorporat","email":"manu.mtza@gmail.com"},{"name":"shyam-builder","email":"shyam@builder.io"},{"name":"sanyamkamat","email":"sanyamkamat@gmail.com"},{"name":"harmeet.builder","email":"harmeet@builder.io"},{"name":"midhunadarvin","email":"midhunadarvin@gmail.com"},{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},{"name":"builderio-bot","email":"sami+builderio-bot@builder.io"},{"name":"armela","email":"armela@builder.io"},{"name":"anaghavarhade","email":"anagha@builder.io"},{"name":"sidmohanty11","email":"sidmohanty11@gmail.com"},{"name":"yash-wadhia-builder","email":"yash@builder.io"},{"name":"paprikaf","email":"felfelahmeed@gmail.com"},{"name":"clyde-builderio","email":"clyde@builder.io"}],"dist":{"shasum":"d62f3da5bea8f1e413c274454b4b1a7851c3cf93","tarball":"https://registry.npmjs.org/@builder.io/nextjs-plugin-jsx-loc/-/nextjs-plugin-jsx-loc-0.1.3.tgz","fileCount":14,"integrity":"sha512-3ZUOx/O0uaz9X08lM1Qf8pbKSrct10yFZF5WguGWjG2fvG6QZi8Vj+TgFnjtA2B6LgK/K2mQ6MrFnHGpi+AIKg==","signatures":[{"sig":"MEYCIQD6OtiuBnz1q7pVD+L/QH78VnHEKbzMUgG93HGbh6sSoAIhAP0lgPtpHUNt8h7aA0T8v3fq0Tzmyz/zTm7rNoEkZecX","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22833},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./loader":{"import":"./dist/loader.mjs","require":"./dist/loader.cjs"}},"gitHead":"b03675d304955eb82d59e9d54598ae86004d5029","_npmUser":{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},"_npmVersion":"10.9.2","description":"Next.js plugin that adds location data attributes to JSX elements for debugging","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@builder.io/jsx-loc-internals":"^0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","rimraf":"^5.0.0","vitest":"^0.34.0","typescript":"^5.0.0","@types/node":"^18.0.0"},"peerDependencies":{"next":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nextjs-plugin-jsx-loc_0.1.3_1744839163645_0.6553622978345226","host":"s3://npm-registry-packages-npm-production"}},"0.1.4-1":{"name":"@builder.io/nextjs-plugin-jsx-loc","version":"0.1.4-1","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"author":{"name":"Builder.io Team"},"license":"MIT","_id":"@builder.io/nextjs-plugin-jsx-loc@0.1.4-1","maintainers":[{"name":"steve8708","email":"sewell.steve@gmail.com"},{"name":"samijaber","email":"jabersami@gmail.com"},{"name":"teleaziz123","email":"aziz@builder.io"},{"name":"mrkoreye","email":"korey@builder.io"},{"name":"strd6","email":"daniel@danielx.net"},{"name":"mhevery","email":"misko@hevery.com"},{"name":"adamdbradley","email":"adam@builder.io"},{"name":"gustavohgs","email":"gustavo@builder.io"},{"name":"manucorporat","email":"manu.mtza@gmail.com"},{"name":"shyam-builder","email":"shyam@builder.io"},{"name":"sanyamkamat","email":"sanyamkamat@gmail.com"},{"name":"harmeet.builder","email":"harmeet@builder.io"},{"name":"midhunadarvin","email":"midhunadarvin@gmail.com"},{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},{"name":"builderio-bot","email":"sami+builderio-bot@builder.io"},{"name":"armela","email":"armela@builder.io"},{"name":"anaghavarhade","email":"anagha@builder.io"},{"name":"sidmohanty11","email":"sidmohanty11@gmail.com"},{"name":"yash-wadhia-builder","email":"yash@builder.io"},{"name":"paprikaf","email":"felfelahmeed@gmail.com"},{"name":"clyde-builderio","email":"clyde@builder.io"}],"dist":{"shasum":"a973051276b8a9a56f93b18b91fb6d0a68d9141a","tarball":"https://registry.npmjs.org/@builder.io/nextjs-plugin-jsx-loc/-/nextjs-plugin-jsx-loc-0.1.4-1.tgz","fileCount":14,"integrity":"sha512-4bFCSi3VdJTnUS/0BmjHxktCdABTm5k/M9xY0zRvUmCkD6TVHUEND6XY4em2/q6rna3ZY4VELquqCfHck5epeA==","signatures":[{"sig":"MEUCIQCQFE5LNrdcxwSPs1t/2GSmNd4biBzvAYnamrl4oQDjVAIgdfywwv5KjkgNMibW6603Ig+e4Xu3G5PWVk1xfMPXuBM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22839},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./loader":{"import":"./dist/loader.mjs","require":"./dist/loader.cjs"}},"gitHead":"43249660e2110f6096219de9055e5ea8fc792023","_npmUser":{"name":"samijaber","email":"jabersami@gmail.com"},"_npmVersion":"10.9.2","description":"Next.js plugin that adds location data attributes to JSX elements for debugging","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@builder.io/jsx-loc-internals":"^0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"tsup":"^7.0.0","rimraf":"^5.0.0","vitest":"^0.34.0","typescript":"^5.0.0","@types/node":"^18.0.0"},"peerDependencies":{"next":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nextjs-plugin-jsx-loc_0.1.4-1_1744896275645_0.6977517919138227","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@builder.io/nextjs-plugin-jsx-loc","version":"0.1.4","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"author":{"name":"Builder.io Team"},"license":"MIT","_id":"@builder.io/nextjs-plugin-jsx-loc@0.1.4","maintainers":[{"name":"steve8708","email":"sewell.steve@gmail.com"},{"name":"samijaber","email":"jabersami@gmail.com"},{"name":"teleaziz123","email":"aziz@builder.io"},{"name":"mrkoreye","email":"korey@builder.io"},{"name":"strd6","email":"daniel@danielx.net"},{"name":"mhevery","email":"misko@hevery.com"},{"name":"adamdbradley","email":"adam@builder.io"},{"name":"gustavohgs","email":"gustavo@builder.io"},{"name":"manucorporat","email":"manu.mtza@gmail.com"},{"name":"shyam-builder","email":"shyam@builder.io"},{"name":"sanyamkamat","email":"sanyamkamat@gmail.com"},{"name":"harmeet.builder","email":"harmeet@builder.io"},{"name":"midhunadarvin","email":"midhunadarvin@gmail.com"},{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},{"name":"builderio-bot","email":"builder-bot@builder.io"},{"name":"armela","email":"armela@builder.io"},{"name":"anaghavarhade","email":"anagha@builder.io"},{"name":"sidmohanty11","email":"sidmohanty11@gmail.com"},{"name":"yash-wadhia-builder","email":"yash@builder.io"},{"name":"paprikaf","email":"felfelahmeed@gmail.com"},{"name":"clyde-builderio","email":"clyde@builder.io"}],"dist":{"shasum":"b17b6df7f2ac447c7088f5b2bd08b39b02e8abec","tarball":"https://registry.npmjs.org/@builder.io/nextjs-plugin-jsx-loc/-/nextjs-plugin-jsx-loc-0.1.4.tgz","fileCount":14,"integrity":"sha512-ZpOjvbchVPZmfMC3ePapPP9DR5jKUlo/AMTJgXgQ0aThQ2GppBjqEnv2ZorHfUkxQDBAfCVdONL8VGHEvH2ujA==","signatures":[{"sig":"MEQCIE3E/egfFkSlo+rwV4Kf9Lr0REgCXOlD65ZPUz+FKkiKAiBY9cUzfnknAOJuhtfldAWrtuFItETbw8uDN/mp42/bsw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22837},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./loader":{"import":"./dist/loader.mjs","require":"./dist/loader.cjs"}},"gitHead":"844d6d39b66103f0397c2c93466e33ac1b5c19b5","_npmUser":{"name":"kylefowler","email":"kyle.e.fowler@gmail.com"},"_npmVersion":"10.9.2","description":"Next.js plugin that adds location data attributes to JSX elements for debugging","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@builder.io/jsx-loc-internals":"^0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.0.0","rimraf":"^5.0.0","vitest":"^0.34.0","typescript":"^5.0.0","@types/node":"^18.0.0"},"peerDependencies":{"next":">=12.0.0"},"_npmOperationalInternal":{"tmp":"tmp/nextjs-plugin-jsx-loc_0.1.4_1745617823464_0.855083156923063","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-04-16T19:18:43.512Z","modified":"2026-09-09T09:16:36.837Z","0.0.0-1":"2025-04-16T19:18:43.877Z","0.0.1":"2025-04-16T20:03:10.380Z","0.1.3":"2025-04-16T21:32:43.833Z","0.1.4-1":"2025-04-17T13:24:35.846Z","0.1.4":"2025-04-25T21:50:23.672Z"},"author":{"name":"Builder.io Team"},"license":"MIT","keywords":["nextjs","jsx","react","plugin","webpack","turborepo","debugging"],"description":"Next.js plugin that adds location data attributes to JSX elements for debugging","maintainers":[{"email":"sewell.steve@gmail.com","name":"steve8708"},{"email":"jabersami@gmail.com","name":"samijaber"},{"email":"aziz@builder.io","name":"teleaziz123"},{"email":"korey@builder.io","name":"mrkoreye"},{"email":"misko@hevery.com","name":"mhevery"},{"email":"gustavo@builder.io","name":"gustavohgs"},{"email":"manu.mtza@gmail.com","name":"manucorporat"},{"email":"sanyamkamat@gmail.com","name":"sanyamkamat"},{"email":"benjamingirone@gmail.com","name":"bengirone"},{"email":"kyle.e.fowler@gmail.com","name":"kylefowler"},{"email":"builder-bot@builder.io","name":"builderio-bot"},{"email":"armela@builder.io","name":"armela"},{"email":"aishwaryaparab1@gmail.com","name":"aishwarya_parab"},{"email":"emma@builder.io","name":"emmaac"},{"email":"sidmohanty11@gmail.com","name":"sidmohanty11"},{"email":"jcortese@builder.io","name":"jcortesebuilder"},{"email":"vishwas@builder.io","name":"vishwasgopinath"},{"email":"nicholas@builder.io","name":"nicholaskipchumba"},{"email":"shridharmaskeri@gmail.com","name":"floating_dynamo"},{"email":"lautarogalarza@gmail.com","name":"lihuelg"},{"email":"felfelahmeed@gmail.com","name":"paprikaf"},{"email":"pabloelisseo@gmail.com","name":"pabloelisseo"},{"email":"ldebeasi@gmail.com","name":"liamdebeasi"}],"readme":"# nextjs-plugin-jsx-loc\n\nA Next.js plugin that adds location data attributes to JSX elements for debugging and development purposes.\n\n## Installation\n\n```bash\nnpm install @builder.io/nextjs-plugin-jsx-loc\n# or\nyarn add @builder.io/nextjs-plugin-jsx-loc\n# or\npnpm add @builder.io/nextjs-plugin-jsx-loc\n```\n\n## Usage with Next.js\n\nAdd the plugin to your `next.config.js`:\n\n```javascript\nconst { withJsxLoc } = require('@builder.io/nextjs-plugin-jsx-loc');\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nmodule.exports = withJsxLoc({\n  // Optional: specify custom include/exclude patterns\n  // include: [/src\\/components/],\n  // exclude: [/node_modules/, /test/]\n}, nextConfig);\n```\n\nOr with TypeScript (`next.config.mjs`):\n\n```typescript\nimport { withJsxLoc } from '@builder.io/nextjs-plugin-jsx-loc';\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nexport default withJsxLoc({\n  // Optional configuration\n}, nextConfig);\n```\n\n## Turbopack Support\n\nThis plugin works with both webpack (default) and Turbopack in Next.js applications. When you use the plugin with Turbopack, it automatically configures the necessary loaders through the `turbopack.rules` configuration.\n\nTo use with Turbopack in development:\n\n```bash\n# After adding the plugin to next.config.js\nnext dev --turbo\n```\n\nFor production builds with Turbopack (experimental):\n\n```bash\n# Requires Next.js 15.3.0+\nnext build --turbo\n```\n\n## Usage with Turborepo\n\nFor a Turborepo setup, make sure each Next.js app in your monorepo includes the plugin in its Next.js configuration.\n\n```javascript\n// apps/web/next.config.js\nconst { withJsxLoc } = require('@builder.io/nextjs-plugin-jsx-loc');\n\n/** @type {import('next').NextConfig} */\nconst nextConfig = {};\n\nmodule.exports = withJsxLoc({}, nextConfig);\n```\n\n## How It Works\n\nThe plugin adds a `data-loc` attribute to JSX elements that contains the relative file path and line number:\n\n```jsx\n// Input: src/components/Button.tsx\nexport function Button() {\n  return <button>Click me</button>;\n}\n\n// Output (during development):\nexport function Button() {\n  return <button data-loc=\"src/components/Button.tsx:2\">Click me</button>;\n}\n```\n\nThis allows you to identify where components are defined when inspecting the DOM.\n\n## Features\n\n- Adds source location information to JSX elements\n- Works with both `.jsx` and `.tsx` files\n- Skips processing of `node_modules`\n- Preserves source maps\n- Compatible with Next.js 12+ including Turbopack\n- Compatible with Turborepo monorepo setups\n- No configuration required\n\n## Options\n\n- `include`: RegExp or array of RegExp patterns to include specific files (optional)\n- `exclude`: RegExp or array of RegExp patterns to exclude specific files (optional, defaults to `/node_modules/`)\n\n## License\n\nMIT ","readmeFilename":"README.md"}