[{"_1":2,"_179":-5,"_180":-5},"loaderData",{"_3":4,"_95":96},"root",{"_5":6,"_36":37,"_68":69},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isBusinessOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","dea2103bd25002ab40e5710f03626b3055cfecf7","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_70":71},"__internal_clerk_state",{"_72":73,"_74":47,"_75":76,"_77":76,"_78":20,"_79":76,"_80":76,"_81":76,"_82":76,"_83":84,"_93":20,"_94":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_85":20,"_19":20,"_86":76,"_87":88,"_89":76,"_90":47,"_91":20,"_92":76},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_157":158,"_176":177,"_178":-5},"handle","joshbeckman","name","preRead","path","main.ts","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":20,"_111":112,"_113":114,"_115":-5,"_12":116,"_117":-5,"_118":20,"_119":-5,"_120":-5,"_121":33,"_14":122,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":135,"_138":139,"_143":144,"_156":20},"id","1b3b88b8-28c0-11f1-80b0-42dde27851f2","createdAt",["D",1774494098087],"deletedAt","legacyEnvVars","privacy","public","description","Pre-read a web page through the lens of my knowledge garden","imageUrl","f8d90ec1-81be-4efc-b861-a032f3f5b85f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","b1ec36cc-9d04-4938-872f-34bf39599d6a","tursoName","tursoHostname","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_136":137},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJTZm1HaHJGdDFmQ2s5ME05RW9lT1JGbHZPYyIsImluaXRpYWxzIjoiSkIifQ","org",{"_97":98,"_140":137,"_12":116,"_141":142},"avatar","tier","free","branch",{"_145":146,"_99":45,"_105":147,"_148":106,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":100,"_155":98},"version",3,"1b3be2e0-28c0-11f1-80b0-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_105":159,"_99":102,"_160":161,"_162":-5,"_163":147,"_164":146,"_165":166,"_107":167,"_145":168,"_169":170,"_171":172,"_173":20,"_174":-5,"_101":175},"00fa90f0-28c2-11f1-b9e7-42dde27851f2","fileId","1ba131fe-28c0-11f1-80b0-42dde27851f2","parentId","branchId","branchVersion","latest",true,["D",1774494913004],2,"fileType","http","content","import Anthropic from \"npm:@anthropic-ai/sdk\";\nimport lunr from \"https://cdn.skypack.dev/lunr\";\nimport { marked } from \"npm:marked\";\n\nconst anthropic = new Anthropic();\nconst MODEL = \"claude-sonnet-4-6\";\nconst SITE_URL = \"https://www.joshbeckman.org\";\nconst MAX_TOOL_ROUNDS = 6;\nconst JINA_BASE = \"https://r.jina.ai/\";\n\ntype Post = {\n doc: string;\n title: string;\n content: string;\n tags: string;\n url: string;\n type: string;\n date: string;\n backlinks?: string[];\n sequences?: Array<{ id: string; topic: string }>;\n author_id?: string;\n book?: number | string;\n image?: string;\n};\n\nconst tools: Anthropic.Messages.Tool[] = [\n {\n name: \"search_posts\",\n description:\n \"Search for posts in the knowledge garden by query text. This is a keyword-based search (like Elasticsearch), NOT semantic/embedding search. Use short queries with specific nouns and terms that would literally appear in post text. For example: 'domain events CRUD' not 'how domain events prevent CRUD-shaped thinking'. Try multiple focused queries rather than one complex one. Use the tag filter when you know a relevant tag. Returns titles, URLs, tags, and content snippets.\",\n input_schema: {\n type: \"object\" as const,\n properties: {\n query: { type: \"string\", description: \"Search query text\" },\n limit: { type: \"number\", description: \"Max results (1-10, default 5)\" },\n tag: { type: \"string\", description: \"Filter to posts with this tag\" },\n category: {\n type: \"string\",\n enum: [\"blog\", \"notes\", \"exercise\", \"replies\", \"page\"],\n description: \"Filter by post category\",\n },\n },\n required: [\"query\"],\n },\n },\n {\n name: \"get_post\",\n description:\n \"Get the full content and metadata of a specific post by its URL path (e.g. /notes/446271384). Use this to read a post in full when you need more context than the search snippet provides.\",\n input_schema: {\n type: \"object\" as const,\n properties: {\n url: { type: \"string\", description: \"Post URL or path\" },\n },\n required: [\"url\"],\n },\n },\n {\n name: \"get_tags\",\n description:\n \"List all tags used in the knowledge garden. Useful for discovering what themes exist.\",\n input_schema: {\n type: \"object\" as const,\n properties: {},\n },\n },\n {\n name: \"search_tags\",\n description:\n \"Search for tags matching a query string. Returns matching tag names.\",\n input_schema: {\n type: \"object\" as const,\n properties: {\n query: { type: \"string\", description: \"Tag name to search for\" },\n },\n required: [\"query\"],\n },\n },\n];\n\n// Data cache — loaded once per request\nlet _searchData: Record | null = null;\nlet _index: lunr.Index | null = null;\nlet _tags: Array<{ name: string; url: string }> | null = null;\nlet _toneGuide: string | null = null;\n\nasync function getSearchData(): Promise> {\n if (!_searchData) {\n _searchData = await fetch(`${SITE_URL}/assets/js/SearchData.json`).then((r) => r.json());\n }\n return _searchData!;\n}\n\nasync function getIndex(): Promise {\n if (!_index) {\n const searchData = await getSearchData();\n lunr.tokenizer.separator = /[\\s/]+/;\n _index = lunr(function () {\n this.ref(\"id\");\n this.field(\"title\");\n this.field(\"content\");\n this.field(\"url\");\n this.field(\"tags\");\n this.metadataWhitelist = [\"position\"];\n for (const i in searchData) {\n this.add({\n id: i,\n title: searchData[i].title,\n content: searchData[i].content,\n url: searchData[i].url,\n tags: searchData[i].tags,\n });\n }\n });\n }\n return _index!;\n}\n\nasync function getTags(): Promise> {\n if (!_tags) {\n _tags = await fetch(`${SITE_URL}/assets/js/tags.json`).then((r) => r.json());\n }\n return _tags!;\n}\n\nasync function getToneGuide(): Promise {\n if (!_toneGuide) {\n _toneGuide = await fetch(`${SITE_URL}/llms/prompts/tone.txt`).then((r) => r.text());\n }\n return _toneGuide!;\n}\n\nfunction postFilter(post: Post) {\n return post.type === \"post\" || post.type === \"page\";\n}\n\nfunction extractCategory(post: Post): string {\n if (post.type === \"page\") return \"page\";\n if (post.url?.includes(\"/notes/\")) return \"notes\";\n if (post.url?.includes(\"/exercise/\")) return \"exercise\";\n if (post.url?.includes(\"/replies/\")) return \"replies\";\n return \"blog\";\n}\n\nfunction formatPost(post: Post): string {\n const url = post.url?.startsWith(\"http\") ? post.url : SITE_URL + post.url;\n return [\n `# [${post.title}](${url})`,\n \"\",\n post.content?.slice(0, 1000),\n \"\",\n `- tags: ${(post.tags || \"\").split(\" \").join(\", \")}`,\n `- date: ${post.date}`,\n `- category: ${extractCategory(post)}`,\n post.backlinks?.length ? `- backlinks: ${post.backlinks.map((b) => SITE_URL + b).join(\", \")}` : null,\n ]\n .filter(Boolean)\n .join(\"\\n\");\n}\n\nfunction search(input: string, index: lunr.Index, searchData: Record) {\n let results = index.search(input);\n\n if (results.length < 3 && input.length > 2) {\n const tokens = lunr.tokenizer(input).filter((t: lunr.Token) => t.str.length < 20);\n if (tokens.length > 1) {\n const orResults = index.query((q: lunr.Query) => {\n for (const token of tokens) {\n q.term(token.str, {\n fields: [\"title\", \"tags\"],\n boost: 10,\n presence: lunr.Query.presence.OPTIONAL,\n });\n q.term(token.str, {\n fields: [\"content\"],\n presence: lunr.Query.presence.OPTIONAL,\n });\n }\n });\n const seen = new Set(results.map((r) => r.ref));\n for (const r of orResults) {\n if (!seen.has(r.ref)) {\n seen.add(r.ref);\n results.push(r);\n }\n }\n }\n }\n\n if (results.length === 0 && input.length > 2) {\n const tokens = lunr.tokenizer(input).filter((t: lunr.Token) => t.str.length < 20);\n if (tokens.length > 0) {\n results = index.query((q: lunr.Query) => {\n q.term(tokens, { editDistance: Math.round(Math.sqrt(input.length / 2 - 1)) });\n });\n }\n }\n\n return results\n .map((r) => searchData[r.ref])\n .filter((p) => p && postFilter(p));\n}\n\nasync function executeTool(name: string, input: Record): Promise {\n const searchData = await getSearchData();\n const index = await getIndex();\n\n if (name === \"search_posts\") {\n const query = input.query as string;\n const limit = Math.min(Math.max((input.limit as number) || 5, 1), 10);\n let results = search(query, index, searchData);\n if (input.tag) results = results.filter((p) => p.tags?.includes(input.tag as string));\n if (input.category) results = results.filter((p) => extractCategory(p) === input.category);\n if (results.length === 0) return `No posts found for \"${query}\".`;\n return results\n .slice(0, limit)\n .map((p) => formatPost(p))\n .join(\"\\n\\n---\\n\\n\");\n }\n\n if (name === \"get_post\") {\n const url = input.url as string;\n const db = Object.values(searchData).filter(postFilter);\n const post = db.find((p) => p.url === url || SITE_URL + p.url === url);\n if (!post) return `Post \"${url}\" not found.`;\n return formatPost(post);\n }\n\n if (name === \"get_tags\") {\n const tags = await getTags();\n return tags.map((t) => t.name).sort().join(\", \");\n }\n\n if (name === \"search_tags\") {\n const q = (input.query as string).toLowerCase();\n const tags = await getTags();\n const matches = tags.filter((t) => t.name.toLowerCase().includes(q));\n if (matches.length === 0) return `No tags matching \"${q}\".`;\n return matches.slice(0, 20).map((t) => t.name).join(\", \");\n }\n\n return `Unknown tool: ${name}`;\n}\n\nasync function agentLoop(\n systemPrompt: string,\n userMessage: string\n): Promise<{ text: string; toolCalls: Array<{ name: string; input: Record }> }> {\n const messages: Anthropic.Messages.MessageParam[] = [\n { role: \"user\", content: userMessage },\n ];\n const allToolCalls: Array<{ name: string; input: Record }> = [];\n\n for (let round = 0; round < MAX_TOOL_ROUNDS; round++) {\n const response = await anthropic.messages.create({\n model: MODEL,\n max_tokens: 2048,\n system: systemPrompt,\n tools,\n messages,\n });\n\n const textBlocks = response.content.filter((b) => b.type === \"text\");\n const toolBlocks = response.content.filter((b) => b.type === \"tool_use\");\n\n if (toolBlocks.length === 0) {\n const rawText = textBlocks.map((b) => b.text).join(\"\\n\");\n const cleaned = extractComment(rawText);\n return { text: cleaned, toolCalls: allToolCalls };\n }\n\n messages.push({ role: \"assistant\", content: response.content });\n\n const toolResults: Anthropic.Messages.ToolResultBlockParam[] = [];\n for (const block of toolBlocks) {\n allToolCalls.push({ name: block.name, input: block.input as Record });\n const result = await executeTool(block.name, block.input as Record);\n toolResults.push({ type: \"tool_result\", tool_use_id: block.id, content: result });\n }\n messages.push({ role: \"user\", content: toolResults });\n }\n\n messages.push({\n role: \"user\",\n content: \"You've done enough research. Based on what you've found so far, write your response now. Restate the claim you're responding to, then give your perspective. Output ONLY the response with markdown links — nothing else.\",\n });\n const finalResponse = await anthropic.messages.create({\n model: MODEL,\n max_tokens: 1024,\n system: systemPrompt,\n messages,\n });\n const rawText = finalResponse.content\n .filter((b) => b.type === \"text\")\n .map((b) => b.text)\n .join(\"\\n\");\n const cleaned = extractComment(rawText);\n return { text: cleaned, toolCalls: allToolCalls };\n}\n\nfunction extractComment(raw: string): string {\n const trimmed = raw.trim();\n if (!trimmed) return trimmed;\n\n const paragraphs = trimmed.split(/\\n\\s*\\n/).map((p) => p.trim()).filter(Boolean);\n const withLinks = paragraphs.filter((p) => p.includes(\"](\"));\n\n if (withLinks.length > 0) {\n return withLinks.join(\"\\n\\n\");\n }\n\n return paragraphs[paragraphs.length - 1] || trimmed;\n}\n\nasync function fetchPageContent(url: string): Promise<{ title: string; content: string }> {\n const jinaKey = Deno.env.get(\"JINA_AI_API_KEY\");\n const headers: Record = {\n Accept: \"application/json\",\n };\n if (jinaKey) {\n headers[\"Authorization\"] = `Bearer ${jinaKey}`;\n }\n const resp = await fetch(`${JINA_BASE}${url}`, { headers });\n if (!resp.ok) {\n throw new Error(`Failed to fetch page: ${resp.status} ${resp.statusText}`);\n }\n const data = await resp.json();\n return {\n title: data.data?.title || url,\n content: data.data?.content || \"\",\n };\n}\n\nexport default async function (req: Request): Promise {\n _searchData = null;\n _index = null;\n _tags = null;\n _toneGuide = null;\n\n const params = new URL(req.url).searchParams;\n const pageUrl = params.get(\"url\");\n if (!pageUrl) {\n return new Response(JSON.stringify({ error: \"url parameter is required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n\n const page = await fetchPageContent(pageUrl);\n if (!page.content) {\n return new Response(JSON.stringify({ error: \"Could not fetch page content\", url: pageUrl }), {\n status: 422,\n headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" },\n });\n }\n\n const domain = new URL(pageUrl).hostname.replace(/^www\\./, \"\");\n const pageSummary = `Title: ${page.title}\\nURL: ${pageUrl}\\nDomain: ${domain}\\n\\nContent:\\n${page.content.slice(0, 8000)}`;\n const toneGuide = await getToneGuide();\n\n const systemPrompt = `You are helping pre-read a web page through the lens of a personal knowledge garden at joshbeckman.org. You have access to tools that let you search and read posts in the garden.\n\nYour job: given a web page someone is about to read, research the garden to find related prior writing, then write a response that frames what the garden's author already knows or has written about in relation to this piece.\n\nStrategy:\n1. Read the page and identify its core themes, arguments, the author's name, and the source domain\n2. Search the garden for prior content from this author and domain — many notes in the garden are highlights from other sources, so searching by author name or domain often finds previously saved material\n3. Search for related posts by key concepts, themes, and adjacent ideas\n4. Read any promising posts in full if the search snippets aren't enough\n5. Write your response: restate the claim or argument you're responding to, then connect it to the garden's prior writing\n\nYour response should:\n- Be written in first person as the garden's author\n- Restate the key claim or argument from the page that you're addressing\n- Draw specific connections or contrasts to posts you found, linking them by title\n- Help the reader understand what they already know about this topic before diving in\n- Be a short paragraph or two — enough to restate the claim and give your perspective\n- Use markdown links like [Title](URL) when referencing posts\n\nFollow this writing style guide for tone and voice:\n\n${toneGuide}\n\nCRITICAL FORMAT RULE: Your final response (after you finish using tools) must contain ONLY the response itself. Nothing else. No \"Here is my response\", no \"I found that\", no numbered lists, no reasoning, no summary of research. Just the response.`;\n\n const angles: Record = {\n proponent:\n \"Your angle: PROPONENT. Find where the garden's prior writing supports, extends, or reinforces the ideas in this page. Show what existing knowledge aligns with or builds toward these ideas.\",\n opponent:\n \"Your angle: OPPONENT. Find where the garden's prior writing pushes back on, complicates, or contradicts the ideas in this page. Identify tensions between what the author already believes and what this piece argues.\",\n questioner:\n \"Your angle: QUESTIONER. Find what the garden's prior writing leaves open or unresolved in relation to this page. What questions does the author's existing knowledge raise about this new piece?\",\n };\n\n const [proResult, oppResult, queResult] = await Promise.all(\n [\"proponent\", \"opponent\", \"questioner\"].map((perspective) =>\n agentLoop(systemPrompt, `${angles[perspective]}\\n\\nHere is the web page to pre-read:\\n\\n${pageSummary}`)\n )\n );\n\n const [proponentHtml, opponentHtml, questionerHtml] = await Promise.all([\n marked.parse(proResult.text),\n marked.parse(oppResult.text),\n marked.parse(queResult.text),\n ]);\n\n const allToolCalls = [...proResult.toolCalls, ...oppResult.toolCalls, ...queResult.toolCalls];\n const searchQueries = allToolCalls\n .filter((tc) => tc.name === \"search_posts\")\n .map((tc) => tc.input.query as string);\n\n return new Response(\n JSON.stringify({\n page: { title: page.title, url: pageUrl },\n queries: [...new Set(searchQueries)],\n perspectives: {\n proponent: { markdown: proResult.text, html: proponentHtml },\n opponent: { markdown: oppResult.text, html: opponentHtml },\n questioner: { markdown: queResult.text, html: questionerHtml },\n },\n }),\n { headers: { \"Content-Type\": \"application/json\", \"Access-Control-Allow-Origin\": \"*\" } }\n );\n}\n","deleted","label",[102],"permalink","https://www.val.town/x/joshbeckman/preRead/code/main.ts","extension","actionData","errors"]