Quest Character Sheet Generator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_102":83,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",102,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","feedback.ts","latestPath","fileId","34db42ec-e994-11f0-92a2-42dde27851f2","name","fileType","script","content","import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { email } from \"https://esm.town/v/std/email\";\n\nconst TABLE = \"quest_sheet_feedback\";\n\n// Create table on first import\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n timestamp INTEGER NOT NULL,\n feedback TEXT NOT NULL,\n user_agent TEXT\n )\n`);\n\nexport interface Feedback {\n id: number;\n timestamp: number;\n feedback: string;\n user_agent: string | null;\n}\n\nexport async function storeFeedback(feedback: string, userAgent?: string): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLE} (timestamp, feedback, user_agent) VALUES (?, ?, ?)`,\n [Date.now(), feedback, userAgent || null]\n );\n}\n\nexport async function getFeedbackSince(since: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE} WHERE timestamp > ? ORDER BY timestamp DESC`,\n [since]\n );\n return result.rows.map((row: any) => ({\n id: row[0],\n timestamp: row[1],\n feedback: row[2],\n user_agent: row[3],\n }));\n}\n\nexport async function sendWeeklyDigest(): Promise {\n const oneWeekAgo = Date.now() - 7 * 24 * 60 * 60 * 1000;\n const feedbackItems = await getFeedbackSince(oneWeekAgo);\n \n let subject: string;\n let text: string;\n let html: string;\n \n if (feedbackItems.length === 0) {\n subject = \"Quest Sheet Printer: No feedback this week\";\n text = \"No feedback was submitted to Quest Sheet Printer in the past week.\";\n html = \"

No feedback was submitted to Quest Sheet Printer in the past week.

\";\n } else {\n subject = `Quest Sheet Printer: ${feedbackItems.length} feedback item${feedbackItems.length === 1 ? '' : 's'} this week`;\n \n const feedbackList = feedbackItems.map(f => {\n const date = new Date(f.timestamp).toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n return `• ${date}\\n \"${f.feedback}\"`;\n }).join(\"\\n\\n\");\n \n text = `Quest Sheet Printer Feedback (${feedbackItems.length} item${feedbackItems.length === 1 ? '' : 's'}):\\n\\n${feedbackList}`;\n \n html = `\n

Quest Sheet Printer Feedback

${feedbackItems.length} feedback item${feedbackItems.length === 1 ? '' : 's'} this week:

${date}
\"${f.feedback}\"

