@useavalon/avalon 0.1.7 → 0.1.9

package/package.json

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

package/src/vite-plugin/image-optimization.ts

@@ -26,6 +26,8 @@
 
 import type { Plugin } from "vite";
 import type { ResolvedImageConfig } from "./types.ts";
+import { createRequire } from "node:module";
+import { join } from "node:path";
 
 /**
  * Creates the vite-imagetools plugin with Avalon's configuration
@@ -42,8 +44,11 @@ export async function createImagePlugin(
   }
 
   try {
-    // Dynamic import to avoid hard dependency if user disables images
-    const { imagetools } = await import("vite-imagetools");
+    // Dynamic import to avoid hard dependency if user disables images.
+    // Use createRequire from the project root so we resolve the package
+    // from the consuming project's node_modules, not avalon's own context.
+    const require = createRequire(join(process.cwd(), 'package.json'));
+    const { imagetools } = require("vite-imagetools");
 
     if (verbose) {
       console.log("   🖼️  Image optimization enabled");

package/src/vite-plugin/plugin.ts

@@ -282,11 +282,13 @@ 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. Also exclude them
-      // from Vite's built-in OXC transform (which applies the project's jsx
-      // config and fails on plain .ts files). Our own transform hook below
-      // handles TS stripping for these files instead.
+      // @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\//],
@@ -323,10 +325,10 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
     },
 
     async transform(code: string, id: string) {
-      // Vite 8's built-in OXC plugin returns { moduleType: "js" } so the dev
-      // server knows the output is JavaScript. Because we exclude @useavalon
-      // packages from that plugin (via oxc.exclude), we must strip TypeScript
-      // ourselves AND set moduleType so the browser receives valid JS.
+      // 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, {