[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_165":166,"_167":168},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_125":-5,"_20":126,"_22":127,"_128":129,"_130":131,"_26":132,"_24":133,"_134":-5,"_135":-5,"_136":51,"_137":138,"_139":42,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","dcm31","name","catchUp","branchName","main","version","path","main.tsx","project",{"_32":69,"_13":14,"_43":70,"_71":-5,"_72":51,"_73":74,"_75":74,"_76":77,"_78":-5,"_79":80,"_81":-5,"_82":51,"_83":-5,"_84":-5,"_85":86,"_87":88,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":103,"_104":105,"_106":107,"_108":51},"tree",[55,56],"file",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":53,"_18":54},"contents",[],"upstream","pull","ahead","behind","id","1263a1ee-02eb-11f1-8012-42dde27851f2","fileId","87899a04-02e7-11f1-91f1-42dde27851f2","parentId","branchId","7c9dccc8-02e7-11f1-bb78-42dde27851f2","branchVersion",24,"latest",true,"createdAt",["D",1770334407417],22,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// --- Configuration ---\n// Replace these with your actual booking links.\nconst BOOKING_LINKS: Record = {\n \"25 min\": \"https://calendar.app.google/Lix9YTU42kv5jjEi9\",\n \"55 min\": \"https://calendar.app.google/5uzowHn6Q3MEy1ic7\",\n};\n\nconst FONT_URL = \"https://cdn.jsdelivr.net/gh/dcm31/myfont@main/Fullerfont-Regular.otf\";\nconst SOURCE_URL = \"https://www.val.town/x/dcm31/catchUp\";\n\n// BallpointPenCard — inlined from dcm31/ballpointPenCard to avoid\n// side-effect imports (that module auto-mounts its own demo page).\nfunction BallpointPenCard({\n width = 300,\n height = 200,\n cornerRadius = 30,\n strokeColor = \"#333\",\n backgroundColor = \"white\",\n strokeWidth = 2.3,\n wavinessMagnitude = 2.5,\n children,\n}: {\n width?: number;\n height?: number;\n cornerRadius?: number;\n strokeColor?: string;\n backgroundColor?: string;\n strokeWidth?: number;\n wavinessMagnitude?: number;\n children?: React.ReactNode;\n}) {\n const cardRef = useRef(null);\n\n useEffect(() => {\n const svg = cardRef.current;\n if (!svg) return;\n while (svg.firstChild) svg.removeChild(svg.firstChild);\n\n function addWaviness(x: number, y: number, mag: number, exact = false) {\n if (exact) return { x, y, isTransition: true };\n const w = (Math.random() - 0.5) * mag * 1.25;\n return { x: x + w, y: y + w, isTransition: false };\n }\n\n function createRoundedRectPoints(w: number, h: number, r: number, n: number) {\n const pts: { x: number; y: number; isTransition: boolean }[] = [];\n const tp = {\n topRight: { x: w - r, y: 0 },\n rightTop: { x: w, y: r },\n rightBottom: { x: w, y: h - r },\n bottomRight: { x: w - r, y: h },\n bottomLeft: { x: r, y: h },\n leftBottom: { x: 0, y: h - r },\n leftTop: { x: 0, y: r },\n topLeft: { x: r, y: 0 },\n };\n const segments: { from: string; to: string; axis: \"x\" | \"y\"; dir: 1 | -1; fixed: number; startAngle?: number }[] = [\n { from: \"topLeft\", to: \"topRight\", axis: \"x\", dir: 1, fixed: 0 },\n ];\n // Top edge\n pts.push(addWaviness(tp.topLeft.x, tp.topLeft.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; pts.push(addWaviness(r + t * (w - 2 * r), 0, wavinessMagnitude)); }\n pts.push(addWaviness(tp.topRight.x, tp.topRight.y, 0, true));\n // Top-right corner\n pts.push(addWaviness(tp.topRight.x, tp.topRight.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = -Math.PI / 2 + t * (Math.PI / 2); pts.push(addWaviness(w - r + Math.cos(a) * r, r + Math.sin(a) * r, wavinessMagnitude * 0.8)); }\n pts.push(addWaviness(tp.rightTop.x, tp.rightTop.y, 0, true));\n // Right edge\n pts.push(addWaviness(tp.rightTop.x, tp.rightTop.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; pts.push(addWaviness(w, r + t * (h - 2 * r), wavinessMagnitude)); }\n pts.push(addWaviness(tp.rightBottom.x, tp.rightBottom.y, 0, true));\n // Bottom-right corner\n pts.push(addWaviness(tp.rightBottom.x, tp.rightBottom.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = t * (Math.PI / 2); pts.push(addWaviness(w - r + Math.cos(a) * r, h - r + Math.sin(a) * r, wavinessMagnitude * 0.8)); }\n pts.push(addWaviness(tp.bottomRight.x, tp.bottomRight.y, 0, true));\n // Bottom edge\n pts.push(addWaviness(tp.bottomRight.x, tp.bottomRight.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; pts.push(addWaviness(w - r - t * (w - 2 * r), h, wavinessMagnitude)); }\n pts.push(addWaviness(tp.bottomLeft.x, tp.bottomLeft.y, 0, true));\n // Bottom-left corner\n pts.push(addWaviness(tp.bottomLeft.x, tp.bottomLeft.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = Math.PI / 2 + t * (Math.PI / 2); pts.push(addWaviness(r + Math.cos(a) * r, h - r + Math.sin(a) * r, wavinessMagnitude * 0.8)); }\n pts.push(addWaviness(tp.leftBottom.x, tp.leftBottom.y, 0, true));\n // Left edge\n pts.push(addWaviness(tp.leftBottom.x, tp.leftBottom.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; pts.push(addWaviness(0, h - r - t * (h - 2 * r), wavinessMagnitude)); }\n pts.push(addWaviness(tp.leftTop.x, tp.leftTop.y, 0, true));\n // Top-left corner\n pts.push(addWaviness(tp.leftTop.x, tp.leftTop.y, 0, true));\n for (let i = 1; i < n; i++) { const t = i / n; const a = Math.PI + t * (Math.PI / 2); pts.push(addWaviness(r + Math.cos(a) * r, r + Math.sin(a) * r, wavinessMagnitude * 0.8)); }\n pts.push(addWaviness(tp.topLeft.x, tp.topLeft.y, 0, true));\n return pts;\n }\n\n function createSmoothPath(points: { x: number; y: number; isTransition: boolean }[]) {\n if (!points.length) return \"\";\n let path = `M ${points[0].x},${points[0].y}`;\n for (let i = 1; i < points.length - 1; i++) {\n const p0 = points[i - 1], p1 = points[i], p2 = points[i + 1];\n if (p1.isTransition) { path += ` L ${p1.x},${p1.y}`; continue; }\n const d01 = Math.hypot(p1.x - p0.x, p1.y - p0.y);\n const d12 = Math.hypot(p2.x - p1.x, p2.y - p1.y);\n const s = 0.25;\n const fa = s * d01 / (d01 + d12);\n const fb = s * d12 / (d01 + d12);\n const c1x = p1.x - fa * (p2.x - p0.x), c1y = p1.y - fa * (p2.y - p0.y);\n const c2x = p1.x + fb * (p2.x - p0.x), c2y = p1.y + fb * (p2.y - p0.y);\n path += ` C ${c1x},${c1y} ${c2x},${c2y} ${p1.x},${p1.y}`;\n }\n if (points.length > 1) path += ` L ${points[points.length - 1].x},${points[points.length - 1].y}`;\n return path + \" Z\";\n }\n\n const points = createRoundedRectPoints(width, height, cornerRadius, 8);\n const d = createSmoothPath(points);\n\n const bg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n bg.setAttribute(\"d\", d);\n bg.setAttribute(\"fill\", backgroundColor);\n const border = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n border.setAttribute(\"d\", d);\n border.setAttribute(\"fill\", \"none\");\n border.setAttribute(\"stroke\", strokeColor);\n border.setAttribute(\"stroke-width\", String(strokeWidth));\n border.setAttribute(\"stroke-linecap\", \"round\");\n border.setAttribute(\"stroke-linejoin\", \"round\");\n svg.appendChild(bg);\n svg.appendChild(border);\n }, [width, height, cornerRadius, strokeColor, backgroundColor, strokeWidth, wavinessMagnitude]);\n\n return (\n

