@octanejs/rspack-plugin 0.1.43 → 0.1.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/rspack-plugin",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -45,7 +45,7 @@
   },
   "peerDependencies": {
     "@rspack/core": "^2.0.0",
-    "octane": "0.1.48"
+    "octane": "0.1.50"
   },
   "devDependencies": {
     "@rspack/core": "^2.1.4",
@@ -54,7 +54,7 @@
     "css-loader": "6.11.0",
     "jsdom": "^30.0.1",
     "vitest": "^4.1.10",
-    "octane": "0.1.48"
+    "octane": "0.1.50"
   },
   "scripts": {
     "test": "vitest run --config vitest.config.js"

package/src/css-module-constants.js

@@ -94,6 +94,39 @@ function targetForRequest(compilation, importer, request) {
 	return targets.size === 1 ? targets.values().next().value : null;
 }
 
+/** Resolve several exact requests with one fresh walk of the current graph. */
+function targetsForRequests(compilation, importer, requests) {
+	const states = new Map();
+	for (const request of requests) {
+		states.set(request, { id: null, target: null, invalid: false });
+	}
+	let invalid = 0;
+	for (const connection of compilation.moduleGraph.getOutgoingConnections(importer)) {
+		const dependency = connection.dependency;
+		if (dependency?.category !== 'esm') continue;
+		const state = states.get(dependency.request);
+		if (state === undefined || state.invalid) continue;
+		const target = connection.module;
+		const id =
+			dependency.attributes != null && Object.keys(dependency.attributes).length > 0
+				? null
+				: identifier(target);
+		if (id === null || (state.id !== null && state.id !== id)) {
+			state.invalid = true;
+			state.target = null;
+			invalid++;
+			if (invalid === states.size) break;
+			continue;
+		}
+		state.id = id;
+		state.target = target;
+	}
+	for (const [request, state] of states) {
+		states.set(request, state.invalid ? null : state.target);
+	}
+	return states;
+}
+
 function sortedStrings(values) {
 	return [...new Set([...iterable(values)].filter((value) => typeof value === 'string'))].sort();
 }
@@ -175,8 +208,7 @@ function sameStrings(left, right) {
 	return a.length === b.length && a.every((value, index) => value === b[index]);
 }
 
-function verifyTarget(compilation, importer, entry) {
-	const target = targetForRequest(compilation, importer, entry.request);
+function verifyResolvedTarget(importer, entry, target) {
 	if (identifier(target) !== entry.id)
 		changed(identifier(importer), entry.request, 'the effective module identity differs');
 	if (!JAVASCRIPT_TYPES.has(target.type))
@@ -187,23 +219,32 @@ function verifyTarget(compilation, importer, entry) {
 	}
 }
 
+function verifyTarget(compilation, importer, entry) {
+	verifyResolvedTarget(importer, entry, targetForRequest(compilation, importer, entry.request));
+}
+
 function verifyGraph(compilation, state) {
 	if (state.receipts.size === 0) return;
 	const modules = currentModules(compilation.modules);
 	for (const [id, receipt] of state.receipts) {
 		const importer = modules.get(id);
 		const info = candidateInfo(importer);
+		const requests = receipt.imports.map((entry) => entry.request);
 		if (
 			info === null ||
 			info.sourceHash !== receipt.sourceHash ||
-			!sameStrings(
-				info.consumed,
-				receipt.imports.map((entry) => entry.request),
-			)
+			!sameStrings(info.consumed, requests)
 		) {
 			changed(id, undefined, 'the authored importer or committed-use receipt differs');
 		}
-		for (const entry of receipt.imports) verifyTarget(compilation, importer, entry);
+		if (receipt.imports.length === 1) {
+			verifyTarget(compilation, importer, receipt.imports[0]);
+		} else {
+			const targets = targetsForRequests(compilation, importer, requests);
+			for (const entry of receipt.imports) {
+				verifyResolvedTarget(importer, entry, targets.get(entry.request));
+			}
+		}
 	}
 }
 
@@ -251,8 +292,14 @@ async function collectAndRebuild(compilation, state, option, environment) {
 			const importer = modules.get(id);
 			const info = candidateInfo(importer);
 			const imports = [];
-			for (const request of [...new Set(info.requests)].sort()) {
-				const target = targetForRequest(compilation, importer, request);
+			const requests = [...new Set(info.requests)].sort();
+			const targets =
+				requests.length === 1 ? null : targetsForRequests(compilation, importer, requests);
+			for (const request of requests) {
+				const target =
+					targets === null
+						? targetForRequest(compilation, importer, request)
+						: targets.get(request);
 				if (target === null) continue;
 				const proof = readTargetProof(target, option, environment, cache);
 				if (proof !== null) imports.push({ request, ...proof });

package/src/loader.js

@@ -118,6 +118,7 @@ export default function octaneLoader(source, inputSourceMap) {
 			root,
 			profile,
 			...(options.strong === undefined ? null : { strong: options.strong }),
+			...(options.nativeReads === undefined ? null : { nativeReads: options.nativeReads }),
 			...(options.exclude === undefined ? null : { exclude: options.exclude }),
 			...(compilerOptions.renderers === undefined
 				? null

package/src/plugin.js

@@ -177,6 +177,7 @@ function createDiscoveryCompiler(options, root, profile, specialization) {
 		root,
 		profile,
 		...(options.strong === undefined ? null : { strong: options.strong }),
+		...(options.nativeReads === undefined ? null : { nativeReads: options.nativeReads }),
 		...(options.exclude === undefined ? null : { exclude: options.exclude }),
 		...(renderers === undefined ? null : { renderers }),
 		...(universalRuntime === undefined ? null : { universalRuntime }),
@@ -367,6 +368,7 @@ export class OctaneRspackPlugin {
 			dev,
 			profile,
 			strong: this.options.strong === true,
+			nativeReads: this.options.nativeReads === true,
 			exclude: this.options.exclude ?? [],
 			renderers: this.options.renderers?.signature,
 			runtime: this.options.runtime,
@@ -407,6 +409,9 @@ export class OctaneRspackPlugin {
 			environment,
 			profile,
 			...(this.options.strong === undefined ? null : { strong: this.options.strong }),
+			...(this.options.nativeReads === undefined
+				? null
+				: { nativeReads: this.options.nativeReads }),
 			...(this.options.hmr === undefined ? null : { hmr: this.options.hmr }),
 			...(this.options.dev === undefined ? null : { dev: this.options.dev }),
 			...(this.options.exclude === undefined ? null : { exclude: this.options.exclude }),

package/src/shared.js

@@ -41,6 +41,7 @@ const LOADER_OPTION_KEYS = new Set([
 	'dev',
 	'profile',
 	'strong',
+	'nativeReads',
 	'exclude',
 	'renderers',
 	'requireDirective',
@@ -208,6 +209,7 @@ function normalizeOptions(value, plugin) {
 	assertBooleanOption(options, 'dev');
 	assertBooleanOption(options, 'profile');
 	assertBooleanOption(options, 'strong');
+	assertBooleanOption(options, 'nativeReads');
 	assertBooleanOption(options, 'requireDirective');
 	if (
 		options.exclude !== undefined &&
@@ -239,6 +241,7 @@ function normalizeOptions(value, plugin) {
 		...(options.dev === undefined ? null : { dev: options.dev }),
 		...(options.profile === undefined ? null : { profile: options.profile }),
 		...(options.strong === undefined ? null : { strong: options.strong }),
+		...(options.nativeReads === undefined ? null : { nativeReads: options.nativeReads }),
 		...(options.exclude === undefined ? null : { exclude: [...options.exclude] }),
 		...(renderers === undefined ? null : { renderers }),
 		...(universalRuntime === undefined ? null : { universalRuntime }),

package/types/index.d.ts

@@ -144,6 +144,8 @@ export interface OctaneRspackLoaderOptions {
 	 * @default false
 	 */
 	strong?: boolean;
+	/** Experimental native signal reads in DOM client/server render scopes. */
+	nativeReads?: boolean;
 	/**
 	 * Path fragments excluded from the plain `.ts`/`.js` hook-slot pass. With
 	 * `requireDirective`, excluded paths are exempt from Octane ownership