[{"_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","67a5449a8174819190dc3f8a41ab8d23","versionInt","title","Word Counter","type","code/react","content","import React, { useState } from 'react';\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Textarea } from \"@/components/ui/textarea\";\n\n// Typical reading speed is about 200 words per minute.\n// We'll do a rough calculation for reading time.\n\nexport default function WordCounter() {\n const [text, setText] = useState(\"\");\n\n // Function to transform markdown-like text into a simplified string where\n // links (in the form [label](url)) are counted as one word, and bold/italic\n // markers are removed.\n function cleanMarkdown(input) {\n // 1) Replace all markdown links [label](url) with a single token \"LINK\"\n let cleaned = input.replace(/\\[[^\\]]*\\]\$[^\$]*\\)/g, \"LINK\");\n\n // 2) Remove bold/italic markers (e.g., **, __, *, _)\n cleaned = cleaned.replace(/\\*\\*|__|\\*|_/g, \"\");\n\n // Additional markdown syntax could be stripped out here if desired.\n // For now we keep headings or other text so they get counted.\n\n return cleaned;\n }\n\n const handleTextChange = (e) => {\n setText(e.target.value);\n };\n\n // Use the cleaning function before counting.\n const cleanedText = cleanMarkdown(text);\n\n // Basic word count by splitting on whitespace after cleaning.\n // Trim to remove leading/trailing spaces.\n const wordCount = cleanedText.trim().length > 0\n ? cleanedText.trim().split(/\\s+/).length\n : 0;\n\n // Approximate reading time in minutes (at ~200 WPM)\n // We can keep a decimal or do something else.\n const readingTimeMinutes = wordCount / 200;\n\n // Format reading time string.\n // e.g., \"0.5 min\" or \"1.2 min\"\n const readingTimeDisplay = `${readingTimeMinutes.toFixed(1)} minute(s)`;\n\n return (\n

\n \n \n

Word Counter & Reading Time

\n \n

Words: {wordCount}

Approx. Reading Time: {readingTimeDisplay}

\n \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","12116641247198497918","traceTime",1779313960806]