@useavalon/avalon 0.1.11 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@useavalon/avalon",
-	"version": "0.1.11",
+	"version": "0.1.13",
 	"description": "Multi-framework islands architecture for the modern web",
 	"license": "MIT",
 	"type": "module",
@@ -10,14 +10,24 @@
 		"directory": "packages/avalon"
 	},
 	"homepage": "https://useavalon.dev",
-	"keywords": ["avalon", "islands", "ssr", "vite", "preact", "multi-framework", "hydration"],
+	"keywords": [
+		"avalon",
+		"islands",
+		"ssr",
+		"vite",
+		"preact",
+		"multi-framework",
+		"hydration"
+	],
 	"scripts": {
 		"build:client": "bun run scripts/build-client.ts",
-		"prepublishOnly": "bun run build:client"
+		"build": "bun run scripts/build.ts",
+		"prepublishOnly": "bun run build"
 	},
 	"exports": {
 		".": "./mod.ts",
 		"./client": "./src/client/components.ts",
+		"./client/hmr": "./src/client/framework-adapter.ts",
 		"./islands/framework-detection": "./src/islands/framework-detection.ts",
 		"./middleware": "./src/middleware/index.ts",
 		"./nitro/renderer": "./src/nitro/renderer.ts",
@@ -28,12 +38,25 @@
 	},
 	"typesVersions": {
 		"*": {
-			"types": ["./src/types/index.d.ts"]
+			"types": [
+				"./src/types/index.d.ts"
+			]
 		}
 	},
-	"files": ["mod.ts", "src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.d.ts", "!src/**/*.test.ts", "!src/**/tests/**", "!src/**/__tests__/**", "!src/**/README.md", "README.md"],
+	"files": [
+		"mod.ts",
+		"src/**/*.ts",
+		"src/**/*.tsx",
+		"src/**/*.js",
+		"src/**/*.d.ts",
+		"!src/**/*.test.ts",
+		"!src/**/tests/**",
+		"!src/**/__tests__/**",
+		"README.md"
+	],
 	"devDependencies": {
-		"@types/mime-types": "^3.0.1"
+		"@types/mime-types": "^3.0.1",
+		"oxc-minify": "^0.120.0"
 	},
 	"peerDependencies": {
 		"vite": "^8.0.0",
@@ -42,25 +65,25 @@
 	},
 	"peerDependenciesMeta": {
 		"nitro": {
-		"optional": true
+			"optional": true
+		},
+		"vite-imagetools": {
+			"optional": true
+		}
 	},
-	"vite-imagetools": {
-	"optional": true
-}
-},
-"dependencies": {
-	"@useavalon/core": "^0.1.1",
-	"@mdx-js/rollup": "^3.0.0",
-	"h3": "^2.0.1-rc.16",
-	"marked": "^17.0.4",
-	"oxc-transform": "^0.117.0",
-	"preact": "10.28.4",
-	"preact-render-to-string": "6.6.6",
-	"rehype-highlight": "^7.0.0",
-	"remark-frontmatter": "^5.0.0",
-	"remark-gfm": "^4.0.0",
-	"remark-mdx-frontmatter": "^5.0.0",
-	"unified": "^11.0.0",
-	"zod": "4.3.6"
-}
+	"dependencies": {
+		"@useavalon/core": "^0.1.3",
+		"@mdx-js/rollup": "^3.0.0",
+		"h3": "^2.0.1-rc.16",
+		"marked": "^17.0.4",
+		"oxc-transform": "^0.117.0",
+		"preact": "10.28.4",
+		"preact-render-to-string": "6.6.6",
+		"rehype-highlight": "^7.0.0",
+		"remark-frontmatter": "^5.0.0",
+		"remark-gfm": "^4.0.0",
+		"remark-mdx-frontmatter": "^5.0.0",
+		"unified": "^11.0.0",
+		"zod": "^4.3.6"
+	}
 }

package/src/build/integration-bundler-plugin.ts

