Build a ChatGPT clone in 30 mins with Bubble.io | Bubble.io Tutorials | Planetnocode.com 

Thanks for the feedback! We have even more videos on our website www.planetnocode.com

oh, thats def. a no go…

The core Bubble platform doesn't support the API streaming protocol 😞 However, we have record a video demonstrating a Bubble.io Plugin that adds in the streaming function. Watch here: www.planetnocode.com/tutorial/plugins/openai/chatgpt-and-openai-real-time-streaming-plugin-demo/

I'm running into the same issue here but don't quite understand what you mean. Would you mind sharing your code? I thought I understood what you meant but it didn't fix my issue

Facing same issue and don't understand your solution. @planetnocode please explain it in more details

Same issue here. Does anyone know how to fix this?

Sounds like you'd have to achieve this with UI in Bubble, rather than a regular chat interface.

@@planetnocode can you explain further please?

No problem! It appears you want to create a step-by-step form which, when filled out, will generate an OpenAI request based on the form data. A straightforward approach would be to capture the form data using Bubble inputs, and then send a prompt containing all the form data to OpenAI. The response can then be presented to the user. This is something our team can help with and should be able to resolve for you with a 1 hour Bubble coaching session www.planetnocode.com/bubble-coaching/

@@planetnocode this is awesome! Thanks so much and will contact you guys soon!👍😊💕

Yes you can include a message with the role set as system at the start of your message thread.

The Bubble API Connector does not support the streaming protocol. You may find a plugin that supports this.

ok repeating group layout was fixed, i changed to row and it seems correct now.

Fixed layout does cause the majority of layout issues. Try and use columns and rows where possible.

Sending all previous messages is currently the only way for the latest message to be aware of all previous messages. You could experiment with only sending the last 5 messages for example as one way to reducing the token cost.

did you fix it? are you sure you put Current cell's Copilot's JSON under the message text in the repeating group of the main body?

You can add a step to the message workflow that updates a date field in the Conversation/Chat datatype.

Are you looking to delete 1 message at the time or all messages in the repeating group?

@@planetnocode all the conversations in that group. I am concerned about having a lot of data stored in my database that could slow down the app’s processing

How about adding a trash icon? Then when the trash icon is clicked run a workflow that deletes a list of things and enter the Repeating Groups List as the list to delete.

@@planetnocode actually I had put a button and ran that workflow but the conversation was not deleted. I think I did it incorrectly. Do you have any video on how to do it correctly?

It did it!👏👏 Thanks so much Matt😊💕

Is your repeating group limited to 3 rows?

I’ve increased the rows to 10 and that seems to have corrected everything! I just now want to prime the system with a prompt making it a interior design specialist bla bla bla so i tried to input role: system.. above where we put in the plugin as i thought this would be the most obvious place but no joy. Any ideas where I need to put the system prompt? Thanks so much. @@planetnocode

You can put a system prompt with dynamic data into the body of the API call in the Bubble API Connector as long as you follow the JSON structure shown here: platform.openai.com/docs/api-reference/chat/create

Add a conditional statement for the chat bubble using the on the Message's role.

Thank you

Check your API key. Do you have bearer before your key? Do you have a payment method added to your OpenAI account?

GPT3.5-turbo is the quickest chat model and we've found the speed can really vary, likely based on the load on OpenAI's servers. User impatiences can be partly combated with effective UI design such as: - Showing a loading animation (Lots of examples here loading.io/) - You can estimate the time OpenAI will need using the length of the whole message you send. You can show the user this estimate.

@@planetnocode I found that OpenAI API has a stream option to display the response in real-time. Can you help us to implement it in Bubble?

@@manhdungluu2836 The Bubble API Connector does not support the steam protocol. However, there is a plugin we've demoed that adds this feature in. Watch here www.planetnocode.com/tutorial/plugins/openai/chatgpt-and-openai-real-time-streaming-plugin-demo/

