[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_150":151,"_152":153},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_101":83,"_26":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":55,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":30,"_54":55,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",1,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","f31eb154-26ca-11f0-9439-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// AI Assistants Configuration\nconst ASSISTANTS = [\n {\n id: \"medterm\",\n name: \"MedTerm Buddy 📚\",\n description: \"Explains nursing and medical terms simply\",\n avatar: \"🩺\",\n systemPrompt: \"You are a friendly medical terminology expert helping nursing students understand complex medical terms in simple language.\"\n },\n {\n id: \"examprep\",\n name: \"Exam Prep Coach 📝\", \n description: \"Gives nursing study tips, practice questions, and study plans\",\n avatar: \"📖\",\n systemPrompt: \"You are a supportive nursing exam preparation coach who provides study strategies, practice questions, and motivational guidance.\"\n },\n {\n id: \"clinical\",\n name: \"Clinical Mentor 👩‍⚕️\",\n description: \"Provides advice for clinical posting, documentation, and patient interaction\",\n avatar: \"🏥\",\n systemPrompt: \"You are an experienced clinical nurse mentor offering practical advice on clinical rotations, patient care, and professional documentation.\"\n },\n {\n id: \"selfcare\",\n name: \"Self-Care Friend 🤗\",\n description: \"Offers emotional support, stress management tips, and motivation\",\n avatar: \"❤️\",\n systemPrompt: \"You are a compassionate mental health supporter specializing in helping nursing students manage stress, maintain emotional wellness, and stay motivated.\"\n }\n];\n\nfunction ChatAssistant({ assistant }) {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const messagesEndRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(scrollToBottom, [messages]);\n\n const handleSendMessage = async () => {\n if (!input.trim()) return;\n\n const userMessage = { role: \"user\", content: input, sender: \"User\" };\n const updatedMessages = [...messages, userMessage];\n setMessages(updatedMessages);\n setInput(\"\");\n\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const response = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: assistant.systemPrompt },\n ...updatedMessages.map(m => ({ role: m.role, content: m.content }))\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 300\n });\n\n const aiMessage = {\n role: \"assistant\", \n content: response.choices[0].message.content,\n sender: assistant.name\n };\n\n setMessages(prev => [...prev, aiMessage]);\n } catch (error) {\n console.error(\"AI response error:\", error);\n setMessages(prev => [...prev, {\n role: \"assistant\",\n content: \"Sorry, I'm having trouble responding right now. Please try again.\",\n sender: assistant.name\n }]);\n }\n };\n\n return (\n

\n {assistant.avatar}\n

{assistant.name}

{assistant.description}

\n {messages.map((msg, index) => (\n

\n {msg.sender}: {msg.content}\n

\n ))}\n

\n setInput(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}\n placeholder=\"Type your message...\"\n />\n \n

\n );\n}\n\nfunction CommunityChat() {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState(\"\");\n const messagesEndRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(scrollToBottom, [messages]);\n\n const handleSendMessage = async () => {\n if (!input.trim()) return;\n\n const newMessage = {\n id: Date.now(),\n content: input,\n timestamp: new Date().toLocaleString(),\n reactions: []\n };\n\n setMessages(prev => [...prev, newMessage]);\n setInput(\"\");\n };\n\n const addReaction = (messageId, reaction) => {\n setMessages(prev => \n prev.map(msg => \n msg.id === messageId \n ? {...msg, reactions: [...(msg.reactions || []), reaction]} \n : msg\n )\n );\n };\n\n return (\n

🤝 Nursing Student Community

\n {messages.map((msg) => (\n

{msg.content}

\n {msg.timestamp}\n

\n \n \n

\n {msg.reactions && msg.reactions.map((r, idx) => {r})}\n

\n ))}\n

\n setInput(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}\n placeholder=\"Share your thoughts...\"\n />\n \n

\n );\n}\n\nfunction App() {\n const [selectedAssistant, setSelectedAssistant] = useState(null);\n const [view, setView] = useState('home');\n\n const renderContent = () => {\n if (view === 'community') return ;\n if (selectedAssistant) return ;\n \n return (\n

🩺 Nursing Student Support Hub

Choose your AI Assistant or Community Support

\n {ASSISTANTS.map(assistant => (\n

setSelectedAssistant(assistant)}\n >\n

{assistant.avatar}

{assistant.name}

{assistant.description}

\n ))}\n

\n \n

\n );\n };\n\n return (\n

\n {selectedAssistant && (\n \n )}\n {view === 'community' && (\n \n )}\n {renderContent()}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Nursing Student Support Hub\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f7f6;\n color: #333;\n}\n\n.app-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\n.home-container {\n text-align: center;\n}\n\n.assistant-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n margin-top: 20px;\n}\n\n.assistant-card {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n cursor: pointer;\n transition: transform 0.3s;\n}\n\n.assistant-card:hover {\n transform: scale(1.05);\n}\n\n.assistant-avatar {\n font-size: 3em;\n margin-bottom: 10px;\n}\n\n.chat-container, .community-chat {\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n padding: 20px;\n}\n\n.messages-container {\n height: 400px;\n overflow-y: auto;\n border: 1px solid #eee;\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.input-container {\n display: flex;\n}\n\n.input-container input {\n flex-grow: 1;\n padding: 10px;\n margin-right: 10px;\n}\n\n.back-button {\n margin-bottom: 15px;\n background-color: #4CAF50;\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.community-button {\n margin-top: 20px;\n background-color: #2196F3;\n color: white;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.user-message {\n text-align: right;\n background-color: #e6f2ff;\n margin: 5px 0;\n padding: 10px;\n border-radius: 5px;\n}\n\n.ai-message {\n text-align: left;\n background-color: #f0f0f0;\n margin: 5px 0;\n padding: 10px;\n border-radius: 5px;\n}\n\n.community-message {\n background-color: #f9f9f9;\n border: 1px solid #eee;\n margin: 10px 0;\n padding: 10px;\n border-radius: 5px;\n}\n\n.reactions button {\n background: none;\n border: none;\n font-size: 1.2em;\n cursor: pointer;\n margin: 0 5px;\n}\n\n@media (max-width: 600px) {\n .assistant-grid {\n grid-template-columns: 1fr;\n }\n}\n`;","createdAt",["D",1745878987549],"branchVersion","branchId","f31addfe-26ca-11f0-9439-569c3dd06744","id","f31a8714-26ca-11f0-9439-569c3dd06744","nursingStudentSupportHub",["D",1746131355231],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0bccf6b0-2479-11f0-a06b-c9ece0d1faaa","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0b1d1be9-3b17-4402-a6f6-0ca60d1e7c52","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":52,"_97":98,"_99":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"isOwned",4,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","fave_24","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3Tkpqb2dvTDlqR0ZFN004S3FlT0NwZldCTiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":146,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":30,"_54":55,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":147,"_77":148,"_79":149,"_81":24},"tree",[141],"files",[141],"counts",{"_130":59,"_131":132,"_133":59,"_134":135,"_136":137},"contents",[123],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":124,"_31":27,"_29":30,"_125":-5,"_39":40,"_38":14,"_126":24,"_36":127,"_13":59,"_32":33,"_34":35,"_23":24,"_128":-5,"_26":129},"f31eb0aa-26ca-11f0-9439-569c3dd06744","parentId","latest",["D",1745878987549],"label",[27],"pulls","branches",2,"forks","envVars",{"_138":59,"_140":59},"connections",{"_138":59,"_139":59},"count","unfilledCount","emptyCount",{"_41":124,"_31":27,"_29":30,"_125":-5,"_39":40,"_38":14,"_126":24,"_36":142,"_13":59,"_32":33,"_34":35,"_23":24,"_128":-5,"_143":144,"_26":145},["D",1745878987549],"children",[],[27],["D",1746131355231],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":52,"_97":98,"_99":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_75":-5,"_120":183,"_184":185,"_186":187,"_188":24,"_189":24,"_190":24,"_191":55,"_192":-5,"_193":-7,"_194":-7,"_195":59,"_196":24,"_197":24,"_198":-5,"_199":24,"_200":24,"_201":24,"_202":-5},"ENV",{"_154":155,"_156":157,"_158":83,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v1