@tsrx/react 0.2.58 → 0.2.60

package/package.json

@@ -3,7 +3,7 @@
   "description": "React compiler built on @tsrx/core",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.58",
+  "version": "0.2.60",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,8 @@
   "dependencies": {
     "esrap": "^2.3.2",
     "zimmerframe": "^1.1.2",
-    "@tsrx/core": "0.1.58"
+    "@tsrx/core": "0.1.60",
+    "@tsrx/react-runtime": "0.1.1"
   },
   "peerDependencies": {
     "react": ">=18"

package/src/error-boundary.js

@@ -1,40 +1 @@
-/** @import { ReactNode } from 'react' */
-/** @import { TsrxErrorBoundaryProps, TsrxErrorBoundaryState } from '../types/error-boundary' */
-
-import { Component } from 'react';
-
-/**
- * A reusable React error boundary class component.
- *
- * Used by the `@tsrx/react` compiler to implement `try/catch` blocks.
- * The `fallback` prop receives the caught error and a `reset` function
- * that clears the error state to re-render the children.
- *
- * @extends {Component<TsrxErrorBoundaryProps, TsrxErrorBoundaryState>}
- */
-export class TsrxErrorBoundary extends Component {
-	/** @param {TsrxErrorBoundaryProps} props */
-	constructor(props) {
-		super(props);
-		/** @type {TsrxErrorBoundaryState} */
-		this.state = { error: null };
-	}
-
-	/**
-	 * @param {Error} error
-	 * @returns {TsrxErrorBoundaryState}
-	 */
-	static getDerivedStateFromError(error) {
-		return { error };
-	}
-
-	/** @returns {ReactNode} */
-	render() {
-		const { error } = this.state;
-		if (error !== null) {
-			const reset = () => this.setState({ error: null });
-			return this.props.fallback(error, reset);
-		}
-		return this.props.children;
-	}
-}
+export * from '@tsrx/react-runtime/error-boundary';

package/src/index.js

@@ -47,7 +47,7 @@ export function compile(source, filename, options) {
 		ast,
 		source,
 		filename,
-		collect ? { collect: true, loose: !!options?.loose, errors, comments } : undefined,
+		collect ? { ...options, collect: true, loose: !!options?.loose, errors, comments } : options,
 	);
 	return { ...result, errors };
 }
@@ -58,7 +58,7 @@ export function compile(source, filename, options) {
  * @template {string} T
  * @param {string} source
  * @param {NonEmptyString<T>} filename
- * @param {ParseOptions} [options]
+ * @param {ParseOptions & BaseCompileOptions} [options]
  * @returns {VolarMappingsResult}
  */
 export function compile_to_volar_mappings(source, filename, options) {
@@ -81,6 +81,7 @@ export function compile_to_volar_mappings(source, filename, options) {
 		comments,
 	});
 	const transformed = transform(ast, source, filename, {
+		...options,
 		collect: true,
 		loose: !!options?.loose,
 		typeOnly: true,

package/src/ref.js

@@ -1 +1 @@
-export * from '@tsrx/core/runtime/ref';
+export * from '@tsrx/react-runtime/ref';

package/src/runtime/iterable.js

@@ -1 +1 @@
-export * from '@tsrx/core/runtime/iterable';
+export * from '@tsrx/react-runtime/iterable';

package/src/transform.js

@@ -25,6 +25,12 @@ const react_platform = {
 		refProp: '@tsrx/react/ref',
 		forOfIterableHelper: '@tsrx/react/runtime/iterable',
 	},
+	directRuntimeImports: {
+		errorBoundary: '@tsrx/react-runtime/error-boundary',
+		mergeRefs: '@tsrx/react-runtime/ref',
+		refProp: '@tsrx/react-runtime/ref',
+		forOfIterableHelper: '@tsrx/react-runtime/iterable',
+	},
 	jsx: {
 		rewriteClassAttr: false,
 		classAttrName: 'className',

package/types/error-boundary.d.ts

@@ -1,15 +1 @@
-import { Component, type ReactNode } from 'react';
-
-export interface TsrxErrorBoundaryProps {
-	fallback: (error: Error, reset: () => void) => ReactNode;
-	children?: ReactNode;
-}
-
-export interface TsrxErrorBoundaryState {
-	error: Error | null;
-}
-
-export class TsrxErrorBoundary extends Component<TsrxErrorBoundaryProps, TsrxErrorBoundaryState> {
-	static getDerivedStateFromError(error: Error): TsrxErrorBoundaryState;
-	render(): ReactNode;
-}
+export * from '@tsrx/react-runtime/error-boundary';

package/types/index.d.ts

@@ -1,5 +1,7 @@
 import type { Program } from 'estree';
-import type { CompileFn, ParseOptions, VolarCompileFn } from '@tsrx/core/types';
+import type { BaseCompileOptions, CompileFn, ParseOptions, VolarCompileFn } from '@tsrx/core/types';
+
+export type { RuntimeImportMode } from '@tsrx/core/types';
 
 export function parse(source: string, filename?: string, options?: ParseOptions): Program;
 
@@ -8,4 +10,4 @@ export { isRefProp } from './ref.js';
 
 export const compile: CompileFn;
 
-export const compile_to_volar_mappings: VolarCompileFn;
+export const compile_to_volar_mappings: VolarCompileFn<ParseOptions & BaseCompileOptions>;

package/types/ref.d.ts

@@ -1 +1 @@
-export * from '@tsrx/core/runtime/ref';
+export * from '@tsrx/react-runtime/ref';

package/types/runtime/iterable.d.ts

@@ -1 +1 @@
-export * from '@tsrx/core/runtime/iterable';
+export * from '@tsrx/react-runtime/iterable';