Embed chatGPT x SMF 2.1

[Edwar Colt]

Hello...

The only way I managed to insert ChatGPT in the forum was by creating a page in html and using an iframe in the post. if anyone knows a more suitable method or who knows, build a mod for GPT. Wordpress already has a plugin to do this integration.

[Arantor]

To what end? What permissions should it have?

[Edwar Colt]

The purpose is to make gpt available quickly as an additional tool on the forum. example: the contact page, the gallery, ... gpt. regarding permissions, in accordance with the interests of the smooth running of the purpose.

[Arantor]

You really need to do more than just 'make it available' especially since in an integration setting you as the admin will be paying for it.

And it really does need permissions in terms of where people can interact with it and how they can interact with it to avoid burning all your money...

[Edwar Colt]

I thought I'd make it available to a group of forum writers. even at some cost, if used as an aid in the production of content, the return would be able to compensate for the financial aspect.

In terms of production, the purpose of gpt justifies itself.
Of course, within a project where the final costs can be paid with the collection through the available means.

[Arantor]

Yeah, that doesn't actually clarify anything that anyone would need to be able to implement this.

Perhaps this should be framed as 'let's look at the implementation and the collection of multiples that all work together for XenForo and what permissions, what options etc. they have' because it *really* isn't as straightforward or as simple you're asking for with 'integrate ChatGPT'. It needs so much more thought than that.

[Kindred]

Your request, as pointed outvis still too broad,  but Let's look at what you have said so far...

The contact page.
What would cmyou have chatgpt do on this page? This is not a standard forum page, so in addition to having the chat got do "something, as yet undefined" on this page - you are also apparently looking for a mod that interacts with other mods. Which contact page mod?


Gallery page....  repeat every question and statement above.

....
....
....
... aid in the production of content.
Again... how? Doing what? Interacting in what way?


...
Project... collection of costs...
Again,  how? Is it the mod author who needs to recoup costs? Or maybe you need to collect payments? Is that part of the desired mod?

Every statement you make is more confusing than the last.

[Edwar Colt]

See, at the moment I got it to work, even if inside an iframe, posted in a topic that will be available only to specific members. The integration would follow each group's permissions options. usage control would be very easy.

would be made available as a work tool using the forum's resources for authorized members, without implying their private accounts.

[Edwar Colt]

Your request, as pointed outvis still too broad,  but Let's look at what you have said so far...

The contact page.
What would cmyou have chatgpt do on this page? This is not a standard forum page, so in addition to having the chat got do "something, as yet undefined" on this page - you are also apparently looking for a mod that interacts with other mods. Which contact page mod?


Gallery page....  repeat every question and statement above.

....
....
....
... aid in the production of content.
Again... how? Doing what? Interacting in what way?


...
Project... collection of costs...
Again,  how? Is it the mod author who needs to recoup costs? Or maybe you need to collect payments? Is that part of the desired mod?

Every statement you make is more confusing than the last.

I think the translator cannot explain the context as it should from Portuguese to English.

I only mentioned the contact page and the gallery as an example of existing tools for those who know, from my point of view, to create another one. in this case the integration with the gpt AI

[Edwar Colt]

it would be practically the same thing as this wordpress plugin, only for SMF

https://br.wordpress.org/plugins/quick-chat-gpt/

[Arantor]

Except it's really, really not. Blogs work fundamentally differently to forums - in a blog only a few people could talk to the bot, but in a forum *everyone* can.

[Edwar Colt]

at this point, I have the integration working just for me. visitors cannot access. fundamentally it would only be used by a team of moderators.

The forum is very diverse in activities. chatgpt is indeed capable of multiplying and facilitating the production of any content.

[Edwar Colt]

If anyone wants the integration as I'm using it, I'll leave the code below.

an index.html and the style.css of the pg. 

replace the INSERT API KEY HERE in the html with the api key

index.html

Code Select Expand

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">

