To use this model you need to have the @mlc-ai/web-llm module installed. This can be installed using npm install -S @mlc-ai/web-llm.

You can see a list of available model records here: https://github.com/mlc-ai/web-llm/blob/main/src/config.ts

// Initialize the ChatWebLLM model with the model record.
const model = new ChatWebLLM({
model: "Phi-3-mini-4k-instruct-q4f16_1-MLC",
chatOptions: {
temperature: 0.5,
},
});

// Call the model with a message and await the response.
const response = await model.invoke([
new HumanMessage({ content: "My name is John." }),
]);

Hierarchy

Constructors

Methods

  • Convert a runnable to a tool. Return a new instance of RunnableToolLike which contains the runnable, name, description and schema.

    Type Parameters

    • T extends BaseLanguageModelInput = BaseLanguageModelInput

    Parameters

    • fields: {
          description?: string;
          name?: string;
          schema: ZodType<T, ZodTypeDef, T>;
      }
      • Optionaldescription?: string

        The description of the tool. Falls back to the description on the Zod schema if not provided, or undefined if neither are provided.

      • Optionalname?: string

        The name of the tool. If not provided, it will default to the name of the runnable.

      • schema: ZodType<T, ZodTypeDef, T>

        The Zod schema for the input of the tool. Infers the Zod type from the input type of the runnable.

    Returns RunnableToolLike<ZodType<ToolCall | T, ZodTypeDef, ToolCall | T>, BaseMessageChunk>

    An instance of RunnableToolLike which is a runnable that can be used as a tool.

  • Assigns new fields to the dict output of this runnable. Returns a new runnable.

    Parameters

    • mapping: RunnableMapLike<Record<string, unknown>, Record<string, unknown>>

    Returns Runnable<any, any, RunnableConfig>

  • Default implementation of batch, which calls invoke N times. Subclasses should override this method if they can batch more efficiently.

    Parameters

    • inputs: BaseLanguageModelInput[]

      Array of inputs to each batch call.

    • Optionaloptions: Partial<WebLLMCallOptions> | Partial<WebLLMCallOptions>[]

      Either a single call options object to apply to each batch call or an array for each call.

    • OptionalbatchOptions: RunnableBatchOptions & {
          returnExceptions?: false;
      }

    Returns Promise<BaseMessageChunk[]>

    An array of RunOutputs, or mixed RunOutputs and errors if batchOptions.returnExceptions is set

  • Parameters

    • inputs: BaseLanguageModelInput[]
    • Optionaloptions: Partial<WebLLMCallOptions> | Partial<WebLLMCallOptions>[]
    • OptionalbatchOptions: RunnableBatchOptions & {
          returnExceptions: true;
      }

    Returns Promise<(Error | BaseMessageChunk)[]>

  • Parameters

    Returns Promise<(Error | BaseMessageChunk)[]>

  • Bind arguments to a Runnable, returning a new Runnable.

    Parameters

    Returns Runnable<BaseLanguageModelInput, BaseMessageChunk, WebLLMCallOptions>

    A new RunnableBinding that, when invoked, will apply the bound args.

  • Bind tool-like objects to this chat model.

    Parameters

    • tools: BindToolsInput[]

      A list of tool definitions to bind to this chat model. Can be a structured tool, an OpenAI formatted tool, or an object matching the provider's specific tool schema.

    • Optionalkwargs: Partial<WebLLMCallOptions>

      Any additional parameters to bind.

    Returns Runnable<BaseLanguageModelInput, BaseMessageChunk, WebLLMCallOptions>

  • Parameters

    • Optional_: RunnableConfig

    Returns Graph

  • Parameters

    • content: MessageContent

    Returns Promise<number>

  • Invokes the chat model with a single input.

    Parameters

    • input: BaseLanguageModelInput

      The input for the language model.

    • Optionaloptions: WebLLMCallOptions

      The call options.

    Returns Promise<BaseMessageChunk>

    A Promise that resolves to a BaseMessageChunk.

  • Pick keys from the dict output of this runnable. Returns a new runnable.

    Parameters

    • keys: string | string[]

    Returns Runnable<any, any, RunnableConfig>

  • Create a new runnable sequence that runs each individual runnable in series, piping the output of one runnable into another runnable or runnable-like.

    Type Parameters

    • NewRunOutput

    Parameters

    • coerceable: RunnableLike<BaseMessageChunk, NewRunOutput>

      A runnable, function, or object whose values are functions or runnables.

    Returns Runnable<BaseLanguageModelInput, Exclude<NewRunOutput, Error>, RunnableConfig>

    A new runnable sequence.

  • Stream output in chunks.

    Parameters

    Returns Promise<IterableReadableStream<BaseMessageChunk>>

    A readable stream that is also an iterable.

  • Generate a stream of events emitted by the internal steps of the runnable.

    Use to create an iterator over StreamEvents that provide real-time information about the progress of the runnable, including StreamEvents from intermediate results.

    A StreamEvent is a dictionary with the following schema:

    • event: string - Event names are of the format: on_[runnable_type]_(start|stream|end).
    • name: string - The name of the runnable that generated the event.
    • run_id: string - Randomly generated ID associated with the given execution of the runnable that emitted the event. A child runnable that gets invoked as part of the execution of a parent runnable is assigned its own unique ID.
    • tags: string[] - The tags of the runnable that generated the event.
    • metadata: Record<string, any> - The metadata of the runnable that generated the event.
    • data: Record<string, any>

    Below is a table that illustrates some events that might be emitted by various chains. Metadata fields have been omitted from the table for brevity. Chain definitions have been included after the table.

    ATTENTION This reference table is for the V2 version of the schema.

    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | event                | name             | chunk                           | input                                         | output                                          |
    +======================+==================+=================================+===============================================+=================================================+
    | on_chat_model_start  | [model name]     |                                 | {"messages": [[SystemMessage, HumanMessage]]} |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_chat_model_stream | [model name]     | AIMessageChunk(content="hello") |                                               |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_chat_model_end    | [model name]     |                                 | {"messages": [[SystemMessage, HumanMessage]]} | AIMessageChunk(content="hello world")           |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_llm_start         | [model name]     |                                 | {'input': 'hello'}                            |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_llm_stream        | [model name]     | 'Hello'                         |                                               |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_llm_end           | [model name]     |                                 | 'Hello human!'                                |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_chain_start       | some_runnable    |                                 |                                               |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_chain_stream      | some_runnable    | "hello world!, goodbye world!"  |                                               |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_chain_end         | some_runnable    |                                 | [Document(...)]                               | "hello world!, goodbye world!"                  |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_tool_start        | some_tool        |                                 | {"x": 1, "y": "2"}                            |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_tool_end          | some_tool        |                                 |                                               | {"x": 1, "y": "2"}                              |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_retriever_start   | [retriever name] |                                 | {"query": "hello"}                            |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_retriever_end     | [retriever name] |                                 | {"query": "hello"}                            | [Document(...), ..]                             |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_prompt_start      | [template_name]  |                                 | {"question": "hello"}                         |                                                 |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    | on_prompt_end        | [template_name]  |                                 | {"question": "hello"}                         | ChatPromptValue(messages: [SystemMessage, ...]) |
    +----------------------+------------------+---------------------------------+-----------------------------------------------+-------------------------------------------------+
    

    The "on_chain_*" events are the default for Runnables that don't fit one of the above categories.

    In addition to the standard events above, users can also dispatch custom events.

    Custom events will be only be surfaced with in the v2 version of the API!

    A custom event has following format:

    +-----------+------+-----------------------------------------------------------------------------------------------------------+
    | Attribute | Type | Description                                                                                               |
    +===========+======+===========================================================================================================+
    | name      | str  | A user defined name for the event.                                                                        |
    +-----------+------+-----------------------------------------------------------------------------------------------------------+
    | data      | Any  | The data associated with the event. This can be anything, though we suggest making it JSON serializable.  |
    +-----------+------+-----------------------------------------------------------------------------------------------------------+
    

    Here's an example:

    import { RunnableLambda } from "@langchain/core/runnables";
    import { dispatchCustomEvent } from "@langchain/core/callbacks/dispatch";
    // Use this import for web environments that don't support "async_hooks"
    // and manually pass config to child runs.
    // import { dispatchCustomEvent } from "@langchain/core/callbacks/dispatch/web";

    const slowThing = RunnableLambda.from(async (someInput: string) => {
    // Placeholder for some slow operation
    await new Promise((resolve) => setTimeout(resolve, 100));
    await dispatchCustomEvent("progress_event", {
    message: "Finished step 1 of 2",
    });
    await new Promise((resolve) => setTimeout(resolve, 100));
    return "Done";
    });

    const eventStream = await slowThing.streamEvents("hello world", {
    version: "v2",
    });

    for await (const event of eventStream) {
    if (event.event === "on_custom_event") {
    console.log(event);
    }
    }

    Parameters

    • input: BaseLanguageModelInput
    • options: Partial<WebLLMCallOptions> & {
          version: "v1" | "v2";
      }
    • OptionalstreamOptions: Omit<EventStreamCallbackHandlerInput, "autoClose">

    Returns IterableReadableStream<StreamEvent>

  • Parameters

    • input: BaseLanguageModelInput
    • options: Partial<WebLLMCallOptions> & {
          encoding: "text/event-stream";
          version: "v1" | "v2";
      }
    • OptionalstreamOptions: Omit<EventStreamCallbackHandlerInput, "autoClose">

    Returns IterableReadableStream<Uint8Array>

  • Stream all output from a runnable, as reported to the callback system. This includes all inner runs of LLMs, Retrievers, Tools, etc. Output is streamed as Log objects, which include a list of jsonpatch ops that describe how the state of the run has changed in each step, and the final state of the run. The jsonpatch ops can be applied in order to construct state.

    Parameters

    • input: BaseLanguageModelInput
    • Optionaloptions: Partial<WebLLMCallOptions>
    • OptionalstreamOptions: Omit<LogStreamCallbackHandlerInput, "autoClose">

    Returns AsyncGenerator<RunLogPatch, any, unknown>

  • Default implementation of transform, which buffers input and then calls stream. Subclasses should override this method if they can start producing output while input is still being generated.

    Parameters

    • generator: AsyncGenerator<BaseLanguageModelInput, any, unknown>
    • options: Partial<WebLLMCallOptions>

    Returns AsyncGenerator<BaseMessageChunk, any, unknown>

  • Bind config to a Runnable, returning a new Runnable.

    Parameters

    • config: RunnableConfig

      New configuration parameters to attach to the new runnable.

    Returns RunnableBinding<BaseLanguageModelInput, BaseMessageChunk, WebLLMCallOptions>

    A new RunnableBinding with a config matching what's passed.

  • Create a new runnable from the current one that will try invoking other passed fallback runnables if the initial invocation fails.

    Parameters

    • fields: {
          fallbacks: Runnable<BaseLanguageModelInput, BaseMessageChunk, RunnableConfig>[];
      } | Runnable<BaseLanguageModelInput, BaseMessageChunk, RunnableConfig>[]

    Returns RunnableWithFallbacks<BaseLanguageModelInput, BaseMessageChunk>

    A new RunnableWithFallbacks.

  • Bind lifecycle listeners to a Runnable, returning a new Runnable. The Run object contains information about the run, including its id, type, input, output, error, startTime, endTime, and any tags or metadata added to the run.

    Parameters

    • params: {
          onEnd?: ((run: Run, config?: RunnableConfig) => void | Promise<void>);
          onError?: ((run: Run, config?: RunnableConfig) => void | Promise<void>);
          onStart?: ((run: Run, config?: RunnableConfig) => void | Promise<void>);
      }

      The object containing the callback functions.

      • OptionalonEnd?: ((run: Run, config?: RunnableConfig) => void | Promise<void>)

        Called after the runnable finishes running, with the Run object.

          • (run, config?): void | Promise<void>
          • Parameters

            • run: Run
            • Optionalconfig: RunnableConfig

            Returns void | Promise<void>

      • OptionalonError?: ((run: Run, config?: RunnableConfig) => void | Promise<void>)

        Called if the runnable throws an error, with the Run object.

          • (run, config?): void | Promise<void>
          • Parameters

            • run: Run
            • Optionalconfig: RunnableConfig

            Returns void | Promise<void>

      • OptionalonStart?: ((run: Run, config?: RunnableConfig) => void | Promise<void>)

        Called before the runnable starts running, with the Run object.

          • (run, config?): void | Promise<void>
          • Parameters

            • run: Run
            • Optionalconfig: RunnableConfig

            Returns void | Promise<void>

    Returns Runnable<BaseLanguageModelInput, BaseMessageChunk, WebLLMCallOptions>

  • Add retry logic to an existing runnable.

    Parameters

    • Optionalfields: {
          onFailedAttempt?: RunnableRetryFailedAttemptHandler;
          stopAfterAttempt?: number;
      }
      • OptionalonFailedAttempt?: RunnableRetryFailedAttemptHandler
      • OptionalstopAfterAttempt?: number

    Returns RunnableRetry<BaseLanguageModelInput, BaseMessageChunk, WebLLMCallOptions>

    A new RunnableRetry that, when invoked, will retry according to the parameters.

  • Model wrapper that returns outputs formatted to match the given schema.

    Type Parameters

    • RunOutput extends Record<string, any> = Record<string, any>

      The output type for the Runnable, expected to be a Zod schema object for structured output validation.

    Parameters

    • outputSchema: Record<string, any> | ZodType<RunOutput, ZodTypeDef, RunOutput>
    • Optionalconfig: StructuredOutputMethodOptions<false>

    Returns Runnable<BaseLanguageModelInput, RunOutput, RunnableConfig>

    A new runnable that calls the LLM with structured output.

  • Model wrapper that returns outputs formatted to match the given schema.

    Type Parameters

    • RunOutput extends Record<string, any> = Record<string, any>

      The output type for the Runnable, expected to be a Zod schema object for structured output validation.

    Parameters

    • outputSchema: Record<string, any> | ZodType<RunOutput, ZodTypeDef, RunOutput>
    • Optionalconfig: StructuredOutputMethodOptions<true>

    Returns Runnable<BaseLanguageModelInput, {
        parsed: RunOutput;
        raw: BaseMessage;
    }, RunnableConfig>

    A new runnable that calls the LLM with structured output.