MARKETPLACE
PLUGINS
CLAUDE AI - CHAT STREAMING WITH RAG
Claude AI - Chat Streaming with RAG logo

Claude AI - Chat Streaming with RAG

Published March 2024
   •    Updated this month

Plugin details

Claude is a family of foundational AI models that can be used in a variety of applications. You can talk directly with Claude to brainstorm ideas, analyze images, create and process long documents.

Claude can help with use cases including summarization, search, creative and collaborative writing, Q&A, coding, and more.

This plugin supports  threads management, native app data retrieval with privacy rules (RAG), web search, function/tools calling to feed data from your application or external services to the AI engine.

This plugin uses an external service to provide streaming and parameters hiding capabilities.

Demo Link: https://claudechatdemo.bubbleapps.io/version-test

Editor Link: https://bubble.io/page?type=page&name=index&id=claudechatdemo&tab=tabs-1

💡 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝗽𝗿𝗼𝗿𝗮𝘁𝗲𝗱. 𝗜𝗳 𝘆𝗼𝘂 𝗶𝗻𝘀𝘁𝗮𝗹𝗹 𝗮𝗻𝗱 𝘂𝗻𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗵𝗶𝘀 𝗽𝗹𝘂𝗴𝗶𝗻 𝗶𝗻 𝗼𝗻𝗲 𝗱𝗮𝘆 𝘁𝗼 𝘁𝗲𝘀𝘁 𝗶𝘁 𝗼𝘂𝘁, 𝘆𝗼𝘂'𝗹𝗹 𝗼𝗻𝗹𝘆 𝗯𝗲 𝗰𝗵𝗮𝗿𝗴𝗲𝗱 𝟭/𝟯𝟬𝘁𝗵 𝗼𝗳 𝘁𝗵𝗲 𝗺𝗼𝗻𝘁𝗵𝗹𝘆 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻 𝗳𝗲𝗲.

📖 𝗦𝘁𝗲𝗽-𝗯𝘆-𝗦𝘁𝗲𝗽 𝗶𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝘁𝗵𝗲 "𝗜𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗶𝗼𝗻𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗗𝗲𝗺𝗼 𝗘𝗱𝗶𝘁𝗼𝗿 𝗶𝘀 𝗶𝗻 𝘁𝗵𝗲 "𝗟𝗶𝗻𝗸𝘀" 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗼𝗳 𝘁𝗵𝗲 𝗣𝗹𝘂𝗴𝗶𝗻 𝗣𝗮𝗴𝗲.

Contact us at [email protected] for any additional feature you would require or support question.

$99

One time  •  Or  $9/mo

4.8 stars   •   5 ratings
65 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

wise:able logo
wise:able
Joined 2020   •   122 Plugins
View contributor profile

Instructions

CLAUDE AI - CHAT STREAMING WITH RAG ==========================

ELEMENT DESCRIPTION
----------------------------------
 CLAUDE AI - CHAT STREAMING WITH RAG provides ChatGPT- like streaming capabilities for Claude AI.

