feat(client): add support for browser usage

[stainless-app]

No description provided.

[simonw]

Here's how to use this new feature with vanilla JavaScript

fetch("https://api.anthropic.com/v1/messages", {
  method: "POST",
  headers: {
    "x-api-key": apiKey,
    "anthropic-version": "2023-06-01",
    "content-type": "application/json",
    "anthropic-dangerous-direct-browser-access": "true",
  },
  body: JSON.stringify({
    model: "claude-3-haiku-20240307",
    max_tokens: 1024,
    messages: [
      {
        role: "user",
        content: [
          { type: "text", text: "Return a haiku about how great pelicans are" },
        ],
      },
    ],
  }),
})
  .then((response) => response.json())
  .then((data) => {
    const haiku = data.content[0].text;
    alert(haiku);
  });

[simonw]

Blogged about this here: https://simonwillison.net/2024/Aug/23/anthropic-dangerous-direct-browser-access/

[SakaZulu]

Good work ! Thanks !

[vinaymimani]

Hi folks, I tried this but getting error: HTTP error! status: 401, body: {"type":"error","error":{"type":"authentication_error","message":"CORS requests are not allowed for this Organization because of its settings. If you believe this in error, contact support at https://support.anthropic.com/."}}

Is this org specific access?

[RobertCraigie]

@vinaymimani it looks like your org disabled CORS, you can contact https://support.anthropic.com/ for more help

[aaron-lerner]

Hey @vinaymimani, all orgs should have access, but some are automatically locked down for various reasons. I believe yours was mistakenly locked down and I've now corrected this. Give it another shot.

[vinaymimani]

@aaron-lerner fastest resolution ever. Thank you!