@tsrx/vite-plugin-preact 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Dominic Gannaway
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@tsrx/vite-plugin-preact",
+  "description": "Vite plugin for @tsrx/preact (.tsrx modules)",
+  "license": "MIT",
+  "author": "Dominic Gannaway",
+  "version": "0.0.2",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Ripple-TS/ripple.git",
+    "directory": "packages/vite-plugin-preact"
+  },
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./src/index.js"
+    }
+  },
+  "dependencies": {
+    "@tsrx/preact": "0.0.2"
+  },
+  "peerDependencies": {
+    "vite": "*"
+  },
+  "devDependencies": {
+    "preact": "^10.27.0",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.0"
+  },
+  "files": [
+    "src",
+    "types"
+  ]
+}

package/src/index.js

@@ -0,0 +1,75 @@
+/** @import { Plugin } from 'vite' */
+
+import { transformWithOxc } from 'vite';
+import { compile } from '@tsrx/preact';
+
+const TSRX_EXTENSION_PATTERN = /\.tsrx$/;
+const CSS_QUERY = '?tsrx-css&lang.css';
+
+/**
+ * Vite plugin for `.tsrx` files that compiles them via `@tsrx/preact` and then
+ * runs esbuild's JSX transform so the final output calls Preact's automatic
+ * `jsx-runtime`. Per-component `<style>` blocks are emitted as virtual CSS
+ * modules that are imported by the compiled JS output.
+ *
+ * @param {{
+ *   jsxImportSource?: string,
+ *   suspenseSource?: string,
+ * }} [options]
+ * @returns {Plugin}
+ */
+export function tsrxPreact(options = {}) {
+	const jsxImportSource = options.jsxImportSource ?? 'preact';
+	const compile_options = {
+		suspenseSource: options.suspenseSource,
+	};
+
+	/** @type {Map<string, string>} */
+	const css_cache = new Map();
+
+	return {
+		name: '@tsrx/vite-plugin-preact',
+		enforce: 'pre',
+
+		resolveId(source) {
+			if (!source.includes(CSS_QUERY)) return null;
+			if (source.startsWith('\0')) return source;
+			return '\0' + source;
+		},
+
+		load(id) {
+			if (!id.startsWith('\0') || !id.includes(CSS_QUERY)) return null;
+			const key = id.slice(1).split('?')[0];
+			const css = css_cache.get(key);
+			return css ?? '';
+		},
+
+		async transform(code, id) {
+			if (!TSRX_EXTENSION_PATTERN.test(id)) return null;
+
+			const { code: tsx_code, css } = compile(code, id, compile_options);
+
+			let source = tsx_code;
+			if (css) {
+				css_cache.set(id, css.code);
+				source = `import ${JSON.stringify(id + CSS_QUERY)};\n${tsx_code}`;
+			} else {
+				css_cache.delete(id);
+			}
+
+			const result = await transformWithOxc(source, id, {
+				lang: 'tsx',
+				sourcemap: true,
+				jsx: {
+					runtime: 'automatic',
+					importSource: jsxImportSource,
+				},
+				target: 'esnext',
+			});
+
+			return { code: result.code, map: result.map };
+		},
+	};
+}
+
+export default tsrxPreact;

package/types/index.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from 'vite';
+
+export interface TsrxPreactPluginOptions {
+	jsxImportSource?: string;
+	suspenseSource?: string;
+}
+
+export function tsrxPreact(options?: TsrxPreactPluginOptions): Plugin;
+export default tsrxPreact;