[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","justinstevens","name","caselens-canada","path","frontend/components/ExportView.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/justinstevens/caselens-canada/code/frontend/components/ExportView.tsx","extension","id","7b4c85c3-df91-4815-ba13-a61f979d5f5e","ExportView.tsx","fileId","f846ea24-aa23-11f1-ac54-1607ee4eb77e","parentId","01a0780a-5903-77b6-aac8-5c421d94bc54","branchId","9da8d75d-5b67-4db9-bfe9-96a9f922df07","branchVersion",25,"latest",true,"createdAt",["D",1788720689091],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { categoryInfo, type Analysis, type Highlight } from \"../../types.ts\";\n\nexport function ExportView({\n analysis,\n userState,\n onBack,\n onNote,\n}: {\n analysis: Analysis;\n userState: Record;\n onBack: () => void;\n onNote: (id: string, note: string) => void;\n}) {\n const saved = useMemo(\n () => analysis.highlights.filter((h) => userState[h.id]?.status === \"saved\"),\n [analysis, userState],\n );\n const [selected, setSelected] = useState>(() => new Set(saved.map((h) => h.id)));\n const [copied, setCopied] = useState(false);\n\n const toggle = (id: string) => {\n const next = new Set(selected);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n setSelected(next);\n };\n\n const exportSet = selected.size ? selected : new Set(saved.map((h) => h.id));\n const rows = saved.filter((h) => exportSet.has(h.id));\n\n const meta = analysis.metadata;\n const md = buildMarkdown(analysis, rows, userState);\n\n const copy = async () => {\n try {\n await navigator.clipboard.writeText(md);\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n } catch {}\n };\n const download = (ext: string) => {\n const blob = new Blob([md], { type: \"text/markdown\" });\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob);\n a.download = `caselens-${slugify(meta.styleOfCause.value ?? meta.neutralCitation.value ?? \"judgment\")}.${ext}`;\n a.click();\n URL.revokeObjectURL(a.href);\n };\n\n return (\n

\n \n

Export saved highlights

\n {saved.length} saved · {rows.length} selected for export\n

\n \n \n \n

\n\n {saved.length === 0 ? (\n

☆

No highlights saved yet. Return to the reader and hit “Save” on the passages you want to keep.

\n ) : (\n

\n {rows.map((h) => {\n const info = categoryInfo(h.category);\n const note = userState[h.id]?.note;\n return (\n

\n toggle(h.id)}\n aria-label=\"select for export\"\n className=\"mt-1 accent-amber-500 w-4 h-4\"\n />\n

\n \n {info.label}\n \n ¶ {h.paragraphNumber}\n · importance {Math.round(h.importance * 100)}%\n

\n “{h.exactQuote}”\n

\n \n \n \n

\n Note\n onNote(h.id, e.target.value)}\n placeholder=\"Add a note…\"\n rows={1}\n className=\"mt-0.5 w-full rounded-lg border border-charcoal/15 p-2 text-sm focus:outline-none focus:ring-2 focus:ring-amber-300\"\n />\n

\n );\n })}\n

\n )}\n\n

\n Export includes case name, neutral citation, court and date where detected; \"Not detected\" appears where the metadata could not be read from the judgment text.\n

\n        {md}\n

\n );\n}\n\nfunction Row({ label, value }: { label: string; value: string }) {\n return (\n

\n {label}\n {value}\n

\n );\n}\n\nfunction buildMarkdown(a: Analysis, rows: Highlight[], userState: Record): string {\n const m = a.metadata;\n const V = (f: any) => (f?.value ? f.value : \"Not detected\");\n const L: string[] = [];\n L.push(`# ${V(m.styleOfCause) || \"Judgment\"}`);\n const metaLine = [V(m.neutralCitation), V(m.court), V(m.decisionDate)].filter((x) => x !== \"Not detected\").join(\" · \");\n if (metaLine) L.push(metaLine);\n L.push(\"\");\n if (rows.length === 0) {\n L.push(\"_No highlights saved._\");\n return L.join(\"\\n\");\n }\n rows.forEach((h, i) => {\n const info = categoryInfo(h.category);\n L.push(`### ${i + 1}. ${info.label} — para. ${h.paragraphNumber}`);\n L.push(\"\");\n L.push(`> ${h.exactQuote}`);\n L.push(\"\");\n L.push(`- **Legal type:** ${h.legalType}`);\n L.push(`- **Why it matters:** ${h.whyMatters}`);\n L.push(`- **Suggested proposition:** ${h.legalProposition}`);\n L.push(`- **How to cite/use:** ${h.citationUse}`);\n const note = userState[h.id]?.note;\n if (note) L.push(`- **Note:** ${note}`);\n L.push(\"\");\n });\n L.push(\"---\");\n L.push(\"*Generated by CaseLens Canada. Passages quoted verbatim from the analyzed judgment; metadata shown as detected from the text. This tool does not assess whether a case remains good law.*\");\n return L.join(\"\\n\");\n}\n\nfunction slugify(s: string): string {\n return (s || \"judgment\").toLowerCase().replace(/[^a-z0-9]+/g, \"-\").replace(/^-+|-+$/g, \"\").slice(0, 40) || \"judgment\";\n}\n","deleted",false,"label",[47,48,24],"frontend","components","98a438e2-e86c-4387-8e64-73a6f374b982",["D",1788720339103],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Canadian judgment analyzer, highlights citation-worthy passages","imageUrl","userId","436e5f36-a2ba-4a6a-a643-a30cb32bc6d0","pinnedFileId","01a0780a-5903-77b6-aac8-7b10e8bcd475","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a07805-dad2-708b-ba9b-d68c374aef77","tursoName","98a438e2e86c43878e6473a6f374b982","tursoHostname","98a438e2e86c43878e6473a6f374b982-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789504908499],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_102":103,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned",28,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Justin Stevens","avatar","https://lh3.googleusercontent.com/a/ACg8ocKLKYD-xizVJxt8-uDEezaNk_hNn0G1pUiiV0LSrwEU1mcm1qa4=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":38,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":93,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]