@tsrx/rspack-plugin-solid 0.0.71 → 0.0.72

package/package.json

@@ -3,7 +3,7 @@
   "description": "Rspack plugin for @tsrx/solid",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.71",
+  "version": "0.0.72",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -25,7 +25,7 @@
     "babel-loader": "^10.1.1",
     "babel-preset-solid": "2.0.0-beta.15",
     "solid-refresh": "0.8.0-next.7",
-    "@tsrx/solid": "0.1.58"
+    "@tsrx/solid": "0.1.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/solid' */
+
 import { compile } from '@tsrx/solid';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/solid';
  * 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/solid' */
 
 import { createRequire } from 'node:module';
 import path from 'node:path';
@@ -29,11 +30,12 @@ const CSS_QUERY_PATTERN = /tsrx-css/;
  */
 export class TsrxSolidRspackPlugin {
 	/**
-	 * @param {{ hot?: boolean }} [options]
+	 * @param {{ hot?: boolean, runtimeImports?: RuntimeImportMode }} [options]
 	 */
 	constructor(options = {}) {
 		this.options = {
 			hot: options.hot,
+			runtimeImports: options.runtimeImports ?? 'compiler',
 		};
 	}
 
@@ -92,6 +94,9 @@ export class TsrxSolidRspackPlugin {
 					},
 					{
 						loader: JS_LOADER,
+						options: {
+							runtimeImports: this.options.runtimeImports,
+						},
 					},
 				],
 			},
@@ -102,6 +107,9 @@ export class TsrxSolidRspackPlugin {
 				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/solid' */
+
 import { compile } from '@tsrx/solid';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/solid';
  * 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,12 +1,16 @@
 import type { Compiler, RspackPluginInstance } from '@rspack/core';
+import type { RuntimeImportMode } from '@tsrx/solid';
 
 export interface TsrxSolidRspackPluginOptions {
 	hot?: boolean;
+	/** Direct mode requires `@tsrx/solid-runtime` as a direct production dependency. */
+	runtimeImports?: RuntimeImportMode;
 }
 
 export declare class TsrxSolidRspackPlugin implements RspackPluginInstance {
 	constructor(options?: TsrxSolidRspackPluginOptions);
-	options: TsrxSolidRspackPluginOptions;
+	options: Pick<TsrxSolidRspackPluginOptions, 'hot'> &
+		Required<Pick<TsrxSolidRspackPluginOptions, 'runtimeImports'>>;
 	apply(compiler: Compiler): void;
 }