\n \n \n \n\n",[18,66],"530d57dc-369d-11f0-a425-9e149126039e",["D",1747870977955],[18,90],"pulls","branches","forks","envVars",{"_195":26,"_197":26},"connections",{"_195":26,"_196":26},"count","unfilledCount","emptyCount",{"_35":296,"_13":287,"_64":281,"_45":-5,"_37":38,"_168":291,"_169":24,"_39":297,"_41":26,"_67":91,"_171":-5,"_68":30,"_172":-5,"_217":298,"_17":299},{"_35":288,"_13":289,"_64":290,"_45":281,"_37":38,"_168":291,"_169":24,"_39":292,"_41":26,"_67":81,"_171":293,"_68":30,"_172":-5,"_217":294,"_17":295},{"_35":279,"_13":280,"_64":104,"_45":281,"_37":38,"_168":132,"_169":24,"_39":282,"_41":109,"_67":283,"_171":284,"_68":30,"_172":14,"_217":285,"_17":286},{"_35":167,"_13":18,"_64":92,"_45":-5,"_37":38,"_168":42,"_169":24,"_39":276,"_41":26,"_67":91,"_171":-5,"_68":30,"_172":-5,"_217":277,"_17":278},{"_35":185,"_13":90,"_64":89,"_45":92,"_37":38,"_168":84,"_169":24,"_39":273,"_41":26,"_67":91,"_171":-5,"_68":30,"_172":-5,"_217":274,"_17":275},{"_35":266,"_13":267,"_64":268,"_45":89,"_37":38,"_168":84,"_169":24,"_39":269,"_41":26,"_67":81,"_171":270,"_68":30,"_172":-5,"_217":271,"_17":272},{"_35":258,"_13":259,"_64":260,"_45":89,"_37":38,"_168":261,"_169":24,"_39":262,"_41":26,"_67":81,"_171":263,"_68":30,"_172":-5,"_217":264,"_17":265},{"_35":250,"_13":251,"_64":252,"_45":89,"_37":38,"_168":253,"_169":24,"_39":254,"_41":26,"_67":81,"_171":255,"_68":30,"_172":-5,"_217":256,"_17":257},{"_35":242,"_13":243,"_64":244,"_45":89,"_37":38,"_168":245,"_169":24,"_39":246,"_41":26,"_67":81,"_171":247,"_68":30,"_172":-5,"_217":248,"_17":249},{"_35":234,"_13":235,"_64":236,"_45":89,"_37":38,"_168":237,"_169":24,"_39":238,"_41":26,"_67":81,"_171":239,"_68":30,"_172":-5,"_217":240,"_17":241},{"_35":226,"_13":227,"_64":228,"_45":89,"_37":38,"_168":229,"_169":24,"_39":230,"_41":26,"_67":81,"_171":231,"_68":30,"_172":-5,"_217":232,"_17":233},{"_35":181,"_13":66,"_64":65,"_45":92,"_37":38,"_168":42,"_169":24,"_39":223,"_41":26,"_67":21,"_171":183,"_68":30,"_172":-5,"_217":224,"_17":225},{"_35":177,"_13":80,"_64":79,"_45":92,"_37":38,"_168":74,"_169":24,"_39":220,"_41":26,"_67":81,"_171":179,"_68":30,"_172":-5,"_217":221,"_17":222},{"_35":212,"_13":213,"_64":214,"_45":-5,"_37":38,"_168":109,"_169":24,"_39":215,"_41":26,"_67":21,"_171":216,"_68":30,"_172":-5,"_217":218,"_17":219},"fc6d11e2-369c-11f0-ba7a-9e149126039e","README.md","fc6d1296-369c-11f0-ba7a-9e149126039e",["D",1747870832621],"# Language Vowels Explorer\n\nAn interactive website to explore vowels across different languages.\n\n## Project Structure\n\n- `backend/`: Contains the API for serving language vowel data\n - `index.ts`: Main entry point for the HTTP API\n - `data.ts`: Database of languages and their vowel systems\n \n- `frontend/`: Contains the UI for browsing vowels\n - `index.html`: Main HTML template\n - `index.tsx`: Frontend entry point\n - `components/`: React components\n - `styles.css`: CSS styles\n\n## Features\n\n- Browse vowels from languages around the world\n- Interactive vowel chart visualization\n- Compare vowel systems between languages\n- Learn about vowel characteristics in different language families\n\n## Technologies\n\n- Backend: Hono (TypeScript)\n- Frontend: React with TypeScript\n- Styling: TailwindCSS","children",[],[213],["D",1747870953765],[],[18,80],["D",1747870948948],[],[18,66],"9d019d76-369d-11f0-9186-9e149126039e","VowelComparison.tsx","9d019e2a-369d-11f0-9186-9e149126039e",11,["D",1747871102034],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface Language {\n id: string;\n name: string;\n family: string;\n region: string;\n vowelCount: number;\n}\n\ninterface LanguageDetail {\n id: string;\n name: string;\n family: string;\n region: string;\n description: string;\n vowels: Vowel[];\n}\n\ninterface Vowel {\n ipa: string;\n description: string;\n frontness: 'front' | 'central' | 'back';\n height: 'close' | 'near-close' | 'close-mid' | 'mid' | 'open-mid' | 'near-open' | 'open';\n rounded: boolean;\n examples: Example[];\n}\n\ninterface Example {\n word: string;\n transcription: string;\n meaning: string;\n}\n\ninterface VowelComparisonProps {\n languages: Language[];\n selectedLanguageIds: string[];\n onToggleLanguage: (id: string) => void;\n}\n\nexport function VowelComparison({ languages, selectedLanguageIds, onToggleLanguage }: VowelComparisonProps) {\n const [languageDetails, setLanguageDetails] = useState>({});\n const [loading, setLoading] = useState(true);\n const [allVowels, setAllVowels] = useState([]);\n const [error, setError] = useState(null);\n \n useEffect(() => {\n // Fetch details for all selected languages\n const fetchLanguageDetails = async () => {\n setLoading(true);\n try {\n const details: Record = {};\n \n for (const id of selectedLanguageIds) {\n const response = await fetch(`/api/languages/${id}`);\n if (!response.ok) {\n throw new Error(`Failed to fetch details for language: ${id}`);\n }\n const data = await response.json();\n details[id] = data;\n }\n \n setLanguageDetails(details);\n \n // Extract all unique vowels\n const vowelSet = new Set();\n Object.values(details).forEach(lang => {\n lang.vowels.forEach(vowel => {\n vowelSet.add(vowel.ipa);\n });\n });\n \n setAllVowels(Array.from(vowelSet).sort());\n setLoading(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n setLoading(false);\n }\n };\n \n if (selectedLanguageIds.length > 0) {\n fetchLanguageDetails();\n } else {\n setLanguageDetails({});\n setAllVowels([]);\n setLoading(false);\n }\n }, [selectedLanguageIds]);\n \n if (loading) {\n return (\n

