@tsrx/bun-plugin-solid 0.0.1

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/README.md

@@ -0,0 +1,40 @@
+# @tsrx/bun-plugin-solid
+
+Bun plugin for compiling `@tsrx/solid` `.tsrx` files.
+
+## Installation
+
+```bash
+pnpm add @tsrx/solid solid-js @solidjs/web
+pnpm add -D @tsrx/bun-plugin-solid
+```
+
+## Usage
+
+```ts
+import tsrxSolid from '@tsrx/bun-plugin-solid';
+
+await Bun.build({
+  entrypoints: ['./src/App.tsrx'],
+  outdir: './dist',
+  target: 'browser',
+  plugins: [tsrxSolid()],
+});
+```
+
+The plugin compiles `.tsrx` modules with `@tsrx/solid`, runs Solid's JSX transform
+through Babel, and emits component-local `<style>` blocks as virtual CSS modules.
+
+For `bun:test`, register it from a preload:
+
+```ts
+import tsrxSolid from '@tsrx/bun-plugin-solid';
+
+Bun.plugin(tsrxSolid());
+```
+
+## Options
+
+- `solid`: options forwarded to `babel-preset-solid`.
+- `emitCss`: whether to emit virtual CSS imports (default: `true`).
+- `include`, `exclude`: regex filters for source files.

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@tsrx/bun-plugin-solid",
+  "description": "Bun plugin for @tsrx/solid (.tsrx modules)",
+  "license": "MIT",
+  "author": "Dominic Gannaway",
+  "version": "0.0.1",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Ripple-TS/ripple.git",
+    "directory": "packages/bun-plugin-solid"
+  },
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "default": "./src/index.js"
+    }
+  },
+  "dependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-typescript": "^7.28.5",
+    "babel-preset-solid": "2.0.0-beta.11",
+    "@tsrx/solid": "0.1.7"
+  },
+  "peerDependencies": {
+    "@solidjs/web": ">=2.0.0-beta.11",
+    "bun": "^1.0.0",
+    "solid-js": ">=2.0.0-beta.11"
+  },
+  "devDependencies": {
+    "@solidjs/web": ">=2.0.0-beta.11",
+    "@types/babel__core": "^7.20.5",
+    "@types/bun": "^1.3.9",
+    "solid-js": ">=2.0.0-beta.11",
+    "typescript": "^5.9.3"
+  },
+  "files": [
+    "src",
+    "types"
+  ],
+  "scripts": {
+    "test": "pnpm -w test --project bun-plugin-solid"
+  }
+}

package/src/index.js

@@ -0,0 +1,146 @@
+/** @import { BunPlugin } from 'bun' */
+
+import { readFile } from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import { compile } from '@tsrx/solid';
+
+const require = createRequire(import.meta.url);
+const { transformAsync } = require('@babel/core');
+const BABEL_PRESET_SOLID = require.resolve('babel-preset-solid');
+const BABEL_PRESET_TYPESCRIPT = require.resolve('@babel/preset-typescript');
+
+const DEFAULT_INCLUDE = /\.tsrx$/;
+const CSS_QUERY = '?tsrx-css&lang.css';
+const CSS_QUERY_PATTERN = /\?tsrx-css&lang\.css$/;
+
+/**
+ * @typedef {{
+ * 	include?: RegExp,
+ * 	exclude?: RegExp | RegExp[],
+ * 	emitCss?: boolean,
+ * 	solid?: object,
+ * }} TsrxSolidBunPluginOptions
+ */
+
+/**
+ * @param {RegExp} pattern
+ * @param {string} value
+ * @returns {boolean}
+ */
+function test_pattern(pattern, value) {
+	pattern.lastIndex = 0;
+	return pattern.test(value);
+}
+
+/**
+ * @param {RegExp | RegExp[] | undefined} pattern
+ * @param {string} value
+ * @returns {boolean}
+ */
+function matches_pattern(pattern, value) {
+	if (!pattern) return false;
+	if (Array.isArray(pattern)) {
+		return pattern.some((entry) => test_pattern(entry, value));
+	}
+	return test_pattern(pattern, value);
+}
+
+/**
+ * @param {TsrxSolidBunPluginOptions} options
+ * @param {string} value
+ * @returns {boolean}
+ */
+function should_compile(options, value) {
+	const include = options.include ?? DEFAULT_INCLUDE;
+	return test_pattern(include, value) && !matches_pattern(options.exclude, value);
+}
+
+/**
+ * @param {string} file_path
+ * @returns {string}
+ */
+function to_css_id(file_path) {
+	return file_path + CSS_QUERY;
+}
+
+/**
+ * @param {string} source
+ * @param {string} file_path
+ * @param {object | undefined} solid_options
+ */
+async function transform_solid(source, file_path, solid_options) {
+	const result = await transformAsync(source, {
+		filename: file_path.replace(/\.tsrx$/, '.tsx'),
+		babelrc: false,
+		configFile: false,
+		sourceMaps: true,
+		presets: [
+			[BABEL_PRESET_SOLID, solid_options ?? {}],
+			[
+				BABEL_PRESET_TYPESCRIPT,
+				{
+					allExtensions: true,
+					isTSX: true,
+				},
+			],
+		],
+	});
+
+	return result?.code ?? source;
+}
+
+/**
+ * Bun plugin for `.tsrx` files that compiles them through `@tsrx/solid`, runs
+ * Solid's JSX transform with Babel, and exposes component-local styles as
+ * virtual CSS modules.
+ *
+ * @param {TsrxSolidBunPluginOptions} [options]
+ * @returns {BunPlugin}
+ */
+export function tsrxSolid(options = {}) {
+	const emit_css = options.emitCss ?? true;
+
+	/** @type {Map<string, string>} */
+	const css_cache = new Map();
+
+	return {
+		name: '@tsrx/bun-plugin-solid',
+
+		setup(build) {
+			build.onResolve({ filter: CSS_QUERY_PATTERN }, (args) => ({
+				path: args.path,
+			}));
+
+			build.onLoad({ filter: CSS_QUERY_PATTERN }, (args) => ({
+				contents: css_cache.get(args.path) ?? '',
+				loader: 'css',
+			}));
+
+			build.onLoad(
+				{ filter: options.include ?? DEFAULT_INCLUDE, namespace: 'file' },
+				async (args) => {
+					if (!should_compile(options, args.path)) return undefined;
+
+					const source = await readFile(args.path, 'utf-8');
+					const { code, css } = compile(source, args.path);
+					const css_id = to_css_id(args.path);
+
+					let output = code;
+					if (emit_css && css) {
+						css_cache.set(css_id, css);
+						output = `import ${JSON.stringify(css_id)};\n${code}`;
+					} else {
+						css_cache.delete(css_id);
+					}
+
+					return {
+						contents: await transform_solid(output, args.path, options.solid),
+						loader: 'js',
+					};
+				},
+			);
+		},
+	};
+}
+
+export default tsrxSolid;

package/types/index.d.ts

@@ -0,0 +1,11 @@
+import type { BunPlugin } from 'bun';
+
+export interface TsrxSolidBunPluginOptions {
+	include?: RegExp;
+	exclude?: RegExp | RegExp[];
+	emitCss?: boolean;
+	solid?: object;
+}
+
+export function tsrxSolid(options?: TsrxSolidBunPluginOptions): BunPlugin;
+export default tsrxSolid;