<title>ChatGPT Black Box</title>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

  </head>

  <body bgcolor="#0f0f0f">
    <div class="top-frame">
       
      <div id="chat-history" class="response" style="white-space:pre-wrap; overflow-y:scroll; height:350px;"></div>

    </div>

    <div class="bottom-frame">

  <form>

  <label for="input_text">

    <p style="font-size:20px;"><center><p style="color:white;">Hello! Start by typing your message below...</center></p>

  </label>

  <p style="text-align:center;">

    <input type="text" id="input_text" name="input_text" required style="width:50%; margin:auto;">

    <button type="button" onclick="connectChatGPT()" class="button">Send</button>

  </p>

</form>


   

    </div>

    <script>

      document.querySelector('form').addEventListener('submit', (event) => {

        event.preventDefault();

        connectChatGPT();

      });


      async function connectChatGPT() {

  const inputText = document.getElementById('input_text').value;

  const chatHistory = document.getElementById('chat-history');


  chatHistory.innerHTML += `<p style="color:white;">You: ${inputText}</p>`;

  chatHistory.innerHTML += `<p id="typing-indicator" style="color:grey;">ChatGPT is typing...</p>`;


  // Send the request to ChatGPT

  const apiKey = "INSERT API KEY HERE";

  const modelEngine = "text-davinci-003";

  const prompt = inputText;

  const maxTokens = 2048;

  const temperature = 0.5;


  const response = await axios.post(

    "https://api.openai.com/v1/completions",

    {

      prompt,

      max_tokens: maxTokens,

      temperature,

      model: modelEngine,

    },

    {

      headers: {

        "Content-Type": "application/json",

        "Authorization": `Bearer ${apiKey}`,

      },

    }

  );


  // Display the response as if it were being typed on the screen

  const responseMessage = response.data.choices[0].text;

  chatHistory.innerHTML += `<p style="color:grey;">ChatGPT: ${responseMessage}</p>`;

  document.getElementById('typing-indicator').remove();


  // Speak the response

 // const utterance = new SpeechSynthesisUtterance(responseMessage);

 // utterance.lang = 'pt-BR';

 // utterance.rate = 0.8;

  //window.speechSynthesis.speak(utterance);


  // Clear the input box

  document.getElementById('input_text').value = '';


  // Auto-scroll to the bottom of the chat history

  chatHistory.scrollTop = chatHistory.scrollHeight;

}



      function saveChat() {

    const filename = 'chat-history.txt';

    const fileContent = conversation;


    const element = document.createElement('a');

    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(fileContent));

    element.setAttribute('download', filename);


    element.style.display = 'none';

    document.body.appendChild(element);


    element.click();


    document.body.removeChild(element);

  }

</script>

  </body>

</html>



style.css

Code Select Expand

/* Defina as cores para o texto e o fundo */
body {
  color: white;
  background-color: #0f0f0f;
}

/* Estilo para o histórico de bate-papo */
#chat-history {
  overflow-y: scroll;
  height: 350px;
  font-size: 16px;
}

/* Estilo para a área de entrada de texto */
input[type=text] {
  width: 50%;
  margin: auto;
  font-size: 20px;
  padding: 10px;
  border-radius: 5px;
  border: none;
}

/* Estilo para o botão */
button {
  background-color: #0EA982;
  color: white;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

/* Estilo para a mensagem digitada pelo usuário */
#chat-history p:nth-of-type(odd) {
  text-align: right;
}

/* Estilo para a mensagem digitada pelo ChatGPT */
#chat-history p:nth-of-type(even) {
  text-align: left;
}

/* Estilo para o indicador de digitação */
#typing-indicator {
  font-style: italic;
}

/* Estilo para a mensagem de boas-vindas */
p {
  font-size: 20px;
  text-align: center;
  color: white;
}

/* Estilo para o cabeçalho */
.top-frame {
  padding: 20px;
}

/* Estilo para o rodapé */
.bottom-frame {
  padding: 20px;
  text-align: center;
}


[vbgamer45]

Just note it exposes your OpenAI key. I would suggest do it server side.
https://github.com/orhanerday/open-ai
https://github.com/openai-php/client

[Edwar Colt]

Yes, this method has a serious security flaw. that's why I came here on the forum to raise possibilities to adjust the system.

[Sesquipedalian]

