\n \n \n \n","label",[194,69],"frontend","pulls","branches",3,"forks","envVars",{"_203":26,"_205":26},"connections",{"_203":26,"_204":26},"count","unfilledCount","emptyCount",{"_34":354,"_13":344,"_67":338,"_44":-5,"_36":37,"_186":41,"_187":109,"_38":355,"_40":26,"_70":328,"_190":-5,"_71":24,"_192":-5,"_231":356,"_17":357},{"_34":345,"_13":346,"_67":107,"_44":338,"_36":37,"_186":347,"_187":109,"_38":348,"_40":258,"_70":349,"_190":350,"_71":24,"_192":351,"_231":352,"_17":353},{"_34":335,"_13":336,"_67":337,"_44":338,"_36":37,"_186":266,"_187":109,"_38":339,"_40":340,"_70":247,"_190":341,"_71":24,"_192":-5,"_231":342,"_17":343},{"_34":331,"_13":194,"_67":185,"_44":-5,"_36":37,"_186":41,"_187":109,"_38":332,"_40":26,"_70":328,"_190":-5,"_71":24,"_192":-5,"_231":333,"_17":334},{"_34":326,"_13":271,"_67":265,"_44":185,"_36":37,"_186":41,"_187":109,"_38":327,"_40":26,"_70":328,"_190":-5,"_71":24,"_192":-5,"_231":329,"_17":330},{"_34":319,"_13":320,"_67":321,"_44":265,"_36":37,"_186":266,"_187":109,"_38":322,"_40":299,"_70":247,"_190":323,"_71":24,"_192":-5,"_231":324,"_17":325},{"_34":311,"_13":312,"_67":313,"_44":265,"_36":37,"_186":275,"_187":109,"_38":314,"_40":315,"_70":247,"_190":316,"_71":24,"_192":-5,"_231":317,"_17":318},{"_34":304,"_13":305,"_67":306,"_44":265,"_36":37,"_186":266,"_187":109,"_38":307,"_40":26,"_70":247,"_190":308,"_71":24,"_192":-5,"_231":309,"_17":310},{"_34":296,"_13":297,"_67":298,"_44":265,"_36":37,"_186":299,"_187":109,"_38":300,"_40":26,"_70":247,"_190":301,"_71":24,"_192":-5,"_231":302,"_17":303},{"_34":288,"_13":289,"_67":290,"_44":265,"_36":37,"_186":266,"_187":109,"_38":291,"_40":292,"_70":247,"_190":293,"_71":24,"_192":-5,"_231":294,"_17":295},{"_34":280,"_13":281,"_67":282,"_44":265,"_36":37,"_186":283,"_187":109,"_38":284,"_40":258,"_70":247,"_190":285,"_71":24,"_192":-5,"_231":286,"_17":287},{"_34":272,"_13":273,"_67":274,"_44":265,"_36":37,"_186":275,"_187":109,"_38":276,"_40":41,"_70":247,"_190":277,"_71":24,"_192":-5,"_231":278,"_17":279},{"_34":262,"_13":263,"_67":264,"_44":265,"_36":37,"_186":266,"_187":109,"_38":267,"_40":189,"_70":247,"_190":268,"_71":24,"_192":-5,"_231":269,"_17":270},{"_34":254,"_13":255,"_67":256,"_44":185,"_36":37,"_186":132,"_187":109,"_38":257,"_40":258,"_70":21,"_190":259,"_71":24,"_192":-5,"_231":260,"_17":261},{"_34":184,"_13":69,"_67":68,"_44":185,"_36":37,"_186":91,"_187":109,"_38":251,"_40":189,"_70":21,"_190":191,"_71":24,"_192":-5,"_231":252,"_17":253},{"_34":243,"_13":244,"_67":245,"_44":185,"_36":37,"_186":41,"_187":109,"_38":246,"_40":26,"_70":247,"_190":248,"_71":24,"_192":-5,"_231":249,"_17":250},{"_34":234,"_13":235,"_67":236,"_44":185,"_36":37,"_186":237,"_187":109,"_38":238,"_40":239,"_70":21,"_190":240,"_71":24,"_192":-5,"_231":241,"_17":242},{"_34":224,"_13":225,"_67":226,"_44":-5,"_36":37,"_186":227,"_187":109,"_38":228,"_40":229,"_70":21,"_190":230,"_71":24,"_192":-5,"_231":232,"_17":233},"9819bc16-5679-11f0-836e-f69ea79377d9","README.md","29ee1cf0-abef-4cb8-9e22-49d1fbb5cdbf",74,["D",1751374069120],20,"## Is It *Two* Words\n\nHere's another little word game.\nIdentify whether the letters in the middle box spell a word going forwards, backwards or both.\n\n### How to Play\n\n1. Choose a word set from the main menu\n2. For each word displayed:\n - If it's a word reading left-to-right: **swipe left to right**\n - If it's a word reading right-to-left: **swipe right to left** \n - If it's both: **swipe back and forth**\n3. There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a word.\n\n### todos:\n\n- think through colors\n- capitalize words?\n- pick an okay font\n- display a little more info in LastWord ✅\n- split wordlist into chunks? ✅\n- add game over state ✅\n - count number of incorrect guesses\n - count number of bonuses\n - share link ✅\n - record plays in db\n- should I name it \"Stressed Desserts\"?\n - is it two words?\n - stressed desserts\n - this might have too much search volume already\n - emagdrow","children",[],[225],"377772fe-5606-11f0-9da1-f69ea79377d9","style.css","731e6046-02d8-42cd-bc36-7d32279fa2cf",72,["D",1751324514874],13,"* {\n box-sizing: border-box;\n}\n\nbody {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n background-color: #f8f8f5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Safe area padding for devices with notches */\n padding-left: env(safe-area-inset-left);\n padding-right: env(safe-area-inset-right);\n align-items: center;\n justify-content: center;\n}\n\n#root {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: all 0.2s ease;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n}\n\nbutton:hover {\n background-color: #357ae8;\n transform: translateY(-1px);\n}\n\nbutton:active {\n transform: translateY(0);\n}\n\n.container {\n position: relative;\n width: 100%;\n max-width: min(98vw, 500px);\n height: 180px;\n margin: 20px auto;\n background-color: #f8f8f5;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n user-select: none;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n@media (min-width: 480px) {\n .container {\n height: 200px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 600px;\n margin: 20px auto;\n height: 220px;\n }\n}\n\n/* Prevent text selection during drag */\n* {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.center-text {\n position: relative;\n z-index: 2;\n color: #333;\n background-color: #f8f8f5;\n padding: 0.5em 1em;\n font-size: clamp(1.2rem, 4vw, 1.8rem);\n text-align: center;\n font-weight: 500;\n border-radius: 8px;\n width: 75%;\n height: 75%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.hitbox {\n position: absolute;\n top: 0;\n height: 100%;\n width: 50%;\n z-index: 3;\n touch-action: none;\n cursor: pointer;\n}\n\n/* Improve touch targets for mobile */\n@media (max-width: 767px) {\n .hitbox {\n min-height: 44px; /* iOS recommended minimum touch target */\n }\n}\n\n.hitbox.left {\n left: 0;\n}\n\n.hitbox.right {\n right: 0;\n}\n\n.back {\n position: absolute;\n top: 0;\n height: 100%;\n width: 50%;\n z-index: 1;\n}\n\n.back.left {\n left: 0;\n background-color: #add8e6; /* light blue */\n transition: background-color 0.2s ease;\n}\n\n.back.left.active {\n background-color: #87ceeb; /* darker blue when active */\n}\n\n.back.right {\n right: 0;\n background-color: #e6ccff; /* light purple */\n transition: background-color 0.2s ease;\n}\n\n.back.right.active {\n background-color: #d8b3ff; /* darker purple when active */\n}\n\n.game-header {\n width: 100%;\n background: linear-gradient(135deg, #333 0%, #444 100%);\n color: white;\n text-align: center;\n padding: 16px 20px;\n margin: 0;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n /* Safe area padding for devices with notches */\n padding-top: max(16px, env(safe-area-inset-top));\n}\n\n.game-header h1 {\n margin: 0 0 4px 0;\n font-size: clamp(20px, 5vw, 28px);\n font-weight: 600;\n letter-spacing: -0.5px;\n}\n\n.game-header div {\n font-size: clamp(12px, 3vw, 14px);\n opacity: 0.9;\n font-weight: 400;\n}\n\n.game-header .nav-link {\n color: #ffd700;\n text-decoration: none;\n margin: 0 10px;\n}\n\n.game-header .nav-link:hover {\n text-decoration: underline;\n}\n\n.menu-container {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.menu-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 40px 20px;\n text-align: center;\n max-width: 500px;\n margin: 0 auto;\n width: 100%;\n}\n\n.game-description {\n font-size: clamp(16px, 4vw, 20px);\n line-height: 1.6;\n margin-bottom: 40px;\n color: #555;\n font-weight: 400;\n max-width: 400px;\n text-align: left;\n}\n\n.start-game-button {\n font-size: clamp(18px, 4vw, 22px);\n padding: 18px 36px;\n background: linear-gradient(135deg, #4a90e2 0%, #357ae8 100%);\n color: white;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n min-width: 200px;\n}\n\n.button-group {\n display: flex;\n flex-direction: column;\n gap: 16px;\n align-items: center;\n}\n\n@media (min-width: 480px) {\n .button-group {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .start-game-button {\n min-width: 160px;\n }\n}\n\n.start-game-button:hover {\n background: linear-gradient(135deg, #357ae8 0%, #2968d4 100%);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(74, 144, 226, 0.4);\n}\n\n.start-game-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3);\n}\n\n.game-container {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.game-content {\n flex: 1;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100vw;\n max-width: 650px;\n margin: 0 auto;\n align-items: center;\n}\n\n@media (min-width: 480px) {\n .game-content {\n padding: 20px;\n gap: 20px;\n }\n}\n\n@media (min-width: 768px) {\n .game-content {\n padding: 30px 20px;\n gap: 24px;\n }\n}\n\n/* Loading and error states */\n.loading-container,\n.error-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n padding: 20px;\n text-align: center;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.loading-container div,\n.error-container div {\n font-size: clamp(16px, 4vw, 20px);\n color: #555;\n font-weight: 500;\n}\n\n/* LastWord component styles */\n.last-word-container {\n width: 100%;\n max-width: min(98vw, 500px);\n padding: 16px;\n border: 1px solid #ddd;\n border-radius: 12px;\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n margin: 0 auto;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n/* Time bonus display in LastWord component (no fade animation) */\n.last-word-time-bonus {\n font-size: clamp(14px, 3.5vw, 16px);\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n flex-shrink: 0;\n}\n\n.last-word-time-bonus.positive {\n background-color: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.last-word-time-bonus.negative {\n background-color: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n/* Text color utilities for LastWord component */\n.text-green {\n color: #28a745;\n font-weight: 600;\n}\n\n.text-gray {\n color: #6c757d;\n}\n\n.last-word-container h3 {\n margin: 0 0 12px 0;\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #333;\n}\n\n.last-word-content {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n@media (min-width: 480px) {\n .last-word-content {\n flex-direction: row;\n gap: 20px;\n align-items: center;\n }\n}\n\n.last-word-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n@media (min-width: 480px) {\n .last-word-item {\n flex-direction: row;\n gap: 8px;\n align-items: center;\n }\n}\n\n.last-word-label {\n font-weight: 600;\n color: #555;\n font-size: clamp(14px, 3.5vw, 16px);\n}\n\n.last-word-value {\n font-size: clamp(14px, 3.5vw, 16px);\n color: #333;\n}\n\n.last-word-path {\n font-family:\n \"SF Mono\",\n Monaco,\n \"Cascadia Code\",\n \"Roboto Mono\",\n Consolas,\n \"Courier New\",\n monospace;\n font-size: clamp(14px, 3.5vw, 16px);\n background-color: #f0f0f0;\n padding: 4px 8px;\n border-radius: 6px;\n border: 1px solid #e0e0e0;\n}\n\n.last-word-validation {\n font-weight: 600;\n margin-left: 8px;\n padding: 2px 6px;\n border-radius: 4px;\n font-size: clamp(12px, 3vw, 14px);\n}\n\n.last-word-validation.correct {\n background-color: #d4edda;\n color: #155724;\n}\n\n.last-word-validation.incorrect {\n background-color: #f8d7da;\n color: #721c24;\n}\n\n/* NextWord component styles */\n.next-word-container {\n width: 100%;\n max-width: min(98vw, 500px);\n text-align: center;\n padding: 16px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n border: 1px solid #ddd;\n margin: 0 auto;\n}\n\n.next-word-label {\n font-size: clamp(14px, 3.5vw, 16px);\n color: #666;\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.next-word-text {\n font-size: clamp(16px, 4vw, 20px);\n color: #333;\n font-weight: 600;\n}\n\n/* ScoreBoard component styles */\n.scoreboard-container {\n width: 100%;\n max-width: min(98vw, 500px);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n border: 1px solid #ddd;\n margin: 0 auto;\n}\n\n.scoreboard-left {\n display: flex;\n align-items: center;\n flex: 1;\n}\n\n.scoreboard-center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n}\n\n.scoreboard-right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1;\n}\n\n.word-progress {\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #333;\n}\n\n.timer {\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #4a90e2;\n font-family:\n \"SF Mono\",\n Monaco,\n \"Cascadia Code\",\n \"Roboto Mono\",\n Consolas,\n \"Courier New\",\n monospace;\n}\n\n/* Time bonus/penalty display in scoreboard */\n.time-bonus-display {\n font-size: clamp(14px, 3.5vw, 16px);\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n animation: bonusFlash 2s ease-out forwards;\n}\n\n.time-bonus-display.positive {\n background-color: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.time-bonus-display.negative {\n background-color: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n.time-bonus-display.hidden {\n opacity: 0;\n background-color: transparent;\n color: transparent;\n border: 1px solid transparent;\n animation: none;\n}\n\n@keyframes bonusFlash {\n 0% {\n opacity: 0;\n transform: scale(0.8);\n }\n 20% {\n opacity: 1;\n transform: scale(1.05);\n }\n 40% {\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n/* Copy button styles */\n.copy-button {\n font-size: clamp(14px, 3.5vw, 16px);\n padding: 12px 24px;\n background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n margin-bottom: 20px;\n}\n\n.copy-button:hover {\n background: linear-gradient(135deg, #5a6268 0%, #495057 100%);\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);\n}\n\n.copy-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 6px rgba(108, 117, 125, 0.3);\n}",[],[194,235],"80530f7c-5130-11f0-b402-f69ea79377d9","index.tsx","69904acc-e989-49ee-8628-4bff2b45ddb0",["D",1750792920080],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[194,244],["D",1751373254428],[],[194,69],"bf7962fa-5743-11f0-bd32-f69ea79377d9","favicon.svg","266ef955-f81b-4a2b-b528-117a49775db9",["D",1751460893520],4,"\n",[],[194,255],"f9c57dd0-5604-11f0-b52a-f69ea79377d9","ScoreBoard.tsx","08ae265a-54e6-11f0-9ba8-f69ea79377d9","8c2398a1-6a4d-42b0-814f-1cd6d4944e5f",69,["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ScoreBoardProps {\n currentWordIndex: number;\n totalWords: number;\n gameStartTime: number | null;\n timeAdjustment: number;\n lastTimeBonus: number | null;\n}\n\nexport function ScoreBoard(\n { currentWordIndex, totalWords, gameStartTime, timeAdjustment, lastTimeBonus }: ScoreBoardProps,\n) {\n const [elapsedTime, setElapsedTime] = useState(0);\n\n useEffect(() => {\n if (!gameStartTime) {\n setElapsedTime(0);\n return;\n }\n\n const interval = setInterval(() => {\n const now = Date.now();\n const elapsed = Math.floor((now - gameStartTime) / 1000);\n // Apply time adjustment (subtract because bonuses reduce displayed time, penalties increase it)\n setElapsedTime(elapsed + timeAdjustment);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [gameStartTime, timeAdjustment]);\n\n const formatTime = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, \"0\")}`;\n };\n\n return (\n