STEP-BY-STEP SETUP
--------------------------------
 0) Follow this tutorial : http://console.anthropic.com.
 You will get your CLAUDE AI API KEY.

 1) Implement ERROR workflow as per the demo so any errors are caught to your app.

 2) Register on plugins.wiseable.io. Create a new Credential which associates your BUBBLE APP URL and CLAUDE AI API KEY.
  The registration service will generate your PUBLIC ACCESS KEY. This key serves as a secure proxy for your real API key. It allows your application to communicate with the service without exposing your real API key. Since this PUBLIC ACCESS KEY is explicitly tied to your registered BUBBLE APP URL, it can only be used from that domain, ensuring that even if the key is publicly visible, it remains safe and cannot be misused by unauthorized sources.

 3) In the Plugin Settings, enter your PUBLIC ACCESS KEY generated at the previous step.

 4) Add the CLAUDE AI - CHAT STREAMING WITH RAG to the page on which the chat must be integrated. Select the RESULT DATA TYPE as Threads (Claude AI).

 5) Add an element supporting input text for the use prompt

 6) Integrate the logic into your application using the following CLAUDE AI - CHAT STREAMING WITH RAG element's states and actions:

 FIELDS:
 - RESULT DATA TYPE : Must always be selected as Threads (Claude AI).
 - MODEL NAME : Model to use. You may hide this data from eavesdroppers by using GET DATA FROM AN EXTERNAL API > CLAUDE AI - ENCRYPT and set this field as result of this API. See https://docs.anthropic.com/claude/docs/models-overview#model-recommendations
 - ROLE INFORMATION : Define the role of the AI assistant. You may hide this data from eavesdroppers by using GET DATA FROM AN EXTERNAL API > CLAUDE AI - ENCRYPT and set this field as result of this API.
 - ROLE INFORMATION CACHING : Enable prompt caching for Role Information (system) prompt.
 - API VERSION : API version to use for this operation. You may hide this data from eavesdroppers by using GET DATA FROM AN EXTERNAL API > CLAUDE AI - ENCRYPT and set this field as result of this API. See https://docs.anthropic.com/claude/reference/versions
   - APP DATA AGENT : Set to yes to activate data retrieval from your app when needed to answer to the user prompt. Your app DATA API must be enabled.
 - MAX TOKENS :  The maximum number of tokens to generate in the completion. The token count of your prompt plus MAX TOKENS can't exceed the model's context length. Most models have a context length of 2048 tokens (except for the newest models, which support 4096).  

 EVENTS :
 - ERROR : Event triggered when an error occurs.
 - STREAMING STARTED : Event triggered when the streaming starts.
 - STREAMING ENDED : Event triggered when the streaming ends.
 - CALL FUNCTION : Event triggered when a function triggers, as define in FUNCTIONS of SEND USER PROMPT action.
 - THREADS TO SAVE: Event triggered when any of the thread has changed.
 - READY: Event triggered when this element's fields have been set and element is ready to serve requests.


 EXPOSED STATES:
 Use any element able to show/process the data of interest (such as a Group with a Text field) stored within the result of the following states of the AZURE AI - CHATGPT ON YOUR DATA :
 - ERROR : Error message upon Error event trigger.
 - IS STREAMING : Returns true when streaming is in progress.
 - FUNCTION NAME : Name of the function, set upon CALL FUNCTION event.
 - FUNCTION ARGUMENTS : Arguments of the function, set upon CALL FUNCTION event.
 - FUNCTION CALL ID : Unique identifier of the function call, set upon CALL FUNCTION event.
 - LATEST STOP REASON : Latest stop reason of the AI engine, populated upon STREAMING ENDED event.
 - LATEST OUTPUT TOKEN USAGE : Latest output token usage of the AI engine, populated upon STREAMING ENDED event.
 - LATEST INPUT TOKEN USAGE : Latest input token usage of the AI engine, populated upon STREAMING ENDED event.
 - LATEST CACHE READ INPUT TOKEN USAGE : Latest cache read input token usage of the AI engine, populated upon STREAMING ENDED event.
 - LATEST CACHE CREATION INPUT TOKEN USAGE : Latest cache creation input token usage of the AI engine, populated upon STREAMING ENDED event.
 - ALL THREADS : List of threads containing a list of role and message content.
 - ALL THREADS (RAW DATA) : String containing All Current Threads in JSON format. You may use this string to load threads in "Load Threads" action.


 ELEMENT ACTIONS - TRIGGERED IN WORKFLOW:
   - SEND PROMPT : Send Prompt.    
  Inputs Fields :
       - PROMPT : The user prompt.
       - PROMPT CACHING : Enable prompt caching for this) prompt.
       - THREAD ID : Send the user prompt to this Thread ID. A valid Thread ID is one of the exposed state ALL THREADS. Autogenerated if not set.  
       - FILES : List of Files to add to the prompt.
       - FUNCTIONS : Array containing functions definition. See https://docs.anthropic.com/en/docs/tool-use#specifying-tools
       - TEMPERATURE :  What sampling temperature to use, between 0 and 2. Higher values means the model will take more risks. Try 0.9 for more creative applications, and 0 for ones with a well-defined answer.  
       WEB SEARCH RETRIEVAL SETTINGS
       - WEB SEARCH :Allow models to search the web for the latest information before generating a response.
       - ALLOWED DOMAINS : Domains should not include the HTTP/HTTPS scheme (use example.com instead of https://example.com) . Subdomains are automatically included, subpaths are supported.
       - BLOCKED DOMAINS : Domains should not include the HTTP/HTTPS scheme (use example.com instead of https://example.com) . Subdomains are automatically included, subpaths are supported.
       - USER CITY : User city name
       - USER REGION : User region or state
       - USER CONTRY : 2-Letter ISO 3166-1 Country Code
       - USER TIMEZONE : User IANA timezone ID - see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

   - SET THREAD TITLE : Set a custom Thread Title of a given Thread ID.
  Inputs Fields :
       - THREAD ID : Set the title to this Thread ID. A valid Thread ID is one of the exposed state ALL THREADS.
       - TiTTLE : New title
   - SEND FUNCTION RESULT : Send the function results. See https://docs.anthropic.com/en/docs/tool-use#specifying-tools
     Inputs Fields :
       - FUNCTION CALL ID : Unique identifier of the function call from FUNCTION CALL ID state, which is set upon set upon CALL FUNCTION event.
       - FUNCTION RESULT : Result of the function to pass.
       - TEMPERATURE :  What sampling temperature to use, between 0 and 2. Higher values means the model will take more risks. Try 0.9 for more creative applications, and 0 for ones with a well-defined answer.  
   - LOAD THREADS : Load the threads
  Inputs Fields :
       - THREADS (RAW DATA) : String formatted as JSON-safe, containing the threads in JSON format.
   - DELETE THREAD ID : Delete the specified Thread ID.
  Inputs Fields :
       - Thread ID : A valid Thread ID is one of the exposed state ALL THREADS.

7) (Optional) Add the CLAUDE AI - MARKDOWN & LATEX PARSER element to display markdown formatting

IMPLEMENTATION EXAMPLE
======================
Feel free to browse the app editor in the Service URL for an implementation example.

TROUBLESHOOTING
================
Any plugin related error will be posted to the the Logs tab, "Server logs" section of your App Editor.
 Make sure that "Plugin server side output" and "Plugin server side output" is selected in "Show Advanced".

> Server Logs Details: https://manual.bubble.io/core-resources/bubbles-interface/logs-tab#server-logs

PERFORMANCE CONSIDERATIONS
===========================
 N/A

QUESTIONS ?
===========
Contact us at [email protected] for any additional feature you would require or support question.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
AI   •   Media   •   Productivity   •   Chat   •   Input Forms   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.8)

Amazing !
August 29th, 2024
A great plugin that adds tremendous value to my application! The developer is very responsive and committed when issues arise. I highly recommend it 1000%!
Cool Plugin (Need add usage)
August 3rd, 2024
Please add usage in the response
Thanks for your improvement suggestion. On a side note, we would like to mention that the reviews section of this page is not a support channel and aims at sharing public reviews of the plugin quality and its support performance, which unfortunately we did not have a chance to address through our [email protected] channel prior to this review. (plugin author)
August 4th, 2024
  •  
wise:able
Good plugin for streaming chat from claude
July 30th, 2024
Solid plugin and excellent customer support. Not super easy to set up if you're a beginner with bubble, but they were very helpful in troubleshooting!
Great Plugin
May 26th, 2024
Great plugin, it always works and has support for everything you could want, including beta features like tool calling! There is also great support for the plugin which makes any issues that may arise super easy to solve and work through. Would 100% recommend, especially with how good the Claude 3 API is.
Superb
March 11th, 2024
Another fantastic plugin by Wiseable... Works very well, super helpful plugin author with fast helpful response. Thank You V!
Bubble