@@ -1,116 +1,116 @@
-import type { Plugin } from 'vite';
-import { resolve } from 'node:path';
-import { getOptimizeDepsForIntegrations, getSSRNoExternalForIntegrations } from './integration-config.ts';
-
-export interface IntegrationBundlerOptions {
-	/** Integrations to include in the build */
-	integrations: string[];
-	/** Whether to bundle for SSR */
-	ssr?: boolean;
-}
-
-/**
- * Vite plugin to bundle integration packages
- * Ensures integration server and client code is properly bundled
- */
-export function integrationBundlerPlugin(options: IntegrationBundlerOptions): Plugin {
-	const { integrations, ssr = false } = options;
-	const cwd = process.cwd();
-
-	return {
-		name: 'avalon:integration-bundler',
-		enforce: 'post',
-
-		config(config) {
-			// Add integration entry points to the build
-			const entries: Record<string, string> = {};
-			
-			for (const framework of integrations) {
-				if (ssr) {
-					// SSR build: include server-side integration code
-					entries[`integrations/${framework}/server`] = resolve(
-						cwd,
-						`packages/integrations/${framework}/server/renderer.ts`
-					);
-				} else {
-					// Client build: include client-side integration code
-					entries[`integrations/${framework}/client`] = resolve(
-						cwd,
-						`packages/integrations/${framework}/client/index.ts`
-					);
-				}
-			}
-
-			// Merge with existing rolldown input
-			const existingInput = config.build?.rolldownOptions?.input || {};
-			const mergedInput = typeof existingInput === 'string' 
-				? { main: existingInput, ...entries }
-				: { ...existingInput, ...entries };
-
-			return {
-				build: {
-					rolldownOptions: {
-						input: mergedInput,
-					},
-				},
-			};
-		},
-
-
-	};
-}
-
-/**
- * Get external dependencies for integration bundling
- * These should not be bundled but loaded from node_modules
- */
-export function getIntegrationExternals(framework: string, ssr: boolean) {
-	const externals: string[] = [];
-
-	// Framework-specific externals
-	switch (framework) {
-		case 'preact':
-			if (!ssr) {
-				// Client-side: preact should be bundled for hydration
-				return [];
-			}
-			// SSR: keep preact external if needed
-			externals.push('preact', 'preact/hooks', 'preact-render-to-string');
-			break;
-
-		case 'vue':
-			if (ssr) {
-				// SSR: Vue server renderer should be external
-				externals.push('vue', 'vue/server-renderer', '@vue/server-renderer', '@vue/shared');
-			}
-			break;
-
-		case 'solid':
-			if (ssr) {
-				externals.push('solid-js', 'solid-js/web');
-			}
-			break;
-
-		case 'svelte':
-			if (ssr) {
-				externals.push('svelte', 'svelte/server', 'svelte/compiler', 'svelte/internal');
-			}
-			break;
-	}
-
-	return externals;
-}
-
-/**
- * Configure optimization for integration dependencies
- */
-export function getIntegrationOptimizeDeps(integrations: string[]) {
-	return getOptimizeDepsForIntegrations(integrations);
-}
-
-/**
- * Get SSR noExternal packages for integrations
- */
-export function getIntegrationSSRNoExternal(integrations: string[]) {
-	return getSSRNoExternalForIntegrations(integrations);
-}
+import type { Plugin } from 'vite';
+import { resolve } from 'node:path';
+import { getOptimizeDepsForIntegrations, getSSRNoExternalForIntegrations } from './integration-config.ts';
+
+export interface IntegrationBundlerOptions {
+	/** Integrations to include in the build */
+	integrations: string[];
+	/** Whether to bundle for SSR */
+	ssr?: boolean;
+}
+
+/**
+ * Vite plugin to bundle integration packages
+ * Ensures integration server and client code is properly bundled
+ */
+export function integrationBundlerPlugin(options: IntegrationBundlerOptions): Plugin {
+	const { integrations, ssr = false } = options;
+	const cwd = process.cwd();
+
+	return {
+		name: 'avalon:integration-bundler',
+		enforce: 'post',
+
+		config(config) {
+			// Add integration entry points to the build
+			const entries: Record<string, string> = {};
+			
+			for (const framework of integrations) {
+				if (ssr) {
+					// SSR build: include server-side integration code
+					entries[`integrations/${framework}/server`] = resolve(
+						cwd,
+						`packages/integrations/${framework}/server/renderer.ts`
+					);
+				} else {
+					// Client build: include client-side integration code
+					entries[`integrations/${framework}/client`] = resolve(
+						cwd,
+						`packages/integrations/${framework}/client/index.ts`
+					);
+				}
+			}
+
+			// Merge with existing rolldown input
+			const existingInput = config.build?.rolldownOptions?.input || {};
+			const mergedInput = typeof existingInput === 'string' 
+				? { main: existingInput, ...entries }
+				: { ...existingInput, ...entries };
+
+			return {
+				build: {
+					rolldownOptions: {
+						input: mergedInput,
+					},
+				},
+			};
+		},
+
+
+	};
+}
+
+/**
+ * Get external dependencies for integration bundling
+ * These should not be bundled but loaded from node_modules
+ */
+export function getIntegrationExternals(framework: string, ssr: boolean) {
+	const externals: string[] = [];
+
+	// Framework-specific externals
+	switch (framework) {
+		case 'preact':
+			if (!ssr) {
+				// Client-side: preact should be bundled for hydration
+				return [];
+			}
+			// SSR: keep preact external if needed
+			externals.push('preact', 'preact/hooks', 'preact-render-to-string');
+			break;
+
+		case 'vue':
+			if (ssr) {
+				// SSR: Vue server renderer should be external
+				externals.push('vue', 'vue/server-renderer', '@vue/server-renderer', '@vue/shared');
+			}
+			break;
+
+		case 'solid':
+			if (ssr) {
+				externals.push('solid-js', 'solid-js/web');
+			}
+			break;
+
+		case 'svelte':
+			if (ssr) {
+				externals.push('svelte', 'svelte/server', 'svelte/compiler', 'svelte/internal');
+			}
+			break;
+	}
+
+	return externals;
+}
+
+/**
+ * Configure optimization for integration dependencies
+ */
+export function getIntegrationOptimizeDeps(integrations: string[]) {
+	return getOptimizeDepsForIntegrations(integrations);
+}
+
+/**
+ * Get SSR noExternal packages for integrations
+ */
+export function getIntegrationSSRNoExternal(integrations: string[]) {
+	return getSSRNoExternalForIntegrations(integrations);
+}

