\n ${issue.issue_number}\n ${esc(issue.title)}\n ${issue.labels.map((l) => `${esc(l)}`).join(\"\")}\n \n ${issue.status === \"created\" ? `#${issue.gh_number} ✓` : issue.status}\n \n

${esc(issue.rationale)}

${bodyHtml}

\n ${!canCreate ? \"\" : `\n Your instructions (optional)\n \n

\n \n

`}\n

`;\n}\n\nfunction renderIssuesPanel(sessionId: string, issues: IssueSpec[]): string {\n const created = issues.filter((i) => i.status === \"created\").length;\n const pct = issues.length ? Math.round((created / issues.length) * 100) : 0;\n const allCreated = created === issues.length && issues.length > 0;\n const hasPending = issues.some((i) => i.status === \"pending\" || i.status === \"error\");\n\n return `\n

\n Generated Issues\n ${issues.length} issues\n \n

\n ${issues.map((i) => renderIssueCard(i, sessionId)).join(\"\")}\n

\n ${created}/${issues.length} created\n ${hasPending ? `\n ` : \"\"}\n \n ${allCreated ? `✓ All issues created` : \"\"}\n

`;\n}\n\n// ── Page renderer ─────────────────────────────────────────────────────────────\n\nfunction renderPage(opts: {\n repoInput?: string;\n requestInput?: string;\n sessionId?: string;\n questionsHtml?: string;\n planHtml?: string;\n issuesHtml?: string;\n error?: string;\n}): string {\n const { repoInput = \"\", requestInput = \"\", sessionId = \"\", questionsHtml = \"\", planHtml = \"\", issuesHtml = \"\", error = \"\" } = opts;\n\n return `\n\n\n\n\nCICERO — Repo Planner\n\n\n\n\n\n\n\n\n\n\n

Repo Planner

Describe what you want to build — CICERO will ask clarifying questions, then generate a step-by-step plan or GitHub issues.

\n\n ${error ? `

${esc(error)}

` : \"\"}\n\n \n

\n GitHub Repo or PR URL\n \n

Supports github.com/… or https://github.com/… links

\n GitHub Token (for private repos & issues)\n \n

Never stored. Required to create issues.

\n Your request / question\n \n

\n \n

\n\n \n

${questionsHtml}

\n\n \n

${planHtml}

\n\n \n

${issuesHtml}

\n\n

\n\n\n\n

\n\n\n\n`;\n}\n\n// ── Questions HTML renderer ───────────────────────────────────────────────────\n\nfunction renderQuestionsPanel(\n sessionId: string,\n questions: { key: string; question: string; hint: string; options?: string[]; answer?: string }[],\n answered: boolean,\n): string {\n const count = questions.length;\n\n const cards = questions.map((q, i) => {\n const opts = Array.isArray(q.options) ? q.options.slice(0, 3) : [];\n const ans = q.answer ?? \"\";\n const selectedIdx = opts.findIndex((o) => o === ans);\n const isCustom = ans !== \"\" && selectedIdx === -1;\n\n if (answered) {\n return `\n

\n Q${i + 1}\n ${esc(q.question)}\n

\n \n ${esc(ans || \"—\")}\n

`;\n }\n\n // Interactive: radio buttons for options + custom\n const radioName = `answer:${q.key}`;\n const tiles = opts.map((opt, oi) => {\n const checked = selectedIdx === oi ? \" checked\" : \"\";\n const radioId = `qopt-${q.key}-${oi}`;\n return `\n\n \n \n \n ${[\"A\",\"B\",\"C\"][oi]}\n \n ${esc(opt)}\n`;\n }).join(\"\");\n\n const customRadioId = `qopt-${q.key}-custom`;\n const customChecked = isCustom ? \" checked\" : \"\";\n\n return `\n

\n Q${i + 1}\n ${esc(q.question)}\n

\n ${tiles}\n \n \n \n \n ✎\n \n Custom answer…\n \n

\n \n

`;\n }).join(\"\");\n\n return `\n

\n \n \n \n ${answered ? \"Design Answers\" : \"Design Questions\"}\n ${count} question${count !== 1 ? \"s\" : \"\"}\n

\n \n ${answered\n ? `

\n \n \n

`\n : `

Answer all questions, then submit to unlock planning.

\n \n

`}\n

`;\n}\n\n// ── Request handler ───────────────────────────────────────────────────────────\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const tokenParam = url.searchParams.get(\"token\")?.trim() || \"\";\n\n if (req.method === \"GET\") {\n return new Response(renderPage({}), { headers: { \"Content-Type\": \"text/html\" } });\n }\n\n if (req.method === \"POST\") {\n let body: Record;\n try { body = await req.json(); }\n catch { return new Response(JSON.stringify({ ok: false, error: \"Invalid JSON\" }), { headers: { \"Content-Type\": \"application/json\" } }); }\n\n const json = (data: unknown, status = 200) =>\n new Response(JSON.stringify(data), { status, headers: { \"Content-Type\": \"application/json\" } });\n\n try {\n\n // ── ask-questions ──────────────────────────────────────────────────────\n if (body.action === \"ask-questions\") {\n const { repoInput, request } = body as { repoInput: string; request: string };\n const parsed = parseRepoOrPrUrl(repoInput);\n if (!parsed) throw new Error(\"Cannot parse repo/PR URL — use github.com/owner/repo or https://github.com/owner/repo\");\n\n const ghToken = tokenParam || Deno.env.get(\"GITHUB_TOKEN\") || undefined;\n\n // Fetch repo meta first, then use its default branch for the tree\n const repoMeta = await fetchRepoMeta(parsed.owner, parsed.repo, ghToken);\n const defaultBranch = repoMeta?.default_branch ?? \"main\";\n\n const fileTree = await fetchRepoTree(parsed.owner, parsed.repo, defaultBranch, ghToken)\n .catch(() => [] as Awaited>);\n\n const filePaths = fileTree.map((f) => f.path);\n const sessionId = crypto.randomUUID();\n const repoName = repoMeta?.full_name ?? `${parsed.owner}/${parsed.repo}`;\n\n let prData: { files: import(\"./github.ts\").PRFile[]; commits: import(\"./github.ts\").PRCommit[]; comments: import(\"./planner.ts\").GitHubComment[] } | undefined;\n if (parsed.pr) {\n const [prFiles, prCommits] = await Promise.all([\n fetchPRFiles(parsed.owner, parsed.repo, parsed.pr, ghToken),\n fetchPRCommits(parsed.owner, parsed.repo, parsed.pr, ghToken),\n ]);\n prData = { files: prFiles, commits: prCommits, comments: [] };\n }\n\n const questions = await generateDesignQuestions(\n repoInput, repoName, request, filePaths, repoMeta?.description ?? null, prData,\n );\n\n await saveDesignSession(sessionId, repoInput, repoName, request);\n await saveDesignQuestions(sessionId, questions);\n\n const questionsHtml = renderQuestionsPanel(sessionId, questions.map((q) => ({ ...q, answer: \"\" })), false);\n return json({ ok: true, sessionId, questionsHtml });\n }\n\n // ── submit-answers ─────────────────────────────────────────────────────\n if (body.action === \"submit-answers\") {\n const { sessionId, answers } = body as { sessionId: string; answers: Record };\n await saveAnswers(sessionId, answers);\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n const questionsHtml = renderQuestionsPanel(sessionId, loaded.questions, true);\n return json({ ok: true, questionsHtml });\n }\n\n // ── plan (repo-mode) ───────────────────────────────────────────────────\n if (body.action === \"plan\") {\n const { sessionId } = body as { sessionId: string };\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n\n const { session, questions } = loaded;\n const answers: Record = {};\n for (const q of questions) answers[q.key] = q.answer;\n\n const parsed = parseRepoOrPrUrl(session.repo_url);\n if (!parsed) throw new Error(\"Cannot parse repo URL from session\");\n\n const ghToken = tokenParam || Deno.env.get(\"GITHUB_TOKEN\") || undefined;\n\n // Fetch meta first, then tree using default branch\n const repoMeta = await fetchRepoMeta(parsed.owner, parsed.repo, ghToken);\n const defaultBranch = repoMeta?.default_branch ?? \"main\";\n let fileTree: string[] = [];\n try {\n const tree = await fetchRepoTree(parsed.owner, parsed.repo, defaultBranch, ghToken);\n fileTree = tree.map((f) => f.path);\n } catch { /* non-fatal */ }\n\n const repoName = session.repo_name ?? `${parsed.owner}/${parsed.repo}`;\n\n // If this is a PR URL, fetch diff/commits/comments for richer context\n let prData: { files: import(\"./github.ts\").PRFile[]; commits: import(\"./github.ts\").PRCommit[]; comments: import(\"./planner.ts\").GitHubComment[] } | undefined;\n if (parsed.pr) {\n const [prFiles, prCommits] = await Promise.all([\n fetchPRFiles(parsed.owner, parsed.repo, parsed.pr, ghToken),\n fetchPRCommits(parsed.owner, parsed.repo, parsed.pr, ghToken),\n ]);\n prData = { files: prFiles, commits: prCommits, comments: [] };\n }\n\n const { planId, steps } = await generatePlanFromAnswers(\n session.repo_url, repoName, session.user_request, answers, fileTree, prData,\n );\n\n const plan: Plan = {\n id: planId, pr_url: session.repo_url,\n pr_title: `${repoName}: ${session.user_request.slice(0, 60)}`,\n status: \"planned\", created_at: Date.now(),\n };\n await savePlan(plan, steps);\n\n const rr: Record = {};\n const panelHtml = renderPlanPanel(plan, steps, rr);\n return json({ ok: true, planId, stepCount: steps.length, panelHtml });\n }\n\n // ── implement (reused from main.ts) ───────────────────────────────────\n if (body.action === \"implement\") {\n const { planId } = body as { planId: string };\n const loaded = await loadPlan(planId);\n if (!loaded) throw new Error(\"Plan not found\");\n\n await updatePlanStatus(planId, \"implementing\");\n const parsed = parseRepoOrPrUrl(loaded.plan.pr_url);\n const ghToken = tokenParam || Deno.env.get(\"GITHUB_TOKEN\") || undefined;\n const files = parsed?.pr\n ? await fetchPRFiles(parsed.owner, parsed.repo, parsed.pr, ghToken)\n : [];\n\n for (const step of loaded.steps) {\n if (step.status === \"done\") continue;\n await updateStepStatus(step.id, \"in_progress\");\n try {\n const result = await implementStep(step, loaded.plan.pr_url, files);\n await updateStepStatus(step.id, \"done\", result);\n } catch (e: any) { await updateStepStatus(step.id, \"error\", e.message); }\n }\n await updatePlanStatus(planId, \"done\");\n\n const refreshed = await loadPlan(planId);\n const rr: Record = {};\n for (const s of refreshed!.steps) { if (s.result) rr[s.id] = renderMarkdown(s.result); }\n const panelHtml = renderPlanPanel(refreshed!.plan, refreshed!.steps, rr);\n return json({ ok: true, panelHtml });\n }\n\n // ── implement-step ────────────────────────────────────────────────────\n if (body.action === \"implement-step\") {\n const { planId, stepId } = body as { planId: string; stepId: string };\n const loaded = await loadPlan(planId);\n if (!loaded) throw new Error(\"Plan not found\");\n const step = loaded.steps.find((s) => s.id === stepId);\n if (!step) throw new Error(\"Step not found\");\n\n const parsed = parseRepoOrPrUrl(loaded.plan.pr_url);\n const ghToken = tokenParam || Deno.env.get(\"GITHUB_TOKEN\") || undefined;\n const files = parsed?.pr\n ? await fetchPRFiles(parsed.owner, parsed.repo, parsed.pr, ghToken)\n : [];\n\n await updateStepStatus(stepId, \"in_progress\");\n try {\n const result = await implementStep(step, loaded.plan.pr_url, files);\n await updateStepStatus(stepId, \"done\", result);\n } catch (e: any) { await updateStepStatus(stepId, \"error\", e.message); }\n\n const refreshed = await loadPlan(planId);\n const rr: Record = {};\n for (const s of refreshed!.steps) { if (s.result) rr[s.id] = renderMarkdown(s.result); }\n const panelHtml = renderPlanPanel(refreshed!.plan, refreshed!.steps, rr);\n return json({ ok: true, panelHtml });\n }\n\n // ── save-step-note ────────────────────────────────────────────────────\n if (body.action === \"save-step-note\") {\n const { stepId, customNote } = body as { stepId: string; customNote: string };\n await updateStepCustomNote(stepId, customNote ?? \"\");\n return json({ ok: true });\n }\n\n // ── email-plan ────────────────────────────────────────────────────────\n if (body.action === \"email-plan\") {\n const { planId } = body as { planId: string };\n const loaded = await loadPlan(planId);\n if (!loaded) throw new Error(\"Plan not found\");\n const { plan, steps } = loaded;\n const lines = [\n `# Implementation Plan`,\n `**Repo/PR:** ${plan.pr_url}`,\n plan.pr_title ? `**Title:** ${plan.pr_title}` : \"\",\n \"\", \"---\", \"\",\n ];\n for (const s of steps) {\n lines.push(`## Step ${s.step_number}: ${s.header}`);\n if (s.file_path) lines.push(`**File:** \\`${s.file_path}\\``);\n lines.push(`**Status:** ${s.status}`, \"\", s.description, \"\");\n if (s.options.length) { lines.push(\"**Changes:**\"); s.options.forEach((o) => lines.push(`- ${o}`)); lines.push(\"\"); }\n if (s.custom_note) lines.push(`**Your instructions:** ${s.custom_note}`, \"\");\n if (s.result) lines.push(\"**Result:**\", s.result, \"\");\n lines.push(\"---\", \"\");\n }\n await sendEmail({ subject: `Plan: ${plan.pr_title || plan.pr_url}`, text: lines.join(\"\\n\") });\n return json({ ok: true });\n }\n\n // ── generate-issues ───────────────────────────────────────────────────\n if (body.action === \"generate-issues\") {\n const { sessionId } = body as { sessionId: string };\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n\n const { session, questions } = loaded;\n const answers: Record = {};\n for (const q of questions) answers[q.key] = q.answer;\n\n const parsed = parseRepoOrPrUrl(session.repo_url);\n if (!parsed) throw new Error(\"Cannot parse repo URL\");\n const ghToken = tokenParam || Deno.env.get(\"GITHUB_TOKEN\") || undefined;\n\n // Fetch meta then tree with correct branch\n const repoMeta = await fetchRepoMeta(parsed.owner, parsed.repo, ghToken);\n const defaultBranch = repoMeta?.default_branch ?? \"main\";\n let fileTree: string[] = [];\n try {\n const tree = await fetchRepoTree(parsed.owner, parsed.repo, defaultBranch, ghToken);\n fileTree = tree.map((f) => f.path);\n } catch { /* non-fatal */ }\n\n const repoName = session.repo_name ?? `${parsed.owner}/${parsed.repo}`;\n\n let prData: { files: import(\"./github.ts\").PRFile[]; commits: import(\"./github.ts\").PRCommit[]; comments: import(\"./planner.ts\").GitHubComment[] } | undefined;\n if (parsed.pr) {\n const [prFiles, prCommits] = await Promise.all([\n fetchPRFiles(parsed.owner, parsed.repo, parsed.pr, ghToken),\n fetchPRCommits(parsed.owner, parsed.repo, parsed.pr, ghToken),\n ]);\n prData = { files: prFiles, commits: prCommits, comments: [] };\n }\n\n const rawIssues = await generateIssues(session.repo_url, repoName, session.user_request, answers, fileTree, prData);\n const issues = await saveIssues(sessionId, rawIssues);\n\n const issuesHtml = renderIssuesPanel(sessionId, issues);\n return json({ ok: true, count: issues.length, issuesHtml });\n }\n\n // ── create-issues (all) ───────────────────────────────────────────────\n if (body.action === \"create-issues\") {\n const { sessionId, token: bodyToken } = body as { sessionId: string; token?: string };\n const ghToken = bodyToken || tokenParam || Deno.env.get(\"GITHUB_TOKEN\");\n if (!ghToken) throw new Error(\"GitHub token required to create issues\");\n\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n const parsed = parseRepoOrPrUrl(loaded.session.repo_url);\n if (!parsed) throw new Error(\"Cannot parse repo URL\");\n\n for (const issue of loaded.issues) {\n if (issue.status === \"created\") continue;\n try {\n const body_ = issue.custom_note\n ? `${issue.body}\\n\\n---\\n*Additional context:* ${issue.custom_note}`\n : issue.body;\n const created = await createGitHubIssue(\n parsed.owner, parsed.repo, issue.title, body_, issue.labels, ghToken,\n );\n await updateIssueStatus(issue.id, \"created\", created.html_url, created.number);\n } catch (e: any) {\n await updateIssueStatus(issue.id, \"error\", undefined, undefined);\n }\n }\n\n const refreshed = await loadDesignSession(sessionId);\n const issuesHtml = renderIssuesPanel(sessionId, refreshed!.issues);\n return json({ ok: true, issuesHtml });\n }\n\n // ── create-issue (single) ─────────────────────────────────────────────\n if (body.action === \"create-issue\") {\n const { sessionId, issueId, token: bodyToken } = body as { sessionId: string; issueId: string; token?: string };\n const ghToken = bodyToken || tokenParam || Deno.env.get(\"GITHUB_TOKEN\");\n if (!ghToken) throw new Error(\"GitHub token required\");\n\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n const parsed = parseRepoOrPrUrl(loaded.session.repo_url);\n if (!parsed) throw new Error(\"Cannot parse repo URL\");\n const issue = loaded.issues.find((i) => i.id === issueId);\n if (!issue) throw new Error(\"Issue not found\");\n\n const bodyText = issue.custom_note\n ? `${issue.body}\\n\\n---\\n*Additional context:* ${issue.custom_note}`\n : issue.body;\n const created = await createGitHubIssue(\n parsed.owner, parsed.repo, issue.title, bodyText, issue.labels, ghToken,\n );\n await updateIssueStatus(issue.id, \"created\", created.html_url, created.number);\n\n const refreshed = await loadDesignSession(sessionId);\n const issuesHtml = renderIssuesPanel(sessionId, refreshed!.issues);\n return json({ ok: true, issuesHtml });\n }\n\n // ── save-issue-note ───────────────────────────────────────────────────\n if (body.action === \"save-issue-note\") {\n const { issueId, customNote } = body as { issueId: string; customNote: string };\n await updateIssueStatus(issueId, \"pending\", undefined, undefined, customNote ?? \"\");\n return json({ ok: true });\n }\n\n // ── email-issues ──────────────────────────────────────────────────────\n if (body.action === \"email-issues\") {\n const { sessionId } = body as { sessionId: string };\n const loaded = await loadDesignSession(sessionId);\n if (!loaded) throw new Error(\"Session not found\");\n const { session, issues } = loaded;\n\n const lines = [\n `# GitHub Issues Plan`,\n `**Repo:** ${session.repo_url}`,\n `**Request:** ${session.user_request}`,\n \"\", \"---\", \"\",\n ];\n for (const i of issues) {\n lines.push(`## Issue #${i.issue_number}: ${i.title}`);\n lines.push(`**Labels:** ${i.labels.join(\", \")}`);\n lines.push(`**Status:** ${i.status}${i.gh_url ? ` — ${i.gh_url}` : \"\"}`);\n lines.push(`**Rationale:** ${i.rationale}`, \"\");\n lines.push(i.body, \"\");\n if (i.custom_note) lines.push(`**Your instructions:** ${i.custom_note}`, \"\");\n lines.push(\"---\", \"\");\n }\n await sendEmail({\n subject: `Issues: ${session.user_request.slice(0, 60)} — ${session.repo_name ?? session.repo_url}`,\n text: lines.join(\"\\n\"),\n });\n return json({ ok: true });\n }\n\n return json({ ok: false, error: \"Unknown action\" });\n } catch (e: any) {\n return json({ ok: false, error: e.message });\n }\n }\n\n return new Response(\"Method not allowed\", { status: 405 });\n}\n","deleted","label",[102],"permalink","https://www.val.town/x/arthrod/pr-comments-viewer/code/repo-planner.ts","extension","actionData","errors"]