Loading language data...

\n );\n }\n \n if (error) {\n return (\n

Error

{error}

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

Compare Vowel Systems

\n \n

Select Languages to Compare

\n {languages.map(lang => (\n onToggleLanguage(lang.id)}\n >\n

{lang.name}

{lang.vowelCount} vowels

\n ))}\n

\n \n {selectedLanguageIds.length > 0 ? (\n <>\n

\n \n \n \n \n {selectedLanguageIds.map(id => (\n \n ))}\n \n \n \n {allVowels.map(vowel => (\n \n \n {selectedLanguageIds.map(id => {\n const langVowel = languageDetails[id]?.vowels.find(v => v.ipa === vowel);\n return (\n \n );\n })}\n \n ))}\n \n

\n Vowel\n	\n {languageDetails[id]?.name \|\| id}\n
\n {vowel} \n	\n {langVowel ? (\n \n {langVowel.description} \n {langVowel.examples.length > 0 && (\n \n Example: {langVowel.examples[0].word} {langVowel.examples[0].transcription}\n \n )}\n \n ) : (\n —\n )}\n

\n \n

Vowel System Comparison

\n \n

\n {selectedLanguageIds.map(id => {\n const lang = languageDetails[id];\n if (!lang) return null;\n \n return (\n

{lang.name}

{lang.family} • {lang.region}

\n \n

\n Total vowels: {lang.vowels.length}\n

\n Front vowels: {lang.vowels.filter(v => v.frontness === 'front').length}\n

\n Central vowels: {lang.vowels.filter(v => v.frontness === 'central').length}\n

\n Back vowels: {lang.vowels.filter(v => v.frontness === 'back').length}\n

\n Rounded vowels: {lang.vowels.filter(v => v.rounded).length}\n

\n );\n })}\n

\n \n

Insights

Select more languages to compare their vowel systems.
\n {selectedLanguageIds.map(id => languageDetails[id]?.name).join(' and ')} \n {selectedLanguageIds.length === 2 ? ' have ' : ' all have '}\n {allVowels.filter(vowel => \n selectedLanguageIds.every(id => \n languageDetails[id]?.vowels.some(v => v.ipa === vowel)\n )\n ).length} vowels in common.\n
\n {languageDetails[selectedLanguageIds[0]]?.name} has {\n languageDetails[selectedLanguageIds[0]]?.vowels.filter(v => \n !languageDetails[selectedLanguageIds[1]]?.vowels.some(v2 => v2.ipa === v.ipa)\n ).length\n } vowels that {languageDetails[selectedLanguageIds[1]]?.name} doesn't have.\n
\n {Math.max(...selectedLanguageIds.map(id => languageDetails[id]?.vowels.filter(v => v.rounded).length || 0)) > 0 ? \n `${languageDetails[selectedLanguageIds.find(id => \n (languageDetails[id]?.vowels.filter(v => v.rounded).length || 0) === \n Math.max(...selectedLanguageIds.map(id => languageDetails[id]?.vowels.filter(v => v.rounded).length || 0))\n ) || '']?.name} has the most rounded vowels.` : \n 'None of these languages have rounded vowels.'\n }\n

\n \n ) : (\n

Select at least one language to see comparison data

\n )}\n \n );\n}",[],[18,90,227],"72dc1f30-369d-11f0-98c9-9e149126039e","VowelChart.tsx","72dc1fd0-369d-11f0-98c9-9e149126039e",9,["D",1747871031324],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Vowel {\n ipa: string;\n description: string;\n frontness: 'front' | 'central' | 'back';\n height: 'close' | 'near-close' | 'close-mid' | 'mid' | 'open-mid' | 'near-open' | 'open';\n rounded: boolean;\n examples: {\n word: string;\n transcription: string;\n meaning: string;\n }[];\n}\n\ninterface VowelChartProps {\n vowels: Vowel[];\n}\n\nexport function VowelChart({ vowels }: VowelChartProps) {\n const [selectedVowel, setSelectedVowel] = useState(null);\n \n // Map vowel height to y-coordinate (percentage)\n const heightToY = (height: string): number => {\n const heightMap: Record = {\n 'close': 10,\n 'near-close': 20,\n 'close-mid': 30,\n 'mid': 50,\n 'open-mid': 70,\n 'near-open': 80,\n 'open': 90\n };\n return heightMap[height] || 50;\n };\n \n // Map vowel frontness to x-coordinate (percentage)\n const frontnessToX = (frontness: string): number => {\n const frontnessMap: Record = {\n 'front': 20,\n 'central': 50,\n 'back': 80\n };\n return frontnessMap[frontness] || 50;\n };\n \n // Get color based on vowel roundedness\n const getColor = (rounded: boolean): string => {\n return rounded ? 'bg-blue-100' : 'bg-red-100';\n };\n \n const handleVowelClick = (vowel: Vowel) => {\n setSelectedVowel(vowel === selectedVowel ? null : vowel);\n };\n \n return (\n