\n `;\n }\n \n await email({ subject, text, html });\n}\n","createdAt",["D",1767548319963],"branchVersion","branchId","0ef53fd2-e855-11f0-b002-42dde27851f2","id","0ef4ff7c-e855-11f0-b002-42dde27851f2","quest-sheet-printer",["D",1767411246927],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Quest RPG character sheet PDF generator","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_101":97},"org",{"_93":92,"_94":95,"_96":97,"_18":53,"_98":99,"_100":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"isOwned",106,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789559999&sig=78019e07e4ced3d68c9df61b037dd9640810f47ba2d971eaac41b98f18b7827c","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":202,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":203,"_77":204,"_79":205,"_81":24},"tree",[181,182,183,184,185],"files",[181,182,183,184,185],"counts",{"_170":59,"_171":172,"_173":59,"_174":175,"_176":177},"contents",[125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":162,"_31":163,"_29":164,"_133":-5,"_39":40,"_38":165,"_135":24,"_36":166,"_13":167,"_32":33,"_34":168,"_23":24,"_139":-5,"_26":169},{"_41":159,"_31":27,"_29":30,"_133":-5,"_39":40,"_38":14,"_135":120,"_36":160,"_13":59,"_32":33,"_34":35,"_23":24,"_139":-5,"_26":161},{"_41":151,"_31":152,"_29":153,"_133":-5,"_39":40,"_38":154,"_135":120,"_36":155,"_13":156,"_32":20,"_34":157,"_23":24,"_139":-5,"_26":158},{"_41":141,"_31":142,"_29":143,"_133":-5,"_39":40,"_38":144,"_135":24,"_36":145,"_13":146,"_32":147,"_34":148,"_23":24,"_139":149,"_26":150},{"_41":130,"_31":131,"_29":132,"_133":-5,"_39":40,"_38":134,"_135":24,"_36":136,"_13":137,"_32":33,"_34":138,"_23":24,"_139":-5,"_26":140},"adbef6fe-e8b3-11f0-b81d-42dde27851f2","styles.ts","4ee09fe8-e859-11f0-92bf-42dde27851f2","parentId",87,"latest",["D",1767451886013],10,"export const styles = `\n* { box-sizing: border-box; margin: 0; padding: 0; }\n:root { --ink: #1a1a1a; --accent: #7c3aed; --bg: #18181b; --card: #27272a; --border: #3f3f46; }\nbody { font-family: Georgia, serif; background: var(--bg); color: #e4e4e7; display: flex; height: 100vh; overflow: hidden; }\n\n.sidebar { width: 280px; background: var(--card); display: flex; flex-direction: column; padding: 12px; border-right: 1px solid var(--border); overflow-y: auto; }\n.sidebar-title { font-family: Georgia, serif; font-weight: 900; font-size: 22px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\n.sidebar-title span { color: var(--accent); }\n\n.section { margin-bottom: 12px; }\n.label { font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 4px; }\n\ntextarea { width: 100%; height: 70px; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; font-family: monospace; font-size: 9px; padding: 6px; border-radius: 4px; resize: none; }\ntextarea:focus { outline: none; border-color: var(--accent); }\n\nselect { width: 100%; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; padding: 6px 8px; border-radius: 4px; font-size: 11px; }\n\n.btn { background: var(--border); color: white; border: none; padding: 8px 12px; border-radius: 4px; font-family: Arial, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; cursor: pointer; transition: all 0.15s; }\n.btn:hover { background: #52525b; }\n.btn:disabled { opacity: 0.5; cursor: not-allowed; }\n.btn-primary { background: var(--accent); }\n.btn-primary:hover { background: #6d28d9; }\n.btn-row { display: flex; gap: 4px; margin-top: 6px; }\n.btn-row .btn { flex: 1; padding: 6px; font-size: 9px; }\n\n.char-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 3px; margin: 6px 0; min-height: 100px; }\n.char-item { display: flex; align-items: center; gap: 8px; padding: 8px; background: var(--bg); border-radius: 4px; cursor: pointer; border: 1px solid transparent; }\n.char-item:hover { border-color: var(--border); }\n.char-item.active { border-color: var(--accent); background: rgba(124, 58, 237, 0.1); }\n.char-item input[type=\"checkbox\"] { accent-color: var(--accent); }\n.char-name { font-family: Georgia, serif; font-weight: 700; font-size: 13px; }\n.char-role { font-size: 9px; color: #71717a; text-transform: uppercase; font-family: Arial, sans-serif; }\n\n.preview-area { flex: 1; padding: 20px; overflow: auto; background: #09090b; display: flex; justify-content: center; }\n\n.paper { width: 210mm; min-height: 297mm; background: white; color: var(--ink); box-shadow: 0 4px 24px rgba(0,0,0,0.5); padding: 6mm; position: relative; display: flex; flex-direction: column; font-family: Georgia, serif; }\n\n/* ===== PDF-MATCHING PREVIEW STYLES ===== */\n\n/* Top half layout */\n.pdf-top-half { display: flex; gap: 5mm; margin-bottom: 2mm; }\n\n/* Left column: portrait + stats */\n.pdf-left-col { width: 40mm; flex-shrink: 0; }\n.pdf-portrait { width: 40mm; height: 60mm; border: 1px solid var(--ink); overflow: hidden; background: #fafafa; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n.pdf-portrait:hover { background: #f0f0f0; }\n.pdf-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n.portrait-placeholder { font-family: Arial, sans-serif; font-size: 9pt; color: #999; text-align: center; padding: 10px; line-height: 1.4; }\n\n.pdf-stats-row { display: flex; gap: 4mm; margin-top: 2mm; }\n.pdf-stat-box { flex: 1; border: 1px solid var(--ink); text-align: center; padding: 1mm; }\n.pdf-stat-label { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; }\n.pdf-stat-value { font-family: Georgia, serif; font-size: 14pt; font-weight: 700; min-height: 6mm; }\n\n/* Right column: name, role, bio, traits */\n.pdf-right-col { flex: 1; display: flex; flex-direction: column; }\n.pdf-name { font-family: Georgia, serif; font-weight: 700; font-size: 24pt; line-height: 1; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 1mm; }\n.pdf-role { font-family: Arial, sans-serif; font-weight: 700; font-size: 11pt; color: #555; letter-spacing: 0.5px; margin-bottom: 2mm; }\n.pdf-bio { font-family: Georgia, serif; font-size: 11pt; line-height: 1.4; font-style: italic; color: var(--ink); margin-bottom: 2mm; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }\n\n.pdf-traits { display: flex; gap: 8mm; margin-top: auto; }\n.pdf-trait { display: flex; flex-direction: column; }\n.pdf-trait-label { font-family: Arial, sans-serif; font-size: 7pt; font-weight: 700; color: #888; text-transform: uppercase; }\n.pdf-trait-value { font-family: Georgia, serif; font-size: 12pt; font-weight: 700; }\n\n/* Bottom row: abilities + inventory */\n.pdf-bottom-row { display: flex; gap: 4mm; margin-top: 2mm; }\n\n.pdf-abilities-col { flex: 1; }\n.pdf-inventory-col { width: 50%; flex-shrink: 0; }\n\n.pdf-section-header { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; text-transform: uppercase; background: var(--ink); color: white; padding: 1.5mm 2mm; text-align: center; }\n.pdf-section-content { padding: 2mm; }\n\n.pdf-ability { padding: 2mm 0; color: var(--ink); }\n.pdf-ability-path { font-family: Arial, sans-serif; font-weight: 700; font-size: 8pt; color: #666; }\n.pdf-ability-name { font-family: Georgia, serif; font-weight: 700; font-size: 11pt; color: var(--ink); }\n.pdf-inv-item { font-family: Georgia, serif; font-size: 12pt; padding: 1mm 0; color: var(--ink); }\n\n/* Fold line */\n.pdf-fold-line { border-top: 2px dashed #bbb; margin: 4mm 0; }\n\n/* Bottom half (back) */\n.pdf-bottom-half { display: flex; gap: 5mm; flex: 1; }\n\n.pdf-back-text { flex: 1; display: flex; flex-direction: column; }\n.pdf-back-name { font-family: Georgia, serif; font-weight: 700; font-size: 18pt; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 2mm; }\n.pdf-back-section-label { font-family: Arial, sans-serif; font-size: 8pt; font-weight: 700; color: #888; text-transform: uppercase; margin-top: 2mm; margin-bottom: 1mm; }\n.pdf-back-text-content { font-family: Georgia, serif; font-size: 11pt; line-height: 1.45; color: #333; }\n.pdf-italic { font-style: italic; }\n\n.pdf-back-portrait { width: 55mm; height: 82.5mm; flex-shrink: 0; border: 1px solid var(--ink); overflow: hidden; }\n.pdf-back-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n\n.quest-footer { position: absolute; bottom: 4mm; left: 0; right: 0; text-align: center; font-family: Arial, sans-serif; font-size: 6pt; color: #aaa; text-transform: uppercase; letter-spacing: 1.5px; }\n\n.status { font-size: 10px; color: #71717a; margin-top: 4px; min-height: 14px; }\n.error { color: #f87171; font-size: 10px; margin-top: 4px; display: none; }\n`;\n","label",[131],"48714822-e860-11f0-8438-42dde27851f2","main.ts","44e0e678-e855-11f0-b1e2-42dde27851f2",24,["D",1767416067826],11,"http","import { styles } from \"./styles.ts\";\nimport { clientScript } from \"./client.ts\";\n\nexport default async function(req: Request): Promise {\n return new Response(renderHTML(), { \n headers: { \"Content-Type\": \"text/html\" } \n });\n}\n\nfunction renderHTML(): string {\n return `\n\n\n \n \n Quest Character Sheet Generator\n

Diff · v102