Is It A Word?

\n );\n}\n\nfunction App() {\n const [cards, setCards] = useState([]);\n const [currentCardIndex, setCurrentCardIndex] = useState(0);\n const [touchStart, setTouchStart] = useState(null);\n const [touchEnd, setTouchEnd] = useState(null);\n const [cardPosition, setCardPosition] = useState({ x: 0, y: 0 });\n const [isTransitioning, setIsTransitioning] = useState(false);\n const [username, setUsername] = useState(\"\");\n\n const fetchWords = useCallback(() => {\n fetch(\"/words\")\n .then(response => response.json())\n .then(data => {\n setCards(data);\n setCurrentCardIndex(0);\n });\n }, []);\n\n useEffect(() => {\n fetchWords();\n }, [fetchWords]);\n\n useEffect(() => {\n const preventDefault = (e) => e.preventDefault();\n document.body.addEventListener(\"touchmove\", preventDefault, { passive: false });\n return () => {\n document.body.removeEventListener(\"touchmove\", preventDefault);\n };\n }, []);\n\n const sendJudgment = useCallback((id, judgment) => {\n fetch(\"/judge\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ id, judgment, username }),\n }).then(response => {\n if (!response.ok) {\n console.error(\"Failed to send judgment\");\n }\n });\n }, [username]);\n\n const handleDirection = useCallback((direction) => {\n if (isTransitioning) return;\n\n setIsTransitioning(true);\n let newPosition = { x: 0, y: 0 };\n let judgment = 0;\n\n switch (direction) {\n case \"left\":\n newPosition = { x: -100, y: 0 };\n judgment = 0;\n break;\n case \"right\":\n newPosition = { x: 100, y: 0 };\n judgment = 5;\n break;\n case \"up\":\n newPosition = { x: 0, y: -100 };\n judgment = 2;\n break;\n }\n\n setCardPosition(newPosition);\n\n const currentCard = cards[currentCardIndex];\n sendJudgment(currentCard.id, judgment);\n\n setTimeout(() => {\n setCurrentCardIndex((prevIndex) => {\n const nextIndex = (prevIndex + 1) % cards.length;\n if (nextIndex === 0) {\n // If we've reached the end of the stack, fetch new words\n fetchWords();\n }\n return nextIndex;\n });\n setCardPosition({ x: 0, y: 0 });\n setIsTransitioning(false);\n }, 300);\n }, [cards, currentCardIndex, isTransitioning, fetchWords, sendJudgment]);\n\n const handleTouchStart = (e) => {\n e.preventDefault();\n setTouchEnd(null);\n setTouchStart({\n x: e.targetTouches[0].clientX,\n y: e.targetTouches[0].clientY,\n });\n };\n\n const handleTouchMove = (e) => {\n e.preventDefault();\n setTouchEnd({\n x: e.targetTouches[0].clientX,\n y: e.targetTouches[0].clientY,\n });\n };\n\n const handleTouchEnd = (e) => {\n e.preventDefault();\n if (!touchStart || !touchEnd) return;\n const xDiff = touchStart.x - touchEnd.x;\n const yDiff = touchStart.y - touchEnd.y;\n const absDiffX = Math.abs(xDiff);\n const absDiffY = Math.abs(yDiff);\n\n if (Math.max(absDiffX, absDiffY) > 50) {\n if (absDiffX > absDiffY) {\n handleDirection(xDiff > 0 ? \"left\" : \"right\");\n } else {\n if (yDiff > 0) handleDirection(\"up\");\n }\n }\n };\n\n useEffect(() => {\n const handleKeyDown = (e) => {\n if (e.repeat) return; // Ignore held down keys\n switch (e.key) {\n case \"ArrowLeft\":\n handleDirection(\"left\");\n break;\n case \"ArrowRight\":\n handleDirection(\"right\");\n break;\n case \"ArrowUp\":\n handleDirection(\"up\");\n break;\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [handleDirection]);\n\n if (!username) {\n return ;\n }\n\n return (\n

\n \n {cards.length > 0 && (\n \n

{currentCardIndex + 1}/{cards.length}

{cards[currentCardIndex].word}

{username}

↑ Sort of

\n )}\n \n

← Definitely not a word

Definitely is a word →

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n\n if (request.url.endsWith(\"/words\")) {\n const result = await sqlite.execute(`\n SELECT id, word\n FROM judgments\n WHERE judgment IS NULL\n ORDER BY RANDOM()\n LIMIT 20\n `);\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.url.endsWith(\"/judge\") && request.method === \"POST\") {\n const { id, judgment, username } = await request.json();\n const judgeQuery = (id, judgment, judged_by) =>\n `UPDATE judgments SET judgment = ${judgment}, judged_by = '${judged_by}', judged_at = CURRENT_TIMESTAMP WHERE id = ${id};`;\n\n await sqlite.execute(judgeQuery(id, judgment, username));\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n Is It A Word?\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nhtml, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n}\nbody {\n font-family: system-ui, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #f0f0f0;\n touch-action: none;\n}\n#root {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.card-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n max-width: 300px;\n}\n.card-stack {\n position: relative;\n width: 80vw;\n height: 120vw;\n max-width: 300px;\n max-height: 450px;\n perspective: 1000px;\n margin-bottom: 20px;\n}\n.card {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: white;\n border: 1px solid #ddd;\n border-radius: 10px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-size: 24px;\n user-select: none;\n backface-visibility: hidden;\n}\n.card-index {\n position: absolute;\n top: 10px;\n right: 10px;\n font-size: 14px;\n color: #888;\n}\n.card-word {\n font-size: 32px;\n font-weight: bold;\n}\n.username {\n position: absolute;\n bottom: 10px;\n right: 10px;\n font-size: 14px;\n color: #888;\n}\n.swipe-labels-container {\n display: flex;\n justify-content: space-between;\n width: 100%;\n max-width: 300px;\n}\n.swipe-label {\n font-size: 12px;\n color: #888;\n text-align: center;\n width: 40%;\n}\n.swipe-label.left {\n text-align: left;\n}\n.swipe-label.right {\n text-align: right;\n}\n.swipe-label.up {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: translateX(-50%);\n}\n.name-prompt {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n width: 80%;\n max-width: 300px;\n}\n.name-prompt form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.name-prompt input {\n padding: 5px;\n font-size: 16px;\n}\n.name-prompt button {\n padding: 5px 10px;\n font-size: 16px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n.name-prompt button:hover {\n background-color: #0056b3;\n}\n.error {\n color: red;\n font-size: 14px;\n}\n`;",["D",1739984670589],"version",23,"currentUserHasLiked",1,"referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","Judge Words A little app to solicit judgments about whether \"words\" listed in the Wordnik list are \"real words\" or not. Swipe on your phone or use the keyboard.","latestEvaluation","slug","alexwein/judgeWords","versions",[163,167,171,175,179,183,187,191,195,199],{"_98":164,"_144":145,"_165":166},["D",1739984670589],"n","1",{"_98":168,"_144":169,"_165":170},["D",1739926518688],22,"2",{"_98":172,"_144":173,"_165":174},["D",1739926454207],21,"3",{"_98":176,"_144":177,"_165":178},["D",1739926392565],20,"4",{"_98":180,"_144":181,"_165":182},["D",1739926253001],19,"5",{"_98":184,"_144":185,"_165":186},["D",1739926208974],18,"6",{"_98":188,"_144":189,"_165":190},["D",1739813187625],17,"7",{"_98":192,"_144":193,"_165":194},["D",1739812618524],16,"8",{"_98":196,"_144":197,"_165":198},["D",1739811924430],15,"9",{"_98":200,"_144":201,"_165":202},["D",1739811746169],14,"10",{"_124":204,"_126":205},"dc64730c-d3ac-11ef-8c75-e6cdfca9ef9f",{"_128":206,"_130":95,"_124":204,"_131":-5,"_108":-5,"_132":133,"_134":-5,"_136":207,"_138":208,"_140":26,"_94":208,"_141":209,"_98":210,"_144":177,"_146":26,"_110":147,"_148":90,"_149":90,"_150":31,"_112":31,"_151":31,"_152":-5,"_20":211,"_154":-5,"_155":-7,"_156":212,"_158":-5,"_159":213,"_161":214},"boggleSolverTownie","script","cb5ab7b8-d426-11ef-9ab6-e6cdfca9ef9f","import { getRandomWord } from \"https://esm.town/v/alexwein/getRandomWord\";\nimport { retryFill } from \"https://esm.town/v/alexwein/gridRetryFill\";\n\nconst randomWord = await getRandomWord(null, 8, 16);\nconst board = retryFill(randomWord);\n\n// Cache for the word list to avoid repeated network requests\nlet wordListCache: string[] | null = null;\nif (!wordListCache) {\n const response = await fetch(\"https://raw.githubusercontent.com/wordnik/wordlist/main/wordlist-20210729.txt\");\n const text = await response.text();\n wordListCache = text.trim().split(\"\\n\")\n .map(word => word.replace(/^\"|\"$/g, \"\"))\n // Filter words to match min and max length\n .filter(word => word.length >= 3 && word.length <= 16);\n}\n\n// Trie data structure for efficient word lookup\nclass TrieNode {\n children: Map = new Map();\n isEndOfWord: boolean = false;\n}\n\nfunction buildTrie(words: string[]): TrieNode {\n const root = new TrieNode();\n for (const word of words) {\n let node = root;\n for (const char of word) {\n if (!node.children.has(char)) {\n node.children.set(char, new TrieNode());\n }\n node = node.children.get(char)!;\n }\n node.isEndOfWord = true;\n }\n return root;\n}\n\nfunction findBoggleWords(board: { x: number; y: number; letter: string }[], wordList: string[]): string[] {\n const trie = buildTrie(wordList);\n const foundWords = new Set();\n const rows = Math.max(...board.map(cell => cell.y)) + 1;\n const cols = Math.max(...board.map(cell => cell.x)) + 1;\n\n // Possible movement directions (8 adjacent cells)\n const directions = [\n { dx: -1, dy: -1 },\n { dx: -1, dy: 0 },\n { dx: -1, dy: 1 },\n { dx: 0, dy: -1 },\n { dx: 0, dy: 1 },\n { dx: 1, dy: -1 },\n { dx: 1, dy: 0 },\n { dx: 1, dy: 1 },\n ];\n\n function isValidCell(x: number, y: number): boolean {\n return x >= 0 && x < cols && y >= 0 && y < rows;\n }\n\n function dfs(x: number, y: number, node: TrieNode, visited: Set, currentWord: string) {\n // Out of bounds or already visited cell\n const cellKey = `${x},${y}`;\n if (!isValidCell(x, y) || visited.has(cellKey)) return;\n\n const cell = board.find(c => c.x === x && c.y === y);\n if (!cell || cell.letter === \"_\") return;\n\n // Check if current letter exists in trie\n const lowerLetter = cell.letter.toLowerCase();\n if (!node.children.has(lowerLetter)) return;\n\n const nextNode = node.children.get(lowerLetter)!;\n const newWord = currentWord + lowerLetter;\n\n // Mark as visited\n visited.add(cellKey);\n\n // If we've found a complete word, add it\n if (nextNode.isEndOfWord && newWord.length >= 3) {\n foundWords.add(newWord);\n }\n\n // Continue searching in all 8 directions\n for (const { dx, dy } of directions) {\n dfs(x + dx, y + dy, nextNode, new Set(visited), newWord);\n }\n\n // Backtrack\n visited.delete(cellKey);\n }\n\n // Start DFS from each non-underscore cell\n for (const cell of board.filter(c => c.letter !== \"_\")) {\n dfs(cell.x, cell.y, trie, new Set(), \"\");\n }\n\n return Array.from(foundWords);\n}\n\nexport default function boggleSolver(\n board: { x: number; y: number; letter: string }[],\n wordList: string[] = wordListCache || [],\n) {\n return findBoggleWords(board, wordList);\n}",["D",1737044855723],{"_96":97,"_101":102},"// Cache for the word list to avoid repeated network requests","alexwein/boggleSolverTownie",[215,217,219,221,223,225,227,229,232,235],{"_98":216,"_144":177,"_165":166},["D",1737044855723],{"_98":218,"_144":181,"_165":170},["D",1737044815018],{"_98":220,"_144":185,"_165":174},["D",1737044789227],{"_98":222,"_144":189,"_165":178},["D",1737044167489],{"_98":224,"_144":193,"_165":182},["D",1736994393177],{"_98":226,"_144":197,"_165":186},["D",1736993606026],{"_98":228,"_144":201,"_165":190},["D",1736993590464],{"_98":230,"_144":231,"_165":194},["D",1736993460148],13,{"_98":233,"_144":234,"_165":198},["D",1736993441206],12,{"_98":236,"_144":113,"_165":202},["D",1736993413027],"hasNext","filters",{"_240":241,"_242":243,"_132":133},"sort","newest","type","all","routes/_app","actionData","errors"]