fundamentally it would only be used by a team of moderators.

To do what? What would moderators use content generated by ChatGPT for? We are all aware that ChatGPT can be used to generate content. The question is, what you want to do with that content?

For example, do you want moderators to be able to use ChatGPT to generate automated answers to questions posted in your forum? Do you want to do something else with that content?

If you are not sure how to answer those questions, try answering this one instead: What is the goal that you are trying to accomplish and how would ChatGPT help you to accomplish that goal?

[Edwar Colt]

fundamentally to boost the generation of fixed content.

the moderators would have the gpt available to solve different problems and to produce content related to the forum.

would be of no use in the open discussion forum. it would be a basically administrative tool

[Kindred]

Given that chatgpt is still, and consistently, 80+% wrong with its generated "facts"....

And you still have not actually indicated what, specifically,  you intend this integration to do

[Edwar Colt]

that this application is used by a specific team for the purposes that it - "ChatGPT", is intended.

and that the use is up to the domain and not the moderators who use it.

It's like a company computer with internet and chatgpt, the employee arrives, uses the company's logged in gpt, hangs up and goes home to use his private chatgpt at home.

seems simple to me

[Kindred]

What/how exactly are you seeing the "uses chatgpt"?

Uses chatgpt TP DO WHAT??

[Arantor]

Which is why I gently suggested the XF plugin suite that is out there which has several different permutations of what can be done - precisely because the OP doesn't actually want to explain what he'd like to do with ChatGPT. Though I will suggest the use of a translator isn't helping.

[shawnb61]

Uses chatgpt TP DO WHAT??

It might be fun to let forum members get in on the chatgpt action.  First thought is to set up a board for requests.

Like a bot.

I'd ask it to rewrite "A Midsummer Night's Dream" in the voice of Kindred.

[Sesquipedalian]

fundamentally to boost the generation of fixed content.

the moderators would have the gpt available to solve different problems and to produce content related to the forum.

would be of no use in the open discussion forum. it would be a basically administrative tool

Thank you for the clarification. It sounds like your plans do not require any direct integration with the forum itself. You just want a way to give your moderators access to ChatGPT so that they can interact with it from your own website, as opposed to making them go to OpenAI's website.

In that case, I suggest that you do the following:

• Download one of the libraries that vbgamer posted about in his previous post.
• Create a PHP file in your forum directory named something like "chatgpt.php".
• Use SMF's SSI functions in chatgpt.php to load the SMF theme, user data, etc. You can find lots of information about doing this in the SSI section of the SMF Online Manual.
• Use the library that you downloaded in step 1 to interact with ChatGPT in your chatgpt.php file. For help with that part, you will need to refer to the documentation for that library.
• Use this mod to add a button to SMF's main menu for your moderators that will take them to your chatgpt.php page.

[Arantor]

I'd ask it to rewrite "A Midsummer Night's Dream" in the voice of Kindred

Copy/pasting from my ChatGPT logs:

Arantor: Do you know who Kindred from Simple Machines Forum is?

ChatGPT: As an AI language model, I am aware of Simple Machines Forum (SMF) and Kindred's contributions to the development of the software. Kindred is the username of one of the lead developers of Simple Machines Forum. He has been a part of the SMF development team for many years and has contributed significantly to the development and maintenance of the software. He has also been an active member of the SMF community, providing support and assistance to users of the software.

Arantor: Rewrite "A Midsummer Night's Dream" in the style of Kindred.

ChatGPT: I apologize, but it is not possible for me to rewrite "A Midsummer Night's Dream" in the style of Kindred since Kindred is a developer of Simple Machines Forum and not a writer or literary figure. However, if you have any questions related to Simple Machines Forum or web development, I would be happy to assist you.

[Sesquipedalian]

Kindred is the username of one of the lead developers of Simple Machines Forum. He has been a part of the SMF development team for many years and has contributed significantly to the development and maintenance of the software.

I'm sure @Kindred will be interested to learn that he's a long-time member of the dev team.

Seriously, this is just another demonstration of why it is a terrible idea to try to integrate this kind of AI into search engines and such. The ability to generate a better approximation of natural human language is not the same as understanding, let alone accuracy.