Vowel Chart

\n \n

\n {/* Chart grid lines and labels */}\n

\n {/* Horizontal lines for height */}\n

\n \n {/* Vertical lines for frontness */}\n

\n \n {/* Height labels */}\n

Close-mid

Mid

Open-mid

Open

\n \n {/* Frontness labels */}\n

Front

Central

Back

\n \n {/* Vowel points */}\n {vowels.map((vowel) => {\n const x = frontnessToX(vowel.frontness);\n const y = heightToY(vowel.height);\n \n return (\n handleVowelClick(vowel)}\n >\n {vowel.ipa}\n

\n );\n })}\n

\n \n {/* Legend */}\n

\n Unrounded vowels\n

\n Rounded vowels\n

\n \n {/* Selected vowel details */}\n {selectedVowel && (\n

\n {selectedVowel.ipa}\n {selectedVowel.description}\n

\n \n

\n Height: {selectedVowel.height}\n

\n Frontness: {selectedVowel.frontness}\n

\n Rounded: {selectedVowel.rounded ? 'Yes' : 'No'}\n

\n \n

Examples:

\n {selectedVowel.examples.map((example, index) => (\n

{example.word}

{example.transcription}

{example.meaning}

\n ))}\n

\n )}\n \n );\n}",[],[18,90,235],"6207e2e8-369d-11f0-bfd7-9e149126039e","LanguageSelector.tsx","6207e3a6-369d-11f0-bfd7-9e149126039e",8,["D",1747871003090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Language {\n id: string;\n name: string;\n family: string;\n region: string;\n vowelCount: number;\n}\n\ninterface LanguageSelectorProps {\n languages: Language[];\n selectedLanguageId: string;\n onLanguageChange: (id: string) => void;\n}\n\nexport function LanguageSelector({ languages, selectedLanguageId, onLanguageChange }: LanguageSelectorProps) {\n const [searchTerm, setSearchTerm] = useState('');\n const [filterFamily, setFilterFamily] = useState(null);\n \n // Get unique language families\n const families = Array.from(new Set(languages.map(lang => lang.family)));\n \n // Filter languages based on search and family filter\n const filteredLanguages = languages.filter(lang => {\n const matchesSearch = lang.name.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesFamily = filterFamily ? lang.family === filterFamily : true;\n return matchesSearch && matchesFamily;\n });\n \n return (\n

Select a Language

\n \n

\n setSearchTerm(e.target.value)}\n />\n

\n \n

\n Filter by Family\n setFilterFamily(e.target.value || null)}\n >\n \n {families.map(family => (\n \n ))}\n \n

\n \n

\n {filteredLanguages.map(language => (\n onLanguageChange(language.id)}\n >\n

{language.name}

{language.family}

\n {language.region}\n {language.vowelCount} vowels\n

\n ))}\n \n {filteredLanguages.length === 0 && (\n

\n No languages found matching your criteria\n

\n )}\n

\n \n );\n}",[],[18,90,243],"84a28e84-369d-11f0-a3f9-9e149126039e","LanguageDetails.tsx","84a28f10-369d-11f0-a3f9-9e149126039e",10,["D",1747871061145],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Example {\n word: string;\n transcription: string;\n meaning: string;\n}\n\ninterface Vowel {\n ipa: string;\n description: string;\n frontness: 'front' | 'central' | 'back';\n height: 'close' | 'near-close' | 'close-mid' | 'mid' | 'open-mid' | 'near-open' | 'open';\n rounded: boolean;\n examples: Example[];\n}\n\ninterface Language {\n id: string;\n name: string;\n family: string;\n region: string;\n description: string;\n vowels: Vowel[];\n}\n\ninterface LanguageDetailsProps {\n language: Language;\n}\n\nexport function LanguageDetails({ language }: LanguageDetailsProps) {\n const [activeTab, setActiveTab] = useState<'list' | 'facts'>('list');\n \n return (\n

