fix sidebar height, gzip the jsons

Author: xPaw

web/package.json

@@ -4,6 +4,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "preview": "vite preview",
     "lint": "eslint .",
     "test": "tsc --noEmit && npm run lint"
   },

web/public/cs2.json

@@ -7,18 +7,20 @@ import { DeclarationsContext } from "~components/Docs/DeclarationsContext";
 import { NAVBAR_HEIGHT } from "./constants";
 
 const SidebarLink = styled(NavLink)`
-  display: block;
+  display: flex;
+  align-items: center;
+  gap: 4px;
   background: transparent;
   border-left: 2px solid transparent;
-  padding: 4px 8px;
+  padding: 0 8px;
+  height: 28px;
   text-decoration: none;
   color: ${(props) => props.theme.text};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   box-sizing: border-box;
   font-size: 14px;
-  line-height: 20px;
   transition: background 0.1s, color 0.1s;
 
   &:hover {
@@ -33,17 +35,13 @@ const SidebarLink = styled(NavLink)`
   }
 `;
 
-const SidebarKindIcon = styled(KindIcon)`
-  vertical-align: ${({ kind }) => (kind === "interface" ? "middle" : "baseline")};
-`;
-
 export const SidebarElement: React.FC<{
   to: string;
   icon: IconKind;
   text: string;
 }> = React.memo(({ to, icon, text }) => (
   <SidebarLink to={to}>
-    <SidebarKindIcon kind={icon} size="small" /> {text}
+    <KindIcon kind={icon} size="small" /> {text}
   </SidebarLink>
 ));
 

web/public/cs2.json.gz

@@ -37,7 +37,7 @@ function groupByModule(declarations: Declaration[]): ModuleGroup[] {
 
 const HEADER_HEIGHT = 28;
 const HEADER_GAP = 8;
-const ITEM_HEIGHT = 24;
+const ITEM_HEIGHT = 28;
 
 export const DeclarationsSidebar = () => {
   const { declarations } = useContext(DeclarationsContext);

web/public/deadlock.json

@@ -29,9 +29,18 @@ export async function loadGameSchemas(gameId: GameId): Promise<Declaration[]> {
   const cached = cache.get(gameId);
   if (cached) return cached;
 
-  const response = await fetch(`${import.meta.env.BASE_URL}${gameId}.json`);
+  const response = await fetch(`${import.meta.env.BASE_URL}${gameId}.json.gz`);
   if (!response.ok) throw new Error(`Failed to load ${gameId} schemas: ${response.status}`);
-  const data: SchemasJson = await response.json();
+
+  let data: SchemasJson;
+  if (response.headers.get("Content-Type")?.includes("application/json")) {
+    // Vite dev server: already decompressed via Content-Encoding
+    data = await response.json();
+  } else {
+    // GitHub Pages / static hosting: raw gzip bytes
+    const decompressed = response.body!.pipeThrough(new DecompressionStream("gzip"));
+    data = await new Response(decompressed).json();
+  }
 
   const result = parseSchemas(data);
   cache.set(gameId, result);