[Diego Andrés]

This one is my favorite, recently posted by bots here on this forum. It's asked about how to change the logo in X theme and it will post some random code instructions even if X has a theme setting for the URL? or how about this theme in particular having an image for default logo, there's no text 

In the SMF theme "Blue Bird", the large text at the top of the page is typically defined in the theme's template files. The location and name of the template files can vary depending on the theme you are using, but it is usually located in the "Themes" folder of your SMF installation.

Here is the typical path for the theme "Blue Bird" for example :

Themes/BlueBird/template/index.template.php

You can edit the template file using a text editor like Notepad or Sublime Text. Look for the line of code that defines the text at the top of the page. It should look something like this:

<div id="header">
    <h1>Blue Bird</h1>
</div>

Change the text "Blue Bird" to the text you desire.

Alternatively, you can also change the text by going to the SMF Administration Panel, Going to "Admin" -> "Themes and Layout" -> "Themes" -> "Edit Themes" -> "Edit Templates" and then looking for the template "index" and look for the <h1> tag and change the text there.

Make sure to save the changes and refresh your browser to see the updated text on your website.

Note that if you change the theme in the future, you will have to make this change again. You may want to consider creating a child theme or creating an override of the template so that your customizations are not lost when you update your theme.

[Edwar Colt]

It seems that the curiosity regarding what I intend to do with chatGPT in the forum was greater than the curiosity to discover a way to integrate with the openai system.

Friends, I really appreciate everyone's collaboration and interest in helping. I'm going to study all the possibilities that have been presented to me and see what I can do.

have a great day

[Arantor]

The reason is because the curiosity of what you intend to do directly shapes how it can be integrated!

[Kindred]

@Arantor - that's about the lebvel of stupidity I expect from the chatbot..

@Edwar Colt -- because form follows function. We need to know WHAT you plan to do (specifically) in order to suggest the best way to get it done.

[Edwar Colt]

It's just that specifically in this case, I couldn't imagine a way to use chatGPT that was different from the purpose for which it was created.