\n {currentWordIndex}/{totalWords}\n

\n \n {lastTimeBonus !== null && lastTimeBonus !== 0\n ? (lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`)\n : \"+0s\"}\n \n {formatTime(elapsedTime)}\n

\n );\n}",[],[194,271,263],"components","efed3f56-55ef-11f0-8ded-f69ea79377d9","NextWord.tsx","cbd7888c-55c3-11f0-bad6-f69ea79377d9",64,["D",1751314945920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function NextWord({ word }: { word: string }) {\n return (\n

\n Next Word: {word}\n

\n );\n}",[],[194,271,273],"14e1a67e-5606-11f0-add7-f69ea79377d9","Menu.tsx","08ae2092-54e6-11f0-9ba8-f69ea79377d9",71,["D",1751324456852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n}\n\nexport function Menu({ onStartGame }: MenuProps) {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n If you see a word: swipe left to right.\n
\n If you see a word backwards: swipe right to left.\n
\n If it's a word and a backwards word: swipe back and forth.\n
\n There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a\n word.\n

\n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[],[194,271,281],"f9c57812-5604-11f0-b52a-f69ea79377d9","LastWord.tsx","cbd77db0-55c3-11f0-bad6-f69ea79377d9",["D",1751323981861],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface LastWordProps {\n word: any;\n path: string;\n lastTimeBonus: number | null;\n}\n\nexport function LastWord({ word, path, lastTimeBonus }: LastWordProps) {\n const validateLeft = (word, path) => {\n if (path.includes(\"LR\") && word.ltr === true) return \" ✅\";\n if (path.includes(\"LR\") && word.ltr === false) return \" ❌\";\n };\n\n const validateRight = (word, path) => {\n if (path.includes(\"RL\") && word.rtl === true) return \" ✅\";\n if (path.includes(\"RL\") && word.rtl === false) return \" ❌\";\n };\n\n return (\n

\n Last Word:\n \n {word?.text}\n {word ? validateLeft(word, path) : \"\"}\n \n \n {word ? word.text.split(\"\").reverse().join(\"\") : \"\"}\n {word ? validateRight(word, path) : \"\"}\n \n {lastTimeBonus !== null && lastTimeBonus !== 0 && (\n \n {lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`}\n \n )}\n {lastTimeBonus === 0 && }\n

