Add demo and fix types

Author: ascorbic

demos/cache-handlers/.gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

demos/cache-handlers/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

demos/cache-handlers/.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

demos/cache-handlers/README.md

@@ -0,0 +1,43 @@
+# Astro Starter Kit: Minimal
+
+```sh
+pnpm create astro@latest -- --template minimal
+```
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+├── src/
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+
+Any static assets, like images, can be placed in the `public/` directory.
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `pnpm install`             | Installs dependencies                            |
+| `pnpm dev`             | Starts local dev server at `localhost:4321`      |
+| `pnpm build`           | Build your production site to `./dist/`          |
+| `pnpm preview`         | Preview your build locally, before deploying     |
+| `pnpm astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `pnpm astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

demos/cache-handlers/astro.config.mjs

@@ -0,0 +1,19 @@
+// @ts-check
+import { defineConfig } from "astro/config";
+import cloudflare from "@astrojs/cloudflare";
+
+// https://astro.build/config
+export default defineConfig({
+	output: "server",
+	adapter: cloudflare({
+		platformProxy: {
+			enabled: true,
+			persist: true,
+		},
+	}),
+	vite: {
+		build: {
+			minify: false, // Better error messages during development
+		},
+	},
+});

demos/cache-handlers/package.json

@@ -0,0 +1,25 @@
+{
+	"name": "@demo/cache-handlers",
+	"private": true,
+	"type": "module",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "astro dev",
+		"build": "astro build",
+		"preview": "wrangler dev",
+		"preview:local": "wrangler dev --local",
+		"deploy": "astro build && wrangler deploy",
+		"wrangler": "wrangler",
+		"types": "wrangler types",
+		"astro": "astro"
+	},
+	"dependencies": {
+		"astro": "^5.12.9",
+		"@astrojs/cloudflare": "^12.6.0",
+		"cache-handlers": "workspace:*",
+		"@cloudflare/workers-types": "^4.20250204.0"
+	},
+	"devDependencies": {
+		"wrangler": "^4.32.0"
+	}
+}

demos/cache-handlers/public/favicon.svg

@@ -0,0 +1,61 @@
+import { invalidateByTag, invalidateByPath, invalidateAll, getCacheStats } from "cache-handlers";
+
+export async function POST({ request }: { request: Request }) {
+  try {
+    const formData = await request.formData();
+    const type = formData.get("type") as string;
+    const value = formData.get("value") as string;
+
+    let result: { success: boolean; count?: number; error?: string };
+
+    switch (type) {
+      case "tag":
+        if (!value) {
+          return Response.json({ success: false, error: "Tag value is required" }, { status: 400 });
+        }
+        const tagCount = await invalidateByTag(value);
+        result = { success: true, count: tagCount };
+        break;
+
+      case "path":
+        if (!value) {
+          return Response.json({ success: false, error: "Path value is required" }, { status: 400 });
+        }
+        const pathCount = await invalidateByPath(value);
+        result = { success: true, count: pathCount };
+        break;
+
+      case "all":
+        const allCount = await invalidateAll();
+        result = { success: true, count: allCount };
+        break;
+
+      default:
+        return Response.json({ success: false, error: "Invalid invalidation type" }, { status: 400 });
+    }
+
+    return Response.json(result);
+  } catch (error) {
+    console.error("Invalidation error:", error);
+    return Response.json(
+      { success: false, error: "Internal server error" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET() {
+  try {
+    const stats = await getCacheStats();
+    return Response.json({
+      success: true,
+      stats,
+    });
+  } catch (error) {
+    console.error("Cache stats error:", error);
+    return Response.json(
+      { success: false, error: "Failed to get cache stats" },
+      { status: 500 }
+    );
+  }
+}

demos/cache-handlers/src/pages/api/invalidate.ts

@@ -0,0 +1,14 @@
+// Blocking SWR demo forces revalidation before serving a stale response via worker route logic
+export async function GET() {
+  const issuedAt = new Date();
+  
+  return Response.json({
+    feature: "blocking",
+    issuedAt: issuedAt.toISOString(),
+    now: new Date().toISOString(),
+  }, {
+    headers: {
+      "Cache-Control": "public, max-age=5, stale-while-revalidate=30",
+    }
+  });
+}

demos/cache-handlers/src/pages/blocking.ts

@@ -0,0 +1,14 @@
+// ETag demo: We set long-lived response with ETag auto-generated by cache handler.
+export async function GET() {
+  const issuedAt = new Date();
+  
+  return Response.json({
+    feature: "etag",
+    issuedAt: issuedAt.toISOString(),
+    now: new Date().toISOString(),
+  }, {
+    headers: {
+      "Cache-Control": "public, max-age=60",
+    }
+  });
+}