chore: fix cloudflare _routes.json limits

apps/www/src/routes/+page.svelte

@@ -7,6 +7,8 @@
 	import { cn } from "$lib/utils.js";
 	import Mail from "./examples/mail/(components)/mail.svelte";
 	import { accounts, mails } from "./examples/mail/data.js";
+	import MailLight from "$lib/img/examples/mail-light.png?enhanced";
+	import MailDark from "$lib/img/examples/playground-dark.png?enhanced";
 
 	export let data;
 </script>
@@ -51,20 +53,10 @@
 	<section
 		class="overflow-hidden rounded-lg border bg-background shadow-md md:hidden md:shadow-xl"
 	>
-		<img
-			src="/examples/mail-light.png"
-			width={1280}
-			height={727}
-			alt="Dashboard"
-			class="block dark:hidden"
-		/>
-		<img
-			src="/examples/mail-dark.png"
-			width={1280}
-			height={727}
-			alt="Dashboard"
-			class="hidden dark:block"
-		/>
+		<div class="md:hidden">
+			<enhanced:img src={MailLight} alt="Mail" class="block dark:hidden" />
+			<enhanced:img src={MailDark} alt="Mail" class="hidden dark:block" />
+		</div>
 	</section>
 	<section class="hidden md:block">
 		<div class="overflow-hidden rounded-lg border bg-background shadow-lg">

apps/www/static/registry/styles/default/carousel.json