\n );\n}",[],[194,271,289],"0f9f1890-5377-11f0-b09d-f69ea79377d9","History.tsx","0f9f1958-5377-11f0-b09d-f69ea79377d9",25,["D",1751043127672],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface HistoryEntry {\n word: string;\n path: string;\n}\n\ninterface HistoryProps {\n history: HistoryEntry[];\n}\n\nexport function History({ history }: HistoryProps) {\n if (history.length === 0) {\n return null;\n }\n\n return (\n

History

\n \n \n \n \n \n \n \n \n {history.map((entry, index) => (\n \n \n \n \n ))}\n \n

Word	Path
{entry.word}	{entry.path}

\n );\n}",[],[194,271,297],"f9c55738-5604-11f0-b52a-f69ea79377d9","GameOver.tsx","f9c557e2-5604-11f0-b52a-f69ea79377d9",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n onBackToMenu: () => void;\n gameStartTime: number;\n gameEndTime: number;\n timeAdjustment: number;\n history: any[];\n selectedSet: number;\n}\n\nexport function GameOver(\n { onStartGame, onBackToMenu, gameStartTime, gameEndTime, timeAdjustment, history, selectedSet }: MenuProps,\n) {\n const elapsed = Math.floor((gameEndTime - gameStartTime) / 1000) + timeAdjustment;\n\n const shareText = `I finished Is It Two Words? Set ${selectedSet} in ${elapsed} seconds. https://twowords.val.run/`;\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n Nice Job! You completed Set {selectedSet} in {elapsed} seconds!\n

