remote-components 0.0.51 → 0.1.0

package/dist/react/index.d.ts

@@ -1,8 +1,22 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LoadRemoteComponentProps, O as OnRequestHook, a as OnResponseHook } from '../component-loader-1838f572.js';
-export { H as HookOptions } from '../component-loader-1838f572.js';
+import { R as ResolveClientUrl } from '../proxy-through-host-a676a522.js';
+export { p as proxyClientRequestsThroughHost } from '../proxy-through-host-a676a522.js';
+import { L as LoadRemoteComponentProps, O as OnRequestHook, a as OnResponseHook } from '../component-loader-76eb1b8b.js';
+export { H as HookOptions } from '../component-loader-76eb1b8b.js';
 import 'react';
 
+/**
+ * Client-side context provider for passing `resolveClientUrl` to all nested
+ * `<RemoteComponent>` instances. Since `resolveClientUrl` is a function, it
+ * can't be passed as a prop through Server Components — this provider should
+ * wrap the tree in a Client Component boundary so the callback is available
+ * on the client where asset fetches happen.
+ */
+declare function RemoteComponentsProvider({ resolveClientUrl, children, }: {
+    resolveClientUrl?: ResolveClientUrl;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 declare module 'react/jsx-runtime' {
     namespace JSX {
         interface IntrinsicElements {
@@ -57,6 +71,16 @@ interface RemoteComponentProps {
      * Can be used to inspect the response (e.g., check for redirects) or transform it.
      */
     onResponse?: OnResponseHook;
+    /**
+     * Called before each client-side asset (script, stylesheet, chunk, module, image) is fetched.
+     * Return a new URL string to redirect the request (e.g., through a proxy),
+     * or `undefined` to use the original URL.
+     *
+     * Pass `proxyClientRequestsThroughHost` to proxy cross-origin assets through
+     * the host on Vercel preview deployments. Requires `withRemoteComponentsHost`
+     * middleware on the host to handle the proxied requests.
+     */
+    resolveClientUrl?: ResolveClientUrl;
 }
 /**
  * RemoteComponent is a React component that fetches and renders a remote component.
@@ -94,6 +118,6 @@ interface RemoteComponentProps {
  * />
  * ```
  */
-declare function RemoteComponent({ src, isolate, mode, reset, credentials, name: nameProp, shared, children, onBeforeLoad, onLoad, onError, onChange, onRequest, onResponse, }: RemoteComponentProps): react_jsx_runtime.JSX.Element;
+declare function RemoteComponent({ src, isolate, mode, reset, credentials, name: nameProp, shared, children, onBeforeLoad, onLoad, onError, onChange, onRequest, onResponse, resolveClientUrl: _resolveClientUrl, }: RemoteComponentProps): react_jsx_runtime.JSX.Element;
 
-export { OnRequestHook, OnResponseHook, RemoteComponent, RemoteComponentProps };
+export { OnRequestHook, OnResponseHook, RemoteComponent, RemoteComponentProps, RemoteComponentsProvider, ResolveClientUrl };