[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","67a6fc6d64b08191a262f8308e20022f","versionInt","title","Copy of Simple Word List","type","code/react","content","import React, { useState } from \"react\";\nimport { useFireproof } from \"use-fireproof\";\n\nexport default function App() {\n const { database, useLiveQuery } = useFireproof(\"word-list-db\");\n const [word, setWord] = useState(\"\");\n\n const handleAddWord = async () => {\n if (word.trim()) {\n await database.put({ \n text: word, \n timestamp: Date.now(),\n votes: 0 \n });\n setWord(\"\");\n }\n };\n\n const handleUpvote = async (doc) => {\n await database.put({ ...doc, votes: (doc.votes || 0) + 1 });\n };\n\n const queryResult = useLiveQuery((doc) => doc.text && doc.text.length || 0, {\n sort: (a, b) => a.text.length - b.text.length,\n });\n\n return (\n

Word List

\n setWord(e.target.value)}\n className=\"w-full p-2 border rounded mb-2\"\n placeholder=\"Enter a word\"\n />\n \n Add Word\n \n

\n {doc.text} ({doc.votes || 0} votes)\n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","4452416503092527462","traceTime",1776509960618]