vite-plugin-solid-oxc 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/index.d.ts

@@ -0,0 +1,70 @@
+import { FilterPattern, Plugin } from 'vite';
+export { Plugin } from 'vite';
+
+interface SolidOxcOptions {
+    /**
+     * Filter which files to transform
+     * @default /\.[jt]sx$/
+     */
+    include?: FilterPattern;
+    /**
+     * Filter which files to exclude
+     * @default /node_modules/
+     */
+    exclude?: FilterPattern;
+    /**
+     * The module to import runtime helpers from
+     * @default 'solid-js/web'
+     */
+    module_name?: string;
+    /**
+     * Generate mode
+     * @default 'dom'
+     */
+    generate?: 'dom' | 'ssr' | 'universal';
+    /**
+     * Enable hydration support
+     * @default false
+     */
+    hydratable?: boolean;
+    /**
+     * Delegate events for better performance
+     * @default true
+     */
+    delegate_events?: boolean;
+    /**
+     * Wrap conditionals in memos
+     * @default true
+     */
+    wrap_conditionals?: boolean;
+    /**
+     * Pass context to custom elements
+     * @default true
+     */
+    context_to_custom_elements?: boolean;
+    /**
+     * Built-in components that should be passed through
+     */
+    builtIns?: string[];
+    /**
+     * Enable SSR mode (shorthand for generate: 'ssr')
+     * @default false
+     */
+    ssr?: boolean;
+    /**
+     * Dev mode - enables additional debugging
+     * @default based on vite mode
+     */
+    dev?: boolean;
+    /**
+     * Hot module replacement
+     * @default true in dev mode
+     */
+    hot?: boolean;
+}
+/**
+ * Vite plugin for SolidJS using OXC-based compiler
+ */
+declare function solidOxc(options?: SolidOxcOptions): Plugin;
+
+export { type SolidOxcOptions, solidOxc as default, solidOxc };

package/dist/index.js

@@ -0,0 +1,105 @@
+// src/index.ts
+import { createFilter } from "vite";
+var defaultOptions = {
+  include: /\.[jt]sx$/,
+  exclude: /node_modules/,
+  module_name: "solid-js/web",
+  generate: "dom",
+  hydratable: false,
+  delegate_events: true,
+  wrap_conditionals: true,
+  context_to_custom_elements: true,
+  builtIns: [
+    "For",
+    "Show",
+    "Switch",
+    "Match",
+    "Suspense",
+    "SuspenseList",
+    "Portal",
+    "Index",
+    "Dynamic",
+    "ErrorBoundary"
+  ]
+};
+function solidOxc(options = {}) {
+  const opts = { ...defaultOptions, ...options };
+  const filter = createFilter(opts.include, opts.exclude);
+  let isDev = false;
+  let isSSR = false;
+  let solidJsxOxc = null;
+  return {
+    name: "vite-plugin-solid-oxc",
+    enforce: "pre",
+    configResolved(config) {
+      isDev = config.command === "serve";
+      isSSR = opts.ssr ?? (typeof config.build?.ssr === "boolean" ? config.build.ssr : !!config.build?.ssr);
+    },
+    async buildStart() {
+      try {
+        solidJsxOxc = await import("solid-jsx-oxc");
+      } catch (e) {
+        this.error(
+          "Failed to load solid-jsx-oxc. Make sure it is built for your platform.\nRun: cd packages/solid-jsx-oxc && npm run build"
+        );
+      }
+    },
+    async transform(code, id) {
+      const fileId = id.split("?", 1)[0];
+      if (!filter(fileId)) {
+        return null;
+      }
+      if (!solidJsxOxc) {
+        this.error("solid-jsx-oxc module not loaded");
+        return null;
+      }
+      const generate = isSSR ? "ssr" : opts.generate;
+      try {
+        const result = solidJsxOxc.transformJsx(code, {
+          filename: fileId,
+          moduleName: opts.module_name,
+          generate,
+          hydratable: opts.hydratable,
+          delegateEvents: opts.delegate_events,
+          wrapConditionals: opts.wrap_conditionals,
+          contextToCustomElements: opts.context_to_custom_elements,
+          sourceMap: true
+        });
+        if (isDev && opts.hot !== false) {
+          const hotCode = `
+if (import.meta.hot) {
+  import.meta.hot.accept();
+}
+`;
+          result.code = result.code + hotCode;
+        }
+        return {
+          code: result.code,
+          map: result.map ? JSON.parse(result.map) : null
+        };
+      } catch (e) {
+        const message = e instanceof Error ? e.message : String(e);
+        this.error(`Failed to transform ${id}: ${message}`);
+        return null;
+      }
+    },
+    // Handle Solid's JSX types
+    config() {
+      return {
+        esbuild: {
+          // Let our plugin handle JSX, not esbuild
+          jsx: "preserve",
+          jsxImportSource: "solid-js"
+        },
+        resolve: {
+          conditions: ["solid"],
+          dedupe: ["solid-js", "solid-js/web"]
+        }
+      };
+    }
+  };
+}
+export {
+  solidOxc as default,
+  solidOxc
+};

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "vite-plugin-solid-oxc",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.9",
   "description": "Vite plugin for SolidJS using OXC-based compiler",
   "type": "module",
