@tsrx/bun-plugin-react 0.1.81 → 0.1.83

package/README.md

@@ -36,5 +36,17 @@ Bun.plugin(tsrxReact());
 ## Options
 
 - `jsxImportSource`: automatic JSX runtime import source (default: `'react'`).
+- `runtimeImports`: helper import mode (`'compiler'` by default, or `'direct'` for
+  standalone runtime imports).
 - `emitCss`: whether to emit virtual CSS imports (default: `true`).
 - `include`, `exclude`: regex filters for source files.
+
+When using `runtimeImports: 'direct'`, install the runtime as a direct production
+dependency of the package that owns the compiled modules:
+
+```bash
+pnpm add @tsrx/react-runtime
+```
+
+Bun may bundle the helpers into its output, but this plugin only emits bare
+`@tsrx/react-runtime/*` imports and does not provide the runtime package.

package/package.json

@@ -3,7 +3,7 @@
   "description": "Bun plugin for @tsrx/react (.tsrx modules)",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.1.81",
+  "version": "0.1.83",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,7 @@
     }
   },
   "dependencies": {
-    "@tsrx/react": "0.2.58"
+    "@tsrx/react": "0.2.60"
   },
   "peerDependencies": {
     "bun": "^1.0.0",

package/src/index.js

@@ -1,4 +1,5 @@
 /** @import { BunPlugin, Target, Transpiler } from 'bun' */
+/** @import { RuntimeImportMode } from '@tsrx/react' */
 
 import { readFile } from 'node:fs/promises';
 import { compile } from '@tsrx/react';
@@ -13,6 +14,7 @@ const CSS_QUERY_PATTERN = /\?tsrx-css&lang\.css$/;
  * 	exclude?: RegExp | RegExp[],
  * 	jsxImportSource?: string,
  * 	emitCss?: boolean,
+ * 	runtimeImports?: RuntimeImportMode,
  * }} TsrxReactBunPluginOptions
  */
 
@@ -90,6 +92,7 @@ function create_transpiler(jsx_import_source, target) {
 export function tsrxReact(options = {}) {
 	const jsx_import_source = options.jsxImportSource ?? 'react';
 	const emit_css = options.emitCss ?? true;
+	const compile_options = { runtimeImports: options.runtimeImports };
 
 	/** @type {Map<string, string>} */
 	const css_cache = new Map();
@@ -118,7 +121,7 @@ export function tsrxReact(options = {}) {
 					if (!should_compile(options, args.path)) return undefined;
 
 					const source = await readFile(args.path, 'utf-8');
-					const { code, css } = compile(source, args.path);
+					const { code, css } = compile(source, args.path, compile_options);
 					const css_id = to_css_id(args.path);
 
 					let output = code;

package/types/index.d.ts

@@ -1,6 +1,9 @@
 import type { BunPlugin } from 'bun';
+import type { RuntimeImportMode } from '@tsrx/react';
 
 export interface TsrxReactBunPluginOptions {
+	/** Direct mode requires `@tsrx/react-runtime` as a direct production dependency. */
+	runtimeImports?: RuntimeImportMode;
 	include?: RegExp;
 	exclude?: RegExp | RegExp[];
 	jsxImportSource?: string;