@@ -29,7 +29,7 @@
 		},
 		{
 			"name": "context.ts",
-			"content": "import type { EmblaCarouselSvelteType } from \"embla-carousel-svelte\";\nimport type emblaCarouselSvelte from \"embla-carousel-svelte\";\nimport { getContext, hasContext, setContext } from \"svelte\";\nimport type { HTMLAttributes } from \"svelte/elements\";\nimport type { Writable, Readable } from \"svelte/store\";\n\nexport type CarouselAPI = NonNullable<\n\tNonNullable<EmblaCarouselSvelteType[\"$$_attributes\"]>[\"on:emblaInit\"]\n> extends (evt: CustomEvent<infer CarouselAPI>) => void\n\t? CarouselAPI\n\t: never;\n\ntype EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;\n\nexport type CarouselOptions = EmblaCarouselConfig[\"options\"];\nexport type CarouselPlugins = EmblaCarouselConfig[\"plugins\"];\n\n////\n\nexport type CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugins;\n\tapi?: CarouselAPI;\n\torientation?: \"horizontal\" | \"vertical\";\n} & HTMLAttributes<HTMLDivElement>;\n\nconst EMBLA_CAROUSEL_CONTEXT = Symbol(\"EMBLA_CAROUSEL_CONTEXT\");\n\ntype EmblaContext = {\n\tapi: Writable<CarouselAPI | undefined>;\n\torientation: Writable<\"horizontal\" | \"vertical\">;\n\tscrollNext: () => void;\n\tscrollPrev: () => void;\n\tcanScrollNext: Readable<boolean>;\n\tcanScrollPrev: Readable<boolean>;\n\thandleKeyDown: (e: KeyboardEvent) => void;\n\toptions: Writable<CarouselOptions>;\n\tplugins: Writable<CarouselPlugins>;\n\tonInit: (e: CustomEvent<CarouselAPI>) => void;\n};\n\nexport function setEmblaContex(config: EmblaContext): EmblaContext {\n\tsetContext(EMBLA_CAROUSEL_CONTEXT, config);\n\treturn config;\n}\n\nexport function getEmblaContext(name = \"This component\") {\n\tif (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {\n\t\tthrow new Error(`${name} must be used within a <Carousel.Root> component`);\n\t}\n\treturn getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT);\n}\n"
+			"content": "import type { EmblaCarouselSvelteType } from \"embla-carousel-svelte\";\nimport type emblaCarouselSvelte from \"embla-carousel-svelte\";\nimport { getContext, hasContext, setContext } from \"svelte\";\nimport type { HTMLAttributes } from \"svelte/elements\";\nimport type { Writable, Readable } from \"svelte/store\";\n\nexport type CarouselAPI =\n\tNonNullable<NonNullable<EmblaCarouselSvelteType[\"$$_attributes\"]>[\"on:emblaInit\"]> extends (\n\t\tevt: CustomEvent<infer CarouselAPI>\n\t) => void\n\t\t? CarouselAPI\n\t\t: never;\n\ntype EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;\n\nexport type CarouselOptions = EmblaCarouselConfig[\"options\"];\nexport type CarouselPlugins = EmblaCarouselConfig[\"plugins\"];\n\n////\n\nexport type CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugins;\n\tapi?: CarouselAPI;\n\torientation?: \"horizontal\" | \"vertical\";\n} & HTMLAttributes<HTMLDivElement>;\n\nconst EMBLA_CAROUSEL_CONTEXT = Symbol(\"EMBLA_CAROUSEL_CONTEXT\");\n\ntype EmblaContext = {\n\tapi: Writable<CarouselAPI | undefined>;\n\torientation: Writable<\"horizontal\" | \"vertical\">;\n\tscrollNext: () => void;\n\tscrollPrev: () => void;\n\tcanScrollNext: Readable<boolean>;\n\tcanScrollPrev: Readable<boolean>;\n\thandleKeyDown: (e: KeyboardEvent) => void;\n\toptions: Writable<CarouselOptions>;\n\tplugins: Writable<CarouselPlugins>;\n\tonInit: (e: CustomEvent<CarouselAPI>) => void;\n};\n\nexport function setEmblaContex(config: EmblaContext): EmblaContext {\n\tsetContext(EMBLA_CAROUSEL_CONTEXT, config);\n\treturn config;\n}\n\nexport function getEmblaContext(name = \"This component\") {\n\tif (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {\n\t\tthrow new Error(`${name} must be used within a <Carousel.Root> component`);\n\t}\n\treturn getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT);\n}\n"
 		},
 		{
 			"name": "index.ts",

apps/www/static/registry/styles/new-york/carousel.json

@@ -29,7 +29,7 @@
 		},
 		{
 			"name": "context.ts",
-			"content": "import type { EmblaCarouselSvelteType } from \"embla-carousel-svelte\";\nimport type emblaCarouselSvelte from \"embla-carousel-svelte\";\nimport { getContext, hasContext, setContext } from \"svelte\";\nimport type { HTMLAttributes } from \"svelte/elements\";\nimport type { Writable, Readable } from \"svelte/store\";\n\nexport type CarouselAPI = NonNullable<\n\tNonNullable<EmblaCarouselSvelteType[\"$$_attributes\"]>[\"on:emblaInit\"]\n> extends (evt: CustomEvent<infer CarouselAPI>) => void\n\t? CarouselAPI\n\t: never;\n\ntype EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;\n\nexport type CarouselOptions = EmblaCarouselConfig[\"options\"];\nexport type CarouselPlugins = EmblaCarouselConfig[\"plugins\"];\n\n////\n\nexport type CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugins;\n\tapi?: CarouselAPI;\n\torientation?: \"horizontal\" | \"vertical\";\n} & HTMLAttributes<HTMLDivElement>;\n\nconst EMBLA_CAROUSEL_CONTEXT = Symbol(\"EMBLA_CAROUSEL_CONTEXT\");\n\ntype EmblaContext = {\n\tapi: Writable<CarouselAPI | undefined>;\n\torientation: Writable<\"horizontal\" | \"vertical\">;\n\tscrollNext: () => void;\n\tscrollPrev: () => void;\n\tcanScrollNext: Readable<boolean>;\n\tcanScrollPrev: Readable<boolean>;\n\thandleKeyDown: (e: KeyboardEvent) => void;\n\toptions: Writable<CarouselOptions>;\n\tplugins: Writable<CarouselPlugins>;\n\tonInit: (e: CustomEvent<CarouselAPI>) => void;\n};\n\nexport function setEmblaContex(config: EmblaContext): EmblaContext {\n\tsetContext(EMBLA_CAROUSEL_CONTEXT, config);\n\treturn config;\n}\n\nexport function getEmblaContext(name = \"This component\") {\n\tif (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {\n\t\tthrow new Error(`${name} must be used within a <Carousel.Root> component`);\n\t}\n\treturn getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT);\n}\n"
+			"content": "import type { EmblaCarouselSvelteType } from \"embla-carousel-svelte\";\nimport type emblaCarouselSvelte from \"embla-carousel-svelte\";\nimport { getContext, hasContext, setContext } from \"svelte\";\nimport type { HTMLAttributes } from \"svelte/elements\";\nimport type { Writable, Readable } from \"svelte/store\";\n\nexport type CarouselAPI =\n\tNonNullable<NonNullable<EmblaCarouselSvelteType[\"$$_attributes\"]>[\"on:emblaInit\"]> extends (\n\t\tevt: CustomEvent<infer CarouselAPI>\n\t) => void\n\t\t? CarouselAPI\n\t\t: never;\n\ntype EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;\n\nexport type CarouselOptions = EmblaCarouselConfig[\"options\"];\nexport type CarouselPlugins = EmblaCarouselConfig[\"plugins\"];\n\n////\n\nexport type CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugins;\n\tapi?: CarouselAPI;\n\torientation?: \"horizontal\" | \"vertical\";\n} & HTMLAttributes<HTMLDivElement>;\n\nconst EMBLA_CAROUSEL_CONTEXT = Symbol(\"EMBLA_CAROUSEL_CONTEXT\");\n\ntype EmblaContext = {\n\tapi: Writable<CarouselAPI | undefined>;\n\torientation: Writable<\"horizontal\" | \"vertical\">;\n\tscrollNext: () => void;\n\tscrollPrev: () => void;\n\tcanScrollNext: Readable<boolean>;\n\tcanScrollPrev: Readable<boolean>;\n\thandleKeyDown: (e: KeyboardEvent) => void;\n\toptions: Writable<CarouselOptions>;\n\tplugins: Writable<CarouselPlugins>;\n\tonInit: (e: CustomEvent<CarouselAPI>) => void;\n};\n\nexport function setEmblaContex(config: EmblaContext): EmblaContext {\n\tsetContext(EMBLA_CAROUSEL_CONTEXT, config);\n\treturn config;\n}\n\nexport function getEmblaContext(name = \"This component\") {\n\tif (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {\n\t\tthrow new Error(`${name} must be used within a <Carousel.Root> component`);\n\t}\n\treturn getContext<ReturnType<typeof setEmblaContex>>(EMBLA_CAROUSEL_CONTEXT);\n}\n"
 		},
 		{
 			"name": "index.ts",

apps/www/svelte.config.js

@@ -23,7 +23,30 @@ const config = {
 	extensions: [".svelte", ".md"],
 
 	kit: {
-		adapter: adapter(),
+		// https://kit.svelte.dev/docs/adapter-cloudflare#options
+		adapter: adapter({
+			routes: {
+				// Since we have so many static assets, we'll manually define
+				// the globs for them to save our 100 include/exclude limit
+				exclude: [
+					"<build>",
+					"<prerendered>",
+					"/registry/*",
+					"/avatars/*",
+					"/fonts/*",
+					"/android-chrome-192x192.png",
+					"/android-chrome-512x512.png",
+					"/apple-touch-icon.png",
+					"/docs/hex-to-hsl.png",
+					"/favicon-16x16.png",
+					"/favicon-32x32.png",
+					"/favicon.ico",
+					"/og.png",
+					"/schema.json",
+					"/site.webmanifest",
+				],
+			},
+		}),
 	},
 };