cyclic-software · jemonteni · Nov 3, 2023 · Nov 3, 2023 · Nov 3, 2023 · Nov 3, 2023
diff --git a/public/chat.html b/public/chat.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Chat with Chat GPT</title>
+  <link rel="stylesheet" type="text/css" href="css/styles.css">
+</head>
+<body>
+  <header>
+    <h1>Chat with Chat GPT</h1>
+  </header>
+
+
+  <main>
+    <!-- Контейнер для отображения сообщений -->
+    <div class="chat-container">
+      <div class="chat-messages">
+        <!-- Здесь будут отображаться сообщения чата -->
+      </div>
+      <form id="chat-form">
+        <!-- Поле ввода сообщения -->
+        <input type="text" id="message-input" placeholder="Type your message...">
+        <!-- Кнопка отправки сообщения -->
+        <button type="submit">Send</button>
+      </form>
+    </div>
+  </main>
+
+  <!-- Импорт скриптов -->
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/public/css/main.css b/public/css/main.css
@@ -0,0 +1,70 @@
+
+/* Reset default margins and paddings */
+body, html, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, blockquote {
+  margin: 0;
+  padding: 0;
+}
+
+/* Set box-sizing to border-box */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* Remove list styles */
+ul, ol {
+  list-style: none;
+}
+
+/* Set a default font */
+body {
+  font-family: Arial, sans-serif;
+}
+
+/* Set container styles */
+.container {
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+/* Styling for chat log */
+#chat-log {
+  border: 1px solid #ccc;
+  padding: 10px;
+  height: 300px;
+  overflow-y: auto;
+  margin-bottom: 10px;
+}
+
+.message {
+  margin-bottom: 10px;
+  padding: 5px 10px;
+  border-radius: 5px;
+}
+
+.user {
+  background-color: #f2f2f2;
+}
+
+.chatbot {
+  background-color: #e3e4e6;
+}
+
+/* Styling for user input */
+#user-input {
+  width: 80%;
+  padding: 5px;
+  margin-right: 10px;
+}
+
+#send-button {
+  padding: 5px 10px;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+
+#send-button:hover {
+  background-color: #45a049;
+}
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -0,0 +1,44 @@
+main {
+  background-color: #f2f2f2;
+  padding: 20px;
+  border-radius: 5px;
+}
+
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: 400px;
+  overflow-y: scroll;
+  padding: 10px;
+}
+
+.chat-messages {
+  flex-grow: 1;
+  margin-bottom: 10px;
+}
+
+form#chat-form {
+  display: flex;
+  align-items: center;
+}
+
+#message-input {
+  flex-grow: 1;
+  padding: 8px;
+  border: none;
+  border-radius: 5px;
+  margin-right: 10px;
+}
+
+button[type="submit"] {
+  padding: 8px 16px;
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+button[type="submit"]:hover {
+  background-color: #0056b3;
+}
diff --git a/public/gpt.html b/public/gpt.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+  <title>Chat GPT</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <div id="chatContainer">
+    <div id="chatLog"></div>
+
+    <form id="chatForm">
+      <input type="text" id="userMessage" placeholder="Введите сообщение..."/>
+      <button type="submit" id="sendMessageButton">Отправить</button>
+    </form>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/public/js/chat.js b/public/js/chat.js
@@ -0,0 +1,64 @@
+// chat.js
+
+// Функция отправки сообщения на сервер Chat GPT и получения ответа
+async function sendMessageToChatGPT(message) {
+  try {
+    const response = await fetch('127.0.0.1', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+          'Authorization': 'Bearer sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY'
+      },
+      body: JSON.stringify({
+        message: message
+      })
+    });
+
+    if (!response.ok) {
+      throw new Error('Request failed');
+    }
+
+    const data = await response.json();
+    return data.answer;
+  } catch (error) {
+    console.log('Error:', error.message);
+    return 'Sorry, I am unable to respond at the moment.';
+  }
+}
+
+function getChatGPTResponse(message) {
+  const url = '127.0.0.1'; // Replace with your server URL
+
+  // остальной код
+}
+
+// Обработчик отправки сообщения из формы чата
+function handleChatFormSubmit(event) {
+  event.preventDefault();
+  const messageInput = document.getElementById('message-input');
+  const message = messageInput.value.trim();
+  if (message !== '') {
+    appendMessageToChat('You: ' + message);
+    messageInput.value = '';
+    sendMessageToChatGPT(message)
+      .then(response => {
+        appendMessageToChat('ChatBot: ' + response);
+      })
+      .catch(error => {
+        console.log(error);
+        appendMessageToChat('Sorry, there was an error processing your request.');
+      });
+  }
+}
+
+// Функция добавления сообщения в окно чата
+function appendMessageToChat(message) {
+  const chatMessages = document.querySelector('.chat-messages');
+  const messageElement = document.createElement('div');
+  messageElement.textContent = message;
+  chatMessages.appendChild(messageElement);
+}
+
+// Назначение обработчика события отправки формы чата
+const chatForm = document.getElementById('chat-form');
+chatForm.addEventListener('submit', handleChatFormSubmit);
diff --git a/public/js/chatGPT.js b/public/js/chatGPT.js
@@ -0,0 +1,63 @@
+
+// chatGPT.js
+
+// API-ключ от Chat GPT
+const API_KEY = 'sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY';
+
+// Функция для отправки сообщения на сервер Chat GPT и получения ответа
+async function sendMessageToChatGPT(message) {
+  try {
+    const response = await fetch('https://chatgpt.cyclic.app', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+         'Authorization': 'Bearer sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY'
+      },
+      body: JSON.stringify({
+        message: message
+      })
+    });
+
+    if (!response.ok) {
+      throw new Error('Request failed');
+    }
+
+    const data = await response.json();
+    return data.answer;
+  } catch (error) {
+    console.log('Error:', error.message);
+    return 'Sorry, I am unable to respond at the moment.';
+  }
+}
+
+// Функция для отображения полученного ответа от Chat GPT в чате
+function displayChatMessage(message) {
+  const chatMessages = document.querySelector('.chat-messages');
+  const messageElement = document.createElement('div');
+  messageElement.classList.add('message');
+  messageElement.innerText = message;
+  chatMessages.appendChild(messageElement);
+}
+
+// Обработчик отправки формы
+async function handleSubmit(event) {
+  event.preventDefault(); // Предотвращаем отправку формы
+
+  const messageInput = document.getElementById('message-input');
+  const message = messageInput.value.trim();
+
+  if (message !== '') {
+    // Отправляем сообщение на Chat GPT
+    const answer = await sendMessageToChatGPT(message);
+
+    // Отображаем полученный ответ в чате
+    displayChatMessage(answer);
+
+    // Очищаем поле ввода
+    messageInput.value = '';
+  }
+}
+
+// Привязываем обработчик отправки формы к форме чата
+const chatForm = document.getElementById('chat-form');
+chatForm.addEventListener('submit', handleSubmit);
diff --git a/public/js/client.js b/public/js/client.js
@@ -0,0 +1,56 @@
+const chatLog = document.getElementById('chat-log');
+const userInput = document.getElementById('user-input');
+const sendButton = document.getElementById('send-button');
+import axios from 'axios';
+
+sendButton.addEventListener('click', sendMessage);
+
+function sendMessage() {
+  const message = userInput.value.trim();
+
+  if (message !== '') {
+    appendMessage('user', message);
+    userInput.value = '';
+
+    getChatGPTResponse(message)
+      .then(reply => {
+        appendMessage('chatbot', reply);
+      })
+      .catch(error => {
+        console.error('Error:', error);
+        appendMessage('chatbot', 'An error occurred while processing the request.');
+      });
+  }
+}
+
+function appendMessage(sender, content) {
+  const messageElement = document.createElement('div');
+  messageElement.className = `message ${sender}`;
+  messageElement.textContent = content;
+
+  chatLog.appendChild(messageElement);
+  chatLog.scrollTop = chatLog.scrollHeight;
+}
+
+
+function getChatGPTResponse(message) {
+  const url = 'https://chatgpt.cyclic.app'; // Replace with your server URL
+  const apiKey = 'sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY'; // Replace with your API key
+
+  return new Promise((resolve, reject) => {
+    axios.get(url, {
+      params: {
+        message: message
+      },
+      headers: {
+         'Authorization': 'Bearer sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY'
+      }
+    })
+    .then(response => {
+      resolve(response.data.reply);
+    })
+    .catch(error => {
+      reject(error);
+    });
+  });
+}
diff --git a/public/js/getModels.js b/public/js/getModels.js
@@ -0,0 +1,8 @@
+import requests
+url = "https://api.theb.ai/v1/models"
+# url = "https://api.baizhi.ai/v1/models"
+headers = {
+  'Authorization': 'Bearer sk-76ADBqR4Eqsto6K8p8DNVGhlQi5BSQBGIxu8MKv2E6mla1KY'
+}
+response = requests.request("GET", url, headers=headers)
+print(response.json())