2
0

Add Anthropic block (#1336)

Hello @baptisteArno,

As we discussed in issue #1315 we created a basic implementation of
Anthropic’s Claude AI block.
This block is based on the OpenAI block and shares a similar structure.

The most notable changes in this PR are:
- Added the Claude AI block.
- Added relevant documentation for the new block.
- Formatted some other source files in order to pass git pre-hook
checks.

Some notes to be made:
- Currently there is no way to dynamically fetch the model’s versions
since there is no endpoint provided by the SDK.
  - All pre version-3 Claude models are hard-coded constant variables.
- We have opened an issue for that on the SDK repository
[here](https://github.com/anthropics/anthropic-sdk-typescript/issues/313).
- We can implement in a new PR Claude’s new [Vision
system](https://docs.anthropic.com/claude/docs/vision) which allows for
image analysis and understanding.
  - This can be done in a later phase, given that you agree of course.


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Introduced the Anthropic block for creating chat messages with Claude
AI in Typebot.
- Added functionality to create chat messages using Anthropic AI SDK
with configurable options.
	- Implemented encrypted credentials for Anthropic account integration.
- Added constants and helpers for better handling of chat messages with
Anthropic models.
- Included Anthropic block in the list of enabled and forged blocks for
broader access.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Retr0-01 <contact@retr0.dev>
Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr>
This commit is contained in:
Stergios
2024-03-12 19:53:33 +02:00
committed by GitHub
parent a9daac68ba
commit ecec7023b9
24 changed files with 2065 additions and 1619 deletions

View File

@ -0,0 +1,41 @@
---
title: Anthropic
---
## Create Message
With the Anthropic block, you can create chat messages based on your user queries and display the answer back to your typebot using Claude AI.
<Frame>
<img
src="/images/blocks/integrations/anthropic/overview.png"
alt="Anthropic block"
/>
</Frame>
Similarly to the OpenAI block, this integration comes with a convenient message type called **Dialogue**. It allows you to easily pass a sequence of saved assistant / user messages history to Claude AI:
<Frame>
<img
src="/images/blocks/integrations/anthropic/append-to-history.png"
alt="Claude AI messages sequence"
/>
</Frame>
Then you can give the Claude AI block access to this sequence of messages:
<Frame>
<img
src="/images/blocks/integrations/anthropic/dialogue-usage.png"
alt="Claude AI messages sequence"
/>
</Frame>
Finally, save the response of the assistant to a variable in order to append it in the chat history and also display it on your typebot.
<Frame>
<img
src="/images/blocks/integrations/anthropic/assistant-message.png"
alt="Claude AI assistant message variable"
/>
</Frame>

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -124,7 +124,8 @@
"editor/blocks/integrations/openai",
"editor/blocks/integrations/zemantic-ai",
"editor/blocks/integrations/mistral",
"editor/blocks/integrations/elevenlabs"
"editor/blocks/integrations/elevenlabs",
"editor/blocks/integrations/anthropic"
]
}
]

View File

@ -18803,6 +18803,7 @@
"dify-ai",
"mistral",
"elevenlabs",
"anthropic",
"together-ai",
"open-router"
]

View File

@ -128,8 +128,7 @@
]
},
{
"type": "object",
"properties": {}
"type": "object"
}
]
}
@ -639,8 +638,7 @@
]
},
{
"type": "object",
"properties": {}
"type": "object"
}
]
}
@ -9414,6 +9412,7 @@
"dify-ai",
"mistral",
"elevenlabs",
"anthropic",
"together-ai",
"open-router"
]