\n {\n navigator.clipboard.writeText(shareText);\n }}\n >\n Copy results to clipboard!\n \n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[],[194,271,305],"efed3844-55ef-11f0-8ded-f69ea79377d9","CurrentWord.tsx","f773731a-5376-11f0-bebf-f69ea79377d9",["D",1751314945920],24,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface CurrentWordProps {\n word: string;\n path: string[];\n onPathUpdate: (path: string[]) => void;\n onWordComplete: () => void;\n}\n\nexport function CurrentWord({ word, path, onPathUpdate, onWordComplete }: CurrentWordProps) {\n const containerRef = useRef(null);\n const isDragging = useRef(false);\n const lastHitbox = useRef(null);\n const [activeHitbox, setActiveHitbox] = useState(null);\n\n const getHitboxFromPoint = (x, y) => {\n const container = containerRef.current;\n if (!container) return null;\n\n const rect = container.getBoundingClientRect();\n const relativeX = x - rect.left;\n const relativeY = y - rect.top;\n\n // Check if point is within container bounds\n if (relativeX < 0 || relativeX > rect.width || relativeY < 0 || relativeY > rect.height) {\n return null;\n }\n\n // Determine which hitbox based on x position (left or right half)\n return relativeX < rect.width / 2 ? \"L\" : \"R\";\n };\n\n const handlePointerDown = (e) => {\n isDragging.current = true;\n const hitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n if (hitbox) {\n onPathUpdate([...path, hitbox]);\n lastHitbox.current = hitbox;\n setActiveHitbox(hitbox);\n }\n\n // Capture pointer to continue receiving events even if pointer moves outside element\n e.currentTarget.setPointerCapture(e.pointerId);\n };\n\n const handlePointerMove = (e) => {\n if (!isDragging.current) return;\n\n const currentHitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n // Update active hitbox based on current position\n setActiveHitbox(currentHitbox);\n\n // Only add to path if we're still inside the container and moved to a different hitbox\n if (currentHitbox && currentHitbox !== lastHitbox.current) {\n onPathUpdate([...path, currentHitbox]);\n lastHitbox.current = currentHitbox;\n }\n };\n\n const handlePointerUp = (e) => {\n isDragging.current = false;\n lastHitbox.current = null;\n setActiveHitbox(null);\n e.currentTarget.releasePointerCapture(e.pointerId);\n\n // When dragging ends, trigger word completion if there's a path\n if (path.length > 0) {\n onWordComplete();\n }\n };\n\n return (\n \n

{word}

\n \n );\n}",[],[194,271,312],"f9c56bf6-5604-11f0-b52a-f69ea79377d9","App.tsx","5d72fcff-d180-4e46-8e1d-da8e75754a5c",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CurrentWord } from \"/frontend/components/CurrentWord.tsx\";\nimport { GameOver } from \"/frontend/components/GameOver.tsx\";\nimport { LastWord } from \"/frontend/components/LastWord.tsx\";\nimport { Menu } from \"/frontend/components/Menu.tsx\";\nimport { NextWord } from \"/frontend/components/NextWord.tsx\";\nimport { ScoreBoard } from \"/frontend/components/ScoreBoard.tsx\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n type View = \"newGame\" | \"gameplay\" | \"gameOver\";\n\n const [gameStarted, setGameStarted] = useState(false);\n const [wordlist, setWordlist] = useState([]);\n const [fullWordlist, setFullWordlist] = useState([]); // Store the complete wordlist\n const [selectedSet, setSelectedSet] = useState(null);\n const [loading, setLoading] = useState(true);\n const [path, setPath] = useState([]);\n const [currentWordIndex, setCurrentWordIndex] = useState(0);\n const [history, setHistory] = useState([]);\n const [timer, setTimer] = useState(0);\n const [lastWord, setLastWord] = useState({ word: \"\", path: \"\", timeBonus: null });\n const [gameStartTime, setGameStartTime] = useState(null);\n const [gameEndTime, setGameEndTime] = useState(null);\n const [timeAdjustment, setTimeAdjustment] = useState(0); // Track bonus/penalty seconds\n const [lastTimeBonus, setLastTimeBonus] = useState(null); // Track last bonus for display (temporary for scoreboard)\n const [currentView, setCurrentView] = useState(\"newGame\");\n\n // Fetch wordlist from backend\n useEffect(() => {\n const fetchWordlist = async () => {\n try {\n const response = await fetch(\"/api/wordlist\");\n const data = await response.json();\n setFullWordlist(data);\n } catch (error) {\n console.error(\"Failed to fetch wordlist:\", error);\n // Fallback to simple word objects if fetch fails\n setFullWordlist([\n { text: \"elpmaxe\", ltr: false, rtl: true, palindrome: false },\n { text: \"string\", ltr: true, rtl: false, palindrome: false },\n { text: \"radar\", ltr: true, rtl: true, palindrome: true },\n { text: \"dessert\", ltr: true, rtl: true, palindrome: false },\n ]);\n } finally {\n setLoading(false);\n }\n };\n\n fetchWordlist();\n }, []);\n\n const getWordSet = (setNumber: number) => {\n if (setNumber === 1) {\n return fullWordlist.slice(0, 25); // First 25 words\n } else if (setNumber === 2) {\n return fullWordlist.slice(25, 50); // Next 25 words (indices 25-49)\n } else {\n return fullWordlist.slice(50); // Remaining words (from index 50 onwards)\n }\n };\n\n const handleStartGame = (setNumber: number) => {\n const selectedWordSet = getWordSet(setNumber);\n setWordlist(selectedWordSet);\n setSelectedSet(setNumber);\n setCurrentWordIndex(0); // Reset to first word of the set\n setHistory([]); // Clear history\n setTimeAdjustment(0); // Reset time adjustment\n setLastWord({ word: \"\", path: \"\", timeBonus: null }); // Reset last word\n setCurrentView(\"gameplay\");\n setGameStartTime(Date.now());\n };\n\n const handleBackToMenu = () => {\n setCurrentView(\"newGame\");\n setSelectedSet(null);\n setWordlist([]);\n setCurrentWordIndex(0);\n setHistory([]);\n setTimeAdjustment(0);\n setLastWord({ word: \"\", path: \"\", timeBonus: null });\n setGameStartTime(null);\n setGameEndTime(null);\n };\n\n const handlePathUpdate = (newPath) => {\n setPath(newPath);\n };\n\n const validateWord = (word, path) => {\n // only consider the first 3 hits of the path\n switch (path.slice(0, 3)) {\n case \"LR\":\n if (word.ltr === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RL\":\n if (word.rtl === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RLR\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n case \"LRL\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n default:\n return { valid: false, bonus: 4 }; // -4 seconds\n }\n };\n\n const handleWordComplete = () => {\n if (path.length === 1) {\n setPath([]);\n return;\n }\n // When word is completed, log current word and path to history, then move to next word\n const currentWord = wordlist[currentWordIndex];\n const pathString = path.join(\"\");\n const validation = validateWord(currentWord, pathString);\n\n // Apply time adjustment\n setTimeAdjustment(prev => prev + validation.bonus);\n\n // Only set lastTimeBonus if it's not zero\n if (validation.bonus !== 0) {\n setLastTimeBonus(validation.bonus);\n // Clear the bonus display after 2 seconds\n setTimeout(() => setLastTimeBonus(null), 2000);\n }\n\n setHistory(prev => [...prev, { word: currentWord.text, path: pathString, validation: validation }]);\n setLastWord({ word: currentWord, path: pathString, timeBonus: validation.bonus });\n setPath([]); // Reset path\n\n if (currentWordIndex === wordlist.length - 1) {\n setCurrentView(\"gameOver\");\n setGameEndTime(Date.now());\n }\n setCurrentWordIndex(prev => (prev + 1)); // Move to next word, wrap around\n };\n\n // Show menu if game hasn't started\n if (currentView === \"newGame\") {\n return ;\n }\n\n if (currentView === \"gameOver\") {\n return (\n \n );\n }\n\n // Show loading state while fetching wordlist\n if (loading) {\n return (\n

