@useavalon/avalon 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@useavalon/avalon",
-	"version": "0.1.7",
+	"version": "0.1.8",
 	"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

@@ -283,17 +283,13 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
 
     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.
+      // 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.
       return {
         ssr: {
           noExternal: [/^@useavalon\//],
         },
-        oxc: {
-          exclude: [/node_modules\/@useavalon\//],
-        },
       };
     },
 
@@ -322,21 +318,6 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
       return null;
     },
 
-    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.
-      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);