@tanstack/redact 0.0.3 → 0.0.5

package/src/react/memo.ts

@@ -1,21 +1,37 @@
+import type { ReactElement, ReactNode, Ref } from '../core'
+
 export const REACT_MEMO_TYPE = Symbol.for('react.memo')
 export const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref')
 export const REACT_LAZY_TYPE = Symbol.for('react.lazy')
 
+// Component-shaped return type so JSX usage of memo/forwardRef/lazy results
+// type-checks. The runtime value is a `$$typeof`-tagged record that the
+// reconciler recognizes via type-matchers; the cast lets TypeScript treat
+// it as a callable component at JSX sites without changing what the runtime
+// actually does. `children` is included for the common
+// `<Comp>...</Comp>` form even when the inner P doesn't list it.
+export type ExoticComponent<P> = ((
+  props: P & { children?: ReactNode; ref?: any; key?: any },
+) => ReactElement | null) & {
+  readonly $$typeof: symbol
+}
+
 export function memo<P>(
   type: (props: P) => any,
   areEqual?: (prev: Readonly<P>, next: Readonly<P>) => boolean,
-) {
-  return { $$typeof: REACT_MEMO_TYPE, type, compare: areEqual ?? null }
+): ExoticComponent<P> {
+  return { $$typeof: REACT_MEMO_TYPE, type, compare: areEqual ?? null } as unknown as ExoticComponent<P>
 }
 
 export function forwardRef<R, P = {}>(
   render: (props: P, ref: { current: R | null } | ((r: R | null) => void) | null) => any,
-) {
-  return { $$typeof: REACT_FORWARD_REF_TYPE, render }
+): ExoticComponent<P & { ref?: Ref<R> }> {
+  return { $$typeof: REACT_FORWARD_REF_TYPE, render } as unknown as ExoticComponent<P & { ref?: Ref<R> }>
 }
 
-export function lazy<T extends { default: any }>(ctor: () => Promise<T>) {
+export function lazy<T extends { default: any }>(ctor: () => Promise<T>): ExoticComponent<
+  T['default'] extends (props: infer P) => any ? P : {}
+> {
   const payload = {
     status: -1 as -1 | 0 | 1 | 2,
     result: undefined as any,
@@ -41,5 +57,5 @@ export function lazy<T extends { default: any }>(ctor: () => Promise<T>) {
       p.result = thenable
       throw thenable
     },
-  }
+  } as unknown as ExoticComponent<T['default'] extends (props: infer P) => any ? P : {}>
 }

package/src/server/walk.ts

@@ -40,10 +40,10 @@ export interface SuspendedBoundary {
 
 export interface WalkOptions {
   emit: (chunk: string) => void
-  onSuspend?: (boundary: SuspendedBoundary) => void
+  onSuspend?: ((boundary: SuspendedBoundary) => void) | undefined
   nextBoundaryId: () => number
-  bootstrapped?: boolean
-  isBoundaryResolution?: boolean
+  bootstrapped?: boolean | undefined
+  isBoundaryResolution?: boolean | undefined
   /**
    * Tracks whether the most recent emission within the *current text flow*
    * ended with a text node. When the next emission is also text, we emit a

package/src/vite/index.ts

@@ -164,6 +164,7 @@ const ALIASES: Record<string, string> = {
   // React drop-in shim targets. Subpaths first.
   'react/jsx-runtime': '@tanstack/redact/jsx-runtime',
   'react/jsx-dev-runtime': '@tanstack/redact/jsx-dev-runtime',
+  'react/compiler-runtime': '@tanstack/redact/compiler-runtime',
   'react-dom/client': '@tanstack/redact/dom-client',
   'react-dom/server': '@tanstack/redact/server',
   'react-dom/test-utils': '@tanstack/redact/dom-test-utils',
@@ -180,6 +181,7 @@ const ALIASES: Record<string, string> = {
   // Subpaths first here too.
   '@tanstack/redact/jsx-runtime': '@tanstack/redact/jsx-runtime',
   '@tanstack/redact/jsx-dev-runtime': '@tanstack/redact/jsx-dev-runtime',
+  '@tanstack/redact/compiler-runtime': '@tanstack/redact/compiler-runtime',
   '@tanstack/redact/dom-client': '@tanstack/redact/dom-client',
   '@tanstack/redact/dom-test-utils': '@tanstack/redact/dom-test-utils',
   '@tanstack/redact/server': '@tanstack/redact/server',