@buenojs/bueno 0.8.0

package/src/frontend/frameworks/react.ts

@@ -0,0 +1,85 @@
+/**
+ * React Framework Build Configuration
+ *
+ * Provides build configuration specific to React applications,
+ * including JSX runtime, automatic import handling, and React-specific defines.
+ */
+
+import type { FrameworkBuildConfig, BuildPlugin } from "../types.js";
+
+/**
+ * React-specific build plugins
+ */
+const reactPlugins: BuildPlugin[] = [];
+
+/**
+ * Get React framework build configuration
+ */
+export function getReactBuildConfig(): FrameworkBuildConfig {
+	return {
+		// React 17+ automatic JSX runtime
+		jsxRuntime: "automatic",
+		jsxImportSource: "react",
+		
+		// React-specific file extensions
+		extensions: [".jsx", ".tsx", ".js", ".ts"],
+		
+		// React-specific plugins
+		plugins: reactPlugins,
+		
+		// React-specific global defines
+		define: {
+			// Enable React production mode in production builds
+			"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
+		},
+		
+		// External dependencies (should not be bundled in library mode)
+		external: [],
+		
+		// Loader configurations for React files
+		loaders: {
+			".jsx": "jsx",
+			".tsx": "tsx",
+		},
+	};
+}
+
+/**
+ * Check if a file is a React component
+ */
+export function isReactComponent(filePath: string): boolean {
+	return /\.(jsx|tsx)$/.test(filePath);
+}
+
+/**
+ * Get React refresh preamble for development
+ */
+export function getReactRefreshPreamble(): string {
+	return `
+import RefreshRuntime from 'react-refresh/runtime';
+RefreshRuntime.injectIntoGlobalHook(window);
+window.$RefreshReg$ = () => {};
+window.$RefreshSig$ = () => (type) => type;
+`;
+}
+
+/**
+ * React framework metadata
+ */
+export const reactFrameworkMeta: {
+	name: "react";
+	displayName: string;
+	fileExtensions: string[];
+	componentExtensions: string[];
+	needsRefreshRuntime: boolean;
+	supportsHMR: boolean;
+	supportsSSR: boolean;
+} = {
+	name: "react",
+	displayName: "React",
+	fileExtensions: [".jsx", ".tsx"],
+	componentExtensions: [".jsx", ".tsx"],
+	needsRefreshRuntime: true,
+	supportsHMR: true,
+	supportsSSR: true,
+};

package/src/frontend/frameworks/solid.ts

@@ -0,0 +1,104 @@
+/**
+ * Solid Framework Build Configuration
+ *
+ * Provides build configuration specific to Solid applications,
+ * including Solid JSX transforms and Solid-specific optimizations.
+ */
+
+import type { FrameworkBuildConfig, BuildPlugin } from "../types.js";
+
+/**
+ * Solid-specific build plugins
+ */
+const solidPlugins: BuildPlugin[] = [];
+
+/**
+ * Get Solid framework build configuration
+ */
+export function getSolidBuildConfig(): FrameworkBuildConfig {
+	return {
+		// Solid uses automatic JSX runtime with solid-js
+		jsxRuntime: "automatic",
+		jsxImportSource: "solid-js",
+		
+		// Solid-specific file extensions
+		extensions: [".jsx", ".tsx", ".js", ".ts"],
+		
+		// Solid-specific plugins
+		plugins: solidPlugins,
+		
+		// Solid-specific global defines
+		define: {
+			// Solid production mode
+			"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
+			// Solid-specific flags
+			"DEV": JSON.stringify(process.env.NODE_ENV !== "production"),
+		},
+		
+		// External dependencies
+		external: [],
+		
+		// Loader configurations for Solid files
+		loaders: {
+			".jsx": "jsx",
+			".tsx": "tsx",
+		},
+	};
+}
+
+/**
+ * Check if a file is a Solid component
+ */
+export function isSolidComponent(filePath: string): boolean {
+	return /\.(jsx|tsx)$/.test(filePath);
+}
+
+/**
+ * Get Solid refresh preamble for development
+ * Solid uses a different HMR mechanism than React
+ */
+export function getSolidRefreshPreamble(): string {
+	return `
+// Solid HMR is handled by solid-refresh
+import { setHmr as setSolidHmr } from 'solid-js/web';
+if (import.meta.hot) {
+  setSolidHmr(true);
+}
+`;
+}
+
+/**
+ * Solid babel-like transform options
+ * For use with custom build configurations
+ */
+export function getSolidTransformOptions() {
+	return {
+		// Solid generates DOM elements
+		generate: "dom" as const,
+		// Enable hydration
+		hydratable: true,
+		// Compile time solid-js imports
+		runtime: "solid-js/web" as const,
+	};
+}
+
+/**
+ * Solid framework metadata
+ */
+export const solidFrameworkMeta: {
+	name: "solid";
+	displayName: string;
+	fileExtensions: string[];
+	componentExtensions: string[];
+	needsRefreshRuntime: boolean;
+	supportsHMR: boolean;
+	supportsSSR: boolean;
+} = {
+	name: "solid",
+	displayName: "Solid",
+	fileExtensions: [".jsx", ".tsx"],
+	componentExtensions: [".jsx", ".tsx"],
+	needsRefreshRuntime: true,
+	supportsHMR: true,
+	supportsSSR: true,
+};

package/src/frontend/frameworks/svelte.ts

