@useavalon/avalon 0.1.3 → 0.1.5

package/package.json

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

package/src/vite-plugin/plugin.ts

@@ -256,16 +256,26 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
     verbose: preResolvedConfig.verbose,
   });
 
-  // Resolve the path to @useavalon/avalon's client entry for the /src/client/main.js alias.
-  // In the monorepo www/ project this is handled by a manual resolve.alias; for standalone
-  // projects the plugin must do it automatically.
+  // Pre-resolve paths for standalone projects.
+  // In the monorepo www/ project these are handled by manual resolve.alias.
+  const require = createRequire(import.meta.url);
+
   let clientMainResolved: string | null = null;
   try {
-    const require = createRequire(import.meta.url);
     const clientEntry = require.resolve("@useavalon/avalon/client");
     clientMainResolved = join(dirname(clientEntry), "main.js");
   } catch {
-    // Inside the monorepo www/ project — it sets its own alias in vite.config.ts
+    // Monorepo — www/ sets its own alias
+  }
+
+  // Resolve /@useavalon/*/client virtual imports used by main.js
+  const integrationClientMap: Record<string, string | null> = {};
+  for (const name of ['preact', 'react', 'vue', 'svelte', 'solid', 'lit', 'qwik']) {
+    try {
+      integrationClientMap[`/@useavalon/${name}/client`] = require.resolve(`@useavalon/${name}/client`);
+    } catch {
+      integrationClientMap[`/@useavalon/${name}/client`] = null;
+    }
   }
 
   // The main Avalon plugin
@@ -273,6 +283,22 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
     name: "avalon",
     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.
+      return {
+        ssr: {
+          noExternal: [/^@useavalon\//],
+        },
+        oxc: {
+          exclude: [/node_modules\/@useavalon\//],
+        },
+      };
+    },
+
     configResolved(resolvedViteConfig: ResolvedConfig) {
       viteConfig = resolvedViteConfig;
       const isDev = resolvedViteConfig.command === "serve";
@@ -284,15 +310,29 @@ export async function avalon(config?: AvalonPluginConfig): Promise<PluginOption[
     },
 
     resolveId(id: string) {
-      // Resolve /src/client/main.js to the actual file inside @useavalon/avalon.
-      // The SSR renderer injects <script src="/src/client/main.js"> into HTML.
-      // Without this alias, standalone projects get a 404.
       if (id === "/src/client/main.js" && clientMainResolved) {
         return clientMainResolved;
       }
+      if (id in integrationClientMap && integrationClientMap[id]) {
+        return integrationClientMap[id];
+      }
       return null;
     },
 
+    async transform(code: string, id: string) {
+      // Vite 8's OXC transform applies the project's jsx config to ALL .ts files,
+      // including those in node_modules/@useavalon. OXC rejects jsx options for
+      // plain .ts files. Strip TypeScript ourselves for @useavalon packages so
+      // Vite's built-in OXC doesn't need to touch them.
+      if (id.includes('node_modules/@useavalon/') && /\.tsx?$/.test(id)) {
+        const { transform: oxcTransform } = await import('oxc-transform');
+        const result = await oxcTransform(id, code, {
+          typescript: { onlyRemoveTypeImports: false },
+        });
+        return { code: result.code, map: result.map };
+      }
+    },
+
     async buildStart() {
       await runAutoDiscovery(resolvedConfig, viteConfig?.root, activeIntegrations);
       runValidation(resolvedConfig, activeIntegrations);