The idea is to have it as an extra tool for obvious purposes. The way it is already working, even with some limitations and security flaws, already meets my needs. - (in a topic where I can control members' access through group permissions)

The ideal, in my humble opinion, would be that the integration could be as I exemplified earlier, as a plugin for wordpress. however, of course I understand that the process would not be that easy.

[Arantor]

And here's why I ask.

https://xenforo.com/community/threads/021-chatgpt-autoresponder-paid.212720/ - auto reply to first post in a topic, restricted to certain boards for automated help.

https://xenforo.com/community/threads/021-ai-bots-paid.213210/ - exposes ChatGPT and Dall-E to prompts from the forum.

https://xenforo.com/community/threads/021-chatgpt-spam-filter-paid.212715/ - using it to identify whether a post is likely spam or not.

https://xenforo.com/community/threads/021-chatgpt-reply-assistant-paid.212733/ - helping to construct replies - I suspect this is nearest to your intended use case.

[Edwar Colt]

I didn't think to replace human interaction on the forums. I'm going to use it as I've described, as an auxiliary tool for writing simple texts, image prompts and basic coding..

[Arantor]

So that's still 1 and 4 off my list...

[Edwar Colt]

I understand that it will be impossible to escape the advancement of certain technologies. even if indirectly, they will be inserted in all contexts. we can create resistance bubbles, but outside of them, there they will be.

we can even conjecture about possibilities to minimize the consequences, but without the certainty that any effort we make will make any real difference.

or we can simply assimilate and try to control how these technologies will be used within what we understand as correct.

What other options?

[Kindred]

It's just that specifically in this case, I couldn't imagine a way to use chatGPT that was different from the purpose for which it was created.

.... and what do **YOU** think that purpose is?  (Because I can guarantee, from your conversation so far, that YOUR conception of that purpose is very different from what I think it is)

The idea is to have it as an extra tool for obvious purposes. The way it is already working, even with some limitations and security flaws, already meets my needs. - (in a topic where I can control members' access through group permissions)

Once again....   "obvious purposes"?
what *YOU* seem to think is "obvious" most definitely is not obvious to everyone else - otherwise we would not be asking!

The ideal, in my humble opinion, would be that the integration could be as I exemplified earlier, as a plugin for wordpress. however, of course I understand that the process would not be that easy.

... and to tie in to Arantor's comments here...
WHICH plugin for WordPress? There are several... which do different things....

Here's the description of one plugin---

-- Generate fresh and engaging content for your site
Are you looking to create content? What sort of content? posts? replies to posts? Why?

-- Explore the AI Playground for a variety of tools like translation, correction, SEO, etc
As discussed previously, SEO (as a specific targeted thing) for forums is basically useless
Correction of what?
Translation?

--Moderation AI for various tasks
Using the AI to moderate your forum?   That's a terrible, horrible idea.

-- Quickly brainstorm new titles and excerpts for your posts
Since posts on a forum are very different to posts in a blog, and there are no "excerpts" in a forum.

Here's another

🔍Keyword-driven content generation
Forums are very different from blogs...

🔗URL-based content generation
Forums are very different from blogs....

💻Code blog generation
the code generated by ChatGPT is horrendous...

🔍SEO content rewriting
Forums are very different from blogs....

💬FAQ generation
Forums are very different from blogs.... Even if you do have an FAQ on your forum, it's easier and more accurate to WRITE the FAQ than to depend on the idiot-savant chatbot

💻E-Commerce SEO optimization
🔍Keyword-driven SEO optimization
Forums are very different from blogs.... SEO on forums is VERY VERY different

📝Blog outline creation
Are you looking to have the Chatbot Write content? Why? Forums are for people to contribute. Once again, forums are very different from blogs.

[Edwar Colt]

It's just that specifically in this case, I couldn't imagine a way to use chatGPT that was different from the purpose for which it was created.

.... and what do **YOU** think that purpose is?  (Because I can guarantee, from your conversation so far, that YOUR conception of that purpose is very different from what I think it is)

The idea is to have it as an extra tool for obvious purposes. The way it is already working, even with some limitations and security flaws, already meets my needs. - (in a topic where I can control members' access through group permissions)

Once again....   "obvious purposes"?
what *YOU* seem to think is "obvious" most definitely is not obvious to everyone else - otherwise we would not be asking!

The ideal, in my humble opinion, would be that the integration could be as I exemplified earlier, as a plugin for wordpress. however, of course I understand that the process would not be that easy.

... and to tie in to Arantor's comments here...
WHICH plugin for WordPress? There are several... which do different things....

Here's the description of one plugin---

-- Generate fresh and engaging content for your site
Are you looking to create content? What sort of content? posts? replies to posts? Why?

-- Explore the AI Playground for a variety of tools like translation, correction, SEO, etc
As discussed previously, SEO (as a specific targeted thing) for forums is basically useless
Correction of what?
Translation?

--Moderation AI for various tasks
Using the AI to moderate your forum?   That's a terrible, horrible idea.

-- Quickly brainstorm new titles and excerpts for your posts
Since posts on a forum are very different to posts in a blog, and there are no "excerpts" in a forum.

Here's another

🔍Keyword-driven content generation
Forums are very different from blogs...

🔗URL-based content generation
Forums are very different from blogs....

💻Code blog generation
the code generated by ChatGPT is horrendous...

🔍SEO content rewriting
Forums are very different from blogs....

💬FAQ generation
Forums are very different from blogs.... Even if you do have an FAQ on your forum, it's easier and more accurate to WRITE the FAQ than to depend on the idiot-savant chatbot

💻E-Commerce SEO optimization
🔍Keyword-driven SEO optimization
Forums are very different from blogs.... SEO on forums is VERY VERY different

📝Blog outline creation
Are you looking to have the Chatbot Write content? Why? Forums are for people to contribute. Once again, forums are very different from blogs.

How much evil in this heart...

Let's get to the facts:

1 - my conception of the purpose of chatgpt is that it simply answers some questions in a way that can be used to speed up the production of texts and other small nonsense..

2 - definition of what is obvious to me regarding the proposed subject is defined in a question. - What can I do with chatgpt besides the possibilities I find available in it?

3 - regarding the wordpress plugin, I posted an example link, it's still in the topic. but basically, he inserts in the blog posts a chatboot gpt box through a bbc code [chat gpt] wherever the editor wants.

I'm really not really understanding the moral questioning of using this (in my opinion) - tool.

[Kindred]

Well, that's better.

At least you have finally answered the question.


There has been no "moral questioning"
There has been functional questioning.
As for why the resistance in general?  Well, because chatgpt is currently absolutely terrible and inaccurate - so using it to answer questions is more than likely going to provide an incorrect answer.
Using it to write posts pretty much guarantees garbage.

GIGO, donchaknow.

[Edwar Colt]

Now I understand the way they tried to drive this topic. It would have been easier if I had been asked at the beginning what my opinion was about chtGPT.

Yes, I agree that gpt is far from ideal. However, for things of little importance and to speed up small things, it can indeed contribute with some things.

[Arantor]

No, you clearly don't understand. I want to know in what ways the integration with ChatGPT should work, whether all users can access it, whether previous information should be fed into it, what temperature setting it should have, whether it needs a role prompt and what should be done with the output. As in, what you want to do with it so anyone who actually tries builds you the right thing!

There is no value judgement from me about whether it is good or bad.

[Edwar Colt]

It's much simpler than that, it would be similar to the way it's working in my test field. the wrong way, using an iframe.

the ideal: a box with the chat already logged in through the API in a topic through a bbc. type [chatgpt]
It's much simpler than that, it would be similar to the way it's working in my test field. the wrong way, using an iframe.

the ideal: a box with the chat already logged in through the API in a topic through a bbc. type [chatgpt]

who will access it will be at the discretion of the moderation through the control of existing permissions in the forum.

In terms of endings, the presentation would be pretty simple. The process would be in openai. the forum would only make this integration easier.

See, when I opened this topic, I did it more to see if anyone had already managed to integrate the system with version 2.1 or knew a different method than the one I used. just reread start. the mod "request" was more in terms of suggestion. I didn't officially post here in the modrequest sector, the topic was redirected here by moderation.

Yes, there is a value judgment regarding the use of the chat..

[davo88]

I have found chatGPT very useful for creating summaries of long topics. A summary gives new readers the ability to quickly get an overview of a long and complicated thread without having to wade through every post. If the thread contains the material they are seeking, they can then read the topic in full.

[Kindred]

Except chatgpt makes crap up that wasn't part of the original content. So anything written by ai is suspect (and generally poorly written to boot)

[davo88]

That hasn't been my experience. However if your prompts are not well written, you may get unsatisfactory results.  

[Kindred]

I get unsatisfactory results every time ai dies anything.  Pictures or writing -- its not up to snuff yet, and I (personally) feel that anyone who uses it to write or to draw is either lazy or cheap

[davo88]

I haven't had much experience with image generation yet. But as I learnt to write very specific prompts describing exactly what I was submitting (eg a forum discussion about blah) and exactly how I wanted the it processed (ie summarised), the output improved enormously.

Submitting clean, well laid out text also helps the AI engine understand what it has to process. To generate well laid out text from the forum discussions without URL's, BBcodes, special characters and so forth, I had to export directly from the database and then do quite a bit of processing in Excel. So the text submitted to the AI engine was very clean with the title and author names for each post.

Then specifying the format of the output you require needs to be very precise too. Things like the total number of words you want for the whole summary, for each bullet point, how you want author names handled, the level of language used and so on.

I was working on about 370,000 lines of text spanning 20 years in one batch so the processing was manageable. But there is good potential for a mod to do all this pre-processing on smaller quantities of topics.

[gorbi]

How to understand that your forum content is being used for ChatGpt training? Maybe by ip?

[Arantor]

How to understand that your forum content is being used for ChatGpt training? Maybe by ip?

Look at the user-agent. It'll contain GPTBot if it's the OpenAI main crawler, or ChatGPT-User if it's a ChatGPT-based bot using ChatGPT plugins.