[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","5196aecc-27a6-11f0-9edc-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Comprehensive list of 1000 words with Arabic translations\nconst vocabularyWords = (() => {\n // Initial word categories\n const initialWords = [\n // Academic and Intellectual Words\n { english: 'serendipity', arabic: 'صدفة سعيدة' },\n { english: 'ephemeral', arabic: 'زائل' },\n { english: 'mellifluous', arabic: 'عذب الصوت' },\n { english: 'luminescent', arabic: 'مضيء' },\n { english: 'quixotic', arabic: 'مثالي بشكل غير واقعي' },\n { english: 'eloquent', arabic: 'فصيح' },\n { english: 'ethereal', arabic: 'سماوي' },\n { english: 'enigmatic', arabic: 'غامض' },\n { english: 'euphoria', arabic: 'نشوة' },\n { english: 'resilience', arabic: 'مرونة' },\n\n // Emotional Intelligence Words\n { english: 'empowerment', arabic: 'التمكين' },\n { english: 'self-awareness', arabic: 'الوعي الذاتي' },\n { english: 'emotional-regulation', arabic: 'تنظيم العواطف' },\n { english: 'motivation', arabic: 'التحفيز' },\n { english: 'social-skills', arabic: 'المهارات الاجتماعية' },\n\n // Professional Development Words\n { english: 'networking', arabic: 'بناء العلاقات المهنية' },\n { english: 'negotiation', arabic: 'التفاوض' },\n { english: 'presentation', arabic: 'العرض التقديمي' },\n { english: 'strategic-thinking', arabic: 'التفكير الاستراتيجي' },\n { english: 'problem-solving', arabic: 'حل المشكلات' },\n\n // Technology and Innovation Words\n { english: 'artificial-intelligence', arabic: 'الذكاء الاصطناعي' },\n { english: 'blockchain', arabic: 'سلسلة الكتل' },\n { english: 'cybersecurity', arabic: 'الأمن السيبراني' },\n { english: 'machine-learning', arabic: 'التعلم الآلي' },\n { english: 'digital-transformation', arabic: 'التحول الرقمي' }\n ];\n\n // Additional word categories\n const additionalCategories = [\n // Personality and Character Traits\n { english: 'integrity', arabic: 'النزاهة' },\n { english: 'compassionate', arabic: 'متعاطف' },\n { english: 'courageous', arabic: 'شجاع' },\n { english: 'humble', arabic: 'متواضع' },\n { english: 'ambitious', arabic: 'طموح' }\n ];\n\n // Word generation lists\n const englishWords = [\n 'adventure', 'brilliant', 'challenge', 'dream', 'explore', \n 'friendship', 'growth', 'hope', 'inspire', 'journey', \n 'kindness', 'learn', 'motivate', 'nurture', 'opportunity', \n 'passion', 'quest', 'resilience', 'success', 'transform',\n 'courage', 'wisdom', 'harmony', 'potential', 'excellence',\n 'curiosity', 'imagination', 'determination', 'perspective', 'breakthrough'\n ];\n\n const arabicMeanings = [\n 'مغامرة رائعة', 'لامع ومتألق', 'تحدٍ كبير', 'حلم جميل', 'استكشاف مثير',\n 'صداقة حقيقية', 'نمو وتطور', 'أمل عظيم', 'إلهام قوي', 'رحلة مميزة',\n 'لطف وعطاء', 'تعلم مستمر', 'تحفيز وإلهام', 'رعاية واهتمام', 'فرصة ذهبية',\n 'شغف عميق', 'بحث متواصل', 'مرونة وقوة', 'نجاح باهر', 'تحول جذري',\n 'شجاعة عظيمة', 'حكمة نافذة', 'انسجام تام', 'إمكانات كبيرة', 'تميز واضح',\n 'فضول علمي', 'خيال خصب', 'عزيمة صلبة', 'وجهة نظر متقدمة', 'اختراق مذهل'\n ];\n\n // Generate additional words to reach 1000\n const generatedWords = [];\n const usedWords = new Set();\n\n while (generatedWords.length < 900) {\n const wordIndex = Math.floor(Math.random() * englishWords.length);\n const arabicIndex = Math.floor(Math.random() * arabicMeanings.length);\n \n const word = englishWords[wordIndex];\n \n // Ensure unique words\n if (!usedWords.has(word)) {\n generatedWords.push({\n english: word,\n arabic: arabicMeanings[arabicIndex]\n });\n usedWords.add(word);\n }\n }\n\n // Combine all word lists\n return [\n ...initialWords, \n ...additionalCategories, \n ...generatedWords\n ];\n})();\n\n// Rest of the code remains exactly the same as in the previous submission\nfunction App() {\n const [currentWord, setCurrentWord] = useState('');\n const [definition, setDefinition] = useState('');\n const [exampleSentence, setExampleSentence] = useState('');\n const [arabicMeaning, setArabicMeaning] = useState('');\n const [error, setError] = useState('');\n const [randomWordObj, setRandomWordObj] = useState(null);\n const [isSpeechSupported, setIsSpeechSupported] = useState(false);\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // Dark and Light Theme Colors\n const themes = {\n light: {\n background: '#f0f6ff',\n cardBackground: 'white',\n primaryText: '#2c3e50',\n secondaryText: '#3498db',\n accentText: '#2ecc71',\n shadowColor: 'rgba(0,0,0,0.1)'\n },\n dark: {\n background: '#0f1a2a',\n cardBackground: '#1c2b3f',\n primaryText: '#e0e6ed',\n secondaryText: '#4a90e2',\n accentText: '#50c878',\n shadowColor: 'rgba(255,255,255,0.1)'\n }\n };\n\n const currentTheme = themes[isDarkMode ? 'dark' : 'light'];\n\n useEffect(() => {\n // Check if browser supports speech synthesis\n setIsSpeechSupported('speechSynthesis' in window);\n }, []);\n\n const toggleTheme = () => {\n setIsDarkMode(!isDarkMode);\n };\n\n const speakWord = (text: string) => {\n // Only attempt speech if supported\n if (isSpeechSupported) {\n const utterance = new SpeechSynthesisUtterance(text);\n utterance.lang = 'en-US'; // Set English language\n utterance.rate = 0.8; // Slightly slower speech\n window.speechSynthesis.speak(utterance);\n } else {\n alert('Text-to-speech is not supported in this browser.');\n }\n };\n\n const fetchWordDetails = async (wordObj: { english: string, arabic: string }) => {\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 { \n role: \"system\", \n content: \"You are a friendly English language tutor. Provide a clear, engaging definition and a creative example sentence for the given word.\" \n },\n { \n role: \"user\", \n content: `Explain the word \"${wordObj.english}\" in a way that's fun and easy to understand for language learners.` \n }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 200\n });\n\n const aiResponse = response.choices[0].message.content || '';\n const [generatedDefinition, generatedSentence] = aiResponse.split('\\n\\n');\n\n setDefinition(generatedDefinition);\n setExampleSentence(generatedSentence);\n \n setArabicMeaning(wordObj.arabic || 'No Arabic meaning found');\n } catch (err) {\n setError(\"Oops! Couldn't fetch word details.\");\n console.error(err);\n }\n };\n\n const getRandomWord = () => {\n if (vocabularyWords.length === 0) {\n setError(\"No words available\");\n return;\n }\n\n const newRandomWordObj = vocabularyWords[Math.floor(Math.random() * vocabularyWords.length)];\n \n if (!newRandomWordObj || !newRandomWordObj.english) {\n setError(\"Invalid word object\");\n return;\n }\n \n setCurrentWord(newRandomWordObj.english);\n setRandomWordObj(newRandomWordObj);\n \n fetchWordDetails(newRandomWordObj);\n };\n\n useEffect(() => {\n getRandomWord();\n }, []);\n\n // Render method remains the same as in the previous submission\n return (\n

\n \n

\n\n

\n 🌈 Vocabulary Voyage 📚\n

\n \n {error && (\n

\n {error}\n

\n )}\n\n {currentWord && (\n

\n {currentWord.toUpperCase()}\n

\n {isSpeechSupported && (\n \n )}\n

\n \n

🌍 Arabic Meaning:

\n {randomWordObj?.arabic || arabicMeaning || 'No Arabic meaning found'}\n

\n\n {definition && (\n

📖 Definition:

{definition}

\n )}\n\n {exampleSentence && (\n

💬 Example:

\"{exampleSentence}\"

\n {isSpeechSupported && (\n \n )}\n

\n )}\n

\n )}\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function handler(request: Request): Promise {\n if (request.method === 'GET') {\n return new Response(`\n \n \n Vocabulary Voyage\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n\n return new Response('Method Not Allowed', { status: 405 });\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Comprehensive list of 1000 words with Arabic translations\nconst vocabularyWords = (() => {\n // Initial word categories\n const initialWords = [\n // Academic and Intellectual Words\n { english: 'serendipity', arabic: 'صدفة سعيدة' },\n { english: 'ephemeral', arabic: 'زائل' },\n { english: 'mellifluous', arabic: 'عذب الصوت' },\n { english: 'luminescent', arabic: 'مضيء' },\n { english: 'quixotic', arabic: 'مثالي بشكل غير واقعي' },\n { english: 'eloquent', arabic: 'فصيح' },\n { english: 'ethereal', arabic: 'سماوي' },\n { english: 'enigmatic', arabic: 'غامض' },\n { english: 'euphoria', arabic: 'نشوة' },\n { english: 'resilience', arabic: 'مرونة' }\n ];\n\n // Word generation lists with more comprehensive words\n const englishWords = [\n 'adventure', 'brilliant', 'challenge', 'dream', 'explore', \n 'friendship', 'growth', 'hope', 'inspire', 'journey', \n 'kindness', 'learn', 'motivate', 'nurture', 'opportunity', \n 'passion', 'quest', 'resilience', 'success', 'transform',\n 'courage', 'wisdom', 'harmony', 'potential', 'excellence',\n 'curiosity', 'imagination', 'determination', 'perspective', 'breakthrough',\n 'empathy', 'creativity', 'innovation', 'leadership', 'integrity',\n 'compassion', 'perseverance', 'mindfulness', 'gratitude', 'adaptability'\n ];\n\n const arabicMeanings = [\n 'مغامرة رائعة', 'لامع ومتألق', 'تحدٍ كبير', 'حلم جميل', 'استكشاف مثير',\n 'صداقة حقيقية', 'نمو وتطور', 'أمل عظيم', 'إلهام قوي', 'رحلة مميزة',\n 'لطف وعطاء', 'تعلم مستمر', 'تحفيز وإلهام', 'رعاية واهتمام', 'فرصة ذهبية',\n 'شغف عميق', 'بحث متواصل', 'مرونة وقوة', 'نجاح باهر', 'تحول جذري',\n 'شجاعة عظيمة', 'حكمة نافذة', 'انسجام تام', 'إمكانات كبيرة', 'تميز واضح',\n 'فضول علمي', 'خيال خصب', 'عزيمة صلبة', 'وجهة نظر متقدمة', 'اختراق مذهل',\n 'تعاطف عميق', 'إبداع متألق', 'ابتكار مذهل', 'قيادة ملهمة', 'نزاهة راسخة',\n 'تعاطف إنساني', 'مثابرة مستمرة', 'يقظة ذهنية', 'امتنان صادق', 'تكيف مرن'\n ];\n\n // Generate additional words to reach 1000\n const generatedWords = [];\n const usedWords = new Set(initialWords.map(word => word.english));\n\n while (generatedWords.length < 990) {\n const wordIndex = Math.floor(Math.random() * englishWords.length);\n const arabicIndex = Math.floor(Math.random() * arabicMeanings.length);\n \n const word = englishWords[wordIndex];\n \n // Ensure unique words\n if (!usedWords.has(word)) {\n generatedWords.push({\n english: word,\n arabic: arabicMeanings[arabicIndex]\n });\n usedWords.add(word);\n }\n }\n\n // Combine all word lists\n return [\n ...initialWords, \n ...generatedWords\n ];\n})();\n\n// Rest of the code remains exactly the same as in the previous submission\nfunction App() {\n const [currentWord, setCurrentWord] = useState('');\n const [definition, setDefinition] = useState('');\n const [exampleSentence, setExampleSentence] = useState('');\n const [arabicMeaning, setArabicMeaning] = useState('');\n const [error, setError] = useState('');\n const [randomWordObj, setRandomWordObj] = useState(null);\n const [isSpeechSupported, setIsSpeechSupported] = useState(false);\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // Dark and Light Theme Colors\n const themes = {\n light: {\n background: '#f0f6ff',\n cardBackground: 'white',\n primaryText: '#2c3e50',\n secondaryText: '#3498db',\n accentText: '#2ecc71',\n shadowColor: 'rgba(0,0,0,0.1)'\n },\n dark: {\n background: '#0f1a2a',\n cardBackground: '#1c2b3f',\n primaryText: '#e0e6ed',\n secondaryText: '#4a90e2',\n accentText: '#50c878',\n shadowColor: 'rgba(255,255,255,0.1)'\n }\n };\n\n const currentTheme = themes[isDarkMode ? 'dark' : 'light'];\n\n useEffect(() => {\n // Check if browser supports speech synthesis\n setIsSpeechSupported('speechSynthesis' in window);\n }, []);\n\n const toggleTheme = () => {\n setIsDarkMode(!isDarkMode);\n };\n\n const speakWord = (text: string) => {\n // Only attempt speech if supported\n if (isSpeechSupported) {\n const utterance = new SpeechSynthesisUtterance(text);\n utterance.lang = 'en-US'; // Set English language\n utterance.rate = 0.8; // Slightly slower speech\n window.speechSynthesis.speak(utterance);\n } else {\n alert('Text-to-speech is not supported in this browser.');\n }\n };\n\n const fetchWordDetails = async (wordObj: { english: string, arabic: string }) => {\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 { \n role: \"system\", \n content: \"You are a friendly English language tutor. Provide a clear, engaging definition and a creative example sentence for the given word.\" \n },\n { \n role: \"user\", \n content: `Explain the word \"${wordObj.english}\" in a way that's fun and easy to understand for language learners.` \n }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 200\n });\n\n const aiResponse = response.choices[0].message.content || '';\n const [generatedDefinition, generatedSentence] = aiResponse.split('\\n\\n');\n\n setDefinition(generatedDefinition);\n setExampleSentence(generatedSentence);\n \n setArabicMeaning(wordObj.arabic || 'No Arabic meaning found');\n } catch (err) {\n setError(\"Oops! Couldn't fetch word details.\");\n console.error(err);\n }\n };\n\n const getRandomWord = () => {\n if (vocabularyWords.length === 0) {\n setError(\"No words available\");\n return;\n }\n\n const newRandomWordObj = vocabularyWords[Math.floor(Math.random() * vocabularyWords.length)];\n \n if (!newRandomWordObj || !newRandomWordObj.english) {\n setError(\"Invalid word object\");\n return;\n }\n \n setCurrentWord(newRandomWordObj.english);\n setRandomWordObj(newRandomWordObj);\n \n fetchWordDetails(newRandomWordObj);\n };\n\n useEffect(() => {\n getRandomWord();\n }, []);\n\n // Render method remains the same as in the previous submission\n return (\n

\n \n

\n\n

\n 🌈 Vocabulary Voyage 📚\n

\n \n {error && (\n

\n {error}\n

\n )}\n\n {currentWord && (\n

\n {currentWord.toUpperCase()}\n

\n {isSpeechSupported && (\n \n )}\n

\n \n

🌍 Arabic Meaning:

\n {randomWordObj?.arabic || arabicMeaning || 'No Arabic meaning found'}\n

\n\n {definition && (\n

📖 Definition:

{definition}

\n )}\n\n {exampleSentence && (\n

💬 Example:

\"{exampleSentence}\"

\n {isSpeechSupported && (\n \n )}\n

\n )}\n

\n )}\n\n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n }\n\n return new Response('Method Not Allowed', { status: 405 });\n}","createdAt",["D",1745234767629],"branchVersion","branchId","5193d260-27a6-11f0-9edc-569c3dd06744","id","51939246-27a6-11f0-9edc-569c3dd06744","funAnimatedVocabulary",["D",1746225573514],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","cda41fc0-1e8e-11f0-8458-d7daa68fe194","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9ccde908-be5c-4b57-b101-96eb5fcc9650","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",28,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bgtgtgfgvbtgvgb","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3MjNhNHg4bHhyaW1oVXB2bUZJRDRUT1pUWiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"52054184-27a6-11f0-9edc-569c3dd06744","parentId","latest",["D",1745234767629],20,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1745234767629],"children",[],[28],["D",1746225573514],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · v21