\n \n

\n {children}\n

\n );\n}\n\n// Animated favicon: types out a message letter by letter in Fullerfont.\nfunction useAnimatedFavicon(text: string, active: boolean) {\n useEffect(() => {\n if (!active) return;\n const size = 64; // render at 64px, browser scales to 16/32\n const canvas = document.createElement(\"canvas\");\n canvas.width = size;\n canvas.height = size;\n const ctx = canvas.getContext(\"2d\")!;\n\n let link = document.querySelector(\"link[rel='icon']\") as HTMLLinkElement;\n if (!link) {\n link = document.createElement(\"link\");\n link.rel = \"icon\";\n document.head.appendChild(link);\n }\n\n let i = 0;\n const chars = text.split(\"\");\n const dark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n function draw() {\n const idx = i % (chars.length + 4);\n ctx.clearRect(0, 0, size, size);\n ctx.fillStyle = dark ? \"#1a1a1a\" : \"#fafafa\";\n ctx.fillRect(0, 0, size, size);\n ctx.font = `${size * 0.45}px Fullerfont`;\n ctx.fillStyle = dark ? \"#e8e8e8\" : \"#222\";\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"middle\";\n const display = idx < chars.length\n ? chars.slice(Math.max(0, idx - 2), idx + 1).join(\"\")\n : \"\";\n ctx.fillText(display, size / 2, size / 2);\n link.href = canvas.toDataURL(\"image/png\");\n i++;\n }\n\n draw();\n const interval = setInterval(draw, 340);\n return () => clearInterval(interval);\n }, [text, active]);\n}\n\n// --- App ---\n\nfunction App() {\n const [fontLoaded, setFontLoaded] = useState(false);\n const [dark, setDark] = useState(false);\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n setDark(mq.matches);\n const handler = (e: MediaQueryListEvent) => setDark(e.matches);\n mq.addEventListener(\"change\", handler);\n return () => mq.removeEventListener(\"change\", handler);\n }, []);\n\n useEffect(() => {\n const font = new FontFace(\"Fullerfont\", `url('${FONT_URL}')`);\n font.load().then(() => {\n document.fonts.add(font);\n setFontLoaded(true);\n }).catch((err) => console.error(\"Font load failed:\", err));\n }, []);\n\n useAnimatedFavicon(\"WHAT R U LOOKING AT????\", fontLoaded);\n\n if (!fontLoaded) return null;\n\n return (\n