\n \n

\n {activeTab === 'list' && (\n

Vowel Inventory

\n {language.vowels.map(vowel => (\n

\n {vowel.ipa}\n {vowel.description}\n

\n \n

Height: {vowel.height}

Frontness: {vowel.frontness}

Rounded: {vowel.rounded ? 'Yes' : 'No'}

\n \n

Examples:

\n {example.word} {example.transcription}\n
{example.meaning}
\n

\n ))}\n

\n )}\n \n {activeTab === 'facts' && (\n

About {language.name}

\n \n

Language Family

{language.family}

Region

{language.region}

Number of Vowels

{language.vowels.length}

Rounded Vowels

{language.vowels.filter(v => v.rounded).length} out of {language.vowels.length}

\n \n

Vowel System Characteristics

{language.description}

\n \n

Fun Facts

English has one of the most complex vowel systems among the world's languages.
English vowels vary significantly between dialects, with American, British, Australian, and other varieties having different vowel inventories.
The Great Vowel Shift was a major change in pronunciation that began in the 15th century, affecting all Middle English long vowels.
Spanish has one of the simplest vowel systems among major world languages, with just five vowels.
Unlike English, Spanish vowels are pronounced consistently across different dialects.
Spanish doesn't have reduced vowels like the schwa sound in English.
Japanese has a simple five-vowel system but distinguishes between short and long vowels.
The Japanese 'u' sound is actually an unrounded high back vowel, different from the English 'u'.
Japanese vowels can be \"devoiced\" (whispered) when they occur between voiceless consonants.
French has several front rounded vowels, which are rare in the world's languages.
French is one of the few major languages with distinctive nasal vowels.
The French 'e muet' (mute e) is often not pronounced, especially at the end of words.
Arabic has a simple three-vowel system with length distinction.
The pronunciation of vowels in Arabic can be influenced by neighboring consonants.
Classical Arabic preserves the vowel system of the language as it was spoken in the 7th century.
Mandarin Chinese has relatively few vowels but combines them with tones to create more distinctions.
The pronunciation of vowels in Mandarin can change based on the tone.
Mandarin has both rounded and unrounded front vowels.

\n )}\n

\n );\n}",[],[18,90,251],"59b3d87c-369d-11f0-8d82-9e149126039e","Header.tsx","59b3d93a-369d-11f0-8d82-9e149126039e",7,["D",1747870989114],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport function Header() {\n return (\n

\n 🔊 Language Vowels Explorer\n

\n Discover and compare vowel systems from languages around the world\n

\n \n

\n {['a', 'e', 'i', 'o', 'u', 'y', 'ø', 'œ'].map(vowel => (\n

\n {vowel}\n

\n ))}\n

\n );\n}",[],[18,90,259],"530d3220-369d-11f0-a425-9e149126039e","App.tsx","530d32ca-369d-11f0-a425-9e149126039e",["D",1747870977955],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Header } from \"./Header.tsx\";\nimport { LanguageSelector } from \"./LanguageSelector.tsx\";\nimport { VowelChart } from \"./VowelChart.tsx\";\nimport { LanguageDetails } from \"./LanguageDetails.tsx\";\nimport { VowelComparison } from \"./VowelComparison.tsx\";\n\ninterface Language {\n id: string;\n name: string;\n family: string;\n region: string;\n vowelCount: number;\n}\n\ninterface LanguageDetail extends Language {\n description: string;\n vowels: Vowel[];\n}\n\ninterface Vowel {\n ipa: string;\n description: string;\n frontness: 'front' | 'central' | 'back';\n height: 'close' | 'near-close' | 'close-mid' | 'mid' | 'open-mid' | 'near-open' | 'open';\n rounded: boolean;\n examples: Example[];\n}\n\ninterface Example {\n word: string;\n transcription: string;\n meaning: string;\n}\n\nexport function App() {\n const [languages, setLanguages] = useState([]);\n const [selectedLanguage, setSelectedLanguage] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [view, setView] = useState<'language' | 'comparison'>('language');\n const [comparisonLanguages, setComparisonLanguages] = useState([]);\n\n useEffect(() => {\n // Fetch all languages\n fetch('/api/languages')\n .then(response => {\n if (!response.ok) {\n throw new Error('Failed to fetch languages');\n }\n return response.json();\n })\n .then(data => {\n setLanguages(data);\n setLoading(false);\n \n // Select the first language by default\n if (data.length > 0) {\n fetchLanguageDetails(data[0].id);\n }\n })\n .catch(err => {\n setError(err.message);\n setLoading(false);\n });\n }, []);\n\n const fetchLanguageDetails = (id: string) => {\n setLoading(true);\n fetch(`/api/languages/${id}`)\n .then(response => {\n if (!response.ok) {\n throw new Error('Failed to fetch language details');\n }\n return response.json();\n })\n .then(data => {\n setSelectedLanguage(data);\n setLoading(false);\n })\n .catch(err => {\n setError(err.message);\n setLoading(false);\n });\n };\n\n const handleLanguageChange = (id: string) => {\n fetchLanguageDetails(id);\n setView('language');\n };\n\n const toggleComparisonLanguage = (id: string) => {\n setComparisonLanguages(prev => {\n if (prev.includes(id)) {\n return prev.filter(langId => langId !== id);\n } else {\n return [...prev, id];\n }\n });\n };\n\n const switchToComparison = () => {\n if (selectedLanguage) {\n setComparisonLanguages([selectedLanguage.id]);\n setView('comparison');\n }\n };\n\n if (loading && !selectedLanguage) {\n return (\n

