Cache Purge

\n {children}\n

\n \n \n \n );\n}\n\nfunction PurgeForm({ lastMode, lastTarget }: { lastMode?: PurgeMode; lastTarget?: string }) {\n return (\n

\n \n Mode\n \n Direct: sends HTTP PURGE to URLs (works with most CDNs). Vercel API: supports wildcard patterns.\n \n\n

\n \n Vercel Token\n \n \n

\n\n \n {lastMode === \"vercel\" ? \"URL(s) or Pattern\" : \"URL(s) to purge\"}\n \n {lastMode === \"vercel\" \n ? \" — use * for patterns, or one URL per line\" \n : \" — one URL per line for multiple\"}\n \n \n {lastTarget || \"\"}\n\n \n \n );\n}\n\nfunction ResultPanel({ result }: { result: PurgeResult }) {\n const statusClass = result.status === 0 ? \"0xx\"\n : result.status < 300 ? \"2xx\"\n : result.status < 500 ? \"4xx\"\n : \"5xx\";\n\n const modeLabel = result.mode === \"direct\" \n ? \"Direct PURGE\" \n : result.isPattern ? \"Vercel API (Pattern)\" : \"Vercel API (URLs)\";\n\n return (\n

\n Status\n

\n \n {result.status} {result.statusText}\n \n

\n Mode\n

{modeLabel}

\n Timing\n

{result.timing}ms

\n Target\n

{result.target}

\n\n {result.error && (\n

\n Error: {result.error}\n

\n )}\n\n

= 400}>\n

Response

{typeof result.data === \"string\" ? result.data : JSON.stringify(result.data, null, 2)}

\n );\n}\n\nasync function executePurge(mode: PurgeMode, target: string, token?: string): Promise {\n const start = Date.now();\n const trimmed = target.trim();\n const isPattern = trimmed.includes(\"*\");\n \n try {\n if (mode === \"direct\") {\n const urls = trimmed.split(\"\\n\").map(u => u.trim()).filter(Boolean);\n const results: Array<{ url: string; status: number; statusText: string }> = [];\n \n for (const url of urls) {\n const res = await fetch(url, { method: \"PURGE\" });\n results.push({ url, status: res.status, statusText: res.statusText });\n }\n \n const allSuccess = results.every(r => r.status >= 200 && r.status < 300);\n return {\n mode,\n target: urls.join(\"\\n\"),\n isPattern: false,\n status: allSuccess ? 200 : results.find(r => r.status >= 400)?.status || 0,\n statusText: allSuccess ? \"OK\" : \"Partial/Failed\",\n timing: Date.now() - start,\n data: results.length === 1 ? results[0] : results,\n };\n }\n\n if (!token) {\n return {\n mode,\n target: trimmed,\n isPattern,\n status: 0,\n statusText: \"Error\",\n timing: Date.now() - start,\n data: null,\n error: \"Vercel token required for API mode\",\n };\n }\n\n const body = isPattern\n ? { urlPattern: trimmed }\n : { urls: trimmed.split(\"\\n\").map(u => u.trim()).filter(Boolean) };\n\n const res = await fetch(\"https://api.vercel.com/v1/purge\", {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n });\n\n const data = await res.json().catch(() => res.text());\n return {\n mode,\n target: isPattern ? trimmed : (body as { urls: string[] }).urls.join(\", \"),\n isPattern,\n status: res.status,\n statusText: res.statusText,\n timing: Date.now() - start,\n data,\n };\n } catch (err) {\n return {\n mode,\n target: trimmed,\n isPattern,\n status: 0,\n statusText: \"Error\",\n timing: Date.now() - start,\n data: null,\n error: err instanceof Error ? err.message : String(err),\n };\n }\n}\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(\n \n \n \n );\n});\n\napp.post(\"/purge\", async (c) => {\n const form = await c.req.formData();\n const mode = (form.get(\"mode\") as PurgeMode) || \"direct\";\n const target = form.get(\"target\") as string;\n const token = form.get(\"token\") as string;\n\n const result = await executePurge(mode, target, token);\n\n return c.html(\n \n \n

\n \n \n );\n});\n\nexport default app.fetch;\n","deleted","label",[100],"permalink","https://www.val.town/x/kamalnrf/cache-purge/code/main.tsx","extension","actionData","errors"]