\n Catch up with Charlie\n

\n {Object.entries(BOOKING_LINKS).map(([label, href]) => (\n \n \n {label}\n \n \n ))}\n

\n \n the code\n \n

\n );\n}\n\nconst styles: Record = {\n page: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100dvh\",\n padding: \"24px\",\n boxSizing: \"border-box\",\n backgroundColor: \"var(--bg)\",\n },\n title: {\n fontFamily: \"'Fullerfont', sans-serif\",\n fontSize: \"clamp(2rem, 6vw, 3.2rem)\",\n fontWeight: 400,\n color: \"var(--text)\",\n marginBottom: \"2.5rem\",\n textAlign: \"center\" as const,\n cursor: \"default\",\n },\n cards: {\n display: \"flex\",\n flexDirection: \"row\" as const,\n gap: \"20px\",\n flexWrap: \"wrap\" as const,\n justifyContent: \"center\",\n },\n cardLink: {\n textDecoration: \"none\",\n transition: \"transform 0.15s ease\",\n display: \"inline-block\",\n },\n cardLabel: {\n fontFamily: \"'Fullerfont', sans-serif\",\n fontSize: \"1.8rem\",\n color: \"var(--text)\",\n },\n sourceLink: {\n fontFamily: \"'Fullerfont', sans-serif\",\n fontSize: \"1.25rem\",\n color: \"var(--source)\",\n textDecoration: \"underline\",\n marginTop: \"3rem\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default function server(_req: Request): Response {\n return new Response(\n `\n\n\n \n \n Catch up with Charlie\n \n\n\n

\n \n\n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}\n","deleted",false,"label","catchup",[19],{"_32":61,"_13":62,"_34":63,"_36":-5,"_37":38,"_39":64,"_41":42,"_43":65,"_17":66,"_46":24,"_48":-5,"_50":51,"_52":-5,"_58":67,"_18":68},{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":57,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":53,"_58":59,"_18":60},["D",1770334407417],"children",[],[19],"180f4e36-02eb-11f1-a995-42dde27851f2","README.md","8b7bdba4-02e7-11f1-b1f1-42dde27851f2",25,["D",1770334416931],1,[],[62],"7c9d88d0-02e7-11f1-bb78-42dde27851f2",["D",1770332867657],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Book a call with Charlie","imageUrl","userId","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",{"_11":12,"_124":120},"org",{"_11":12,"_117":118,"_119":120,"_79":80,"_121":122,"_123":51},"branch",{"_17":64,"_13":16,"_32":38,"_109":69,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1791305016&sig=ee68c6e1efaab51062a72e6ba03dd871ae97698dae7cb54eece81e17639af514","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":69,"_13":14,"_43":161,"_71":-5,"_72":51,"_73":74,"_75":74,"_76":77,"_78":-5,"_79":80,"_81":-5,"_82":51,"_83":-5,"_84":-5,"_85":86,"_87":88,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":162,"_104":163,"_106":164,"_108":51},[155,156],"files",[155,156],"counts",{"_145":86,"_146":86,"_147":86,"_148":149,"_150":151},[],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":53,"_18":144},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks","envVars",{"_152":86,"_154":86},"connections",{"_152":86,"_153":86},"count","unfilledCount","emptyCount",{"_32":61,"_13":62,"_34":63,"_36":-5,"_37":38,"_39":64,"_41":42,"_43":65,"_17":66,"_46":24,"_48":-5,"_50":51,"_52":-5,"_58":159,"_18":160},{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":57,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":53,"_58":157,"_18":158},[],[19],[],[62],["D",1770332867657],{"_11":12,"_124":120},{"_11":12,"_117":118,"_119":120,"_79":80,"_121":122,"_123":51},{"_17":64,"_13":16,"_32":38,"_109":69,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_102":-5,"_198":199,"_141":200,"_201":202,"_203":204,"_205":51,"_206":51,"_207":51,"_208":42,"_209":-5,"_210":-7,"_211":-7,"_212":86,"_213":51,"_214":51,"_215":-5},"ENV",{"_169":170,"_171":172,"_173":16,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c5bd63b0be2c22e809085ef2641a17dfb9a8e10c","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","aiChatModels",[216,217,218,219,220],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_221":245,"_52":246,"_224":247,"_76":248,"_227":42,"_228":42,"_229":230,"_231":42},{"_221":240,"_52":241,"_224":242,"_76":243,"_227":42,"_228":51,"_229":244,"_231":51},{"_221":236,"_52":237,"_224":238,"_76":239,"_227":42,"_228":42,"_229":230,"_231":51},{"_221":232,"_52":233,"_224":234,"_76":235,"_227":42,"_228":42,"_229":230,"_231":51},{"_221":222,"_52":223,"_224":225,"_76":226,"_227":42,"_228":42,"_229":230,"_231":51},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]