There isn't a limit on messages but there is a limit on how many tokens can be sent. Details can be found on the OpenAI website: platform.openai.com/docs/models/overview

Please reach out to support@planetnocode.com, and give you give an example of the JSON you are putting into . We'll see how we can help.

@@planetnocode I am encountering the same issue, basically you can't Reinitialize Call of the API body once you insert the dynamic value, because it is not deemed JSON safe. Now I can't add that API call as an action, any solution for that?

Getting the same issue, the is bugging it out@@planetnocode

Hi! I have the same issue. Did you find a resolution for this? :)

Is your dynamic field 'messages' checked as private? Uncheck private is so.

Right now I'm not interested in asking for a sign up or something like that to use the platform. I just want to refresh all the context if someone in another IP access the platform. Am I being clear? Sorry. English is not my first language...

We suggest you set up privacy rules around Current User as it sounds like you're trying to keep conversations private from different visitors. Is that right? By default any visitor can be referred to as Current User and Bubble uses a cookie to detect if the same visitor returns in the same session. So if you set up privacy rules for your messages, chat and user data types e.g. This Messages Creator is Current User then test using different browsers/private browsing we think you'll get the result you're looking for. However, when using OpenAI there is a responsibility on you to know your users as ultimately anything submitted through the API is linked to your API account so we advise using OpenAI with logged in users.

Yes, that's right. Do you have some video explaining how to do that? Thanks a lot for your help@@planetnocode

This should be 100% possible with Bubble. Quite a few different steps to explain in the comments section. May we recommend booking a 1 to 1 call with Matt in the videos. Find out more about 1 to 1 Bubble support here www.planetnocode.com/bubble-coaching/

Thank you for your comment! It seems that you are interested in plugins created by others that connect with the OpenAI API. However, these plugins may have certain limitations. That's why this tutorial recommends using the Bubble API Connector. With this connector, you can essentially create your own plugin and make API calls, such as the "Send Message" function. To achieve a similar setup as shown in our video, please install the Bubble API Connector plugin.

Thank you!! I just previewed by app and when I ask ChatGPT a question, it responds only with "GOT IT" - any idea where I went wrong?@@planetnocode

Can you please share a timestamp from the video for when you get stuck?

15:56 @@planetnocode where you are trying to add memory to the chat. when i try to replicate, it won't let me add code even if i shorten it

This might be it. Are you doing exactly what we do here?: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Oqs9xgR-MBM.html We click after the [Click] placeholder, then press backspace. This prepares the field to receive plain text instead of dynamic content.

yes that worked! thanks!@@planetnocode

Specifically, how do I set the messages so they are connected to the user, eg “current user’s message.” ? This way I don’t have to set it at the privacy rule level. Thanks in advance for your help😊

You don't need to have a Message field on User. Your Messages have a Creator field built in that will be the User who created the message. So just add a Privacy Rule to the Message data type like This Message's Creator is This/Current User. Then test with multiple users to make sure it works.

@@planetnocode It did! Thanks so much Matt!👍

If you add a constraint to the Do a Search for Messages in the OpenAI workflow action to only retrieve messages from the current conversation then this will help to reduce tokens used as you won't be sending every message in the app database. Just those from the current conversation. We've got some videos in production now about using different models with larger token limits and how to send just the most recent X number of messages.

@@planetnocode I try to find permanent solution for the memory and I have been searching about flowise pinecone integrations to current chatgpt API calls but there are no even single video explain this so far I did not see if you do know could you share it with me? I will try to find solution in the meantime but please consider to make whole video for your channel would be awesome. And keep doing good job! You are rock brother!

Have you seen this video? www.planetnocode.com/tutorial/plugins/openai/bubble-openai-send-only-recent-messages/