Loading language data...

\n );\n }\n\n if (error) {\n return (\n

Error

{error}

\n \n

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

\n \n

\n \n \n

\n \n Compare Vowel Systems\n \n

\n \n

\n {view === 'language' && selectedLanguage && (\n

{selectedLanguage.name} Vowel System

{selectedLanguage.description}

\n \n \n \n \n

\n )}\n \n {view === 'comparison' && (\n \n )}\n

\n \n \n

\n );\n}",[],[18,90,267],["D",1747870977955],[203,204,205,206,207,208],[18,90],["D",1747870948948],[202,209,210],[18],"9f4c96ee-369d-11f0-bdb5-9e149126039e","index.ts","6d8048de-443e-4de7-9188-37462a3c63f4",["D",1747871105877],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllLanguages, getLanguageById, getAllVowels, getLanguagesWithVowel } from \"./data.ts\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// API Routes\napp.get(\"/api/languages\", (c) => {\n return c.json(getAllLanguages());\n});\n\napp.get(\"/api/languages/:id\", (c) => {\n const id = c.req.param(\"id\");\n const language = getLanguageById(id);\n \n if (!language) {\n return c.json({ error: \"Language not found\" }, 404);\n }\n \n return c.json(language);\n});\n\napp.get(\"/api/vowels\", (c) => {\n return c.json(getAllVowels());\n});\n\napp.get(\"/api/vowels/:ipa\", (c) => {\n const ipa = c.req.param(\"ipa\");\n const languages = getLanguagesWithVowel(ipa);\n \n return c.json({\n vowel: ipa,\n languages\n });\n});\n\n// Serve frontend files\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Export the Hono app\nexport default app.fetch;",[],[287,280],"backend","3064e40c-369d-11f0-b408-9e149126039e","data.ts","3064e4a2-369d-11f0-b408-9e149126039e",2,["D",1747870919787],"// Data structure for language vowel information\nexport interface Language {\n id: string;\n name: string;\n family: string;\n region: string;\n vowels: Vowel[];\n description: string;\n}\n\nexport interface Vowel {\n ipa: string;\n description: string;\n frontness: 'front' | 'central' | 'back';\n height: 'close' | 'near-close' | 'close-mid' | 'mid' | 'open-mid' | 'near-open' | 'open';\n rounded: boolean;\n examples: Example[];\n}\n\nexport interface Example {\n word: string;\n transcription: string;\n meaning: string;\n}\n\n// Database of languages and their vowel systems\nexport const languages: Language[] = [\n {\n id: \"english\",\n name: \"English\",\n family: \"Indo-European\",\n region: \"Europe/North America\",\n description: \"English has a complex vowel system with many diphthongs and variations between dialects.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"see\", transcription: \"/siː/\", meaning: \"to perceive with the eyes\" },\n { word: \"beat\", transcription: \"/biːt/\", meaning: \"to strike repeatedly\" }\n ]\n },\n {\n ipa: \"ɪ\",\n description: \"Near-close front unrounded vowel\",\n frontness: \"front\",\n height: \"near-close\",\n rounded: false,\n examples: [\n { word: \"bit\", transcription: \"/bɪt/\", meaning: \"a small piece\" },\n { word: \"sit\", transcription: \"/sɪt/\", meaning: \"to rest with the body supported\" }\n ]\n },\n {\n ipa: \"e\",\n description: \"Close-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"say\", transcription: \"/seɪ/\", meaning: \"to speak\" },\n { word: \"bait\", transcription: \"/beɪt/\", meaning: \"to entice\" }\n ]\n },\n {\n ipa: \"ɛ\",\n description: \"Open-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"open-mid\",\n rounded: false,\n examples: [\n { word: \"bet\", transcription: \"/bɛt/\", meaning: \"to wager\" },\n { word: \"set\", transcription: \"/sɛt/\", meaning: \"to put in a specified position\" }\n ]\n },\n {\n ipa: \"æ\",\n description: \"Near-open front unrounded vowel\",\n frontness: \"front\",\n height: \"near-open\",\n rounded: false,\n examples: [\n { word: \"bat\", transcription: \"/bæt/\", meaning: \"a flying mammal\" },\n { word: \"cat\", transcription: \"/kæt/\", meaning: \"a small domesticated feline\" }\n ]\n },\n {\n ipa: \"ɑ\",\n description: \"Open back unrounded vowel\",\n frontness: \"back\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"hot\", transcription: \"/hɑt/\", meaning: \"having a high temperature\" },\n { word: \"father\", transcription: \"/ˈfɑðər/\", meaning: \"male parent\" }\n ]\n },\n {\n ipa: \"ɔ\",\n description: \"Open-mid back rounded vowel\",\n frontness: \"back\",\n height: \"open-mid\",\n rounded: true,\n examples: [\n { word: \"caught\", transcription: \"/kɔt/\", meaning: \"past tense of catch\" },\n { word: \"law\", transcription: \"/lɔ/\", meaning: \"system of rules\" }\n ]\n },\n {\n ipa: \"o\",\n description: \"Close-mid back rounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"go\", transcription: \"/ɡoʊ/\", meaning: \"to move\" },\n { word: \"boat\", transcription: \"/boʊt/\", meaning: \"a vessel for water transport\" }\n ]\n },\n {\n ipa: \"ʊ\",\n description: \"Near-close back rounded vowel\",\n frontness: \"back\",\n height: \"near-close\",\n rounded: true,\n examples: [\n { word: \"put\", transcription: \"/pʊt/\", meaning: \"to place something\" },\n { word: \"book\", transcription: \"/bʊk/\", meaning: \"a written work\" }\n ]\n },\n {\n ipa: \"u\",\n description: \"Close back rounded vowel\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"boot\", transcription: \"/buːt/\", meaning: \"a type of footwear\" },\n { word: \"food\", transcription: \"/fuːd/\", meaning: \"substance consumed for nutrition\" }\n ]\n },\n {\n ipa: \"ə\",\n description: \"Mid central vowel (schwa)\",\n frontness: \"central\",\n height: \"mid\",\n rounded: false,\n examples: [\n { word: \"about\", transcription: \"/əˈbaʊt/\", meaning: \"on the subject of\" },\n { word: \"sofa\", transcription: \"/ˈsoʊfə/\", meaning: \"a long upholstered seat\" }\n ]\n },\n {\n ipa: \"ʌ\",\n description: \"Open-mid back unrounded vowel\",\n frontness: \"back\",\n height: \"open-mid\",\n rounded: false,\n examples: [\n { word: \"but\", transcription: \"/bʌt/\", meaning: \"except\" },\n { word: \"cut\", transcription: \"/kʌt/\", meaning: \"to divide with a sharp tool\" }\n ]\n }\n ]\n },\n {\n id: \"spanish\",\n name: \"Spanish\",\n family: \"Indo-European\",\n region: \"Europe/Latin America\",\n description: \"Spanish has a simple five-vowel system that is consistent across most dialects.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"sí\", transcription: \"/si/\", meaning: \"yes\" },\n { word: \"mi\", transcription: \"/mi/\", meaning: \"my\" }\n ]\n },\n {\n ipa: \"e\",\n description: \"Close-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"qué\", transcription: \"/ke/\", meaning: \"what\" },\n { word: \"mesa\", transcription: \"/ˈme.sa/\", meaning: \"table\" }\n ]\n },\n {\n ipa: \"a\",\n description: \"Open front unrounded vowel\",\n frontness: \"front\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"casa\", transcription: \"/ˈka.sa/\", meaning: \"house\" },\n { word: \"hablar\", transcription: \"/a.ˈβlaɾ/\", meaning: \"to speak\" }\n ]\n },\n {\n ipa: \"o\",\n description: \"Close-mid back rounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"no\", transcription: \"/no/\", meaning: \"no\" },\n { word: \"ojo\", transcription: \"/ˈo.xo/\", meaning: \"eye\" }\n ]\n },\n {\n ipa: \"u\",\n description: \"Close back rounded vowel\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"tu\", transcription: \"/tu/\", meaning: \"your\" },\n { word: \"uno\", transcription: \"/ˈu.no/\", meaning: \"one\" }\n ]\n }\n ]\n },\n {\n id: \"japanese\",\n name: \"Japanese\",\n family: \"Japonic\",\n region: \"East Asia\",\n description: \"Japanese has a simple five-vowel system with phonemic length distinction.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"ki\", transcription: \"/ki/\", meaning: \"tree\" },\n { word: \"ichi\", transcription: \"/itɕi/\", meaning: \"one\" }\n ]\n },\n {\n ipa: \"e\",\n description: \"Close-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"eki\", transcription: \"/eki/\", meaning: \"station\" },\n { word: \"sensei\", transcription: \"/seɰ̃sei/\", meaning: \"teacher\" }\n ]\n },\n {\n ipa: \"a\",\n description: \"Open central unrounded vowel\",\n frontness: \"central\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"aka\", transcription: \"/aka/\", meaning: \"red\" },\n { word: \"nani\", transcription: \"/nani/\", meaning: \"what\" }\n ]\n },\n {\n ipa: \"o\",\n description: \"Close-mid back rounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"ko\", transcription: \"/ko/\", meaning: \"child\" },\n { word: \"tori\", transcription: \"/toɾi/\", meaning: \"bird\" }\n ]\n },\n {\n ipa: \"ɯ\",\n description: \"Close back unrounded vowel\",\n frontness: \"back\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"umi\", transcription: \"/ɯmi/\", meaning: \"sea\" },\n { word: \"sushi\", transcription: \"/sɯɕi/\", meaning: \"sushi\" }\n ]\n }\n ]\n },\n {\n id: \"french\",\n name: \"French\",\n family: \"Indo-European\",\n region: \"Europe\",\n description: \"French has a rich vowel system including nasal vowels and front rounded vowels.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"si\", transcription: \"/si/\", meaning: \"if\" },\n { word: \"vie\", transcription: \"/vi/\", meaning: \"life\" }\n ]\n },\n {\n ipa: \"y\",\n description: \"Close front rounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"tu\", transcription: \"/ty/\", meaning: \"you\" },\n { word: \"rue\", transcription: \"/ʁy/\", meaning: \"street\" }\n ]\n },\n {\n ipa: \"e\",\n description: \"Close-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"été\", transcription: \"/ete/\", meaning: \"summer\" },\n { word: \"les\", transcription: \"/le/\", meaning: \"the (plural)\" }\n ]\n },\n {\n ipa: \"ø\",\n description: \"Close-mid front rounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"deux\", transcription: \"/dø/\", meaning: \"two\" },\n { word: \"feu\", transcription: \"/fø/\", meaning: \"fire\" }\n ]\n },\n {\n ipa: \"ɛ\",\n description: \"Open-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"open-mid\",\n rounded: false,\n examples: [\n { word: \"belle\", transcription: \"/bɛl/\", meaning: \"beautiful\" },\n { word: \"faire\", transcription: \"/fɛʁ/\", meaning: \"to do\" }\n ]\n },\n {\n ipa: \"œ\",\n description: \"Open-mid front rounded vowel\",\n frontness: \"front\",\n height: \"open-mid\",\n rounded: true,\n examples: [\n { word: \"sœur\", transcription: \"/sœʁ/\", meaning: \"sister\" },\n { word: \"cœur\", transcription: \"/kœʁ/\", meaning: \"heart\" }\n ]\n },\n {\n ipa: \"a\",\n description: \"Open front unrounded vowel\",\n frontness: \"front\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"chat\", transcription: \"/ʃa/\", meaning: \"cat\" },\n { word: \"là\", transcription: \"/la/\", meaning: \"there\" }\n ]\n },\n {\n ipa: \"ɑ\",\n description: \"Open back unrounded vowel\",\n frontness: \"back\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"pâte\", transcription: \"/pɑt/\", meaning: \"paste\" },\n { word: \"âge\", transcription: \"/ɑʒ/\", meaning: \"age\" }\n ]\n },\n {\n ipa: \"ɔ\",\n description: \"Open-mid back rounded vowel\",\n frontness: \"back\",\n height: \"open-mid\",\n rounded: true,\n examples: [\n { word: \"homme\", transcription: \"/ɔm/\", meaning: \"man\" },\n { word: \"porte\", transcription: \"/pɔʁt/\", meaning: \"door\" }\n ]\n },\n {\n ipa: \"o\",\n description: \"Close-mid back rounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"beau\", transcription: \"/bo/\", meaning: \"beautiful\" },\n { word: \"mot\", transcription: \"/mo/\", meaning: \"word\" }\n ]\n },\n {\n ipa: \"u\",\n description: \"Close back rounded vowel\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"tout\", transcription: \"/tu/\", meaning: \"all\" },\n { word: \"vous\", transcription: \"/vu/\", meaning: \"you (plural)\" }\n ]\n },\n {\n ipa: \"ɛ̃\",\n description: \"Nasal open-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"open-mid\",\n rounded: false,\n examples: [\n { word: \"vin\", transcription: \"/vɛ̃/\", meaning: \"wine\" },\n { word: \"pain\", transcription: \"/pɛ̃/\", meaning: \"bread\" }\n ]\n },\n {\n ipa: \"œ̃\",\n description: \"Nasal open-mid front rounded vowel\",\n frontness: \"front\",\n height: \"open-mid\",\n rounded: true,\n examples: [\n { word: \"un\", transcription: \"/œ̃/\", meaning: \"one\" },\n { word: \"parfum\", transcription: \"/paʁfœ̃/\", meaning: \"perfume\" }\n ]\n },\n {\n ipa: \"ɑ̃\",\n description: \"Nasal open back unrounded vowel\",\n frontness: \"back\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"dans\", transcription: \"/dɑ̃/\", meaning: \"in\" },\n { word: \"enfant\", transcription: \"/ɑ̃fɑ̃/\", meaning: \"child\" }\n ]\n },\n {\n ipa: \"ɔ̃\",\n description: \"Nasal open-mid back rounded vowel\",\n frontness: \"back\",\n height: \"open-mid\",\n rounded: true,\n examples: [\n { word: \"bon\", transcription: \"/bɔ̃/\", meaning: \"good\" },\n { word: \"maison\", transcription: \"/mɛzɔ̃/\", meaning: \"house\" }\n ]\n }\n ]\n },\n {\n id: \"arabic\",\n name: \"Arabic (Modern Standard)\",\n family: \"Afro-Asiatic\",\n region: \"Middle East/North Africa\",\n description: \"Arabic has a three-vowel system with length distinction.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel (short)\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"بِنْت\", transcription: \"/bint/\", meaning: \"girl\" },\n { word: \"مِن\", transcription: \"/min/\", meaning: \"from\" }\n ]\n },\n {\n ipa: \"iː\",\n description: \"Close front unrounded vowel (long)\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"كَرِيم\", transcription: \"/kariːm/\", meaning: \"generous\" },\n { word: \"فِي\", transcription: \"/fiː/\", meaning: \"in\" }\n ]\n },\n {\n ipa: \"a\",\n description: \"Open front unrounded vowel (short)\",\n frontness: \"front\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"كَتَبَ\", transcription: \"/kataba/\", meaning: \"he wrote\" },\n { word: \"قَلَم\", transcription: \"/qalam/\", meaning: \"pen\" }\n ]\n },\n {\n ipa: \"aː\",\n description: \"Open front unrounded vowel (long)\",\n frontness: \"front\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"كِتَاب\", transcription: \"/kitaːb/\", meaning: \"book\" },\n { word: \"بَاب\", transcription: \"/baːb/\", meaning: \"door\" }\n ]\n },\n {\n ipa: \"u\",\n description: \"Close back rounded vowel (short)\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"كُتُب\", transcription: \"/kutub/\", meaning: \"books\" },\n { word: \"هُوَ\", transcription: \"/huwa/\", meaning: \"he\" }\n ]\n },\n {\n ipa: \"uː\",\n description: \"Close back rounded vowel (long)\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"نُور\", transcription: \"/nuːr/\", meaning: \"light\" },\n { word: \"سُوق\", transcription: \"/suːq/\", meaning: \"market\" }\n ]\n }\n ]\n },\n {\n id: \"mandarin\",\n name: \"Mandarin Chinese\",\n family: \"Sino-Tibetan\",\n region: \"East Asia\",\n description: \"Mandarin has a relatively simple vowel system but complex tonal patterns.\",\n vowels: [\n {\n ipa: \"i\",\n description: \"Close front unrounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: false,\n examples: [\n { word: \"你\", transcription: \"/ni⁵⁵/\", meaning: \"you\" },\n { word: \"西\", transcription: \"/ɕi⁵⁵/\", meaning: \"west\" }\n ]\n },\n {\n ipa: \"y\",\n description: \"Close front rounded vowel\",\n frontness: \"front\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"鱼\", transcription: \"/y³⁵/\", meaning: \"fish\" },\n { word: \"绿\", transcription: \"/ly⁵¹/\", meaning: \"green\" }\n ]\n },\n {\n ipa: \"e\",\n description: \"Close-mid front unrounded vowel\",\n frontness: \"front\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"喝\", transcription: \"/xɤ⁵⁵/\", meaning: \"to drink\" },\n { word: \"和\", transcription: \"/xɤ³⁵/\", meaning: \"and\" }\n ]\n },\n {\n ipa: \"a\",\n description: \"Open central unrounded vowel\",\n frontness: \"central\",\n height: \"open\",\n rounded: false,\n examples: [\n { word: \"八\", transcription: \"/pa⁵⁵/\", meaning: \"eight\" },\n { word: \"妈\", transcription: \"/ma⁵⁵/\", meaning: \"mother\" }\n ]\n },\n {\n ipa: \"u\",\n description: \"Close back rounded vowel\",\n frontness: \"back\",\n height: \"close\",\n rounded: true,\n examples: [\n { word: \"不\", transcription: \"/pu⁵¹/\", meaning: \"no\" },\n { word: \"路\", transcription: \"/lu⁵¹/\", meaning: \"road\" }\n ]\n },\n {\n ipa: \"ɤ\",\n description: \"Close-mid back unrounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: false,\n examples: [\n { word: \"色\", transcription: \"/sɤ⁵¹/\", meaning: \"color\" },\n { word: \"特\", transcription: \"/tʰɤ⁵¹/\", meaning: \"special\" }\n ]\n },\n {\n ipa: \"o\",\n description: \"Close-mid back rounded vowel\",\n frontness: \"back\",\n height: \"close-mid\",\n rounded: true,\n examples: [\n { word: \"波\", transcription: \"/po⁵⁵/\", meaning: \"wave\" },\n { word: \"多\", transcription: \"/two⁵⁵/\", meaning: \"many\" }\n ]\n }\n ]\n }\n];\n\n// Function to get all languages\nexport function getAllLanguages() {\n return languages.map(lang => ({\n id: lang.id,\n name: lang.name,\n family: lang.family,\n region: lang.region,\n vowelCount: lang.vowels.length\n }));\n}\n\n// Function to get a specific language by ID\nexport function getLanguageById(id: string) {\n return languages.find(lang => lang.id === id);\n}\n\n// Function to get all vowels across languages\nexport function getAllVowels() {\n const allVowels = new Set();\n languages.forEach(lang => {\n lang.vowels.forEach(vowel => {\n allVowels.add(vowel.ipa);\n });\n });\n return Array.from(allVowels);\n}\n\n// Function to get languages that contain a specific vowel\nexport function getLanguagesWithVowel(vowelIpa: string) {\n return languages.filter(lang => \n lang.vowels.some(vowel => vowel.ipa === vowelIpa)\n ).map(lang => ({\n id: lang.id,\n name: lang.name,\n family: lang.family\n }));\n}",[],[287,289],"30652f5c-369d-11f0-b408-9e149126039e",["D",1747870919787],[199,200],[287],["D",1747870712841],["D",1789560647748],{"_11":12,"_145":71},{"_11":12,"_141":-5,"_70":71,"_31":69,"_142":143,"_144":30},{"_41":132,"_13":16,"_35":38,"_133":94,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"ctx",{"_54":-5,"_164":338,"_339":340,"_341":342,"_343":30,"_344":30,"_345":30,"_346":24,"_347":-5,"_348":-7,"_349":-7,"_350":26,"_351":30,"_352":30,"_353":-5,"_354":30,"_355":30,"_356":30,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · frontend