@tsrx/vite-plugin-preact 0.0.74 → 0.0.76

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vite plugin for @tsrx/preact (.tsrx modules)",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,8 @@
     }
   },
   "dependencies": {
-    "@tsrx/preact": "0.1.49"
+    "@tsrx/core": "0.1.51",
+    "@tsrx/preact": "0.1.51"
   },
   "peerDependencies": {
     "vite": "*"
@@ -28,8 +29,7 @@
   "devDependencies": {
     "preact": "^10.27.0",
     "typescript": "^5.9.3",
-    "vite": "^8.1.5",
-    "@tsrx/core": "0.1.49"
+    "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 }} TsrxPreactTransformResult
@@ -14,7 +15,17 @@
  *   (id: `\0${string}?tsrx-css&lang.css`): string,
  *   (id: string): string | null,
  * }} TsrxPreactLoad
- * @typedef {Omit<Plugin, 'transform' | 'resolveId' | 'load'> & {
+ * @typedef {() => {
+ *   optimizeDeps: {
+ *     extensions: string[],
+ *     rolldownOptions: {
+ *       transform: { jsx: { importSource: string } },
+ *       plugins: [DepScanTransformPlugin],
+ *     },
+ *   },
+ * }} TsrxPreactConfigHook
+ * @typedef {Omit<Plugin, 'config' | 'transform' | 'resolveId' | 'load'> & {
+ *   config: TsrxPreactConfigHook,
  *   transform: TsrxPreactTransform,
  *   resolveId: TsrxPreactResolveId,
  *   load: TsrxPreactLoad,
@@ -23,6 +34,7 @@
 
 import { transformWithOxc } from 'vite';
 import { compile } from '@tsrx/preact';
+import { createDepScanTransformPlugin } from '@tsrx/core/vite/dep-scan';
 
 const TSRX_EXTENSION_PATTERN = /\.tsrx$/;
 const CSS_QUERY = '?tsrx-css&lang.css';
@@ -66,6 +78,26 @@ export function tsrxPreact(options = {}) {
 		name: '@tsrx/vite-plugin-preact',
 		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, compile_options)],
+					},
+				},
+			};
+		},
+
 		resolveId(/** @type {string} */ source) {
 			if (!source.includes(CSS_QUERY)) return null;
 			if (source.startsWith('\0')) return source;
@@ -127,4 +159,23 @@ export function tsrxPreact(options = {}) {
 	});
 }
 
+/**
+ * @param {string} jsxImportSource
+ * @param {{ suspenseSource?: string }} compile_options
+ * @returns {DepScanTransformPlugin}
+ */
+function create_dep_scan_plugin(jsxImportSource, compile_options) {
+	return createDepScanTransformPlugin({
+		name: '@tsrx/vite-plugin-preact:dep-scan',
+		filter: TSRX_EXTENSION_PATTERN,
+		compile: (code, id) => compile(code, id, compile_options),
+		// 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 above emits plain `jsx-runtime`.
+		imports: [jsxImportSource + '/jsx-runtime'],
+	});
+}
+
 export default tsrxPreact;