-  "main": "dist/index.mjs",
-  "types": "dist/index.d.mts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
-      "default": "./dist/index.mjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsdown src/index.ts --format esm --dts",
-    "dev": "tsdown src/index.ts --format esm --dts --watch"
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --dts --watch"
   },
   "keywords": [
     "vite",
@@ -34,12 +35,9 @@
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "devDependencies": {
-    "@types/node": "^22.0.0",
-    "tsdown": "^0.19.0",
-    "typescript": "^5.9.0",
-    "vite": "^7.0.0"
-  },
-  "engines": {
-    "node": ">= 22"
+    "@types/node": "^20.0.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
   }
 }

package/dist/index.d.mts

@@ -1,77 +0,0 @@
-import { FilterPattern, Plugin } from "vite";
-
-//#region src/index.d.ts
-interface SolidOxcOptions {
-  /**
-   * Filter which files to transform
-   * @default /\.[jt]sx$/
-   */
-  include?: FilterPattern;
-  /**
-   * Filter which files to exclude
-   * @default /node_modules/
-   */
-  exclude?: FilterPattern;
-  /**
-   * The module to import runtime helpers from
-   * @default 'solid-js/web'
-   */
-  module_name?: string;
-  /**
-   * Generate mode
-   * @default 'dom'
-   */
-  generate?: 'dom' | 'ssr' | 'universal';
-  /**
-   * Enable hydration support
-   * @default false
-   */
-  hydratable?: boolean;
-  /**
-   * Delegate events for better performance
-   * @default true
-   */
-  delegate_events?: boolean;
-  /**
-   * Wrap conditionals in memos
-   * @default true
-   */
-  wrap_conditionals?: boolean;
-  /**
-   * Pass context to custom elements
-   * @default true
-   */
-  context_to_custom_elements?: boolean;
-  /**
-   * Built-in components that should be passed through
-   */
-  builtIns?: string[];
-  /**
-   * Enable SSR mode (shorthand for generate: 'ssr')
-   * @default false
-   */
-  ssr?: boolean;
-  /**
-   * Dev mode - enables additional debugging
-   * @default based on vite mode
-   */
-  dev?: boolean;
-  /**
-   * Hot module replacement
-   * @default true in dev mode
-   */
-  hot?: boolean;
-  /**
-   * Redirect packages that ship JSX under "solid" condition to pre-compiled JS.
-   * Keys are package names, values are paths relative to the package root.
-   * Set to `false` to disable all redirects, or provide your own map.
-   * @default { 'solid-markdown': 'dist/dev.js' }
-   */
-  jsxPackageRedirects?: Record<string, string> | false;
-}
-/**
- * Vite plugin for SolidJS using OXC-based compiler
- */
-declare function solidOxc(options?: SolidOxcOptions): Plugin;
-//#endregion
-export { type Plugin, SolidOxcOptions, solidOxc as default, solidOxc };

package/dist/index.mjs

