From 511a5557c434a456c9e4db1e3986bd67c369f548 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <johnstonhuntera@gmail.com>
Date: Mon, 3 Mar 2025 12:28:15 -0500
Subject: [PATCH] fix: caching issue?

---
 .gitignore                                    |  5 ++-
 sites/docs/scripts/build-registry.ts          |  5 +--
 sites/docs/src/__registry__/index.js          | 16 +++++++++
 sites/docs/src/lib/registry-json/.gitkeep     |  0
 .../docs/src/routes/(app)/colors/+page.svelte |  2 +-
 .../docs/src/routes/(app)/themes/+page.svelte |  2 +-
 .../src/routes/registry/[...path]/+server.ts  | 33 +++++++++++++++++++
 7 files changed, 58 insertions(+), 5 deletions(-)
 create mode 100644 sites/docs/src/lib/registry-json/.gitkeep
 create mode 100644 sites/docs/src/routes/registry/[...path]/+server.ts

diff --git a/.gitignore b/.gitignore
index 96c70d05d..cc5613eee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -112,4 +112,7 @@ generated-assets
 .idea/
 
 .velite
-sites/docs/static/registry
\ No newline at end of file
+sites/docs/static/registry
+sites/docs/src/lib/registry-json/**/*.json
+sites/docs/src/lib/registry-json/**/*.css
+sites/docs/static/themes.css
\ No newline at end of file
diff --git a/sites/docs/scripts/build-registry.ts b/sites/docs/scripts/build-registry.ts
index a35bd5410..91f7b1c75 100644
--- a/sites/docs/scripts/build-registry.ts
+++ b/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!");
 }
diff --git a/sites/docs/src/__registry__/index.js b/sites/docs/src/__registry__/index.js
index 38f62a99c..2ae15af49 100644
--- a/sites/docs/src/__registry__/index.js
+++ b/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",
diff --git a/sites/docs/src/lib/registry-json/.gitkeep b/sites/docs/src/lib/registry-json/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/routes/(app)/colors/+page.svelte b/sites/docs/src/routes/(app)/colors/+page.svelte
index 55bc9bbb0..226b01db8 100644
--- a/sites/docs/src/routes/(app)/colors/+page.svelte
+++ b/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;
diff --git a/sites/docs/src/routes/(app)/themes/+page.svelte b/sites/docs/src/routes/(app)/themes/+page.svelte
index 036cce7a3..8a3d320a5 100644
--- a/sites/docs/src/routes/(app)/themes/+page.svelte
+++ b/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;
diff --git a/sites/docs/src/routes/registry/[...path]/+server.ts b/sites/docs/src/routes/registry/[...path]/+server.ts
new file mode 100644
index 000000000..2411a6b15
--- /dev/null
+++ b/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 });
+	}
+}