Miniflare in Sveltekit

miniflare-in-sveltekit.md

Miniflare in SvelteKit!

This requires the package miniflare (NOT any of the @miniflare/-scoped packages), as well as @cloudflare/workers-types if you're using TypeScript. For setting up @sveltejs/adapter-cloudflare, see https://kit.svelte.dev/docs/adapter-cloudflare

// src/hooks.server.ts
import { dev } from "$app/environment";
import type { Miniflare } from "miniflare";

let mf: Miniflare;

export async function handle({ event, resolve }) {
	if (dev) {
		if (!mf) {
			const { Miniflare, Log, LogLevel } = await import("miniflare");
			mf = new Miniflare({
				log: new Log(LogLevel.INFO),
				kvPersist: "./kv-data",
				kvNamespaces: ["KV"],
				d1Persist: "./d1-data",
				d1Databases: ["D1"],
				// you should also be able to add durable objects & r2
				script: "",
				modules: true,
			});
		}
		event.platform = { env: await mf.getBindings() };
	}
	return resolve(event);
}

// app.d.ts
import type { D1Database, KVNamespace } from "@cloudflare/workers-types";

declare global {
	namespace App {
		// interface Error {}
		// interface Locals {}
		// interface PageData {}
		interface Platform {
        		// remember to add these bindings in your cloudflare dashboard!
        		// should be in Workers & Pages > [your site] > Settings > Functions > scroll down to the bindings settings
			env: {
				KV: KVNamespace;
				D1: D1Database;
			};
		}
	}
}

Also check out https://github.com/sdarnell/cf-svelte for a version that reads bindings from wrangler.toml, so you can properly integrate Miniflare with your local wrangler data