refactor: restructure files to their domains, new preview overlay system, and dep graph

1 files changed, 28 insertions, 0 deletions

diff --git a/apps/web/src/guides/registry.tsx b/apps/web/src/guides/registry.tsx
new file mode 100644
index 00000000..d1c6d652
--- /dev/null
+++ b/apps/web/src/guides/registry.tsx
@@ -0,0 +1,28 @@
+import type { GuideDefinition } from "@/guides/types";

+import { gridGuide } from "./definitions/grid";

+// import { customGuide } from "./definitions/custom";

+import {

+	tiktokGuide,

+	igReelsGuide,

+	ytShortsGuide,

+	spotlightGuide,

+} from "./definitions/platforms";

+

+export type { GuideDefinition, GuideRenderProps } from "@/guides/types";

+

+export const GUIDE_REGISTRY = [

+	gridGuide,

+	tiktokGuide,

+	igReelsGuide,

+	ytShortsGuide,

+	spotlightGuide,

+

+	// todo: wire up custom guide fully, then uncomment this:

+	// customGuide,

+] as const satisfies readonly GuideDefinition[];

+

+export type GuideId = (typeof GUIDE_REGISTRY)[number]["id"];

+

+export function isGuideId(value: string): value is GuideId {

+	return GUIDE_REGISTRY.some((guide) => guide.id === value);

+}