GraphicAINovel

Runtime error

App Files Files Community

awacke1 commited on Mar 4, 2024

Commit

2d4f821

verified ·

1 Parent(s): 53e1c4e

Update app.py

Browse files

Files changed (1) hide show

app.py +36 -32

app.py CHANGED Viewed

@@ -15,7 +15,6 @@ import time
 import zipfile
 import huggingface_hub
 import dotenv
 from audio_recorder_streamlit import audio_recorder
 from bs4 import BeautifulSoup
 from collections import deque
@@ -30,7 +29,7 @@ from xml.etree import ElementTree as ET
 from PIL import Image
 from urllib.parse import quote  # Ensure this import is included
-# Set page configuration with a title and favicon
 st.set_page_config(
     page_title="📖🔍GraphicNovelAI",
     page_icon="🔍📖",
@@ -43,39 +42,12 @@ st.set_page_config(
     }
 )
-def SpeechSynthesis(result):
-    documentHTML5='''
-    <!DOCTYPE html>
-    <html>
-    <head>
-        <title>Read It Aloud</title>
-        <script type="text/javascript">
-            function readAloud() {
-                const text = document.getElementById("textArea").value;
-                const speech = new SpeechSynthesisUtterance(text);
-                window.speechSynthesis.speak(speech);
-            }
-        </script>
-    </head>
-    <body>
-        <h1>🔊 Read It Aloud</h1>
-        <textarea id="textArea" rows="10" cols="80">
-    '''
-    documentHTML5 = documentHTML5 + result
-    documentHTML5 = documentHTML5 + '''
-        </textarea>
-        <br>
-        <button onclick="readAloud()">🔊 Read Aloud</button>
-    </body>
-    </html>
-    '''
-    components.html(documentHTML5, width=1280, height=300)
 PromptPrefix = 'Create a graphic novel story with streamlit markdown outlines and tables with appropriate emojis for graphic novel rules defining the method steps of play.  Use story structure architect rules using plan, structure and top three dramatic situations matching the theme for topic of '
 PromptPrefix2 = 'Create a streamlit python user app with full code listing to create a UI implementing the usable choose your own adventure graphic novel rules and story using streamlit, session_state, file_uploader, camera_input, on_change = funcction callbacks, randomness and dice rolls using emojis and st.markdown, st.expander, st.columns and other UI controls in streamlit as a game interface and create inline data tables for entities implemented as variables with python list dictionaries for the game rule entities and stats.  Design it as a fun data driven app and show full python code listing for this ruleset and thematic story plot line: '
 PromptPrefix3 = 'Create a HTML5 aframe and javascript app.  Show full code listing.  Create a UI implementing storytelling, features using use three emoji appropriate text detailed plot twists and recurring interesting named characters with genius traits and file IO, randomness, ten point choice lists, math distribution tradeoffs, witty humorous dilemnas with emoji , rewards, variables, reusable functions with parameters, and data driven app with python libraries and streamlit components for Javascript and HTML5. Use appropriate emojis for labels to summarize and list parts, function, conditions for topic:'
 st.markdown('''### 📖✨🔍 GraphicNovelAI ''')
 with st.expander("Help / About 📚", expanded=False):
     st.markdown('''
@@ -85,7 +57,7 @@ with st.expander("Help / About 📚", expanded=False):
     - 🔎 **Query Use:** Input `?q=Palindrome` or `?query=Anagram` in URL for new challenges.
     ''')
 roleplaying_glossary = {
   "👨‍👩‍👧‍👦 Top Graphic Novel Plot Themes": {
     "Epic Fantasy": [
@@ -150,6 +122,38 @@ roleplaying_glossary = {
     ]
   }
 }
 # 9. Sidebar with UI controls to review and re-run prompts and continue responses

 import zipfile
 import huggingface_hub
 import dotenv
 from audio_recorder_streamlit import audio_recorder
 from bs4 import BeautifulSoup
 from collections import deque
 from PIL import Image
 from urllib.parse import quote  # Ensure this import is included
+# Set initial page and app customization and configuration -------------------------
 st.set_page_config(
     page_title="📖🔍GraphicNovelAI",
     page_icon="🔍📖",
     }
 )
+# Prompts for App, for App Product, and App Product Code
 PromptPrefix = 'Create a graphic novel story with streamlit markdown outlines and tables with appropriate emojis for graphic novel rules defining the method steps of play.  Use story structure architect rules using plan, structure and top three dramatic situations matching the theme for topic of '
 PromptPrefix2 = 'Create a streamlit python user app with full code listing to create a UI implementing the usable choose your own adventure graphic novel rules and story using streamlit, session_state, file_uploader, camera_input, on_change = funcction callbacks, randomness and dice rolls using emojis and st.markdown, st.expander, st.columns and other UI controls in streamlit as a game interface and create inline data tables for entities implemented as variables with python list dictionaries for the game rule entities and stats.  Design it as a fun data driven app and show full python code listing for this ruleset and thematic story plot line: '
 PromptPrefix3 = 'Create a HTML5 aframe and javascript app.  Show full code listing.  Create a UI implementing storytelling, features using use three emoji appropriate text detailed plot twists and recurring interesting named characters with genius traits and file IO, randomness, ten point choice lists, math distribution tradeoffs, witty humorous dilemnas with emoji , rewards, variables, reusable functions with parameters, and data driven app with python libraries and streamlit components for Javascript and HTML5. Use appropriate emojis for labels to summarize and list parts, function, conditions for topic:'
+# Title and Help/About
 st.markdown('''### 📖✨🔍 GraphicNovelAI ''')
 with st.expander("Help / About 📚", expanded=False):
     st.markdown('''
     - 🔎 **Query Use:** Input `?q=Palindrome` or `?query=Anagram` in URL for new challenges.
     ''')
+# MoE Context Glossary
 roleplaying_glossary = {
   "👨‍👩‍👧‍👦 Top Graphic Novel Plot Themes": {
     "Epic Fantasy": [
     ]
   }
 }
+# Set initial page and app configs ------------------------------------------
+# HTML5 based Speech Synthesis (Text to Speech in Browser)
+def SpeechSynthesis(result):
+    documentHTML5='''
+    <!DOCTYPE html>
+    <html>
+    <head>
+        <title>Read It Aloud</title>
+        <script type="text/javascript">
+            function readAloud() {
+                const text = document.getElementById("textArea").value;
+                const speech = new SpeechSynthesisUtterance(text);
+                window.speechSynthesis.speak(speech);
+            }
+        </script>
+    </head>
+    <body>
+        <h1>🔊 Read It Aloud</h1>
+        <textarea id="textArea" rows="10" cols="80">
+    '''
+    documentHTML5 = documentHTML5 + result
+    documentHTML5 = documentHTML5 + '''
+        </textarea>
+        <br>
+        <button onclick="readAloud()">🔊 Read Aloud</button>
+    </body>
+    </html>
+    '''
+    components.html(documentHTML5, width=1280, height=300)
 # 9. Sidebar with UI controls to review and re-run prompts and continue responses