@@ -0,0 +1,110 @@
+/**
+ * Svelte Framework Build Configuration
+ *
+ * Provides build configuration specific to Svelte applications,
+ * including Svelte SFC support and Svelte-specific preprocessing.
+ */
+
+import type { FrameworkBuildConfig, BuildPlugin } from "../types.js";
+
+/**
+ * Svelte-specific build plugins
+ * Note: Svelte compilation requires svelte-preprocess
+ */
+const sveltePlugins: BuildPlugin[] = [];
+
+/**
+ * Get Svelte framework build configuration
+ */
+export function getSvelteBuildConfig(): FrameworkBuildConfig {
+	return {
+		// Svelte doesn't use JSX runtime in the traditional sense
+		jsxRuntime: "classic",
+		
+		// Svelte-specific file extensions
+		extensions: [".svelte", ".js", ".ts"],
+		
+		// Svelte-specific plugins
+		plugins: sveltePlugins,
+		
+		// Svelte-specific global defines
+		define: {
+			// Svelte production mode
+			"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
+		},
+		
+		// External dependencies
+		external: [],
+		
+		// Loader configurations for Svelte files
+		loaders: {
+			".svelte": "js", // Svelte SFCs are compiled to JS
+		},
+	};
+}
+
+/**
+ * Check if a file is a Svelte component
+ */
+export function isSvelteComponent(filePath: string): boolean {
+	return /\.svelte$/.test(filePath);
+}
+
+/**
+ * Get Svelte preprocessor configuration
+ * Returns configuration for svelte-preprocess
+ */
+export function getSveltePreprocessConfig() {
+	return {
+		typescript: {
+			compilerOptions: {
+				// Enable TypeScript in Svelte files
+				allowJs: true,
+				checkJs: false,
+			},
+		},
+		postcss: true,
+		scss: {
+			prependData: "",
+		},
+	};
+}
+
+/**
+ * Svelte compiler options
+ */
+export function getSvelteCompilerOptions() {
+	return {
+		// Enable CSS hashing for scoped styles
+		cssHash: ({ hash, css, name }: { hash: (s: string) => string; css: string; name: string }) => {
+			return `svelte-${hash(css)}-${name}`;
+		},
+		// Generate SSR-friendly code
+		generate: "dom" as const,
+		// Enable hydration
+		hydratable: true,
+		// Preserve whitespace in development
+		preserveWhitespace: process.env.NODE_ENV !== "production",
+	};
+}
+
+/**
+ * Svelte framework metadata
+ */
+export const svelteFrameworkMeta: {
+	name: "svelte";
+	displayName: string;
+	fileExtensions: string[];
+	componentExtensions: string[];
+	needsRefreshRuntime: boolean;
+	supportsHMR: boolean;
+	supportsSSR: boolean;
+} = {
+	name: "svelte",
+	displayName: "Svelte",
+	fileExtensions: [".svelte"],
+	componentExtensions: [".svelte"],
+	needsRefreshRuntime: false, // Svelte has built-in HMR
+	supportsHMR: true,
+	supportsSSR: true,
+};

package/src/frontend/frameworks/vue.ts

@@ -0,0 +1,92 @@
+/**
+ * Vue Framework Build Configuration
+ *
+ * Provides build configuration specific to Vue applications,
+ * including Vue SFC support, JSX configuration, and Vue-specific defines.
+ */
+
+import type { FrameworkBuildConfig, BuildPlugin } from "../types.js";
+
+/**
+ * Vue-specific build plugins
+ * Note: Vue SFC compilation is handled by Bun's built-in support
+ */
+const vuePlugins: BuildPlugin[] = [];
+
+/**
+ * Get Vue framework build configuration
+ */
+export function getVueBuildConfig(): FrameworkBuildConfig {
+	return {
+		// Vue uses classic JSX runtime
+		jsxRuntime: "classic",
+		
+		// Vue-specific file extensions
+		extensions: [".vue", ".jsx", ".tsx", ".js", ".ts"],
+		
+		// Vue-specific plugins
+		plugins: vuePlugins,
+		
+		// Vue-specific global defines
+		define: {
+			// Vue production mode flag
+			"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
+			// Vue 3 specific features
+			"__VUE_OPTIONS_API__": "true",
+			"__VUE_PROD_DEVTOOLS__": "false",
+			"__VUE_PROD_HYDRATION_MISMATCH_DETAILS__": "false",
+		},
+		
+		// External dependencies
+		external: [],
+		
+		// Loader configurations for Vue files
+		loaders: {
+			".vue": "js", // Vue SFCs are compiled to JS
+			".jsx": "jsx",
+			".tsx": "tsx",
+		},
+	};
+}
+
+/**
+ * Check if a file is a Vue component
+ */
+export function isVueComponent(filePath: string): boolean {
+	return /\.vue$/.test(filePath);
+}
+
+/**
+ * Check if a file uses Vue JSX
+ */
+export function isVueJsx(filePath: string): boolean {
+	return /\.(j|t)sx$/.test(filePath);
+}
+
+/**
+ * Get Vue SFC block types
+ */
+export function getVueBlockTypes(): string[] {
+	return ["template", "script", "style", "customBlocks"];
+}
+
+/**
+ * Vue framework metadata
+ */
+export const vueFrameworkMeta: {
+	name: "vue";
+	displayName: string;
+	fileExtensions: string[];
+	componentExtensions: string[];
+	needsRefreshRuntime: boolean;
+	supportsHMR: boolean;
+	supportsSSR: boolean;
+} = {
+	name: "vue",
+	displayName: "Vue",
+	fileExtensions: [".vue", ".jsx", ".tsx"],
+	componentExtensions: [".vue"],
+	needsRefreshRuntime: false, // Vue has built-in HMR
+	supportsHMR: true,
+	supportsSSR: true,
+};