Jippity Junior: AI Chatbot Extraordinaire

{"name":"poly.js: jippity junior","description":"Engage in conversations with Jippity Junior, a chatbot-like AI designed to greet users, respond to input, maintain conversational flow, handle common queries, have a unique personality and tone, learn and adapt over time, and pull information from the dictionary and Wikipedia.","photo":null,"view_count":9,"fork_count":0,"expires_at":null,"created_at":"2024-01-10T22:45:02.762012Z","updated_at":"2024-03-03T19:58:14.908973Z","user_id":9,"status":"PUBLIC","parent_id":219,"id":325,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"window.onload = function () {\n\n document.getElementById(\"settingsIcon\").addEventListener(\"click\", function () {\n var settingsMenu = document.getElementById('settingsMenu');\n if (settingsMenu.style.display === 'none') {\n settingsMenu.style.display = 'block';\n } else {\n settingsMenu.style.display = 'none';\n }\n });\n\n var greetingContainer = document.getElementById(\"greetingContainer\");\n greetingContainer.innerHTML = \"Hello! I'm Jippity Junior. How may I assist you today?\";\n\n // rest of the code...\n}\n\n\nconst API_KEY = \"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\";\n\nfunction callGpt3Api(textInput) {\n const endpoint = \"https://api.openai.com/v1/chat/completions\";\n const data = {\n 'model': 'gpt-3.5-turbo',\n 'messages': [\n {\n 'role': 'system',\n 'content': 'You are a helpful assistant.'\n },\n {\n 'role': 'user',\n 'content': textInput\n }\n ]\n };\n\n return fetch(endpoint, {\n method: \"POST\",\n headers: {\n 'Authorization': `Bearer ${API_KEY}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n })\n .then(response => {\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n return response.json();\n })\n .then(data => {\n if (data['choices'] && data['choices'].length > 0) {\n return data['choices'][0]['message']['content'];\n } else {\n throw new Error(\"API returned an unexpected data format\");\n }\n });\n}\n\nvar userInputField = document.getElementById(\"userInput\");\nvar sendButton = document.getElementById(\"sendButton\");\nvar conversationContainer = document.getElementById(\"conversationContainer\");\n\nsendButton.addEventListener(\"click\", function () {\n var userInput = userInputField.value;\n\n if (userInput) {\n var userMessageElement = document.createElement(\"p\");\n userMessageElement.textContent = `You: ${userInput}`;\n conversationContainer.appendChild(userMessageElement);\n\n callGpt3Api(userInput)\n .then(response => {\n var aiMessage = response;\n var aiMessageElement = document.createElement(\"p\");\n aiMessageElement.textContent = `Jippity Junior: ${aiMessage}`;\n conversationContainer.appendChild(aiMessageElement);\n speakText(aiMessage);\n })\n .catch(error => console.error(\"API Error:\", error));\n\n userInputField.value = \"\";\n }\n});\n\nfunction speakText(text) {\n var textToSpeechToggle = document.getElementById(\"textToSpeechToggle\");\n if (!textToSpeechToggle.checked) {\n return;\n }\n\n var utterance = new SpeechSynthesisUtterance(text);\n var voices = window.speechSynthesis.getVoices();\n if (voices.length > 1) utterance.voice = voices[1];\n window.speechSynthesis.speak(utterance);\n}\n\ndocument.addEventListener('keydown', handleKeyPress);\n\nfunction handleKeyPress(e) {\n var settingsMenu = document.getElementById('settingsMenu');\n\n if (e.key == '~') {\n settingsMenu.style.display = 'block';\n } else if (e.key == 'Escape') {\n settingsMenu.style.display = 'none';\n }\n}","style.css":"body {\n font-family: Arial, sans-serif;\n background-color: green;\n}\n\n#greetingContainer {\n margin-bottom: 20px;\n}\n\n#userInput {\n width: 300px;\n height: 30px;\n padding: 5px;\n font-size: 16px;\n}\n\n#sendButton {\n height: 40px;\n margin-left: 10px;\n font-size: 16px;\n}\n\n#userMessage {\n background-color: blue;\n color: white;\n padding: 5px;\n margin: 10px 0;\n font-size: 16px;\n}\n\n#conversationContainer p {\n background-color: lightgreen;\n padding: 10px;\n margin: 10px 0;\n border-radius: 5px;\n}\n\n#settingsIcon {\n position: absolute;\n top: 10px;\n right: 50px;\n /* Move it further to the right */\n width: 10px;\n /* Make the icon smaller */\n height: 10px;\n /* Make the icon smaller */\n cursor: pointer;\n}\n\n#settingsIcon {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 50px;\n height: 50px;\n cursor: pointer;\n}","index.html":"\n\n\n\n \n \n Jippity Junior: AI Chatbot Extraordinaire\n \n\n\n\n

\n Text to Speech:\n \n \n \n

Settings Menu

Some settings...

\n \n\n\n\n\n\n\n\n \n \n Jippity Junior: AI Chatbot Extraordinaire\n \n\n\n\n $\"Settings$ \n \n\n\n"},"chat_history":[],"assets":[{"name":"setin","cloudinary_id":"wobgbgd5epbytjutp02g","resource_type":"image","id":488,"project_id":325,"created_at":"2024-01-10T22:45:02.768387Z","deleted":false},{"name":"set","cloudinary_id":"wpm03pzx0iw5txhwl9js","resource_type":"image","id":487,"project_id":325,"created_at":"2024-01-10T22:45:02.766842Z","deleted":false}],"messages_sent":0,"comments":[{"content":"🔥","id":421,"user_id":9,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"project_id":325,"created_at":"2024-02-27T23:50:16.341201Z","updated_at":"2024-02-27T23:50:16.341203Z"}],"steps":[]}