@useavalon/avalon 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@useavalon/avalon",
-	"version": "0.1.8",
+	"version": "0.1.9",
 	"description": "Multi-framework islands architecture for the modern web",
 	"license": "MIT",
 	"type": "module",

package/src/vite-plugin/plugin.ts

@@ -282,14 +282,20 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
     enforce: "pre",
 
     config() {
-      // @useavalon packages ship raw .ts source. Mark them as noExternal so
-      // Vite processes them through the transform pipeline (SSR).
-      // For client-side, Vite's built-in OXC plugin handles .ts stripping
-      // and sets moduleType: 'js' automatically.
+      // @useavalon packages ship raw .ts source.
+      // - noExternal: Vite processes them through the transform pipeline (SSR)
+      // - oxc.exclude: Prevent Vite's built-in OXC from processing them.
+      //   Integration plugins (react, preact, etc.) set jsx: 'automatic' which
+      //   OXC then applies to ALL files including plain .ts — causing
+      //   "Invalid jsx option: automatic" errors. Our transform hook below
+      //   strips TypeScript without applying any JSX config.
       return {
         ssr: {
           noExternal: [/^@useavalon\//],
         },
+        oxc: {
+          exclude: [/node_modules\/@useavalon\//],
+        },
       };
     },
 
@@ -318,6 +324,21 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
       return null;
     },
 
+    async transform(code: string, id: string) {
+      // Strip TypeScript from @useavalon packages in node_modules.
+      // We exclude these from Vite's OXC (via oxc.exclude) because integration
+      // plugins set jsx: 'automatic' which OXC applies to all files, breaking
+      // plain .ts files. We handle TS stripping ourselves with no JSX config.
+      if (id.includes('node_modules/@useavalon/') && /\.tsx?$/.test(id)) {
+        const { transform: oxcTransform } = await import('oxc-transform');
+        const result = await oxcTransform(id, code, {
+          sourcemap: true,
+          typescript: { onlyRemoveTypeImports: false },
+        });
+        return { code: result.code, map: result.map, moduleType: 'js' };
+      }
+    },
+
     async buildStart() {
       await runAutoDiscovery(resolvedConfig, viteConfig?.root, activeIntegrations);
       runValidation(resolvedConfig, activeIntegrations);