@@planetnocode when I saw it I said great timing or this guys is amazing and I’ll go with second lol Thank you for that but when I tried to implement that I realized my chats and messages are not connecting with parent group and matter in fact I watched 35 min videos and followed steps 3 times but still can’t figure out why my chats and messages are not showing on the app. Basically I created early 4 page form and after that I am creating new chat and showing directly messages to chat but neither my messages or my conversation chats’s text doesn’t show the database entries. To solve that after I tried to implement your way(display data in page load and add a constrain to messages to (conversation = parents group conversation) and nothing. And than I tried multiple other ways from great tutors as you and I set up custom state to display it but still it did not work. Although I would like to point that my all database and workflow are working correctly but for now I will not stopping until I’m over it! If you have any other suggestions to workaround please let me know. And keep doing awesome work bro! And also 3.way I tried to solve my connecting problem was the sending current cells data through URLs parameter to pass on chat conversation data to message page repeating group even though parent group datatype is chat message repeating group doesn't link to parents chat somehow 🤯🤦🏻‍♂️😂

Can you tell me any other ways to link messages to the parent group chat except adding constrain because I couldn't handle it oddly. When I moved the constraint I could see the messages from the database as a whole but I can't separate them and link them to the parent chat. Methods that I have tried to solve this were adding constraint displaying data workflow and setting state to show message channel but no results so far 🤯 Just in case you wonder, - Added the conversation=parents group conversation to the step of create a messages workflow (both step) - Messages Repeating Groups parent page datatype is “conversation” - conversation datatype has conversation data field in my database as to link it up.

Sounds like you might be not be including a correctly structured JSON array for the messages in the API Connector. Assuming you are wanting to make the middle section of this dynamic to list your messages: "messages": [ { "role": "system", "content": "You are a helpful assistant." }, { "role": "user", "content": "Hello!" } ] ------- Try as demo text in : {"role": "system", "content": "You are a helpful assistant."}, {"role": "user", "content": "Hello!"}

Thanks @@planetnocode ! It was a conflict between the JSON field in the data type and the query. Fixed it :) Thanks again for your awesome videos !

@@benoitsommerlad3000 do you remember how you actually fixed this? I'm running into the same issue...

Actually, I found the issue! The JSON for the assistant's return message needs to have quotes added to it, otherwise it will error out once we include it as part of the array for the second round of questions.

Are you using a fixed layout or do you have the repeating group rows set to 4?

@@planetnocode repeating group row was set to 4. Thanks a lot

Thanks for the question. What if you set the data source for your Conversation group to be the most recent conversation? That way if a New Conversation is created, then the page is refreshed the user will actually be presented with the empty conversation created before.

@@planetnocode thanks for the response, unfortunately when i do this it still creates another blank conversation when pressing new conversation, but I would like it to just go to the conversation that hasn't been used already. Thanks

@@planetnocode Also, do you know how to give the bot a set personality prompt before the user sends anything? Thanks

Yes you can use the 'system' role in the first message. A simple example from the OpenAI API documentation would be: { "role": "system", "content": "You are a helpful assistant." } Source: platform.openai.com/docs/api-reference/chat

@@planetnocode thanks for the response, would this be in the workflow tab? and would this be on step 4 of the ‘button send is clicked’ because I already have the JSON = {“role”: “assistant”, “content”: Result of step 3 (open ai - send message)’s choices:first item’s message content:formatted as JSON-safe} so where would it go, thanks sorry I’m new to bubble :)

In our experience the OpenAI API can really vary depending on the time of day and, we would imagine, usage spikes.

What error are you receiving? It's likely just one small punctuation related issue with your JSON. We can help you fix this during a Bubble coaching call, working 1 to 1 with one of our Bubble experts: www.planetnocode.com/bubble-coaching/

Have you added a payment method to your OpenAI account?

@@planetnocode yes I get charged monthly for the premium or 4.0

Double check because the ChatGPT Premium service is different to the OpenAI API billing. Here's the API billing portal: platform.openai.com/account/billing/overview