Hugging Face Transformers React - v1.2.0
    Preparing search index...

    Interface TransformersProviderProps

    Configuration props for the TransformersProvider component.

    <TransformersProvider
      enableWebLLM={true}
      loadTimeout={30000}
      onWebLLMInitProgress={(progress) => {
        console.log(`Loading: ${(progress.progress * 100).toFixed(1)}%`);
      }}
    >
      <App />
    </TransformersProvider>
    interface TransformersProviderProps {
        children: ReactNode;
        moduleUrl?: string;
        loadTimeout?: number;
        maxRetries?: number;
        nonce?: string;
        onLibraryError?: (err: Error) => void;
        onModelError?: (modelId: string, err: Error) => void;
        enableWebLLM?: boolean;
        webLLMModuleUrl?: string;
        onWebLLMInitProgress?: (
            progress: { progress: number; text: string },
        ) => void;
    }
    Index

    Properties

    children moduleUrl? loadTimeout? maxRetries? nonce? onLibraryError? onModelError? enableWebLLM? webLLMModuleUrl? onWebLLMInitProgress?

    Properties

    children: ReactNode

    React children to render

    moduleUrl?: string

    Custom URL for Transformers.js ESM build (default: jsdelivr CDN)

    loadTimeout?: number

    Timeout in milliseconds for library loading (default: 60000)

    maxRetries?: number

    Maximum retry attempts for library loading (default: 3)

    nonce?: string

    CSP nonce for script tag injection

    onLibraryError?: (err: Error) => void

    Callback invoked when library loading fails permanently

    onModelError?: (modelId: string, err: Error) => void

    Callback invoked when a model loading fails

    enableWebLLM?: boolean

    Enable WebLLM support for running LLMs in the browser (default: false). Loaded dynamically from CDN - no additional dependencies required. Requires WebGPU-capable browser (Chrome/Edge 113+).

    WebLLM Documentation

    webLLMModuleUrl?: string

    Custom URL for WebLLM ESM build (default: jsdelivr CDN). Only used if enableWebLLM is true.

    onWebLLMInitProgress?: (progress: { progress: number; text: string }) => void

    Callback for WebLLM model loading progress updates. Useful for displaying progress bars during model download.

    Settings

    Member Visibility

    On This Page

    Properties