@@ -1,170 +0,0 @@
-import { createFilter, version } from "vite";
-import { dirname, resolve } from "path";
-import { existsSync } from "fs";
-
-//#region src/index.ts
-const isVite6 = +version.split(".")[0] >= 6;
-/**
-* Default packages that ship JSX under "solid" condition but also have pre-compiled JS.
-* We redirect these to their pre-compiled versions to avoid needing to transform node_modules.
-*/
-const DEFAULT_JSX_PACKAGE_REDIRECTS = {
-	"solid-markdown": "dist/dev.js",
-	"@corvu/resizable": "dist/index.js"
-};
-const defaultOptions = {
-	include: /\.[jt]sx$/,
-	exclude: /node_modules/,
-	module_name: "solid-js/web",
-	generate: "dom",
-	hydratable: false,
-	delegate_events: true,
-	wrap_conditionals: true,
-	context_to_custom_elements: true,
-	builtIns: [...[
-		"For",
-		"Show",
-		"Switch",
-		"Match",
-		"Suspense",
-		"SuspenseList",
-		"Portal",
-		"Index",
-		"Dynamic",
-		"ErrorBoundary"
-	]]
-};
-/**
-* Vite plugin for SolidJS using OXC-based compiler
-*/
-function solidOxc(options = {}) {
-	const opts = {
-		...defaultOptions,
-		...options
-	};
-	const filter = createFilter(opts.include, opts.exclude);
-	let isDev = false;
-	let isSSR = false;
-	let replaceDev = false;
-	let viteRoot = process.cwd();
-	const resolveRedirectTarget = (pkgName, redirectPath) => {
-		let dir = viteRoot;
-		while (true) {
-			const pkgJsonPath = resolve(dir, "node_modules", pkgName, "package.json");
-			if (existsSync(pkgJsonPath)) {
-				const targetPath = resolve(dirname(pkgJsonPath), redirectPath);
-				return existsSync(targetPath) ? targetPath : null;
-			}
-			const parentDir = dirname(dir);
-			if (parentDir === dir) break;
-			dir = parentDir;
-		}
-		return null;
-	};
-	const resolveCorvuRedirect = (source) => {
-		if (!source.startsWith("@corvu/")) return null;
-		const parts = source.split("/");
-		if (parts.length < 2) return null;
-		const pkgName = parts.slice(0, 2).join("/");
-		const subpath = parts.slice(2).join("/");
-		if (!subpath) return resolveRedirectTarget(pkgName, "dist/index.js");
-		const candidates = [`dist/${subpath}/index.js`, `dist/${subpath}.js`];
-		for (const candidate of candidates) {
-			const targetPath = resolveRedirectTarget(pkgName, candidate);
-			if (targetPath) return targetPath;
-		}
-		return null;
-	};
-	let solidJsxOxc = null;
-	return {
-		name: "vite-plugin-solid-oxc",
-		enforce: "pre",
-		config(_userConfig, env) {
-			replaceDev = env.command === "serve";
-			const resolveConfig = { dedupe: ["solid-js", "solid-js/web"] };
-			if (!isVite6) resolveConfig.conditions = ["solid", ...replaceDev ? ["development"] : []];
-			return {
-				esbuild: {
-					jsx: "preserve",
-					jsxImportSource: "solid-js"
-				},
-				resolve: resolveConfig
-			};
-		},
-		async configEnvironment(name, config, env) {
-			if (!isVite6) return;
-			config.resolve ??= {};
-			if (config.resolve.conditions == null) {
-				const { defaultClientConditions, defaultServerConditions } = await import("vite");
-				const isClient = config.consumer === "client" || name === "client" || env.isSsrTargetWebworker;
-				config.resolve.conditions = [...isClient ? defaultClientConditions : defaultServerConditions];
-			}
-			const missingConditions = ["solid", ...replaceDev ? ["development"] : []].filter((c) => !config.resolve.conditions.includes(c));
-			config.resolve.conditions = [...missingConditions, ...config.resolve.conditions];
-			const dedupe = Array.isArray(config.resolve.dedupe) ? config.resolve.dedupe : [];
-			const packagesToDedupe = ["solid-js", "solid-js/web"].filter((pkg) => !dedupe.includes(pkg));
-			config.resolve.dedupe = [...dedupe, ...packagesToDedupe];
-		},
-		configResolved(config) {
-			isDev = config.command === "serve";
-			isSSR = opts.ssr ?? (typeof config.build?.ssr === "boolean" ? config.build.ssr : !!config.build?.ssr);
-			viteRoot = resolve(config.root);
-		},
-		resolveId(source, importer) {
-			if (opts.jsxPackageRedirects === false) return null;
-			const redirect = (opts.jsxPackageRedirects ?? DEFAULT_JSX_PACKAGE_REDIRECTS)[source];
-			if (importer && importer.includes("node_modules/.vite")) return null;
-			if (redirect) {
-				const targetPath = resolveRedirectTarget(source, redirect);
-				if (targetPath) return targetPath;
-			}
-			const corvuTarget = resolveCorvuRedirect(source);
-			if (corvuTarget) return corvuTarget;
-			return null;
-		},
-		async buildStart() {
-			try {
-				solidJsxOxc = await import("solid-jsx-oxc");
-			} catch (e) {
-				this.error("Failed to load solid-jsx-oxc. Make sure it is built for your platform.\\nRun: cd packages/solid-jsx-oxc && npm run build");
-			}
-		},
-		async transform(code, id) {
-			const fileId = id.split("?", 1)[0];
-			if (!filter(fileId)) return null;
-			if (!solidJsxOxc) {
-				this.error("solid-jsx-oxc module not loaded");
-				return null;
-			}
-			const generate = isSSR ? "ssr" : opts.generate;
-			try {
-				const result = solidJsxOxc.transformJsx(code, {
-					filename: fileId,
-					module_name: opts.module_name,
-					generate,
-					hydratable: opts.hydratable,
-					delegate_events: opts.delegate_events,
-					wrap_conditionals: opts.wrap_conditionals,
-					context_to_custom_elements: opts.context_to_custom_elements,
-					source_map: true
-				});
-				if (isDev && opts.hot !== false) result.code = result.code + `
-if (import.meta.hot) {
-  import.meta.hot.accept();
-}
-`;
-				return {
-					code: result.code,
-					map: result.map ? JSON.parse(result.map) : null
-				};
-			} catch (e) {
-				const message = e instanceof Error ? e.message : String(e);
-				this.error(`Failed to transform ${id}: ${message}`);
-				return null;
-			}
-		}
-	};
-}
-
-//#endregion
-export { solidOxc as default, solidOxc };