Search

This Val will proxy anthropic HTTP requests from some frontend client, like langchain, so that you can utilize anthropic apis from the browser.

Convert it to an HTTP val in order to use it (you may want to setup an ENV var / header to protect the endpoint with a secret key)

import Anthropic from "npm:@anthropic-ai/sdk@0.24.3";

export default async function(req: Request): Promise<Response> {

throw new Error("No API key provided");

const anthropic = new Anthropic({ apiKey });

if (body?.stream) {

const textEncoder = new TextEncoder();

anthropic.messages.stream(body).on("text", (data) => {

writer.write(textEncoder.encode(data));

} else {

const response = await anthropic.messages.create(body);

return Response.json(response);

} catch (e) {

if (e instanceof Anthropic.APIError) {

return Response.json(e.error, { status: e.status });

* This val creates an interactive webpage that demonstrates the functionality of the Anthropic API.

* The Anthropic API key is stored in the frontend state and sent with each API request.

alert("Please enter your Anthropic API key first.");

<h1>Anthropic Caching JS Demo</h1>

<a href="https://github.com/anthropics/anthropic-cookbook/blob/7786b9f39db8ba65202792f564c59697a5222531/misc/prompt_caching.ipynb#L402">

</a>. Enter in your Anthropic API key (which is not saved) and click the buttons to see the results.

placeholder="Enter Anthropic API Key"

<title>Anthropic Caching JS Demo</title>

const { default: anthropic } = await import("npm:@anthropic-ai/sdk@0.26.1");

const client = new anthropic.Anthropic({ apiKey });

https://simonwillison.net/2024/Aug/23/anthropic-dangerous-direct-browser-access/

THIS IS NO LONGER NECESSARY

This Val will proxy anthropic HTTP requests from some frontend client, like langchain, so that you can utilize anthropic apis from the browser.

Convert it to an HTTP val in order to use it (you may want to setup an ENV var / header to protect the endpoint with a secret key)

import Anthropic from "npm:@anthropic-ai/sdk@0.24.3";

export default async function(req: Request): Promise<Response> {

throw new Error("No API key provided");

const anthropic = new Anthropic({ apiKey });

if (body?.stream) {

const textEncoder = new TextEncoder();

anthropic.messages.stream(body).on("text", (data) => {

writer.write(textEncoder.encode(data));

} else {

const response = await anthropic.messages.create(body);

return Response.json(response);

} catch (e) {

if (e instanceof Anthropic.APIError) {

return Response.json(e.error, { status: e.status });

import Anthropic from "npm:@anthropic-ai/sdk@0.22.0";

export default async (req: Request) => {

const anthropic = new Anthropic();

let { readable, writable } = new TransformStream();

const textEncoder = new TextEncoder();

anthropic.messages.stream({

model: "claude-3-haiku-20240307",

export const watchWebsite = async () => {

const url = "https://transformer-circuits.pub";

const newHtml = await fetch(url).then(r => r.text());

const key = "watch:" + url;

let oldHtml = "";

try {

oldHtml = await blob.get(key).then(r => r.text());

} catch (error) {

console.log("error");

await blob.set(key, newHtml);

import Anthropic from "npm:@anthropic-ai/sdk";

const anthropic = new Anthropic({

// apiKey: 'my_api_key', // defaults to process.env["ANTHROPIC_API_KEY"]

messages.push({ role: "user", content: text });

let res = await anthropic.messages.create({

model: modelId,

import { createAnthropic } from "npm:@ai-sdk/anthropic@0.0.48";

const anthropic = createAnthropic({

// apiKey = Deno.env.get("ANTHROPIC_API_KEY");

apiKey: Deno.env.get("ANTHROPIC_API_KEY_COVERSHEET")

case 'anthropic':

result = await this.generateAnthropicResponse({ model, prompt, maxTokens, temperature, streaming, schema, system, messages, tools, ...additionalSettings });

async generateAnthropicResponse({ model, prompt, maxTokens, temperature, streaming, schema, system, messages, tools, ...additionalSettings }) {

model: anthropic(modelId),

model: anthropic(modelId),

model: anthropic(modelId),

* If you want to use OpenAI models you need to set the `OPENAI_API_KEY` [env var](https://www.val.town/settings/environment-variables).

* If you want to use Anthropic models you need to set the `ANTHROPIC_API_KEY` [env var](https://www.val.town/settings/environment-variables).

* Create a [Val Town API token](https://www.val.town/settings/api), open the browser preview of this val, and use the API token as the password to log in.

Claude 3.5 Sonnet

import Anthropic from "npm:@anthropic-ai/sdk";

const anthropic = new Anthropic();

const msg = await anthropic.messages.create({

model: "claude-3-5-sonnet-20240620",

import { sleep } from "https://esm.town/v/stevekrouse/sleep?v=1";

import { anthropic } from "npm:@ai-sdk/anthropic";

import { openai } from "npm:@ai-sdk/openai";

} else {

vercelModel = anthropic(model);

// Anthropic doesn't support system messages not at the very start.

const systemRole = model.includes("gpt") ? "system" : "user";

maxTokens: 8192,

headers: { "anthropic-beta": "max-tokens-3-5-sonnet-2024-07-15" },

let messages = [

if (request.method === "POST" && new URL(request.url).pathname === "/api/chat") {

const { Anthropic } = await import("https://esm.sh/@anthropic-ai/sdk@0.17.1");

const { messages } = await request.json();

Do not escape newline characters.`

const anthropic = new Anthropic();

try {

const response = await anthropic.messages.create({

system: messages.length === 1 ? SYSTEM_NEW : SYSTEM_DIFF,

// model: 'mixtral-8x7b-32768',

// model: 'llama3-8b-8192',

// provider: 'anthropic',

// model: 'claude-3-haiku-20240307',

system: [

provider: 'groq',

model: 'mixtral-8x7b-32768',

// provider: 'anthropic',

// model: 'claude-3-opus-20240229',

// model: 'claude-3-sonnet-20240229',

export let npmExample = (async () => {

const { HUMAN_PROMPT, AI_PROMPT, Client } = await import(

"npm:@anthropic-ai/sdk"

); // The Lodash library exported as ES modules.

const client = new Client(

* If you want to use OpenAI models you need to set the `OPENAI_API_KEY` [env var](https://www.val.town/settings/environment-variables).

* If you want to use Anthropic models you need to set the `ANTHROPIC_API_KEY` [env var](https://www.val.town/settings/environment-variables).

* Create a [Val Town API token](https://www.val.town/settings/api), open the browser preview of this val, and use the API token as the password to log in.

import Anthropic from "npm:@anthropic-ai/sdk@0.22.0";

import ValTown from "npm:@valtown/sdk";

return content;

const anthropic = new Anthropic();

async function summarizeVal(valData) {

const anthropicResponse = await anthropic.messages.create({

model: "claude-3-sonnet-20240229",

text: JSON.stringify(valData),

return anthropicResponse.content[0].type === "text"

? anthropicResponse.content[0].text

: null;