@tsrx/rspack-plugin-preact 0.0.74 → 0.0.76

package/package.json

@@ -3,7 +3,7 @@
   "description": "Rspack plugin for @tsrx/preact",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,7 @@
     }
   },
   "dependencies": {
-    "@tsrx/preact": "0.1.58"
+    "@tsrx/preact": "0.1.60"
   },
   "peerDependencies": {
     "@rspack/core": ">=1.6.0"

package/src/css-loader.js

@@ -1,5 +1,7 @@
 /** @import { LoaderContext } from '@rspack/core' */
 
+/** @import { RuntimeImportMode } from '@tsrx/preact' */
+
 import { compile } from '@tsrx/preact';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/preact';
  * 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<{ suspenseSource?: string }>}
+ * @this {LoaderContext<{ suspenseSource?: string, runtimeImports?: RuntimeImportMode }>}
  * @param {string} source
  * @returns {void}
  */

package/src/index.js

@@ -1,4 +1,5 @@
 /** @import { Compiler, RspackPluginInstance } from '@rspack/core' */
+/** @import { RuntimeImportMode } from '@tsrx/preact' */
 
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -23,12 +24,13 @@ const CSS_QUERY_PATTERN = /tsrx-css/;
  */
 export class TsrxPreactRspackPlugin {
 	/**
-	 * @param {{ jsxImportSource?: string, suspenseSource?: string }} [options]
+	 * @param {{ jsxImportSource?: string, suspenseSource?: string, runtimeImports?: RuntimeImportMode }} [options]
 	 */
 	constructor(options = {}) {
 		this.options = {
 			jsxImportSource: options.jsxImportSource ?? 'preact',
 			suspenseSource: options.suspenseSource,
+			runtimeImports: options.runtimeImports ?? 'compiler',
 		};
 	}
 
@@ -85,6 +87,7 @@ export class TsrxPreactRspackPlugin {
 						loader: JS_LOADER,
 						options: {
 							suspenseSource: this.options.suspenseSource,
+							runtimeImports: this.options.runtimeImports,
 						},
 					},
 				],
@@ -98,6 +101,7 @@ export class TsrxPreactRspackPlugin {
 						loader: CSS_LOADER,
 						options: {
 							suspenseSource: this.options.suspenseSource,
+							runtimeImports: this.options.runtimeImports,
 						},
 					},
 				],

package/src/js-loader.js

@@ -1,5 +1,7 @@
 /** @import { LoaderContext } from '@rspack/core' */
 
+/** @import { RuntimeImportMode } from '@tsrx/preact' */
+
 import { compile } from '@tsrx/preact';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/preact';
  * prepends an `import` to the sibling virtual CSS module so rspack can
  * include the styles in the asset graph.
  *
- * @this {LoaderContext<{ suspenseSource?: string }>}
+ * @this {LoaderContext<{ suspenseSource?: string, runtimeImports?: RuntimeImportMode }>}
  * @param {string} source
  * @returns {void}
  */

package/types/index.d.ts

@@ -1,14 +1,18 @@
 import type { Compiler, RspackPluginInstance } from '@rspack/core';
+import type { RuntimeImportMode } from '@tsrx/preact';
 
 export interface TsrxPreactRspackPluginOptions {
 	jsxImportSource?: string;
 	suspenseSource?: string;
+	/** Direct mode requires `@tsrx/preact-runtime` as a direct production dependency. */
+	runtimeImports?: RuntimeImportMode;
 }
 
 export declare class TsrxPreactRspackPlugin implements RspackPluginInstance {
 	constructor(options?: TsrxPreactRspackPluginOptions);
 	options: Required<Pick<TsrxPreactRspackPluginOptions, 'jsxImportSource'>> &
-		Pick<TsrxPreactRspackPluginOptions, 'suspenseSource'>;
+		Pick<TsrxPreactRspackPluginOptions, 'suspenseSource'> &
+		Required<Pick<TsrxPreactRspackPluginOptions, 'runtimeImports'>>;
 	apply(compiler: Compiler): void;
 }