\n If your friends are on the same link, you can all tap this button to compete on a same puzzle again.\n

\n \n );\n}","deleted","label","children",[],[153],{"_107":173,"_100":174,"_154":175,"_156":-5,"_157":141,"_158":176,"_160":113,"_109":177,"_104":178,"_163":164,"_165":179,"_167":27,"_168":-5,"_169":180,"_103":181},"b493d27e-44df-11f0-8f92-76b3cceeab13","App.tsx","d41a0f68-4422-11f0-89d5-76b3cceeab13",445,["D",1749438804637],44,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined && waited <= 10) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n console.log(\"found existing cipher with this uuid\");\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n console.log(\"new uuid, fetching new quote\");\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n \n \n \n {cipher.encoded.split(\" \").map((group, groupIndex) => (\n \n \n {group.split(\"\").map((letter, letterIndex) => (\n \n {letter}\n \n {cipher?.encodedLetterCounts[letter].toString() ?? \"\"}\n \n

\n ))}\n \n \n {group.split(\"\").map((letter, letterIndex) => (\n handleLetterChange(indexFor(groupIndex, letterIndex), e.target.value)}\n onKeyDown={(e) => handleKeyDown(indexFor(groupIndex, letterIndex), e)}\n onFocus={() => setCurrentFocusIndex(indexFor(groupIndex, letterIndex))}\n style={{\n width: \"26px\",\n height: \"30px\",\n textAlign: \"center\",\n textTransform: \"uppercase\",\n backgroundColor: letter === \" \" ? \"transparent\" : \"#e0e0e0\",\n }}\n disabled={letter === \" \"}\n />\n ))}\n \n \n ))}\n \n \n \n\n {cipher.hint && (\n \n {cipher.hintSource === \"first\"\n ? \"Beginning of the quote\"\n : \"End of the quote\"}: {cipher.hint}\n \n )}\n\n

\n {cipher.type} cipher → original:\n
\n {cipher.type !== \"k2\"\n ? \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n \n {cipher.encodedLetterCounts[letter] ?? 0}\n \n {\"→\"}\n {attemptedOriginalFor(letter)}\n {\" \"}\n \n ))\n : \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {attemptedEncodedFor(letter)}\n {\"→\"}\n {letter}\n {\" \"}\n \n ))}\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n )}\n \n \n Submit Decryption\n \n \n Clear\n \n \n\n {isCorrect !== null && !isRevealed && (\n \n {isCorrect\n ? (\n <>\n 🎉 Correct! You solved the cipher in {solveTime} seconds with {hintCount} hints and{\" \"}\n {keywordRevealed ? \"with the help of the keyword\" : \"without peeking the keyword\"}.\n
\n Original Quote: \"{cipher.original}\"\n\n {quoteAuthor && (\n \n Quote by: {quoteAuthor}\n \n )}\n \n )\n : (\n \"Incorrect. Try again! 🤔\"\n )}\n \n )}\n \n )}\n\n {startTime === null && (\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n You have decoded this one before.\n

\n {!isMobileNative()\n ? (\n {\n setKnownTextsShown(!knownTextsShown);\n }}\n style={{\n marginTop: \"5pt\",\n padding: \"10pt\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n flex: 1,\n }}\n >\n {knownTextsShown ? \"Hide solved texts\" : \"Show solved texts\"}\n \n )\n : (\n {\n startNewGame(uuid);\n }}\n style={{\n marginTop: \"5pt\",\n padding: \"10pt\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n flex: 1,\n }}\n >\n Try another one\n \n )}\n {knownTextsShown && (\n

= 0 ? \"bold\" : \"regular\" }}>\n {text}\n

\n )}\n

\n );\n}",[],[203],{"_107":212,"_100":213,"_154":214,"_156":-5,"_157":141,"_158":215,"_160":113,"_109":216,"_104":217,"_163":164,"_165":218,"_167":27,"_168":-5,"_169":219,"_103":220},"f33c5ef0-44ef-11f0-bdca-76b3cceeab13","Loading.tsx","0d04bb8e-4428-11f0-a96c-76b3cceeab13",454,["D",1749445781709],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { isMobileNative } from \"./bridge.ts\";\n\nexport function Loading() {\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n \n Our agents are still busy at work retrieving intel. Due to the nature of this work, no further details can be\n provided.\n
\n
\n Just hang on for a for a few more seconds...\n \n \n );\n}",[],[213],{"_107":222,"_100":223,"_154":224,"_156":-5,"_157":141,"_158":225,"_160":113,"_109":226,"_104":227,"_163":164,"_165":228,"_167":27,"_168":-5,"_169":229,"_103":230},"f8687984-44d8-11f0-8bc0-76b3cceeab13","Notice.tsx","0d04bde6-4428-11f0-a96c-76b3cceeab13",418,["D",1749435911960],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { sendBridgeMessage } from \"./bridge.ts\";\nimport { tutorialUrl } from \"./constants.ts\";\n\nexport function Notice({ type, groupingType }: { type?: string; groupingType?: string }) {\n return (\n \n

\n URGENT NOTICE\n

