fix: caching issue?

.gitignore

@@ -112,4 +112,7 @@ generated-assets
 .idea/
 
 .velite
-sites/docs/static/registry
+sites/docs/static/registry
+sites/docs/src/lib/registry-json/**/*.json
+sites/docs/src/lib/registry-json/**/*.css
+sites/docs/static/themes.css

sites/docs/scripts/build-registry.ts

@@ -14,7 +14,8 @@ import { transformContent } from "./transformers";
 import prettier from "prettier";
 import prettierPluginSvelte from "prettier-plugin-svelte";
 
-const REGISTRY_PATH = path.resolve("static", "registry");
+const REGISTRY_PATH = path.resolve("src", "lib", "registry-json");
+const THEMES_CSS_PATH = path.resolve("static");
 const REGISTRY_IGNORE = ["super-form"];
 
 const prettierConfig: prettier.Config = {
@@ -369,7 +370,7 @@ export const Index = {
 		);
 	}
 
-	writeFileWithDirs(path.join(REGISTRY_PATH, `themes.css`), themeCSS.join("\n"), "utf-8");
+	writeFileWithDirs(path.join(THEMES_CSS_PATH, `themes.css`), themeCSS.join("\n"), "utf-8");
 
 	console.info("✅ Done!");
 }

sites/docs/src/__registry__/index.js

@@ -763,6 +763,14 @@ export const Index = {
 			files: ["../lib/registry/default/example/slider-multiple.svelte"],
 			raw: () => import("../lib/registry/default/example/slider-multiple.svelte?raw").then((m) => m.default),
 		},
+		"slider-vertical": {
+			name: "slider-vertical",
+			type: "registry:example",
+			registryDependencies: ["slider"],
+			component: () => import("../lib/registry/default/example/slider-vertical.svelte").then((m) => m.default),
+			files: ["../lib/registry/default/example/slider-vertical.svelte"],
+			raw: () => import("../lib/registry/default/example/slider-vertical.svelte?raw").then((m) => m.default),
+		},
 		"sonner-demo": {
 			name: "sonner-demo",
 			type: "registry:example",
@@ -1836,6 +1844,14 @@ export const Index = {
 			files: ["../lib/registry/new-york/example/slider-multiple.svelte"],
 			raw: () => import("../lib/registry/new-york/example/slider-multiple.svelte?raw").then((m) => m.default),
 		},
+		"slider-vertical": {
+			name: "slider-vertical",
+			type: "registry:example",
+			registryDependencies: ["slider"],
+			component: () => import("../lib/registry/new-york/example/slider-vertical.svelte").then((m) => m.default),
+			files: ["../lib/registry/new-york/example/slider-vertical.svelte"],
+			raw: () => import("../lib/registry/new-york/example/slider-vertical.svelte?raw").then((m) => m.default),
+		},
 		"sonner-demo": {
 			name: "sonner-demo",
 			type: "registry:example",

sites/docs/src/routes/(app)/colors/+page.svelte

@@ -7,7 +7,7 @@
 
 <svelte:head>
 	<style>
-		@import "/registry/themes.css";
+		@import "/themes.css";
 		:root {
 			--vis-color0: var(--primary);
 			--vis-color1: #ffffff;

sites/docs/src/routes/(app)/themes/+page.svelte

@@ -10,7 +10,7 @@
 
 <svelte:head>
 	<style>
-		@import "/registry/themes.css";
+		@import "/themes.css";
 		:root {
 			--vis-color0: var(--primary);
 			--vis-color1: #ffffff;

sites/docs/src/routes/registry/[...path]/+server.ts

@@ -0,0 +1,33 @@
+import { json } from "@sveltejs/kit";
+
+export async function GET({ params }) {
+	const { path } = params;
+
+	try {
+		const jsonFiles = import.meta.glob("../../../lib/registry-json/**/*.json", { as: "raw" });
+		const cssFiles = import.meta.glob("../../../lib/registry-css/**/*.css", { as: "raw" });
+
+		// Merge all modules
+		const modules = { ...jsonFiles, ...cssFiles };
+
+		const modulePath = Object.keys(modules).find((m) => m.endsWith(`/${path}`));
+
+		if (!modulePath) {
+			throw new Error(`File not found: ${path}`);
+		}
+
+		// Import the matched module
+		const rawContent = await modules[modulePath]();
+
+		// Return raw JSON response
+		return new Response(rawContent, {
+			headers: {
+				"Content-Type": "application/json",
+				"Cache-Control": "no-store, max-age=0",
+			},
+		});
+	} catch (error) {
+		console.error(error);
+		return json({ error: "Resource not found" }, { status: 404 });
+	}
+}