@tsrx/vite-plugin-react 0.0.82 → 0.0.83

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vite plugin for @tsrx/react (.tsrx modules)",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,8 @@
     }
   },
   "dependencies": {
-    "@tsrx/react": "0.2.50"
+    "@tsrx/core": "0.1.51",
+    "@tsrx/react": "0.2.51"
   },
   "peerDependencies": {
     "vite": "*"
@@ -34,8 +35,7 @@
     "react-dom": "^19.2.0",
     "react-router": "^7.15.0",
     "typescript": "^5.9.3",
-    "vite": "^8.1.5",
-    "@tsrx/core": "0.1.50"
+    "vite": "^8.1.5"
   },
   "files": [
     "src",

package/src/index.js

@@ -1,4 +1,5 @@
 /** @import { Plugin } from 'vite' */
+/** @import { DepScanTransformPlugin } from '@tsrx/core/types/vite/dep-scan' */
 
 /**
  * @typedef {{ code: string, map: unknown }} TsrxReactTransformResult
@@ -14,7 +15,17 @@
  *   (id: `\0${string}?tsrx-css&lang.css`): string,
  *   (id: string): string | null,
  * }} TsrxReactLoad
- * @typedef {Omit<Plugin, 'transform' | 'resolveId' | 'load'> & {
+ * @typedef {() => {
+ *   optimizeDeps: {
+ *     extensions: string[],
+ *     rolldownOptions: {
+ *       transform: { jsx: { importSource: string } },
+ *       plugins: [DepScanTransformPlugin],
+ *     },
+ *   },
+ * }} TsrxReactConfigHook
+ * @typedef {Omit<Plugin, 'config' | 'transform' | 'resolveId' | 'load'> & {
+ *   config: TsrxReactConfigHook,
  *   transform: TsrxReactTransform,
  *   resolveId: TsrxReactResolveId,
  *   load: TsrxReactLoad,
@@ -23,6 +34,7 @@
 
 import { transformWithOxc } from 'vite';
 import { compile } from '@tsrx/react';
+import { createDepScanTransformPlugin } from '@tsrx/core/vite/dep-scan';
 
 const TSRX_EXTENSION_PATTERN = /\.tsrx$/;
 const CSS_QUERY = '?tsrx-css&lang.css';
@@ -60,6 +72,26 @@ export function tsrxReact(options = {}) {
 		name: '@tsrx/vite-plugin-react',
 		enforce: 'pre',
 
+		config() {
+			return {
+				optimizeDeps: {
+					// The scanner externalizes anything that is not a known JS
+					// type unless its extension is listed here, so without this
+					// entry the dep-scan plugin below never runs.
+					extensions: ['.tsrx'],
+					rolldownOptions: {
+						// The scan runs its own jsx transform over the tsx the
+						// dep-scan plugin hands back, and that transform defaults to
+						// react's runtime. Point it at the configured source, or the
+						// scan fails outright on an unresolvable
+						// `react/jsx-dev-runtime` in a project that has no react.
+						transform: { jsx: { importSource: jsxImportSource } },
+						plugins: [create_dep_scan_plugin(jsxImportSource)],
+					},
+				},
+			};
+		},
+
 		resolveId(/** @type {string} */ source) {
 			if (!source.includes(CSS_QUERY)) return null;
 			if (source.startsWith('\0')) return source;
@@ -121,4 +153,22 @@ export function tsrxReact(options = {}) {
 	});
 }
 
+/**
+ * @param {string} jsxImportSource
+ * @returns {DepScanTransformPlugin}
+ */
+function create_dep_scan_plugin(jsxImportSource) {
+	return createDepScanTransformPlugin({
+		name: '@tsrx/vite-plugin-react:dep-scan',
+		filter: TSRX_EXTENSION_PATTERN,
+		compile,
+		// The main transform always emits automatic-runtime JSX, so the jsx
+		// runtime module is a dependency of every compiled `.tsrx` file. Import
+		// it explicitly so the scanner records it no matter how the scan's own
+		// jsx transform is configured — in dev it resolves `jsx-dev-runtime`,
+		// while the transform below emits plain `jsx-runtime`.
+		imports: [jsxImportSource + '/jsx-runtime'],
+	});
+}
+
 export default tsrxReact;

package/types/index.d.ts

@@ -1,4 +1,5 @@
 import type { Plugin } from 'vite';
+import type { DepScanTransformPlugin } from '@tsrx/core/types/vite/dep-scan';
 
 export interface TsrxReactPluginOptions {
 	jsxImportSource?: string;
@@ -9,7 +10,19 @@ export interface TsrxReactTransformResult {
 	map: unknown;
 }
 
-export interface TsrxReactPlugin extends Omit<Plugin, 'transform' | 'resolveId' | 'load'> {
+export interface TsrxReactPlugin extends Omit<
+	Plugin,
+	'config' | 'transform' | 'resolveId' | 'load'
+> {
+	config: () => {
+		optimizeDeps: {
+			extensions: string[];
+			rolldownOptions: {
+				transform: { jsx: { importSource: string } };
+				plugins: [DepScanTransformPlugin];
+			};
+		};
+	};
 	transform: {
 		(code: string, id: `${string}.tsrx`): Promise<TsrxReactTransformResult>;
 		(code: string, id: string): Promise<TsrxReactTransformResult | null>;