feat: add main.py

app.py

@@ -0,0 +1,177 @@
+import streamlit as st
+from groq import Groq
+import streamlit.components.v1 as components
+from st_copy_to_clipboard import st_copy_to_clipboard
+import urllib.parse
+import os
+import uuid
+import html
+
+# Streamlit page configuration
+st.set_page_config(
+    page_title="Situate Learning",
+    page_icon="🌟",
+    layout="centered"
+)
+
+
+# Function to inject Google Analytics using st.components.v1.html
+def inject_ga():
+    try:
+        GA_MEASUREMENT_ID = st.secrets["google_analytics"]["measurement_id"]
+
+        # Define the Google Analytics script
+        GA_SCRIPT = f"""
+        <!-- Google tag (gtag.js) -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id={GA_MEASUREMENT_ID}"></script>
+        <script>
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){{dataLayer.push(arguments);}}
+          gtag('js', new Date());
+          gtag('config', '{GA_MEASUREMENT_ID}');
+        </script>
+        """
+
+        # Inject the script into the app
+        components.html(GA_SCRIPT, height=0)
+    except KeyError:
+        st.error("Google Analytics measurement ID not found in secrets.")
+
+
+# Inject Google Analytics dynamically
+inject_ga()
+
+# Initialize the Groq client
+GROQ_API_KEY = st.secrets["GROQ_API_KEY"]
+os.environ["GROQ_API_KEY"] = GROQ_API_KEY
+client = Groq()
+
+if "session_uuid" not in st.session_state:
+    st.session_state.update({
+        "session_uuid": str(uuid.uuid4()),
+        "teacher_input": "",
+        "ai_response": "",
+        "ga_initialized": False
+    })
+
+
+def log_event_to_ga(event_name, event_label="", value=""):
+    event_script = f"""
+    <script>
+        gtag('event', '{event_name}', {{
+            'event_category': 'User Interaction',
+            'event_label': '{html.escape(event_label)}',
+            'value': '{html.escape(value)}'
+        }});
+    </script>
+    """
+    if not st.session_state.get("ga_event_logged", False):
+        st.markdown(event_script, unsafe_allow_html=True)
+        st.session_state.ga_event_logged = True
+
+
+# Function to display the help modal
+# @st.dialog("Get Started", width="small")
+# def help_modal():
+#     st.write("Not braining today? Type in a simple concept to trigger a list of questions to better frame or close the lesson.")
+#     st.markdown("For example:")
+#     st.markdown("- *photosynthesis*")
+#     st.markdown("- *algebra basics*")
+#     st.markdown("- *moments (physics)*")
+#     st.markdown("- *acids, salts and bases (chemistry)*")
+#     st.markdown("- *price elasticity of demand*")
+#     if st.button("Close Help"):
+#         st.rerun()  # Close the modal by triggering a script rerun
+
+# Streamlit Page Title
+st.title("🌟 Situate Learning")
+
+# # Help/Get Started Button
+# if st.button("Help / Get Started"):
+#     help_modal()  # Open the help modal
+
+# Teacher input field
+st.markdown("### What did you teach today?")
+st.session_state.teacher_input = st.text_input(
+    "Enter today's lesson or topic:",
+    value=st.session_state.teacher_input,
+    placeholder="e.g. photosynthesis or quadratic equations"
+)
+
+# Function to generate higher-order thinking questions based on the lesson
+def generate_questions(lesson_text):
+    """Generate higher-order thinking questions using Groq and Llama."""
+    try:
+        messages = [
+            {"role": "system", "content": "You are an enthusiastic, curious teacher assistant creating thought-provoking questions."},
+            {"role": "user", "content": f"Teacher: {lesson_text} Can you create some engaging, higher-order thinking questions related to this topic? Include interdisciplinary questions."}
+        ]
+        response = client.chat.completions.create(
+            model="llama-3.1-8b-instant",
+            messages=messages
+        )
+        ai_response = response.choices[0].message.content.strip()
+        return ai_response
+    except Exception as e:
+        st.error(f"An error occurred: {e}")
+        return "Sorry, we couldn't generate questions. Please try again later."
+
+
+# Button to generate questions
+if st.button("Generate Questions"):
+    if st.session_state.teacher_input.strip():
+        # Log the user input to GA
+        log_event_to_ga(st.session_state.teacher_input)
+
+        # Generate higher-order thinking questions based on teacher's input
+        st.session_state.ai_response = generate_questions(st.session_state.teacher_input)
+        st.markdown(f"### Higher-Order Thinking Questions:")
+        st.write(st.session_state.ai_response)
+    else:
+        st.warning("Please provide a topic or lesson before submitting.")
+
+# Function to copy response to clipboard
+def copy_to_clipboard_script(response):
+    sanitized_response = html.escape(response).replace("\n", "\\n").replace("\r", "\\r")
+    return f"""
+    <script>
+    function copyToClipboard() {{
+        navigator.clipboard.writeText("{sanitized_response}")
+        .then(() => {{
+            alert('Copied to clipboard!');
+        }})
+        .catch(err => {{
+            console.error('Failed to copy: ', err);
+        }});
+    }}
+    </script>
+    """
+
+
+# Footer and Feedback Section
+
+# Check if AI response exists
+if st.session_state.ai_response:
+    # Add the Copy to Clipboard button
+    st_copy_to_clipboard(
+        st.session_state.ai_response,  # Text to copy
+    )
+    st.markdown("---")
+
+
+    # Feedback Link
+    st.markdown(
+        """
+        <div style='text-align: center;'>
+            <a href="https://leekahhow.notion.site/14ac34bc89df803fbb5fc9b2922a62ea?pvs=105" target="_blank">
+                Provide Feedback
+            </a>
+        </div>
+        """, unsafe_allow_html=True
+    )
+
+# Footer with Session ID
+st.markdown(
+    f"<div style='text-align: center; color: grey;'>Session ID: {st.session_state.session_uuid}</div>",
+    unsafe_allow_html=True
+)