MARKETPLACE
PLUGINS
FLOWISE - CHAT STREAMING
Flowise - Chat Streaming logo

Flowise - Chat Streaming

Published October 2024
   •    Updated this week

Plugin details

Flowise is an open source low-code tool for developers to build customized LLM orchestration flows & AI agents. Developing LLM apps often involves countless iterations. Our low-code and drag-and-drop UI approach enables quick iterations, helping you go from testing to production faster.

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

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

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

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

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

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

$99

One time  •  Or  $9/mo

stars   •   0 ratings
2 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

FLOWISE - CHAT STREAMING   ==================================

ELEMENT DESCRIPTION  
----------------------------------  
 FLOWISE - CHAT STREAMING provides streaming capabilities to your Flowise deployment.

STEP-BY-STEP SETUP  
--------------------------------  
 0) Set up your Flowise deployment. Different options are available at https://docs.flowiseai.com/configuration/deployment.  
 
 1) Generate your Flowise API Key. See https://docs.flowiseai.com/configuration/authorization/chatflow-level#api-key.  
 
 2) Register on plugins.wiseable.io. Create a new Credential that associates your BUBBLE APP URL and your FLOWISE AI 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 in the previous step, your FLOWISE API KEY (Bearer XXX format), along with your FLOWISE BASE DOMAIN.

 4) Add the FLOWISE - CHAT STREAMING element to the page where the chat will be integrated.

 5) Add an element supporting input text for the user prompt.

 6) Create a Repeating Group with the "GET CHAT MESSAGES BODY (FLOWISE)" data type to display the conversation. In the data source, use the FLOWISE - GET CHAT MESSAGES with a TIME dynamic field, which will trigger the refresh at the desired moment, typically once the user has sent their request. This data source will be merged with the FLOWISE - CHAT STREAMING element's STREAMED RESPONSE to ensure streaming.

 7) Integrate the logic into your application using the following FLOWISE - ASSISTANT STREAMING element's states and actions:

 FIELDS:  
 - RESULT TYPE: Must always be "GET CHAT MESSAGES BODY (FLOWISE)".

 EVENTS:  
 - ERROR: Event triggered when an error occurs.  
 - STREAMING STARTED: Event triggered when streaming starts.  
 - STREAMING ENDED: Event triggered when streaming ends.
 - 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 FLOWISE - ASSISTANT STREAMING element:  
 - ERROR: Error message upon error event trigger.  
 - IS STREAMING: Returns true when streaming is in progress.  
 - STREAMED RESPONSE: List of the messages of the current Thread ID along with the RUN ID.

 ELEMENT ACTIONS - TRIGGERED IN WORKFLOW:  
   - SEND USER PROMPT: Sends the user prompt to the specified CHATFLOW ID and optionally SESSION ID.  
     Input Fields:  
       - USER PROMPT: The user prompt.  
       - CHATFLOW ID: An existing CHATFLOW ID on your deployment.  
       - SESSION ID: If empty, a unique SESSION ID will be generated.
   - RESET: Reset the element.    

8) (Optional) Add the FLOWISE - 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 errors will be posted to the Logs tab, "Server logs" section of your App Editor.  
 Make sure that "Plugin server side output" and "Plugin client side output" are 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 requests or support questions.

Types

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

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble