@acebuilder/component-tagger 0.1.1 → 0.1.3

package/README.md

@@ -2,17 +2,15 @@
 
 Dev-only Next.js loader that injects `data-acebuilder-*` attributes on JSX elements for AceBuilder element selection.
 
-Works with **Turbopack** (default `next dev`) and **webpack** (`next dev --webpack`).
-
 ## Install
 
 ```bash
 pnpm add -D @acebuilder/component-tagger
 ```
 
-## Usage (recommended)
+## Usage
 
-Wrap your Next config — enables both bundlers:
+Wrap your Next config (injected automatically in AceBuilder sandboxes):
 
 ```js
 // next.config.mjs
@@ -24,26 +22,22 @@ const nextConfig = {}
 export default componentTagger()(nextConfig)
 ```
 
-## Turbopack-only
+## Bundler support
 
-If you prefer not to use the wrapper:
+| 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) |
 
-```js
-import componentTagger from '@acebuilder/component-tagger'
-
-export default {
-  turbopack: {
-    rules: componentTagger.turbopackRules,
-  },
-  // ...rest of next config
-}
-```
+Turbopack custom loader rules are disabled because they currently produce broken module paths (`welcome.tsx.tsx`).
 
 ## AceBuilder sandboxes
 
-Platform deploy injects this package automatically:
+Platform deploy injects automatically:
 
 - `package.json` devDependency: `"@acebuilder/component-tagger": "latest"`
 - `next.config` wrapper via AST injection
+- SDK `<Script>` in root layout
 
-User projects do not need to add it manually.
+User templates stay unchanged.

package/index.d.ts

@@ -5,37 +5,14 @@ export interface AceBuilderComponentTaggerOptions {
   test?: RegExp
 }
 
-export interface AceBuilderTurbopackRule {
-  loaders: string[]
-  as: string
-}
-
-export type AceBuilderTurbopackRules = Record<string, AceBuilderTurbopackRule>
-
 export type WithAceBuilderComponentTagger = (config: NextConfig) => NextConfig
 
 /**
- * Next.js plugin — registers the tagger for Turbopack (default dev) and webpack (`next dev --webpack`).
- *
- * @example
- * ```js
- * import componentTagger from '@acebuilder/component-tagger'
- * export default componentTagger()(nextConfig)
- * ```
- *
- * Turbopack-only (manual next.config):
- * ```js
- * import componentTagger from '@acebuilder/component-tagger'
- * export default { turbopack: { rules: componentTagger.turbopackRules }, ...nextConfig }
- * ```
+ * Next.js plugin — webpack pre-loader for component tagging.
+ * Default Turbopack dev skips the loader (avoids `*.tsx.tsx` resolution bugs).
  */
 declare function withAceBuilderComponentTagger(
   options?: AceBuilderComponentTaggerOptions,
 ): WithAceBuilderComponentTagger
 
-declare namespace withAceBuilderComponentTagger {
-  /** Turbopack loader rules — fast path without wrapping webpack. */
-  const turbopackRules: AceBuilderTurbopackRules
-}
-
 export default withAceBuilderComponentTagger

package/index.js

@@ -3,37 +3,20 @@
 /**
  * Next.js plugin for AceBuilder component tagging.
  *
- * Fast path (recommended): inject `turbopack.rules` in next.config — see
- * `componentTagger.turbopackRules` or sandbox `next-config-inject.ts`.
- *
- * Legacy path: wrap next.config with this plugin (webpack + turbopack rules).
+ * Uses a webpack pre-loader (works with `next dev --webpack` and production builds).
+ * Turbopack custom loaders currently break module resolution (`*.tsx.tsx`) — not enabled.
  */
 const TAGGER_LOADER = require.resolve('./lib/loader')
 
-// Loader output stays TSX/JSX — `as: '*.js'` breaks `import type` under Turbopack.
-const turbopackRules = {
-  '*.tsx': {
-    loaders: [TAGGER_LOADER],
-    as: '*.tsx',
-  },
-  '*.jsx': {
-    loaders: [TAGGER_LOADER],
-    as: '*.jsx',
-  },
-}
-
 const componentTagger = (pluginOptions = {}) => (inputConfig = {}) => {
   const test = pluginOptions.test || /\.((j|t)sx)$/i
 
   /** @type {import('next').NextConfig} */
   const nextConfig = {
     ...inputConfig,
+    // Next.js 16: webpack hook from this plugin requires an explicit turbopack section.
     turbopack: {
       ...(inputConfig.turbopack || {}),
-      rules: {
-        ...(inputConfig.turbopack?.rules || {}),
-        ...turbopackRules,
-      },
     },
     webpack(config, options) {
       config.module.rules.push({
@@ -55,6 +38,5 @@ const componentTagger = (pluginOptions = {}) => (inputConfig = {}) => {
   return nextConfig
 }
 
-componentTagger.turbopackRules = turbopackRules
 module.exports = componentTagger
 module.exports.default = componentTagger

package/package.json

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