@tsrx/rspack-plugin-vue 0.0.69 → 0.0.71

package/package.json

@@ -3,7 +3,7 @@
   "description": "Rspack plugin for @tsrx/vue",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.69",
+  "version": "0.0.71",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "source-map": "^0.7.6",
-    "@tsrx/vue": "0.1.57"
+    "@tsrx/vue": "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/vue' */
+
 import { compile } from '@tsrx/vue';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/vue';
  * 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/vue' */
 
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -26,11 +27,12 @@ const SOURCE_EXTENSION_PATTERN = /\.[cm]?[jt]sx?$/;
  */
 export class TsrxVueRspackPlugin {
 	/**
-	 * @param {{ vapor?: { macros?: boolean | object, compiler?: { runtimeModuleName?: string } } }} [options]
+	 * @param {{ vapor?: { macros?: boolean | object, compiler?: { runtimeModuleName?: string } }, runtimeImports?: RuntimeImportMode }} [options]
 	 */
 	constructor(options = {}) {
 		this.options = {
 			vapor: options.vapor,
+			runtimeImports: options.runtimeImports ?? 'compiler',
 		};
 	}
 
@@ -92,6 +94,9 @@ export class TsrxVueRspackPlugin {
 					},
 					{
 						loader: JS_LOADER,
+						options: {
+							runtimeImports: this.options.runtimeImports,
+						},
 					},
 				],
 			},
@@ -102,6 +107,9 @@ export class TsrxVueRspackPlugin {
 				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/vue' */
+
 import { compile } from '@tsrx/vue';
 
 /**
@@ -7,7 +9,7 @@ import { compile } from '@tsrx/vue';
  * present, 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,4 +1,5 @@
 import type { Compiler, RspackPluginInstance } from '@rspack/core';
+import type { RuntimeImportMode } from '@tsrx/vue';
 
 export interface TsrxVueRspackVaporOptions {
 	macros?: boolean | object;
@@ -9,11 +10,14 @@ export interface TsrxVueRspackVaporOptions {
 
 export interface TsrxVueRspackPluginOptions {
 	vapor?: TsrxVueRspackVaporOptions;
+	/** Direct mode requires `@tsrx/vue-runtime` as a direct production dependency. */
+	runtimeImports?: RuntimeImportMode;
 }
 
 export declare class TsrxVueRspackPlugin implements RspackPluginInstance {
 	constructor(options?: TsrxVueRspackPluginOptions);
-	options: TsrxVueRspackPluginOptions;
+	options: Pick<TsrxVueRspackPluginOptions, 'vapor'> &
+		Required<Pick<TsrxVueRspackPluginOptions, 'runtimeImports'>>;
 	apply(compiler: Compiler): void;
 }