\n
\n We’ve intercepted an enemy telegraph brimming with top-secret plans that could turn the tide of the war.\n
\n
\n Your mission is to crack the cipher and extract its secrets before the enemy strikes. Lives depend on your speed\n and precision -- time is running out.\n
\n
\n {type && groupingType && (\n

\n We believe the message is encrypted with {type} {type === \"random\" ? \"substitution \" : \"\"}\n {groupingType}. Learn more about the cipher at{\" \"}\n void sendBridgeMessage({ action: \"openLink\", data: { url: tutorialUrl } })}\n >\n this location\n .\n

\n )}\n \n );\n}",[],[223],{"_107":232,"_100":233,"_154":234,"_156":-5,"_157":141,"_158":188,"_160":113,"_109":235,"_104":31,"_163":236,"_165":237,"_167":27,"_168":-5,"_169":238,"_103":239},"8901727e-2793-11f0-9d52-569c3dd06744","README.md","8901731e-2793-11f0-9d52-569c3dd06744",["D",1735608699289],"file","A web app to practice aristocrat and patristocrat cipher decoding.",[],[233],{"_107":241,"_100":242,"_154":243,"_156":-5,"_157":141,"_158":244,"_160":113,"_109":245,"_104":162,"_163":164,"_165":246,"_167":27,"_168":-5,"_169":247,"_103":248},"e365f9a0-44ef-11f0-8af6-76b3cceeab13","api.ts","d419ff96-4422-11f0-89d5-76b3cceeab13",453,["D",1749445755134],"import { quoteCount } from \"./constants.ts\";\nimport { randomWordFromSentence } from \"./wordHelpers.ts\";\n\nexport async function getQuote(request: Request): Response {\n const pageId = (new URL(request.url).searchParams.get(\"pageId\"))\n ?? Math.floor(Math.random() * quoteCount + 1).toString();\n const pageIdInt = parseInt(pageId);\n console.log(\"Page ID:\", pageIdInt);\n try {\n const notionToken = Deno.env.get(\"Notion_ready_only_api_token\");\n if (!notionToken) {\n throw new Error(\"Notion API token not found\");\n }\n const databaseId = \"16e2c190bff080fd9ea8d2a8c21548b0\";\n\n // Use database query with filter instead of direct page fetch\n const response = await fetch(`https://api.notion.com/v1/databases/${databaseId}/query`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${notionToken}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n and: [\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n less_than_or_equal_to: pageIdInt + 3, // load a few more to make sure we have one that's long enough\n },\n },\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n greater_than_or_equal_to: Math.max(1, pageIdInt - 1), // load a few more to make sure we have one that's long enough\n },\n },\n ],\n },\n sorts: [\n {\n \"property\": \"ID\",\n \"direction\": \"ascending\",\n },\n ],\n }),\n });\n // console.log(response);\n\n if (!response.ok) {\n throw new Error(`Failed to query Notion database: ${response.statusText}`);\n }\n\n const data = await response.json();\n\n let keyword = \"\";\n console.log(`Fetched ${data.results.length} pages from Notion API:`);\n for (const page of data.results) {\n // console.log(\"Checking page\", page.properties.ID);\n // Extract plain text from rich text properties\n const quote = page.properties.quote?.rich_text?.[0]?.plain_text || \"\";\n const author = page.properties.author?.rich_text?.[0]?.plain_text || \"\";\n const quoteId = page.properties.ID.unique_id?.number ?? 0;\n if (!keyword) {\n keyword = randomWordFromSentence(quote);\n // console.log(\"Found a keyword\", keyword);\n continue;\n }\n if (quote.length >= 1) {\n // console.log(\"Found a quote long enough\", quote);\n return new Response(JSON.stringify({ quote, author, keyword, quoteId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n throw new Error(`No page found with ID ${pageId}`);\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport function appSiteAssociation(): Response {\n return new Response(\n JSON.stringify({\n \"applinks\": {\n \"details\": [\n {\n \"appIDs\": [\"869W3P5ZRS.fyi.lei.cipher\"],\n \"components\": [\n {\n \"/\": \"/*\",\n \"comment\": \"matches all\",\n },\n ],\n },\n ],\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}",[],[242],{"_107":250,"_100":251,"_154":252,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":254,"_104":31,"_163":164,"_165":255,"_167":27,"_168":-5,"_169":256,"_103":257},"d41a3574-4422-11f0-89d5-76b3cceeab13","bridge.ts","d41a35f6-4422-11f0-89d5-76b3cceeab13",378,["D",1749357682642],"export function isMobileNative(): boolean {\n return Boolean(window.WebNativeBridge);\n}\n\nexport async function sendBridgeMessage(message: { action: string; data: any }): Promise {\n return await window.WebNativeBridge?.webToNative?.(message);\n}",[],[251],{"_107":259,"_100":260,"_154":261,"_156":-5,"_157":141,"_158":140,"_160":113,"_109":262,"_104":227,"_163":164,"_165":263,"_167":27,"_168":-5,"_169":264,"_103":265},"b1bd4ea2-4752-11f0-b756-76b3cceeab13","constants.ts","d41a38e4-4422-11f0-89d5-76b3cceeab13",["D",1749708094326],"export const quoteCount = 3669;\n\nexport const tutorialUrl = \"https://baolei.org/ciphertutorial\";",[],[260],{"_107":267,"_100":268,"_154":269,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":270,"_104":31,"_163":164,"_165":271,"_167":27,"_168":-5,"_169":272,"_103":273},"d41a3a1a-4422-11f0-89d5-76b3cceeab13","gameHelpers.ts","d41a3b5a-4422-11f0-89d5-76b3cceeab13",["D",1749357682642],"import { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\n\nexport function startNewGame(input: string) {\n const number = parseInt(input.replace(\"cipher-\", \"\"));\n if (number >= 0) {\n const newId = `cipher-${number + 1}`;\n window.location.href = `${window.location.origin}/${newId.replace(\"cipher-\", \"\")}`;\n } else {\n present(\"The game is not available yet\");\n }\n}\n\nexport function present(text: string) {\n alert(text);\n void sendBridgeMessage({ action: \"present\", data: { message: text } });\n}\n\nexport function appendToLocalStorage(text: string, author: string | null): void {\n const newValue = `${text} - ${author ?? \"\"}`;\n if (isMobileNative()) {\n void sendBridgeMessage({ action: \"appendKnownQuote\", data: { quote: newValue } });\n return;\n }\n\n const key = \"known_texts\";\n // Get the existing data from local storage\n const storedData = localStorage.getItem(key);\n\n // If it exists, parse it; otherwise, use an empty array\n let arr: string[] = storedData ? JSON.parse(storedData) : [];\n\n // Push the new value onto the array if it is not already in it\n if (!arr.includes(newValue)) {\n arr.push(newValue);\n }\n\n // Save the updated array back to local storage\n localStorage.setItem(key, JSON.stringify(arr));\n}\n\nexport function isTextKnown(text: string, author: string | null, texts: string[]): boolean {\n const set = new Set(texts);\n return set.has(`${text} - ${author ?? \"\"}`);\n}\n\nexport async function getKnownTexts(): Promise {\n if (isMobileNative()) {\n const result = await sendBridgeMessage({ action: \"requestKnownQuotes\", data: {} });\n return result?.[\"quotes\"] ?? [];\n }\n const key = \"known_texts\";\n const storedData = localStorage.getItem(key);\n return storedData ? JSON.parse(storedData) : [];\n}",[],[268],{"_107":275,"_100":276,"_154":120,"_156":-5,"_157":141,"_158":123,"_160":113,"_109":277,"_104":278,"_163":279,"_165":280,"_167":27,"_168":281,"_169":282,"_103":283},"4a874cba-44e1-11f0-b407-76b3cceeab13","main.tsx",["D",1749439485705],381,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { appSiteAssociation, getQuote } from \"./api.ts\";\nimport { App } from \"./App.tsx\";\nimport { quoteCount } from \"./constants.ts\";\n\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n const uuid = root.dataset.uuid;\n createRoot(root).render();\n }\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const requestPath = new URL(request.url).pathname;\n if (requestPath === \"/quote\") {\n return getQuote(request);\n } else if (requestPath === \"/.well-known/apple-app-site-association\") {\n return appSiteAssociation();\n }\n\n let paramUuid: string | null;\n let match = requestPath.match(/\\/(\\d+)/);\n if (match && parseInt(match[1]) >= 0) {\n paramUuid = \"cipher-\" + match[1];\n console.log(\"paramUuid:\", paramUuid);\n } else {\n let randonNum = Math.round(Math.random() * 1000000);\n paramUuid = `cipher-${randonNum}`;\n }\n const displayUuid = paramUuid;\n\n return new Response(\n `\n \n \n Cipher Challenge\n \n \n \n

\n \n \n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","bao-cipher",[],[276],{"_107":285,"_100":286,"_154":287,"_156":-5,"_157":141,"_158":288,"_160":113,"_109":289,"_104":31,"_163":164,"_165":290,"_167":27,"_168":-5,"_169":291,"_103":292},"241abd8a-44b1-11f0-a3f3-76b3cceeab13","networkHelpers.ts","241abe2a-44b1-11f0-a3f3-76b3cceeab13",383,["D",1749418805397],"export async function post(url: string, data: any) {\n return await fetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(data),\n });\n}",[],[286],{"_107":294,"_100":295,"_154":296,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":297,"_104":31,"_163":164,"_165":298,"_167":27,"_168":-5,"_169":299,"_103":300},"d41a3c9a-4422-11f0-89d5-76b3cceeab13","substitutionCipher.ts","d41a3d08-4422-11f0-89d5-76b3cceeab13",["D",1749357682642],"import { generateHint } from \"./wordHelpers.ts\";\n\nexport function randomSubstitutionMap(): {\n substitutionMap: Record;\n reverseSubstitutionMap: Record;\n} {\n const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\");\n\n // Fisher-Yates shuffle to randomize mapping\n const shuffledAlphabet = [...alphabet].sort(() => Math.random() - 0.5);\n\n const substitutionMap: Record = {};\n const reverseSubstitutionMap: Record = {};\n\n for (let i = 0; i < alphabet.length; i++) {\n const originalLetter = alphabet[i];\n const substitutedLetter = shuffledAlphabet[i];\n\n // Ensure no letter maps to itself\n if (originalLetter === substitutedLetter) {\n // Swap with another letter\n const swapIndex = (i + 1) % alphabet.length;\n [shuffledAlphabet[i], shuffledAlphabet[swapIndex]] = [shuffledAlphabet[swapIndex], shuffledAlphabet[i]];\n }\n\n substitutionMap[originalLetter] = shuffledAlphabet[i];\n reverseSubstitutionMap[shuffledAlphabet[i]] = originalLetter;\n }\n\n return { substitutionMap, reverseSubstitutionMap };\n}\n\nexport function substitutionAndReverseMaps(\n keyword: string,\n positionLetter: string,\n type: \"k1\" | \"k2\" | \"random\",\n): {\n substitutionMap: Record;\n reverseSubstitutionMap: Record;\n} {\n if (type === \"random\") {\n return randomSubstitutionMap();\n }\n const ALPHABET = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n // Normalize inputs\n const upperKeyword = keyword.toUpperCase().replace(/[^A-Z]/g, \"\");\n const upperPosition = positionLetter.toUpperCase();\n\n // 1. Remove duplicate letters from the keyword (in the order they appear)\n let uniqueKeyword: string[] = [];\n for (const char of upperKeyword) {\n if (!uniqueKeyword.includes(char)) {\n uniqueKeyword.push(char);\n }\n }\n\n // 2. Find the index of the position letter in the alphabet\n const positionIndex = ALPHABET.indexOf(upperPosition);\n if (positionIndex < 0) {\n throw new Error(\n `Position letter \"${upperPosition}\" is not a valid A–Z character.`,\n );\n }\n\n // 3. Create an array of all letters except those in the keyword\n // (to help fill the rest of the alphabet)\n let remainingLetters = ALPHABET.split(\"\").filter(\n (char) => !uniqueKeyword.includes(char),\n );\n\n // 4. Sequence led by keyword\n const keywordLedSequence = uniqueKeyword.concat(remainingLetters);\n\n // 5. Rotation to make keyword start at the right index\n const keywordAtRightIndexSequence = keywordLedSequence.slice(keywordLedSequence.length - positionIndex)\n .concat(keywordLedSequence.slice(0, keywordLedSequence.length - positionIndex));\n\n // 5. Build the final substitution dicts\n const substitutionMap: Record = {};\n const reverseSubstitutionMap: Record = {};\n if (type === \"k2\") {\n // for k2, keyword is in the ciphertext\n for (const index in keywordAtRightIndexSequence) {\n if (ALPHABET[index] === keywordAtRightIndexSequence[index]) {\n // Don't allow letter mapping to the same letter. try the next positionIndex\n return substitutionAndReverseMaps(keyword, ALPHABET[(positionIndex + 1) % ALPHABET.length], type);\n }\n substitutionMap[ALPHABET[index]] = keywordAtRightIndexSequence[index];\n reverseSubstitutionMap[keywordAtRightIndexSequence[index]] = ALPHABET[index];\n }\n } else {\n // for k1, keyword is in the plain text\n for (const index in keywordAtRightIndexSequence) {\n if (ALPHABET[index] === keywordAtRightIndexSequence[index]) {\n // Don't allow letter mapping to the same letter. try the next positionIndex\n return substitutionAndReverseMaps(keyword, ALPHABET[(positionIndex + 1) % ALPHABET.length], type);\n }\n substitutionMap[keywordAtRightIndexSequence[index]] = ALPHABET[index];\n reverseSubstitutionMap[ALPHABET[index]] = keywordAtRightIndexSequence[index];\n }\n }\n return { substitutionMap, reverseSubstitutionMap };\n}\n\nexport function substitutionEncode(\n args: {\n plainText: string;\n keyword: string;\n positionLetter: string;\n type: \"k1\" | \"k2\" | \"random\";\n groupingType: \"aristocrat\" | \"patristocrat\";\n },\n): {\n encoded: string;\n original: string;\n cleanOriginal: string;\n encodedLetterCounts: Record;\n substitutionMap: Record;\n reverseSubstitutionMap: Record;\n keyword: string;\n positionLetter: string;\n type: \"k1\" | \"k2\" | \"random\";\n groupingType: \"aristocrat\" | \"patristocrat\";\n hint: string;\n hintSource: string;\n} {\n const { plainText, keyword, positionLetter, type, groupingType } = args;\n\n // 1. Normalize plaintext: uppercase, remove non-letters\n const normalizedText = plainText.toUpperCase().replace(/[^A-Z]/g, \"\");\n\n // 2. get substitution and reverse substitution maps\n const { substitutionMap, reverseSubstitutionMap } = substitutionAndReverseMaps(keyword, positionLetter, type);\n // present(\n // `substitutionMap: ${JSON.stringify(substitutionMap)}, reverseSubstitutionMap: ${\n // JSON.stringify(reverseSubstitutionMap)\n // }`,\n // );\n\n // 4.1 get cipher text\n let cipherText = \"\";\n for (const char of normalizedText) {\n cipherText += substitutionMap[char];\n }\n\n // 4.2 Group encoded letters into 5-letter groups\n let encodedGrouped = \"\";\n if (groupingType === \"aristocrat\") {\n const normalizedTextWithSpace = plainText.toUpperCase().replace(/[^A-Z\\ ]/g, \"\");\n encodedGrouped = normalizedTextWithSpace.split(\"\").map(letter => {\n return letter === \" \" ? \" \" : substitutionMap[letter];\n }).join(\"\");\n } else if (groupingType === \"patristocrat\") {\n encodedGrouped = cipherText.split(\"\").reduce((acc, letter, index) => {\n if (index > 0 && index % 5 === 0) {\n acc += \" \";\n }\n return acc + letter;\n }, \"\");\n } else {\n throw new Error(`Invalid grouping type: ${groupingType}`);\n }\n\n // 4.3 Generate letter counts\n const encodedLetterCounts: Record = cipherText.split(\"\").reduce((acc, letter) => {\n acc[letter] = (acc[letter] || 0) + 1;\n return acc;\n }, {});\n\n // 4.4 Hint (only give hint if it's patristocrat)\n const hintInfo = groupingType === \"aristocrat\" ? { hint: \"\", source: \"\" } : generateHint(plainText);\n\n // 5. Return the desired dictionary/object\n return {\n encoded: encodedGrouped,\n original: plainText, // The original (unmodified) plain text\n cleanOriginal: normalizedText,\n encodedLetterCounts,\n substitutionMap, // A->D, B->W, etc.\n reverseSubstitutionMap, // D->A, W->B, etc.\n keyword,\n positionLetter,\n type,\n groupingType,\n hint: hintInfo.hint,\n hintSource: hintInfo.source,\n };\n}",[],[295],{"_107":302,"_100":303,"_154":304,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":305,"_104":31,"_163":164,"_165":306,"_167":27,"_168":-5,"_169":307,"_103":308},"d41a437a-4422-11f0-89d5-76b3cceeab13","wordHelpers.ts","d41a43f2-4422-11f0-89d5-76b3cceeab13",["D",1749357682642],"export function getUniqueLetters(word: string): string {\n return [...new Set(word.toUpperCase().replace(/[^A-Z]/g, \"\"))].join(\"\");\n}\n\nexport function randomLetter(): string {\n const ALPHABET = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n return ALPHABET[Math.floor(Math.random() * ALPHABET.length)];\n}\n\nexport function randomWordFromSentence(sentence: string): string {\n const words = sentence.split(\" \");\n for (let i = 0; i < words.length * 2; i++) {\n const word = words[Math.floor(Math.random() * words.length)];\n const alphabetsOnly = word.replace(/[^A-Za-z]/g, \"\");\n if (alphabetsOnly.length >= 4) {\n return alphabetsOnly.toUpperCase();\n }\n }\n return \"\";\n}\n\nexport function generateHint(quote: string): { hint: string; source: \"first\" | \"last\" } {\n const words = quote.split(\" \");\n let currentHint = \"\";\n let hintWithSpaceRemoved = \"\";\n let quoteWithLettersOnly = quote.replace(/[^A-Za-z]/g, \"\");\n\n const source = Math.random() < 0.5 ? \"first\" : \"last\";\n if (source === \"first\") {\n // Iterate through words, building the hint until we have exactly 4 unique letters\n for (let i = 0; i < quoteWithLettersOnly.length; i++) {\n currentHint += quoteWithLettersOnly[i];\n hintWithSpaceRemoved = currentHint.replace(/\\s/g, \"\");\n\n if (hintWithSpaceRemoved.length === 4) {\n return {\n hint: currentHint.toUpperCase(),\n source: \"first\",\n };\n }\n }\n\n // Fallback: if we can't find 4 unique letters, return the first word\n return {\n hint: words[0],\n source: \"first\",\n };\n } else {\n // Iterate through words in reverse, building the hint until we have exactly 4 unique letters\n for (let i = quoteWithLettersOnly.length - 1; i >= 0; i--) {\n currentHint = quoteWithLettersOnly[i] + currentHint;\n hintWithSpaceRemoved = currentHint.replace(/\\s/g, \"\");\n\n if (hintWithSpaceRemoved.length === 4) {\n return {\n hint: currentHint.toUpperCase(),\n source: \"last\",\n };\n }\n }\n\n // Fallback: if we can't find 4 unique letters, return the last word\n return {\n hint: words[words.length - 1],\n source: \"last\",\n };\n }\n}",[],[303],"files",[151,172,182,192,201,211,221,231,240,249,258,266,274,284,293,301],"counts",{"_313":31,"_314":315,"_316":31,"_317":31},"pulls","branches",2,"forks","envVars","contents",[320,323,326,329,332,335,338,341,344,347,350,353,356,359,362,365],{"_107":152,"_100":153,"_154":155,"_156":-5,"_157":141,"_158":159,"_160":113,"_109":321,"_104":162,"_163":164,"_165":166,"_167":27,"_168":-5,"_103":322},["D",1749434617917],[153],{"_107":173,"_100":174,"_154":175,"_156":-5,"_157":141,"_158":176,"_160":113,"_109":324,"_104":178,"_163":164,"_165":179,"_167":27,"_168":-5,"_103":325},["D",1749438804637],[174],{"_107":183,"_100":184,"_154":185,"_156":-5,"_157":141,"_158":186,"_160":113,"_109":327,"_104":188,"_163":164,"_165":189,"_167":27,"_168":-5,"_103":328},["D",1749434792189],[184],{"_107":193,"_100":194,"_154":195,"_156":-5,"_157":141,"_158":196,"_160":113,"_109":330,"_104":188,"_163":164,"_165":198,"_167":27,"_168":-5,"_103":331},["D",1749434769089],[194],{"_107":202,"_100":203,"_154":204,"_156":-5,"_157":141,"_158":205,"_160":113,"_109":333,"_104":207,"_163":164,"_165":208,"_167":27,"_168":-5,"_103":334},["D",1749434757648],[203],{"_107":212,"_100":213,"_154":214,"_156":-5,"_157":141,"_158":215,"_160":113,"_109":336,"_104":217,"_163":164,"_165":218,"_167":27,"_168":-5,"_103":337},["D",1749445781709],[213],{"_107":222,"_100":223,"_154":224,"_156":-5,"_157":141,"_158":225,"_160":113,"_109":339,"_104":227,"_163":164,"_165":228,"_167":27,"_168":-5,"_103":340},["D",1749435911960],[223],{"_107":232,"_100":233,"_154":234,"_156":-5,"_157":141,"_158":188,"_160":113,"_109":342,"_104":31,"_163":236,"_165":237,"_167":27,"_168":-5,"_103":343},["D",1735608699289],[233],{"_107":241,"_100":242,"_154":243,"_156":-5,"_157":141,"_158":244,"_160":113,"_109":345,"_104":162,"_163":164,"_165":246,"_167":27,"_168":-5,"_103":346},["D",1749445755134],[242],{"_107":250,"_100":251,"_154":252,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":348,"_104":31,"_163":164,"_165":255,"_167":27,"_168":-5,"_103":349},["D",1749357682642],[251],{"_107":259,"_100":260,"_154":261,"_156":-5,"_157":141,"_158":140,"_160":113,"_109":351,"_104":227,"_163":164,"_165":263,"_167":27,"_168":-5,"_103":352},["D",1749708094326],[260],{"_107":267,"_100":268,"_154":269,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":354,"_104":31,"_163":164,"_165":271,"_167":27,"_168":-5,"_103":355},["D",1749357682642],[268],{"_107":275,"_100":276,"_154":120,"_156":-5,"_157":141,"_158":123,"_160":113,"_109":357,"_104":278,"_163":279,"_165":280,"_167":27,"_168":281,"_103":358},["D",1749439485705],[276],{"_107":285,"_100":286,"_154":287,"_156":-5,"_157":141,"_158":288,"_160":113,"_109":360,"_104":31,"_163":164,"_165":290,"_167":27,"_168":-5,"_103":361},["D",1749418805397],[286],{"_107":294,"_100":295,"_154":296,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":363,"_104":31,"_163":164,"_165":298,"_167":27,"_168":-5,"_103":364},["D",1749357682642],[295],{"_107":302,"_100":303,"_154":304,"_156":-5,"_157":141,"_158":253,"_160":113,"_109":366,"_104":31,"_163":164,"_165":306,"_167":27,"_168":-5,"_103":367},["D",1749357682642],[303],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_98":99,"_100":101,"_102":42,"_105":374,"_378":379,"_631":31,"_632":113},{"_107":108,"_100":101,"_109":375,"_111":-5,"_112":113,"_114":115,"_116":-5,"_117":-5,"_12":118,"_119":120,"_121":113,"_122":123,"_124":31,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":27,"_21":376,"_138":377},["D",1746217506027],{"_98":99,"_136":137},{"_104":140,"_100":42,"_107":141,"_142":108,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":101,"_148":99},"history",[380,385,394,402,411,419,427,432,437,444,452,459,467,472,480,488,493,501,510,518,526,535,544,552,561,570,579,588,597,605,614,623],{"_154":261,"_104":140,"_109":381,"_157":141,"_309":382},["D",1749708094326],[383],{"_107":259,"_157":141,"_154":261,"_100":260,"_165":263,"_163":164,"_104":227,"_156":-5,"_109":381,"_158":140,"_168":-5,"_160":113,"_167":27,"_103":384},[260],{"_154":261,"_104":386,"_109":387,"_157":141,"_309":388},459,["D",1749707894090],[389],{"_107":390,"_157":141,"_154":261,"_100":260,"_165":391,"_163":164,"_104":392,"_156":-5,"_109":387,"_158":386,"_168":-5,"_160":27,"_167":27,"_103":393},"3a6461ce-4752-11f0-bc83-76b3cceeab13","export const quoteCount = 3558;\n\nexport const tutorialUrl = \"https://baolei.org/ciphertutorial\";",5,[260],{"_154":261,"_104":395,"_109":396,"_157":141,"_309":397},458,["D",1749707806527],[398],{"_107":399,"_157":141,"_154":261,"_100":260,"_165":400,"_163":164,"_104":207,"_156":-5,"_109":396,"_158":395,"_168":-5,"_160":27,"_167":27,"_103":401},"0632a334-4752-11f0-b6b8-76b3cceeab13","export const quoteCount = 3518;\n\nexport const tutorialUrl = \"https://baolei.org/ciphertutorial\";",[260],{"_154":261,"_104":403,"_109":404,"_157":141,"_309":405},457,["D",1749707626967],[406],{"_107":407,"_157":141,"_154":261,"_100":260,"_165":408,"_163":164,"_104":409,"_156":-5,"_109":404,"_158":403,"_168":-5,"_160":27,"_167":27,"_103":410},"9b2bf9dc-4751-11f0-bf35-76b3cceeab13","export const quoteCount = 3408;\n\nexport const tutorialUrl = \"https://baolei.org/ciphertutorial\";",3,[260],{"_154":261,"_104":412,"_109":413,"_157":141,"_309":414},456,["D",1749706974334],[415],{"_107":416,"_157":141,"_154":261,"_100":260,"_165":417,"_163":164,"_104":315,"_156":-5,"_109":413,"_158":412,"_168":-5,"_160":27,"_167":27,"_103":418},"162c3b26-4750-11f0-8f13-76b3cceeab13","export const quoteCount = 3186;\n\nexport const tutorialUrl = \"https://baolei.org/ciphertutorial\";",[260],{"_154":261,"_104":420,"_109":421,"_157":141,"_309":422},455,["D",1749706592215],[423],{"_107":424,"_157":141,"_154":261,"_100":260,"_165":425,"_163":164,"_104":188,"_156":-5,"_109":421,"_158":420,"_168":-5,"_160":27,"_167":27,"_103":426},"326944c4-474f-11f0-a0af-76b3cceeab13","export const quoteCount = 3186;\n\nexport const tutorialUrl = \"https://baolei.notion.site/ciphertutorial\";",[260],{"_154":214,"_104":215,"_109":428,"_157":141,"_309":429},["D",1749445781709],[430],{"_107":212,"_157":141,"_154":214,"_100":213,"_165":218,"_163":164,"_104":217,"_156":-5,"_109":428,"_158":215,"_168":-5,"_160":113,"_167":27,"_103":431},[213],{"_154":243,"_104":244,"_109":433,"_157":141,"_309":434},["D",1749445755134],[435],{"_107":241,"_157":141,"_154":243,"_100":242,"_165":246,"_163":164,"_104":162,"_156":-5,"_109":433,"_158":244,"_168":-5,"_160":113,"_167":27,"_103":436},[242],{"_154":243,"_104":438,"_109":439,"_157":141,"_309":440},452,["D",1749445721835],[441],{"_107":442,"_157":141,"_154":243,"_100":242,"_165":246,"_163":164,"_104":227,"_156":-5,"_109":439,"_158":438,"_168":-5,"_160":27,"_167":27,"_103":443},"cf8c560e-44ef-11f0-9432-76b3cceeab13",[242],{"_154":243,"_104":445,"_109":446,"_157":141,"_309":447},451,["D",1749439745100],[448],{"_107":449,"_157":141,"_154":243,"_100":242,"_165":450,"_163":164,"_104":392,"_156":-5,"_109":446,"_158":445,"_168":-5,"_160":27,"_167":27,"_103":451},"e5231f7e-44e1-11f0-9941-76b3cceeab13","import { quoteCount } from \"./constants.ts\";\nimport { randomWordFromSentence } from \"./wordHelpers.ts\";\n\nexport async function getQuote(request: Request): Response {\n const pageId = (new URL(request.url).searchParams.get(\"pageId\"))\n ?? Math.floor(Math.random() * quoteCount + 1).toString();\n const pageIdInt = parseInt(pageId);\n console.log(\"Page ID:\", pageIdInt);\n try {\n const notionToken = Deno.env.get(\"Notion_ready_only_api_token\");\n if (!notionToken) {\n throw new Error(\"Notion API token not found\");\n }\n const databaseId = \"16e2c190bff080fd9ea8d2a8c21548b0\";\n\n // Use database query with filter instead of direct page fetch\n const response = await fetch(`https://api.notion.com/v1/databases/${databaseId}/query`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${notionToken}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n and: [\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n less_than_or_equal_to: pageIdInt + 3, // load a few more to make sure we have one that's long enough\n },\n },\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n greater_than_or_equal_to: Math.max(1, pageIdInt - 1), // load a few more to make sure we have one that's long enough\n },\n },\n ],\n },\n sorts: [\n {\n \"property\": \"ID\",\n \"direction\": \"ascending\",\n },\n ],\n }),\n });\n // console.log(response);\n\n if (!response.ok) {\n throw new Error(`Failed to query Notion database: ${response.statusText}`);\n }\n\n const data = await response.json();\n\n let keyword = \"\";\n console.log(`Fetched ${data.results.length} pages from Notion API:`);\n for (const page of data.results) {\n // console.log(\"Checking page\", page.properties.ID);\n // Extract plain text from rich text properties\n const quote = page.properties.quote?.rich_text?.[0]?.plain_text || \"\";\n const author = page.properties.author?.rich_text?.[0]?.plain_text || \"\";\n const quoteId = page.properties.ID.unique_id?.number ?? 0;\n if (!keyword) {\n keyword = randomWordFromSentence(quote);\n // console.log(\"Found a keyword\", keyword);\n continue;\n }\n if (quote.length >= 1) {\n // console.log(\"Found a quote long enough\", quote);\n return new Response(JSON.stringify({ quote, author, keyword, quoteId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n throw new Error(`No page found with ID ${pageId}`);\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport function appSiteAssociation(): Response {\n return new Response(\n JSON.stringify({\n \"applinks\": {\n \"details\": [\n {\n \"appIDs\": [\"8UYC3P5A37.fyi.lei.cipher\"],\n \"components\": [\n {\n \"/\": \"/*\",\n \"comment\": \"matches all\",\n },\n ],\n },\n ],\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}",[242],{"_154":243,"_104":453,"_109":454,"_157":141,"_309":455},450,["D",1749439740874],[456],{"_107":457,"_157":141,"_154":243,"_100":242,"_165":450,"_163":164,"_104":207,"_156":-5,"_109":454,"_158":453,"_168":-5,"_160":27,"_167":27,"_103":458},"e29e7d2a-44e1-11f0-81bb-76b3cceeab13",[242],{"_154":243,"_104":460,"_109":461,"_157":141,"_309":462},449,["D",1749439720648],[463],{"_107":464,"_157":141,"_154":243,"_100":242,"_165":465,"_163":164,"_104":409,"_156":-5,"_109":461,"_158":460,"_168":-5,"_160":27,"_167":27,"_103":466},"d68ffc84-44e1-11f0-a913-76b3cceeab13","import { quoteCount } from \"./constants.ts\";\nimport { randomWordFromSentence } from \"./wordHelpers.ts\";\n\nexport async function getQuote(request: Request): Response {\n const pageId = (new URL(request.url).searchParams.get(\"pageId\"))\n ?? Math.floor(Math.random() * quoteCount + 1).toString();\n const pageIdInt = parseInt(pageId);\n console.log(\"Page ID:\", pageIdInt);\n try {\n const notionToken = Deno.env.get(\"Notion_ready_only_api_token\");\n if (!notionToken) {\n throw new Error(\"Notion API token not found\");\n }\n const databaseId = \"16e2c190bff080fd9ea8d2a8c21548b0\";\n\n // Use database query with filter instead of direct page fetch\n const response = await fetch(`https://api.notion.com/v1/databases/${databaseId}/query`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${notionToken}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n and: [\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n less_than_or_equal_to: pageIdInt + 3, // load a few more to make sure we have one that's long enough\n },\n },\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n greater_than_or_equal_to: Math.max(1, pageIdInt - 1), // load a few more to make sure we have one that's long enough\n },\n },\n ],\n },\n sorts: [\n {\n \"property\": \"ID\",\n \"direction\": \"ascending\",\n },\n ],\n }),\n });\n // console.log(response);\n\n if (!response.ok) {\n throw new Error(`Failed to query Notion database: ${response.statusText}`);\n }\n\n const data = await response.json();\n\n let keyword = \"\";\n console.log(`Fetched ${data.results.length} pages from Notion API:`);\n for (const page of data.results) {\n // console.log(\"Checking page\", page.properties.ID);\n // Extract plain text from rich text properties\n const quote = page.properties.quote?.rich_text?.[0]?.plain_text || \"\";\n const author = page.properties.author?.rich_text?.[0]?.plain_text || \"\";\n const quoteId = page.properties.ID.unique_id?.number ?? 0;\n if (!keyword) {\n keyword = randomWordFromSentence(quote);\n // console.log(\"Found a keyword\", keyword);\n continue;\n }\n if (quote.length >= 1) {\n // console.log(\"Found a quote long enough\", quote);\n return new Response(JSON.stringify({ quote, author, keyword, quoteId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n throw new Error(`No page found with ID ${pageId}`);\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport function appSiteAssociation(): Response {\n return new Response(\n JSON.stringify({\n \"applinks\": {\n \"details\": [\n {\n \"appIDs\": [\"8UYC3P5A37.fyi.lei.cipher\"],\n {\n \"/\": \"/*\",\n \"comment\": \"matches all\"\n },\n },\n ],\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}",[242],{"_154":120,"_104":123,"_109":468,"_157":141,"_309":469},["D",1749439485705],[470],{"_107":275,"_157":141,"_154":120,"_100":276,"_165":280,"_163":279,"_104":278,"_156":-5,"_109":468,"_158":123,"_168":281,"_160":113,"_167":27,"_103":471},[276],{"_154":243,"_104":473,"_109":474,"_157":141,"_309":475},447,["D",1749439460509],[476],{"_107":477,"_157":141,"_154":243,"_100":242,"_165":478,"_163":164,"_104":315,"_156":-5,"_109":474,"_158":473,"_168":-5,"_160":27,"_167":27,"_103":479},"3b81f86e-44e1-11f0-80c1-76b3cceeab13","import { quoteCount } from \"./constants.ts\";\nimport { randomWordFromSentence } from \"./wordHelpers.ts\";\n\nexport async function getQuote(request: Request): Response {\n const pageId = (new URL(request.url).searchParams.get(\"pageId\"))\n ?? Math.floor(Math.random() * quoteCount + 1).toString();\n const pageIdInt = parseInt(pageId);\n console.log(\"Page ID:\", pageIdInt);\n try {\n const notionToken = Deno.env.get(\"Notion_ready_only_api_token\");\n if (!notionToken) {\n throw new Error(\"Notion API token not found\");\n }\n const databaseId = \"16e2c190bff080fd9ea8d2a8c21548b0\";\n\n // Use database query with filter instead of direct page fetch\n const response = await fetch(`https://api.notion.com/v1/databases/${databaseId}/query`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${notionToken}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n and: [\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n less_than_or_equal_to: pageIdInt + 3, // load a few more to make sure we have one that's long enough\n },\n },\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n greater_than_or_equal_to: Math.max(1, pageIdInt - 1), // load a few more to make sure we have one that's long enough\n },\n },\n ],\n },\n sorts: [\n {\n \"property\": \"ID\",\n \"direction\": \"ascending\",\n },\n ],\n }),\n });\n // console.log(response);\n\n if (!response.ok) {\n throw new Error(`Failed to query Notion database: ${response.statusText}`);\n }\n\n const data = await response.json();\n\n let keyword = \"\";\n console.log(`Fetched ${data.results.length} pages from Notion API:`);\n for (const page of data.results) {\n // console.log(\"Checking page\", page.properties.ID);\n // Extract plain text from rich text properties\n const quote = page.properties.quote?.rich_text?.[0]?.plain_text || \"\";\n const author = page.properties.author?.rich_text?.[0]?.plain_text || \"\";\n const quoteId = page.properties.ID.unique_id?.number ?? 0;\n if (!keyword) {\n keyword = randomWordFromSentence(quote);\n // console.log(\"Found a keyword\", keyword);\n continue;\n }\n if (quote.length >= 1) {\n // console.log(\"Found a quote long enough\", quote);\n return new Response(JSON.stringify({ quote, author, keyword, quoteId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n throw new Error(`No page found with ID ${pageId}`);\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport function appSiteAssociation(): Response {\n return new Response(\n JSON.stringify({\n \"applinks\": {\n \"details\": [\n {\n \"appIDs\": [\"8UYC3P5A37.fyi.lei.cipher\"],\n },\n ],\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}",[242],{"_154":243,"_104":481,"_109":482,"_157":141,"_309":483},446,["D",1749439378099],[484],{"_107":485,"_157":141,"_154":243,"_100":242,"_165":486,"_163":164,"_104":188,"_156":-5,"_109":482,"_158":481,"_168":-5,"_160":27,"_167":27,"_103":487},"0a6337ca-44e1-11f0-9507-76b3cceeab13","import { quoteCount } from \"./constants.ts\";\nimport { randomWordFromSentence } from \"./wordHelpers.ts\";\n\nexport async function getQuote(request: Request): Response {\n const pageId = (new URL(request.url).searchParams.get(\"pageId\"))\n ?? Math.floor(Math.random() * quoteCount + 1).toString();\n const pageIdInt = parseInt(pageId);\n console.log(\"Page ID:\", pageIdInt);\n try {\n const notionToken = Deno.env.get(\"Notion_ready_only_api_token\");\n if (!notionToken) {\n throw new Error(\"Notion API token not found\");\n }\n const databaseId = \"16e2c190bff080fd9ea8d2a8c21548b0\";\n\n // Use database query with filter instead of direct page fetch\n const response = await fetch(`https://api.notion.com/v1/databases/${databaseId}/query`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${notionToken}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n filter: {\n and: [\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n less_than_or_equal_to: pageIdInt + 3, // load a few more to make sure we have one that's long enough\n },\n },\n {\n property: \"ID\", // Uppercase ID property\n unique_id: {\n greater_than_or_equal_to: Math.max(1, pageIdInt - 1), // load a few more to make sure we have one that's long enough\n },\n },\n ],\n },\n sorts: [\n {\n \"property\": \"ID\",\n \"direction\": \"ascending\",\n },\n ],\n }),\n });\n // console.log(response);\n\n if (!response.ok) {\n throw new Error(`Failed to query Notion database: ${response.statusText}`);\n }\n\n const data = await response.json();\n\n let keyword = \"\";\n console.log(`Fetched ${data.results.length} pages from Notion API:`);\n for (const page of data.results) {\n // console.log(\"Checking page\", page.properties.ID);\n // Extract plain text from rich text properties\n const quote = page.properties.quote?.rich_text?.[0]?.plain_text || \"\";\n const author = page.properties.author?.rich_text?.[0]?.plain_text || \"\";\n const quoteId = page.properties.ID.unique_id?.number ?? 0;\n if (!keyword) {\n keyword = randomWordFromSentence(quote);\n // console.log(\"Found a keyword\", keyword);\n continue;\n }\n if (quote.length >= 1) {\n // console.log(\"Found a quote long enough\", quote);\n return new Response(JSON.stringify({ quote, author, keyword, quoteId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n throw new Error(`No page found with ID ${pageId}`);\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport function appSiteAssociation(): Response {\n return new Response(\n JSON.stringify({\n \"applinks\": {\n \"details\": [\n {\n \"appIDs\": [\"ABCDE12345.com.example.app\", \"ABCDE12345.com.example.app2\"],\n \"components\": [\n {\n \"#\": \"no_universal_links\",\n \"exclude\": true,\n \"comment\":\n \"Matches any URL with a fragment that equals no_universal_links and instructs the system not to open it as a universal link.\",\n },\n {\n \"/\": \"/buy/*\",\n \"comment\": \"Matches any URL with a path that starts with /buy/.\",\n },\n {\n \"/\": \"/help/website/*\",\n \"exclude\": true,\n \"comment\":\n \"Matches any URL with a path that starts with /help/website/ and instructs the system not to open it as a universal link.\",\n },\n {\n \"/\": \"/help/*\",\n \"?\": { \"articleNumber\": \"????\" },\n \"comment\":\n \"Matches any URL with a path that starts with /help/ and that has a query item with name 'articleNumber' and a value of exactly four characters.\",\n },\n ],\n },\n ],\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n}",[242],{"_154":175,"_104":176,"_109":489,"_157":141,"_309":490},["D",1749438804637],[491],{"_107":173,"_157":141,"_154":175,"_100":174,"_165":179,"_163":164,"_104":178,"_156":-5,"_109":489,"_158":176,"_168":-5,"_160":113,"_167":27,"_103":492},[174],{"_154":175,"_104":494,"_109":495,"_157":141,"_309":496},444,["D",1749438802523],[497],{"_107":498,"_157":141,"_154":175,"_100":174,"_165":179,"_163":164,"_104":499,"_156":-5,"_109":495,"_158":494,"_168":-5,"_160":27,"_167":27,"_103":500},"b351105c-44df-11f0-b99d-76b3cceeab13",43,[174],{"_154":175,"_104":502,"_109":503,"_157":141,"_309":504},443,["D",1749438689142],[505],{"_107":506,"_157":141,"_154":175,"_100":174,"_165":507,"_163":164,"_104":508,"_156":-5,"_109":503,"_158":502,"_168":-5,"_160":27,"_167":27,"_103":509},"6fbcaf04-44df-11f0-b2f6-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined && waited <= 10) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n console.log(\"found existing cipher with this uuid\");\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"new uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",42,[174],{"_154":175,"_104":511,"_109":512,"_157":141,"_309":513},442,["D",1749438688613],[514],{"_107":515,"_157":141,"_154":175,"_100":174,"_165":507,"_163":164,"_104":516,"_156":-5,"_109":512,"_158":511,"_168":-5,"_160":27,"_167":27,"_103":517},"6f6bc7e2-44df-11f0-a0ee-76b3cceeab13",41,[174],{"_154":175,"_104":519,"_109":520,"_157":141,"_309":521},441,["D",1749438687843],[522],{"_107":523,"_157":141,"_154":175,"_100":174,"_165":507,"_163":164,"_104":524,"_156":-5,"_109":520,"_158":519,"_168":-5,"_160":27,"_167":27,"_103":525},"6ef6910c-44df-11f0-bbec-76b3cceeab13",40,[174],{"_154":175,"_104":527,"_109":528,"_157":141,"_309":529},440,["D",1749438673794],[530],{"_107":531,"_157":141,"_154":175,"_100":174,"_165":532,"_163":164,"_104":533,"_156":-5,"_109":528,"_158":527,"_168":-5,"_160":27,"_167":27,"_103":534},"6696cb8a-44df-11f0-9b8e-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined && waited <= 10) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"new uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",39,[174],{"_154":175,"_104":536,"_109":537,"_157":141,"_309":538},439,["D",1749438640146],[539],{"_107":540,"_157":141,"_154":175,"_100":174,"_165":541,"_163":164,"_104":542,"_156":-5,"_109":537,"_158":536,"_168":-5,"_160":27,"_167":27,"_103":543},"52886dd8-44df-11f0-a0ee-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined && waited <= 10) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",38,[174],{"_154":175,"_104":545,"_109":546,"_157":141,"_309":547},438,["D",1749438639488],[548],{"_107":549,"_157":141,"_154":175,"_100":174,"_165":541,"_163":164,"_104":550,"_156":-5,"_109":546,"_158":545,"_168":-5,"_160":27,"_167":27,"_103":551},"52249dd0-44df-11f0-a059-76b3cceeab13",37,[174],{"_154":175,"_104":553,"_109":554,"_157":141,"_309":555},437,["D",1749438635547],[556],{"_107":557,"_157":141,"_154":175,"_100":174,"_165":558,"_163":164,"_104":559,"_156":-5,"_109":554,"_158":553,"_168":-5,"_160":27,"_167":27,"_103":560},"4fcaa610-44df-11f0-9507-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined && waited < 10) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",36,[174],{"_154":175,"_104":562,"_109":563,"_157":141,"_309":564},436,["D",1749438617226],[565],{"_107":566,"_157":141,"_154":175,"_100":174,"_165":567,"_163":164,"_104":568,"_156":-5,"_109":563,"_158":562,"_168":-5,"_160":27,"_167":27,"_103":569},"44df7e4c-44df-11f0-8b8d-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n let waited = 0;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n waited += 1;\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",35,[174],{"_154":175,"_104":571,"_109":572,"_157":141,"_309":573},435,["D",1749438596767],[574],{"_107":575,"_157":141,"_154":175,"_100":174,"_165":576,"_163":164,"_104":577,"_156":-5,"_109":572,"_158":571,"_168":-5,"_160":27,"_167":27,"_103":578},"38adc2dc-44df-11f0-afbc-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\"someone is creating a game with this id, let's wait\");\n await new Promise((resolve) => setTimeout(resolve, 500));\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",34,[174],{"_154":175,"_104":580,"_109":581,"_157":141,"_309":582},434,["D",1749438590323],[583],{"_107":584,"_157":141,"_154":175,"_100":174,"_165":585,"_163":164,"_104":586,"_156":-5,"_109":581,"_158":580,"_168":-5,"_160":27,"_167":27,"_103":587},"34d62c9e-44df-11f0-8879-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\n \"someone is creating a game with this id, let's wait\",\n );\n await new Promise((resolve) => setTimeout(resolve, 500));\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",33,[174],{"_154":175,"_104":589,"_109":590,"_157":141,"_309":591},433,["D",1749438577143],[592],{"_107":593,"_157":141,"_154":175,"_100":174,"_165":594,"_163":164,"_104":595,"_156":-5,"_109":590,"_158":589,"_168":-5,"_160":27,"_167":27,"_103":596},"2cfacc50-44df-11f0-b73f-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\n \"someone is creating a game with this uuid, let's wait a little\",\n );\n await new Promise((resolve) => setTimeout(resolve, 500));\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",32,[174],{"_154":175,"_104":598,"_109":599,"_157":141,"_309":600},432,["D",1749438575654],[601],{"_107":602,"_157":141,"_154":175,"_100":174,"_165":594,"_163":164,"_104":603,"_156":-5,"_109":599,"_158":598,"_168":-5,"_160":27,"_167":27,"_103":604},"2c179e12-44df-11f0-b73f-76b3cceeab13",31,[174],{"_154":175,"_104":606,"_109":607,"_157":141,"_309":608},431,["D",1749438567210],[609],{"_107":610,"_157":141,"_154":175,"_100":174,"_165":611,"_163":164,"_104":612,"_156":-5,"_109":607,"_158":606,"_168":-5,"_160":27,"_167":27,"_103":613},"270faee6-44df-11f0-8e3b-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n console.log(\n \"someone is creating a game with this uuid, let's wait a little\",\n responseData?.value?.cipher,\n );\n await new Promise((resolve) => setTimeout(resolve, 500));\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

\n \n )}\n\n \n {!(isMobileNative() && !startTime) // if it's mobile native, don't show game results in the waiting page\n && }\n \n\n {startTime !== null && (\n \n \n Reveal Author\n \n \n Reveal Current Letter\n \n \n Reveal Keyword\n \n \n Reveal Entire Answer\n \n \n )}\n\n {isRevealed && (\n \n 🚨 Answer Revealed! Better luck next time. 🚨\n \n )}\n \n );\n}",30,[174],{"_154":175,"_104":615,"_109":616,"_157":141,"_309":617},430,["D",1749438497596],[618],{"_107":619,"_157":141,"_154":175,"_100":174,"_165":620,"_163":164,"_104":621,"_156":-5,"_109":616,"_158":615,"_168":-5,"_160":27,"_167":27,"_103":622},"fd9224f4-44de-11f0-afa4-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createRef, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { AnotherRound } from \"./AnotherRound.tsx\";\nimport { isMobileNative, sendBridgeMessage } from \"./bridge.ts\";\nimport { appendToLocalStorage, getKnownTexts, isTextKnown, present, startNewGame } from \"./gameHelpers.ts\";\nimport { GameLink } from \"./GameLink.tsx\";\nimport { GameResult } from \"./GameResult.tsx\";\nimport { KnownTextWarning } from \"./KnownTextWarning.tsx\";\nimport { Loading } from \"./Loading.tsx\";\nimport { post } from \"./networkHelpers.ts\";\nimport { Notice } from \"./Notice.tsx\";\nimport { randomSubstitutionMap, substitutionAndReverseMaps, substitutionEncode } from \"./substitutionCipher.ts\";\nimport { randomLetter } from \"./wordHelpers.ts\";\n\nexport function App({ uuid }: { uuid: string }) {\n const [name, setName] = useState(localStorage.getItem(\"name\"));\n const [cipher, setCipher] = useState | null>(null);\n const [decryptionAttempt, setDecryptionAttempt] = useState([]);\n const [startTime, setStartTime] = useState(null);\n const [solveTime, setSolveTime] = useState(null);\n const [isCorrect, setIsCorrect] = useState(null);\n const [hintCount, setHintCount] = useState(0);\n const [keywordRevealed, setKeywordRevealed] = useState(false);\n const [quoteAuthor, setQuoteAuthor] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [loadingError, setLoadingError] = useState(\"\");\n const [isRevealed, setIsRevealed] = useState(false);\n const [currentFocusIndex, setCurrentFocusIndex] = useState(null);\n const inputRefs = useRef[]>([]);\n const [knownTexts, setKnownTexts] = useState([]);\n const currentUrl = `${window.location.origin}/${uuid.replace(\"cipher-\", \"\")}`;\n // present(`uuid: ${uuid}, currentUrl: ${currentUrl} window.location.origin: ${window.location.origin}`);\n window.history.pushState({}, \"\", currentUrl);\n\n if (window.WebNativeBridge) {\n window.WebNativeBridge.nativeToWeb = (data: any) => {\n if (data.action === \"startNewGame\") {\n startNewGame(uuid);\n }\n };\n }\n\n useEffect(() => {\n async function fetchQuote() {\n try {\n const known = await getKnownTexts();\n setKnownTexts(known);\n\n let loadedFromUUID = false;\n if (uuid) {\n let value = undefined;\n while (value === undefined) {\n const response = await fetch(`https://simplevalueapi.val.run/getValue?id=${uuid}`);\n const responseData = await response.json();\n if (responseData?.value?.cipher === undefined) {\n console.log(\"no existing cipher with this uuid\", responseData?.value?.cipher);\n break;\n }\n if (responseData?.value?.cipher === \"\") {\n await new Promise((resolve) => setTimeout(resolve, 500));\n } else {\n value = responseData?.value;\n }\n }\n const newCipher = value?.cipher;\n const author = value?.author;\n if (newCipher && author) {\n setCipher(newCipher);\n setQuoteAuthor(author);\n loadedFromUUID = true;\n\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n }\n\n if (!loadedFromUUID) {\n console.log(\"not loaded from uuid, fetching new quote\");\n if (uuid) {\n // mark this uuid as known\n await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: \"\", author: \"\" },\n });\n }\n let keyword = \"\";\n let quote = \"\";\n let author = \"\";\n while (quote === \"\") {\n const response = await fetch(`/quote`);\n const responseData = await response.json();\n if ((responseData?.quote?.length ?? 0) >= 5) {\n keyword = responseData.keyword;\n quote = responseData.quote;\n author = responseData.author;\n break;\n }\n }\n const typeNumber = Math.random();\n const groupingType = Math.random() < 0.6 ? \"aristocrat\" : \"patristocrat\";\n const type = groupingType === \"aristocrat\"\n ? (typeNumber > 0.667 ? \"random\" : (typeNumber <= 0.333 ? \"k1\" : \"k2\"))\n : (typeNumber < 0.5 ? \"k1\" : \"k2\");\n const positionLetter = randomLetter();\n const newCipher = substitutionEncode({ plainText: quote, keyword, positionLetter, type, groupingType });\n setCipher(newCipher);\n setQuoteAuthor(author);\n if (uuid) {\n const writeResult = await post(\"https://simplevalueapi.val.run/setValue\", {\n id: uuid,\n value: { cipher: newCipher, author },\n });\n }\n // Initialize decryption attempt with empty strings\n const initialAttempt = newCipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n\n // Create refs for each input\n inputRefs.current = initialAttempt.map(() => createRef());\n\n setIsLoading(false);\n }\n } catch (error) {\n console.error(\"Failed to fetch quote:\", error);\n setLoadingError(`${error}`);\n setIsLoading(false);\n }\n }\n\n fetchQuote();\n }, []);\n\n const handleStartGame = () => {\n if (!name || !name.trim()) {\n return;\n }\n localStorage.setItem(\"name\", name ?? \"\");\n setStartTime(Date.now());\n };\n\n const handleLetterChange = (index: number, value: string) => {\n if (!cipher) return;\n\n const newAttempt = [...decryptionAttempt];\n const uppercaseValue = value.toUpperCase();\n\n // If the value is a letter, autofill all matching encoded letters\n if (/^[A-Z]$/.test(uppercaseValue)) {\n newAttempt[index] = uppercaseValue;\n\n // Find all indices of the same encoded letter and fill them\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === cipher.encoded.replace(/\\s/g, \"\")[index]) {\n newAttempt[idx] = uppercaseValue;\n }\n });\n\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > index);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n } else {\n // find the first unfilled input and focus it\n const firstUnfilledIndex = newAttempt.findIndex((letter) => letter === \"\");\n if (firstUnfilledIndex !== -1 && inputRefs.current[firstUnfilledIndex]?.current) {\n inputRefs.current[firstUnfilledIndex].current?.focus();\n }\n }\n }\n\n setDecryptionAttempt(newAttempt);\n };\n\n const handleKeyDown = (index: number, event: React.KeyboardEvent) => {\n if (!cipher) return;\n\n // Handle backspace to clear all instances of the letter or move to previous input\n if (event.key === \"Backspace\") {\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n // If current input is empty, move to previous input and delete its letter\n if (!decryptionAttempt[index]) {\n if (index > 0) {\n const prevIndex = index - 1;\n const newAttempt = [...decryptionAttempt];\n\n // Remove the letter from the previous input\n const encodedLetterToRemove = encodedWithoutSpace[prevIndex];\n newAttempt[prevIndex] = \"\";\n\n // Remove the same letter from all other inputs\n const updatedAttempt = newAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(updatedAttempt);\n\n // Focus the previous input\n inputRefs.current[prevIndex].current?.focus();\n }\n } else {\n // If current input is not empty, clear all instances of its letter\n const encodedLetterToRemove = encodedWithoutSpace[index];\n const newAttempt = decryptionAttempt.map((letter, index) =>\n encodedWithoutSpace[index] === encodedLetterToRemove ? \"\" : letter\n );\n\n setDecryptionAttempt(newAttempt);\n\n // Focus the current input after clearing\n inputRefs.current[index].current?.focus();\n }\n }\n };\n\n const handleClear = async () => {\n if (cipher) {\n const initialAttempt = cipher.encoded.replace(/\\s/g, \"\").split(\"\").map(() => \"\");\n setDecryptionAttempt(initialAttempt);\n }\n };\n const handleSubmit = async () => {\n if (isRevealed || isCorrect) { return; }\n\n // if there is empty letter in decryptionAttempt, return\n if (decryptionAttempt.some((letter) => letter === \"\")) {\n present(\"😾 Not completed yet\");\n return;\n }\n if (cipher) {\n // Remove spaces from the encoded message to match decryption attempt\n const cleanEncoded = cipher.encoded.replace(/\\s/g, \"\");\n\n // Translate the decryption attempt back to original letters\n const translatedAttempt = decryptionAttempt.join(\"\");\n const isMatch = translatedAttempt === cipher.cleanOriginal;\n\n setIsCorrect(isMatch);\n\n if (isMatch && startTime) {\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setSolveTime(timeTaken);\n\n appendToLocalStorage(cipher.original, quoteAuthor);\n\n if (uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `⭐️ ${name} completed the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: true, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n if (!isMatch && uuid && name) {\n await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `❌ ${name} submitted an incorrect answer. Hints so far: ${hintCount}. Keyword used: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n }\n }\n };\n\n const handleRevealAnswer = async () => {\n if (isCorrect) { return; }\n if (cipher && startTime) {\n const revealedAttempt = cipher.cleanOriginal.split(\"\");\n const timeTaken = Math.round((Date.now() - startTime) / 1000);\n setDecryptionAttempt(revealedAttempt);\n setIsRevealed(true);\n appendToLocalStorage(cipher.original, quoteAuthor);\n if (uuid && name) {\n const writeResult = await post(\"https://simplevalueapi.val.run/addLog\", {\n id: uuid,\n log: `💀 ${name} abandoned the mission. Time: ${timeTaken} seconds. Hints: ${hintCount}. Keyword needed: ${\n keywordRevealed ? \"yes\" : \"no\"\n }`,\n });\n void sendBridgeMessage({\n action: \"finish\",\n data: { uuid, success: false, timeTaken, hintCount, keywordRevealed },\n });\n }\n }\n };\n\n const handleRevealKeyword = () => {\n if (cipher) {\n if (cipher.type === \"random\") {\n present(\"It's a random substitution cipher. There is no keyword.\");\n } else {\n present(`The keyword is ${cipher.keyword}`);\n setKeywordRevealed(true);\n }\n }\n };\n\n const handleRevealAuthor = () => {\n if (quoteAuthor) {\n present(`The author is ${quoteAuthor}`);\n } else {\n present(`No author for this`);\n }\n };\n\n const handleHintType = () => {\n if (isCorrect || isRevealed) { return; }\n if (cipher && currentFocusIndex !== null) {\n // Get the original letter for the current encoded letter\n const encodedLetter = cipher.encoded.replace(/\\s/g, \"\")[currentFocusIndex];\n const originalLetter = Object.entries(cipher.reverseSubstitutionMap)\n .find(([encoded]) => encoded === encodedLetter)?.[1] || \"\";\n\n if (originalLetter) {\n const newAttempt = [...decryptionAttempt];\n newAttempt[currentFocusIndex] = originalLetter;\n\n // Fill all matching encoded letters\n decryptionAttempt.forEach((letter, idx) => {\n if (cipher.encoded.replace(/\\s/g, \"\")[idx] === encodedLetter) {\n newAttempt[idx] = originalLetter;\n }\n });\n\n setDecryptionAttempt(newAttempt);\n setHintCount(hintCount + 1);\n // Find the next unfilled input and focus it\n const nextUnfilledIndex = newAttempt.findIndex((letter, i) => letter === \"\" && i > currentFocusIndex);\n if (nextUnfilledIndex !== -1 && inputRefs.current[nextUnfilledIndex]?.current) {\n inputRefs.current[nextUnfilledIndex].current?.focus();\n }\n }\n }\n };\n\n const isDuplicated = (encodedLetter: string) => {\n if (!cipher) return false;\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n let attemptForLetter = \"\";\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n attemptForLetter = decryptionAttempt[index];\n break;\n }\n }\n for (const index in decryptionAttempt) {\n // if another encoded letter also uses attemptForLetter\n if (\n decryptionAttempt[index] !== \"\" && encodedWithoutSpace[index] !== encodedLetter\n && decryptionAttempt[index] === attemptForLetter\n ) {\n return true;\n }\n }\n return false;\n };\n\n const attemptedOriginalFor = (encodedLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (encodedWithoutSpace[index] === encodedLetter && decryptionAttempt[index] !== \"\") {\n return decryptionAttempt[index];\n }\n }\n return \"?\";\n };\n\n const attemptedEncodedFor = (originalLetter: string) => {\n if (!cipher) return \"\";\n const encodedWithoutSpace = cipher.encoded.replace(/\\s/g, \"\");\n for (const index in decryptionAttempt) {\n if (decryptionAttempt[index] === originalLetter) {\n return encodedWithoutSpace[index];\n }\n }\n return \"?\";\n };\n\n const indexFor = (groupIndex: number, indexInGroup: number): number => {\n if (!cipher) return 0;\n let index = 0;\n let words = cipher.encoded.split(\" \");\n for (let i = 0; i < groupIndex; i += 1) {\n index += words[i].length;\n }\n return index + indexInGroup;\n };\n\n if (isLoading) {\n return ;\n }\n\n if (!cipher) return

{`Something unexpected happened: ${loadingError}`}

;\n\n return (\n \n {!isMobileNative() &&

Cipher Challenge 🕵️

}\n\n {cipher && startTime === null && isTextKnown(cipher.original, quoteAuthor, knownTexts) && (\n \n )}\n\n {startTime !== null\n && (\n

\n\n {cipher.type === \"k2\" && (\n

\n Cipher letter frequency:\n
\n {\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\".split(\"\").map((letter, index) => (\n \n {letter}\n {\":\"}\n {cipher?.encodedLetterCounts[letter] ?? 0}\n {\" \"}\n \n ))}\n

\n )}\n\n {!isMobileNative() && (\n

\n Codebreaker: {name ?? \"\"}\n

\n \n \n setName(e.target.value)}\n type=\"text\"\n />\n \n START\n \n

History