Loading words...

\n );\n }\n\n // Don't render if wordlist is empty\n if (wordlist.length === 0) {\n return (\n

No words available

\n );\n }\n\n if (currentView === \"gameplay\") {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n \n \n \n\n {/*

Current Path: {path.join(\"\")}

*/}\n\n \n

\n );\n }\n}",[],[194,271,320],"80530a7c-5130-11f0-b402-f69ea79377d9",["D",1750792920080],"directory",[211,212,213,214,215,216,217,218],[194,271],"805313b4-5130-11f0-b402-f69ea79377d9",["D",1750792920080],[210,219,220,221,222],[194],"f9c565c0-5604-11f0-b52a-f69ea79377d9","wordlist.tsx","91626a82-54e7-11f0-87de-f69ea79377d9","a573a2a2-3bfd-4c81-b9ce-1b41cc01ce78",["D",1751323981861],8,"export default [\n { \"text\": \"example\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elpmaxe\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"wow\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tuba\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pool\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"stun\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tned\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"omega\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"raps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"peek\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"level\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"beet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"step\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"strap\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"hated\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elbat\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"synonym\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"devil\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sees\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"rewol\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"serif\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"drawer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"naeb\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"standard\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"refer\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"stressed\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rumel\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"reviver\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"part\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"layout\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deeps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tropria\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"boost\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"tide\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"noitareti\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"karet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"kayak\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"lewov\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"denim\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redder\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"trapdoor\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"hood\", \"ltr\": false, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"stew\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"star\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"netae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"ylrae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rebut\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"buts\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"krow\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"laets\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redden\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"ticker\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"typo\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"flesym\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"deke\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"radar\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deified\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tram\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pacer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rotator\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"warp\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"repair\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"yaltuo\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"straw\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"steels\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sloops\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"repus\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decaf\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"civic\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"alibi\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"track\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"layer\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"suruaseht\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"cafes\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"gator\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"spoons\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"snips\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"community\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deed\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"reknits\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"regal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n];",[],[344,336],"backend","5fcde5c4-55b3-11f0-8b4e-f69ea79377d9","index.ts",54,["D",1751288934313],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport wordlist from \"./wordlist.tsx\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\napp.get(\"/api/wordlist\", c => c.json(wordlist));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","twowords",[],[344,346],"80530662-5130-11f0-b402-f69ea79377d9",["D",1750792920080],[207,208],[344],["D",1750792920080],{"_11":12,"_149":74},{"_11":12,"_144":145,"_73":74,"_30":72,"_146":147,"_148":24},{"_40":132,"_13":16,"_34":37,"_133":98,"_134":64,"_135":136,"_137":102,"_138":139,"_140":141,"_142":14,"_143":12},"ctx",{"_53":-5,"_170":395,"_396":397,"_398":399,"_400":24,"_401":24,"_402":24,"_403":109,"_404":-5,"_405":-7,"_406":-7,"_407":26,"_408":24,"_409":24,"_410":-5,"_411":24,"_412":24,"_413":24,"_414":-5},"ENV",{"_366":367,"_368":369,"_370":16,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · index.html