fix: some static shit

.vscode/settings.json

@@ -200,5 +200,6 @@
   "deno.enable": false,
   "deno.unstable": false,
   "cSpell.enableFiletypes": ["glsl", "proto3"],
-  "typescript.tsdk": "node_modules\\typescript\\lib"
+  "typescript.tsdk": "node_modules\\typescript\\lib",
+  "liveServer.settings.multiRootWorkspaceName": "blitzkit"
 }

package.json

@@ -35,10 +35,11 @@
     "lodash": "^4.17.21"
   },
   "devDependencies": {
+    "@types/bun": "latest",
+    "@types/node": "^22.5.4",
     "esbuild": "^0.19.12",
     "prettier": "^3.3.3",
     "prisma": "^5.19.1",
-    "@types/bun": "latest",
     "typescript": "^5.5.4"
   }
 }

packages/website/src/app/docs/[directory]/[document]/layout.tsx

@@ -1,43 +1,28 @@
-import { assertSecret } from '@blitzkit/core';
+import { readdir } from 'fs/promises';
 
 export async function generateStaticParams() {
-  return await fetch(
+  return await readdir('../../docs').then((directories) =>
-    `https://api.github.com/repos/tresabhi/blitzkit/contents/docs?ref=${assertSecret(
+    Promise.all(
-      process.env.NEXT_PUBLIC_ASSET_BRANCH,
+      directories
-    )}`,
+        .filter(
-  )
+          (directory) =>
-    .then((response) => response.json() as Promise<{ name: string }[]>)
+            !['.vitepress', 'public'].includes(directory) &&
-    .then((directories) =>
+            !directory.endsWith('.md'),
-      Promise.all(
+        )
-        directories
+        .map((directory) =>
-          .filter(
+          readdir(`../../docs/${directory}`).then((files) =>
-            (directory) =>
+            Promise.all(
-              !['.vitepress', 'public', 'index.md'].includes(directory.name),
+              files
-          )
+                .filter((file) => file.endsWith('.md'))
-          .map((directory) =>
+                .map((file) => ({
-            fetch(
+                  directory,
-              `https://api.github.com/repos/tresabhi/blitzkit/contents/docs/${directory.name}?ref=${assertSecret(
+                  document: file.replace(/\.md$/, ''),
-                process.env.NEXT_PUBLIC_ASSET_BRANCH,
+                })),
-              )}`,
+            ),
-            )
-              .then(
-                (response) => response.json() as Promise<{ name: string }[]>,
-              )
-              .then((docs) =>
-                docs
-                  .map((document) => {
-                    console.log(`${directory.name}/${document.name}`);
-                    return document;
-                  })
-                  .map((document) => ({
-                    document: document.name.split('.').slice(0, -1).join('.'),
-                    directory: directory.name,
-                  })),
-              ),
           ),
-      ),
+        ),
-    )
+    ).then((directories) => directories.flat()),
-    .then((docs) => docs.flat());
+  );
 }
 
 export default function Layout({ children }: { children: React.ReactNode }) {

packages/website/src/app/tools/embed/[embed]/host/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Code, Heading } from '@radix-ui/themes';
+import { useSearchParams } from 'next/navigation';
 import { useMemo } from 'react';
 import { PageWrapper } from '../../../../../components/PageWrapper';
 import * as EmbedState from '../../../../../stores/embedState';
@@ -13,16 +14,17 @@ export interface EmbedPreviewControllerProps {
 
 export default function Page({
   params,
-  searchParams,
 }: {
   params: { embed: keyof typeof configurations };
-  searchParams: { state: string };
 }) {
+  const searchParams = useSearchParams();
+  // TODO: check for this? idk lol
+  const stateParam = searchParams.get('state')!;
   const config = configurations[params.embed];
   const initialState = useMemo(
     () => ({
       ...extractEmbedConfigDefaults(config),
-      ...(JSON.parse(searchParams.state) as EmbedState.EmbedState),
+      ...(JSON.parse(stateParam) as EmbedState.EmbedState),
     }),
     [params.embed],
   );

packages/website/src/components/Navbar/index.tsx

@@ -44,7 +44,8 @@ export function Navbar() {
   const pathname = usePathname();
   const logins = App.use((state) => state.logins);
   const mutateApp = App.useMutation();
-  const tools = [homeTool, ...TOOLS];
+  const toolsFiltered = TOOLS.filter((tool) => !('href' in tool));
+  const tools = [homeTool, ...toolsFiltered];
   const isBranchNamed =
     process.env.NEXT_PUBLIC_ASSET_BRANCH &&
     BRANCH_NAMES[process.env.NEXT_PUBLIC_ASSET_BRANCH];
@@ -99,7 +100,7 @@ export function Navbar() {
               justify="center"
               className={styles.tools}
             >
-              {TOOLS.map((tool, index) => {
+              {toolsFiltered.map((tool, index) => {
                 const unavailableOnBranch = tool.branches?.every(
                   (branch) =>
                     branch !==

packages/website/src/constants/tools.tsx

@@ -139,6 +139,7 @@ export const embedTool: Tool = {
   },
   image: 'Q0faRYg',
   branches: ['main', 'dev', 'opentest'],
+  href: '',
 };
 
 export const homeTool: Tool = {
@@ -154,6 +155,6 @@ export const TOOLS: Tool[] = [
   compareTool,
   tankPerformanceTool,
   sessionTool,
-  // embedTool,
+  embedTool,
   ratingTool,
 ];

packages/website/tsconfig.json

@@ -10,6 +10,7 @@
   "include": [
     "src/**/*",
     ".next/types/**/*.ts",
-    "../../dist/website/types/**/*.ts"
+    "../../dist/website/types/**/*.ts",
+    "dist/website/types/**/*.ts"
   ]
 }