package/src/build/integration-config.ts

@@ -1,168 +1,168 @@
-/**
- * Integration configuration for build system
- * Defines how each integration should be bundled and optimized
- */
-
-export interface IntegrationBuildConfig {
-	/** Framework name */
-	name: string;
-	/** File extensions this integration handles */
-	extensions: string[];
-	/** NPM packages that should be optimized for this integration */
-	optimizeDeps: string[];
-	/** NPM packages that should be external in SSR builds */
-	ssrExternal: string[];
-	/** NPM packages that should NOT be external in SSR builds */
-	ssrNoExternal: string[];
-	/** Whether this integration requires a Vite plugin */
-	requiresPlugin: boolean;
-	/** Plugin package name (if requiresPlugin is true) */
-	pluginPackage?: string;
-}
-
-/**
- * Build configuration for all supported integrations
- */
-export const INTEGRATION_BUILD_CONFIGS: Record<string, IntegrationBuildConfig> = {
-	preact: {
-		name: 'preact',
-		extensions: ['.tsx', '.jsx'],
-		optimizeDeps: [
-			'preact',
-			'preact/hooks',
-			'preact/jsx-runtime',
-			'preact/jsx-dev-runtime',
-		],
-		ssrExternal: [],
-		ssrNoExternal: ['preact', 'preact-render-to-string'],
-		requiresPlugin: false,
-	},
-
-	vue: {
-		name: 'vue',
-		extensions: ['.vue'],
-		optimizeDeps: ['vue'],
-		ssrExternal: [],
-		ssrNoExternal: ['vue', '@vue/server-renderer', '@vue/shared'],
-		requiresPlugin: true,
-		pluginPackage: '@vitejs/plugin-vue',
-	},
-
-	solid: {
-		name: 'solid',
-		extensions: ['.tsx', '.jsx'],
-		optimizeDeps: [
-			'solid-js',
-			'solid-js/web',
-			'solid-js/store',
-		],
-		ssrExternal: [],
-		ssrNoExternal: ['solid-js', 'solid-js/web', 'solid-js/store'],
-		requiresPlugin: true,
-		pluginPackage: 'vite-plugin-solid',
-	},
-
-	svelte: {
-		name: 'svelte',
-		extensions: ['.svelte'],
-		optimizeDeps: [
-			'svelte',
-			'svelte/internal',
-			'svelte/store',
-			'svelte/animate',
-			'svelte/easing',
-			'svelte/motion',
-			'svelte/transition',
-		],
-		ssrExternal: [],
-		ssrNoExternal: ['svelte', 'svelte/server', 'svelte/internal', 'svelte/store'],
-		requiresPlugin: true,
-		pluginPackage: '@sveltejs/vite-plugin-svelte',
-	},
-
-	react: {
-		name: 'react',
-		extensions: ['.jsx', '.tsx'],
-		optimizeDeps: [
-			'react',
-			'react/jsx-runtime',
-			'react/jsx-dev-runtime',
-			'react-dom',
-			'react-dom/client',
-		],
-		ssrExternal: [],
-		ssrNoExternal: ['react', 'react-dom', 'react-dom/server'],
-		requiresPlugin: true,
-		pluginPackage: '@vitejs/plugin-react',
-	},
-
-	lit: {
-		name: 'lit',
-		extensions: ['.ts', '.js'],
-		optimizeDeps: [
-			'lit',
-			'lit/decorators.js',
-			'lit/directives/class-map.js',
-			'lit/directives/style-map.js',
-			'@lit/reactive-element',
-		],
-		ssrExternal: [],
-		ssrNoExternal: ['lit', '@lit-labs/ssr', '@lit/reactive-element', 'lit-html'],
-		requiresPlugin: false,
-	},
-};
-
-/**
- * Get build configuration for a specific integration
- */
-export function getIntegrationBuildConfig(framework: string) {
-	return INTEGRATION_BUILD_CONFIGS[framework];
-}
-
-/**
- * Get all optimize deps for given integrations
- */
-export function getOptimizeDepsForIntegrations(integrations: string[]) {
-	const deps = new Set<string>();
-	
-	for (const integration of integrations) {
-		const config = INTEGRATION_BUILD_CONFIGS[integration];
-		if (config) {
-			config.optimizeDeps.forEach(dep => deps.add(dep));
-		}
-	}
-	
-	return Array.from(deps);
-}
-
-/**
- * Get SSR noExternal packages for given integrations
- */
-export function getSSRNoExternalForIntegrations(integrations: string[]) {
-	const packages = new Set<string>();
-	
-	for (const integration of integrations) {
-		const config = INTEGRATION_BUILD_CONFIGS[integration];
-		if (config) {
-			config.ssrNoExternal.forEach(pkg => packages.add(pkg));
-		}
-	}
-	
-	return Array.from(packages);
-}
-
-/**
- * Check if an integration requires a Vite plugin
- */
-export function integrationRequiresPlugin(framework: string) {
-	const config = INTEGRATION_BUILD_CONFIGS[framework];
-	return config?.requiresPlugin ?? false;
-}
-
-/**
- * Get plugin package name for an integration
- */
-export function getIntegrationPluginPackage(framework: string) {
-	const config = INTEGRATION_BUILD_CONFIGS[framework];
-	return config?.pluginPackage;
-}
+/**
+ * Integration configuration for build system
+ * Defines how each integration should be bundled and optimized
+ */
+
+export interface IntegrationBuildConfig {
+	/** Framework name */
+	name: string;
+	/** File extensions this integration handles */
+	extensions: string[];
+	/** NPM packages that should be optimized for this integration */
+	optimizeDeps: string[];
+	/** NPM packages that should be external in SSR builds */
+	ssrExternal: string[];
+	/** NPM packages that should NOT be external in SSR builds */
+	ssrNoExternal: string[];
+	/** Whether this integration requires a Vite plugin */
+	requiresPlugin: boolean;
+	/** Plugin package name (if requiresPlugin is true) */
+	pluginPackage?: string;
+}
+
+/**
+ * Build configuration for all supported integrations
+ */
+export const INTEGRATION_BUILD_CONFIGS: Record<string, IntegrationBuildConfig> = {
+	preact: {
+		name: 'preact',
+		extensions: ['.tsx', '.jsx'],
+		optimizeDeps: [
+			'preact',
+			'preact/hooks',
+			'preact/jsx-runtime',
+			'preact/jsx-dev-runtime',
+		],
+		ssrExternal: [],
+		ssrNoExternal: ['preact', 'preact-render-to-string'],
+		requiresPlugin: false,
+	},
+
+	vue: {
+		name: 'vue',
+		extensions: ['.vue'],
+		optimizeDeps: ['vue'],
+		ssrExternal: [],
+		ssrNoExternal: ['vue', '@vue/server-renderer', '@vue/shared'],
+		requiresPlugin: true,
+		pluginPackage: '@vitejs/plugin-vue',
+	},
+
+	solid: {
+		name: 'solid',
+		extensions: ['.tsx', '.jsx'],
+		optimizeDeps: [
+			'solid-js',
+			'solid-js/web',
+			'solid-js/store',
+		],
+		ssrExternal: [],
+		ssrNoExternal: ['solid-js', 'solid-js/web', 'solid-js/store'],
+		requiresPlugin: true,
+		pluginPackage: 'vite-plugin-solid',
+	},
+
+	svelte: {
+		name: 'svelte',
+		extensions: ['.svelte'],
+		optimizeDeps: [
+			'svelte',
+			'svelte/internal',
+			'svelte/store',
+			'svelte/animate',
+			'svelte/easing',
+			'svelte/motion',
+			'svelte/transition',
+		],
+		ssrExternal: [],
+		ssrNoExternal: ['svelte', 'svelte/server', 'svelte/internal', 'svelte/store'],
+		requiresPlugin: true,
+		pluginPackage: '@sveltejs/vite-plugin-svelte',
+	},
+
+	react: {
+		name: 'react',
+		extensions: ['.jsx', '.tsx'],
+		optimizeDeps: [
+			'react',
+			'react/jsx-runtime',
+			'react/jsx-dev-runtime',
+			'react-dom',
+			'react-dom/client',
+		],
+		ssrExternal: [],
+		ssrNoExternal: ['react', 'react-dom', 'react-dom/server'],
+		requiresPlugin: true,
+		pluginPackage: '@vitejs/plugin-react',
+	},
+
+	lit: {
+		name: 'lit',
+		extensions: ['.ts', '.js'],
+		optimizeDeps: [
+			'lit',
+			'lit/decorators.js',
+			'lit/directives/class-map.js',
+			'lit/directives/style-map.js',
+			'@lit/reactive-element',
+		],
+		ssrExternal: [],
+		ssrNoExternal: ['lit', '@lit-labs/ssr', '@lit/reactive-element', 'lit-html'],
+		requiresPlugin: false,
+	},
+};
+
+/**
+ * Get build configuration for a specific integration
+ */
+export function getIntegrationBuildConfig(framework: string) {
+	return INTEGRATION_BUILD_CONFIGS[framework];
+}
+
+/**
+ * Get all optimize deps for given integrations
+ */
+export function getOptimizeDepsForIntegrations(integrations: string[]) {
+	const deps = new Set<string>();
+	
+	for (const integration of integrations) {
+		const config = INTEGRATION_BUILD_CONFIGS[integration];
+		if (config) {
+			config.optimizeDeps.forEach(dep => deps.add(dep));
+		}
+	}
+	
+	return Array.from(deps);
+}
+
+/**
+ * Get SSR noExternal packages for given integrations
+ */
+export function getSSRNoExternalForIntegrations(integrations: string[]) {
+	const packages = new Set<string>();
+	
+	for (const integration of integrations) {
+		const config = INTEGRATION_BUILD_CONFIGS[integration];
+		if (config) {
+			config.ssrNoExternal.forEach(pkg => packages.add(pkg));
+		}
+	}
+	
+	return Array.from(packages);
+}
+
+/**
+ * Check if an integration requires a Vite plugin
+ */
+export function integrationRequiresPlugin(framework: string) {
+	const config = INTEGRATION_BUILD_CONFIGS[framework];
+	return config?.requiresPlugin ?? false;
+}
+
+/**
+ * Get plugin package name for an integration
+ */
+export function getIntegrationPluginPackage(framework: string) {
+	const config = INTEGRATION_BUILD_CONFIGS[framework];
+	return config?.pluginPackage;
+}