[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"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","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","7737344795719919158","traceTime",1781740667997]