vite-plugin-solid-oxc 0.1.0-alpha.5

package/dist/index.d.mts

@@ -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.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,203 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => solidOxc,
+  solidOxc: () => solidOxc
+});
+module.exports = __toCommonJS(index_exports);
+var import_vite = require("vite");
+var import_path = require("path");
+var import_fs = require("fs");
+var isVite6 = +import_vite.version.split(".")[0] >= 6;
+var SOLID_PACKAGES_WITH_JSX = {
+  "solid-markdown": "dist/dev.js"
+};
+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 = (0, import_vite.createFilter)(opts.include, opts.exclude);
+  let isDev = false;
+  let isSSR = false;
+  let replaceDev = false;
+  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: {
+          // Let our plugin handle JSX, not esbuild
+          jsx: "preserve",
+          jsxImportSource: "solid-js"
+        },
+        resolve: resolveConfig
+      };
+    },
+    // @ts-ignore This hook only works in Vite 6+
+    async configEnvironment(name, config, env) {
+      if (!isVite6) {
+        return;
+      }
+      config.resolve ?? (config.resolve = {});
+      if (config.resolve.conditions == null) {
+        const { defaultClientConditions, defaultServerConditions } = await import("vite");
+        if (config.consumer === "client" || name === "client" || env.isSsrTargetWebworker) {
+          config.resolve.conditions = [...defaultClientConditions];
+        } else {
+          config.resolve.conditions = [...defaultServerConditions];
+        }
+      }
+      const extraConditions = ["solid", ...replaceDev ? ["development"] : []];
+      const currentConditions = config.resolve.conditions;
+      const prepend = [];
+      for (const condition of extraConditions) {
+        if (!currentConditions.includes(condition)) {
+          prepend.push(condition);
+        }
+      }
+      config.resolve.conditions = [...prepend, ...currentConditions];
+      const dedupe = Array.isArray(config.resolve.dedupe) ? config.resolve.dedupe : [];
+      const nextDedupe = [...dedupe];
+      for (const pkg of ["solid-js", "solid-js/web"]) {
+        if (!nextDedupe.includes(pkg)) {
+          nextDedupe.push(pkg);
+        }
+      }
+      config.resolve.dedupe = nextDedupe;
+    },
+    configResolved(config) {
+      isDev = config.command === "serve";
+      isSSR = opts.ssr ?? (typeof config.build?.ssr === "boolean" ? config.build.ssr : !!config.build?.ssr);
+    },
+    resolveId(source, importer) {
+      const redirect = SOLID_PACKAGES_WITH_JSX[source];
+      if (redirect && importer && !importer.includes("node_modules/.vite")) {
+        try {
+          let dir = (0, import_path.dirname)(importer);
+          while (dir !== "/") {
+            const nmPath = (0, import_path.resolve)(dir, "node_modules", source, "package.json");
+            if ((0, import_fs.existsSync)(nmPath)) {
+              const pkgDir = (0, import_path.dirname)(nmPath);
+              const targetPath = (0, import_path.resolve)(pkgDir, redirect);
+              if ((0, import_fs.existsSync)(targetPath)) {
+                return targetPath;
+              }
+            }
+            dir = (0, import_path.dirname)(dir);
+          }
+        } catch {
+        }
+      }
+      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) {
+          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;
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  solidOxc
+});

package/dist/index.mjs

@@ -0,0 +1,168 @@
+// src/index.ts
+import { createFilter, version } from "vite";
+import { resolve, dirname } from "path";
+import { existsSync } from "fs";
+var isVite6 = +version.split(".")[0] >= 6;
+var SOLID_PACKAGES_WITH_JSX = {
+  "solid-markdown": "dist/dev.js"
+};
+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 replaceDev = false;
+  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: {
+          // Let our plugin handle JSX, not esbuild
+          jsx: "preserve",
+          jsxImportSource: "solid-js"
+        },
+        resolve: resolveConfig
+      };
+    },
+    // @ts-ignore This hook only works in Vite 6+
+    async configEnvironment(name, config, env) {
+      if (!isVite6) {
+        return;
+      }
+      config.resolve ?? (config.resolve = {});
+      if (config.resolve.conditions == null) {
+        const { defaultClientConditions, defaultServerConditions } = await import("vite");
+        if (config.consumer === "client" || name === "client" || env.isSsrTargetWebworker) {
+          config.resolve.conditions = [...defaultClientConditions];
+        } else {
+          config.resolve.conditions = [...defaultServerConditions];
+        }
+      }
+      const extraConditions = ["solid", ...replaceDev ? ["development"] : []];
+      const currentConditions = config.resolve.conditions;
+      const prepend = [];
+      for (const condition of extraConditions) {
+        if (!currentConditions.includes(condition)) {
+          prepend.push(condition);
+        }
+      }
+      config.resolve.conditions = [...prepend, ...currentConditions];
+      const dedupe = Array.isArray(config.resolve.dedupe) ? config.resolve.dedupe : [];
+      const nextDedupe = [...dedupe];
+      for (const pkg of ["solid-js", "solid-js/web"]) {
+        if (!nextDedupe.includes(pkg)) {
+          nextDedupe.push(pkg);
+        }
+      }
+      config.resolve.dedupe = nextDedupe;
+    },
+    configResolved(config) {
+      isDev = config.command === "serve";
+      isSSR = opts.ssr ?? (typeof config.build?.ssr === "boolean" ? config.build.ssr : !!config.build?.ssr);
+    },
+    resolveId(source, importer) {
+      const redirect = SOLID_PACKAGES_WITH_JSX[source];
+      if (redirect && importer && !importer.includes("node_modules/.vite")) {
+        try {
+          let dir = dirname(importer);
+          while (dir !== "/") {
+            const nmPath = resolve(dir, "node_modules", source, "package.json");
+            if (existsSync(nmPath)) {
+              const pkgDir = dirname(nmPath);
+              const targetPath = resolve(pkgDir, redirect);
+              if (existsSync(targetPath)) {
+                return targetPath;
+              }
+            }
+            dir = dirname(dir);
+          }
+        } catch {
+        }
+      }
+      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) {
+          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;
+      }
+    }
+  };
+}
+export {
+  solidOxc as default,
+  solidOxc
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "vite-plugin-solid-oxc",
+  "version": "0.1.0-alpha.5",
+  "description": "Vite plugin for SolidJS using OXC-based compiler",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  },
+  "keywords": [
+    "vite",
+    "vite-plugin",
+    "solid",
+    "solidjs",
+    "jsx",
+    "oxc",
+    "rolldown"
+  ],
+  "author": "SolidJS Contributors",
+  "license": "MIT",
+  "peerDependencies": {
+    "solid-jsx-oxc": "*",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
+  }
+}