@tsrx/rspack-plugin-react 0.0.83 → 0.0.85

package/package.json

@@ -3,7 +3,7 @@
   "description": "Rspack plugin for @tsrx/react",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,7 @@
     }
   },
   "dependencies": {
-    "@tsrx/react": "0.2.57"
+    "@tsrx/react": "0.2.59"
   },
   "peerDependencies": {
     "@rspack/core": ">=1.6.0"

package/src/css-loader.js

@@ -1,5 +1,7 @@
 /** @import { LoaderContext } from '@rspack/core' */
 
+/** @import { RuntimeImportMode } from '@tsrx/react' */
+
 import { compile } from '@tsrx/react';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/react';
  * the scoped CSS emitted by its `<style>` block. Invoked when rspack resolves
  * the sibling `?tsrx-css&lang.css` import prepended by the JS loader.
  *
- * @this {LoaderContext<object>}
+ * @this {LoaderContext<{ runtimeImports?: RuntimeImportMode }>}
  * @param {string} source
  * @returns {void}
  */
@@ -16,7 +18,7 @@ export default function cssLoader(source) {
 	const resourcePath = this.resourcePath;
 
 	try {
-		const { css } = compile(source, resourcePath);
+		const { css } = compile(source, resourcePath, this.getOptions?.());
 		callback(null, css);
 	} catch (/** @type {any} */ err) {
 		callback(err);

package/src/index.js

@@ -1,4 +1,5 @@
 /** @import { Compiler, RspackPluginInstance } from '@rspack/core' */
+/** @import { RuntimeImportMode } from '@tsrx/react' */
 
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -23,11 +24,12 @@ const CSS_QUERY_PATTERN = /tsrx-css/;
  */
 export class TsrxReactRspackPlugin {
 	/**
-	 * @param {{ jsxImportSource?: string }} [options]
+	 * @param {{ jsxImportSource?: string, runtimeImports?: RuntimeImportMode }} [options]
 	 */
 	constructor(options = {}) {
 		this.options = {
 			jsxImportSource: options.jsxImportSource ?? 'react',
+			runtimeImports: options.runtimeImports ?? 'compiler',
 		};
 	}
 
@@ -82,6 +84,9 @@ export class TsrxReactRspackPlugin {
 					},
 					{
 						loader: JS_LOADER,
+						options: {
+							runtimeImports: this.options.runtimeImports,
+						},
 					},
 				],
 			},
@@ -92,6 +97,9 @@ export class TsrxReactRspackPlugin {
 				use: [
 					{
 						loader: CSS_LOADER,
+						options: {
+							runtimeImports: this.options.runtimeImports,
+						},
 					},
 				],
 			},

package/src/js-loader.js

@@ -1,5 +1,7 @@
 /** @import { LoaderContext } from '@rspack/core' */
 
+/** @import { RuntimeImportMode } from '@tsrx/react' */
+
 import { compile } from '@tsrx/react';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/react';
  * prepends an `import` to the sibling virtual CSS module so rspack can
  * include the styles in the asset graph.
  *
- * @this {LoaderContext<object>}
+ * @this {LoaderContext<{ runtimeImports?: RuntimeImportMode }>}
  * @param {string} source
  * @returns {void}
  */
@@ -16,7 +18,7 @@ export default function jsLoader(source) {
 	const resourcePath = this.resourcePath;
 
 	try {
-		const { code, map, css } = compile(source, resourcePath);
+		const { code, map, css } = compile(source, resourcePath, this.getOptions?.());
 
 		let output = code;
 		/** @type {typeof map | null} */

package/types/index.d.ts

@@ -1,7 +1,10 @@
 import type { Compiler, RspackPluginInstance } from '@rspack/core';
+import type { RuntimeImportMode } from '@tsrx/react';
 
 export interface TsrxReactRspackPluginOptions {
 	jsxImportSource?: string;
+	/** Direct mode requires `@tsrx/react-runtime` as a direct production dependency. */
+	runtimeImports?: RuntimeImportMode;
 }
 
 export declare class TsrxReactRspackPlugin implements RspackPluginInstance {

package/types/rspack-core-shim.d.ts

@@ -18,6 +18,7 @@ declare module '@rspack/core' {
 	}
 
 	export interface LoaderContext<TOptions = object> {
+		getOptions(): TOptions;
 		async(): (
 			error?: Error | null,
 			content?: string,