@acebuilder/component-tagger 0.1.2 → 0.1.4

package/README.md

@@ -26,11 +26,11 @@ export default componentTagger()(nextConfig)
 
 | Mode | Tagging |
 |------|---------|
-| `next dev` (Turbopack, default) | Skipped — use runtime fiber resolution in the helper SDK |
-| `next dev --webpack` | Full build-time tagging |
-| `next build` | Full build-time tagging (webpack) |
+| `next dev --turbopack` (default) | Build-time tagging via Turbopack custom loader rules |
+| `next dev --webpack` | Build-time tagging via webpack pre-loader |
+| `next build` | Build-time tagging (webpack) |
 
-Turbopack custom loader rules are disabled because they currently produce broken module paths (`welcome.tsx.tsx`).
+Turbopack rules omit the `as` field — including it caused broken module paths (`welcome.tsx.tsx`).
 
 ## AceBuilder sandboxes
 

package/index.d.ts

@@ -8,8 +8,8 @@ export interface AceBuilderComponentTaggerOptions {
 export type WithAceBuilderComponentTagger = (config: NextConfig) => NextConfig
 
 /**
- * Next.js plugin — webpack pre-loader for component tagging.
- * Default Turbopack dev skips the loader (avoids `*.tsx.tsx` resolution bugs).
+ * Next.js plugin — tags JSX with data-acebuilder-* attributes.
+ * Works with Turbopack (`next dev --turbopack`) and webpack.
  */
 declare function withAceBuilderComponentTagger(
   options?: AceBuilderComponentTaggerOptions,

package/index.js

@@ -3,8 +3,8 @@
 /**
  * Next.js plugin for AceBuilder component tagging.
  *
- * Uses a webpack pre-loader (works with `next dev --webpack` and production builds).
- * Turbopack custom loaders currently break module resolution (`*.tsx.tsx`) — not enabled.
+ * Works with both Turbopack (`next dev --turbopack`) and webpack (`next dev --webpack`).
+ * Note: Do NOT include `as` in the turbopack rules — that caused the `*.tsx.tsx` bug.
  */
 const TAGGER_LOADER = require.resolve('./lib/loader')
 
@@ -14,6 +14,20 @@ const componentTagger = (pluginOptions = {}) => (inputConfig = {}) => {
   /** @type {import('next').NextConfig} */
   const nextConfig = {
     ...inputConfig,
+    turbopack: {
+      ...(inputConfig.turbopack || {}),
+      rules: {
+        ...(inputConfig.turbopack?.rules || {}),
+        // Turbopack custom loader rules for JSX/TSX files.
+        // Omitting `as` preserves the original file type and avoids the *.tsx.tsx double-extension bug.
+        '*.tsx': {
+          loaders: [TAGGER_LOADER],
+        },
+        '*.jsx': {
+          loaders: [TAGGER_LOADER],
+        },
+      },
+    },
     webpack(config, options) {
       config.module.rules.push({
         test,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acebuilder/component-tagger",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "description": "Next.js dev loader to tag React components with AceBuilder metadata (Turbopack + webpack).",
   "main": "index.js",