Add link to github

Author: xPaw

src/components/Docs/SchemaClass.tsx

@@ -7,6 +7,7 @@ import { ReferencedBy } from "./ReferencedBy";
 import { CrossGameRefs } from "./CrossGameRefs";
 import { KindIcon } from "../KindIcon";
 import { DeclarationsContext, declarationKey } from "./DeclarationsContext";
+import { getGame } from "../../games";
 import {
   matchesWords,
   matchesMetadataKeys,
@@ -105,6 +106,38 @@ export const ModuleBadge: React.FC<{ module: string }> = ({ module }) => {
   );
 };
 
+const GitHubIcon = styled.a`
+  display: inline-flex;
+  align-items: center;
+  color: var(--text-dim);
+  margin-left: 4px;
+
+  &:hover {
+    color: var(--highlight);
+  }
+`;
+
+export const GitHubFileLink: React.FC<{ module: string; name: string }> = ({ module, name }) => {
+  const { game } = useContext(DeclarationsContext);
+  const gameData = getGame(game);
+  if (!gameData) return null;
+  const fileName = name.replace(/:/g, "_");
+  const url = `https://github.com/${gameData.repo}/blob/master/DumpSource2/schemas/${module}/${fileName}.h`;
+  return (
+    <GitHubIcon href={url} target="_blank" rel="noopener noreferrer" title="View on GitHub">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 16 16"
+        width="16"
+        height="16"
+        fill="currentColor"
+      >
+        <path d="M6.766 11.695C4.703 11.437 3.25 9.904 3.25 7.92c0-.806.281-1.677.75-2.258-.203-.532-.172-1.662.062-2.129.626-.081 1.469.258 1.969.726.594-.194 1.219-.291 1.985-.291.765 0 1.39.097 1.953.274.484-.451 1.343-.79 1.969-.709.218.435.25 1.564.046 2.113.5.613.766 1.436.766 2.274 0 1.984-1.453 3.485-3.547 3.759.531.355.891 1.129.891 2.016v1.678c0 .484.39.758.859.564C13.781 14.824 16 11.905 16 8.291 16 3.726 12.406 0 7.984 0 3.562 0 0 3.726 0 8.291c0 3.581 2.203 6.55 5.172 7.663A.595.595 0 0 0 6 15.389v-1.291c-.219.097-.5.162-.75.162-1.031 0-1.641-.581-2.078-1.662-.172-.435-.36-.693-.719-.742-.187-.016-.25-.097-.25-.193 0-.194.313-.339.625-.339.453 0 .844.29 1.25.887.313.468.641.678 1.031.678.391 0 .641-.146 1-.516.266-.275.469-.517.657-.678Z"></path>
+      </svg>
+    </GitHubIcon>
+  );
+};
+
 export const SchemaClassView: React.FC<{
   declaration: api.SchemaClass;
 }> = ({ declaration }) => {
@@ -161,6 +194,7 @@ export const SchemaClassView: React.FC<{
             {declaration.name}
           </DeclarationNameLink>
           <ModuleBadge module={declaration.module} />
+          <GitHubFileLink module={declaration.module} name={declaration.name} />
         </CommonGroupSignature>
       </DeclarationHeader>
       {(!collapseNonMatching ||

src/components/Docs/SchemaEnum.tsx

@@ -8,7 +8,7 @@ import { MetadataTags } from "./SchemaType";
 import { formatHexOffset } from "./utils/format";
 import { ReferencedBy } from "./ReferencedBy";
 import { CrossGameRefs } from "./CrossGameRefs";
-import { ModuleBadge } from "./SchemaClass";
+import { ModuleBadge, GitHubFileLink } from "./SchemaClass";
 import {
   matchesWords,
   matchesMetadataKeys,
@@ -96,6 +96,7 @@ export const SchemaEnumView: React.FC<{
           </DeclarationNameLink>
           <EnumTypeWrapper>: {declaration.alignment}</EnumTypeWrapper>
           <ModuleBadge module={declaration.module} />
+          <GitHubFileLink module={declaration.module} name={declaration.name} />
         </CommonGroupSignature>
       </DeclarationHeader>
       {(!collapseNonMatching ||

src/games.tsx

@@ -2,10 +2,11 @@ import React from "react";
 
 export type GameId = "cs2" | "dota2" | "deadlock";
 
-export const GAMES: { id: GameId; name: string; icon: React.ReactNode }[] = [
+export const GAMES: { id: GameId; name: string; repo: string; icon: React.ReactNode }[] = [
   {
     id: "cs2",
     name: "Counter-Strike 2",
+    repo: "SteamTracking/GameTracking-CS2",
 
     icon: (
       <svg viewBox="0 0 32 32" width="24" height="24">
@@ -21,6 +22,7 @@ export const GAMES: { id: GameId; name: string; icon: React.ReactNode }[] = [
   {
     id: "dota2",
     name: "Dota 2",
+    repo: "SteamTracking/GameTracking-Dota2",
 
     icon: (
       <svg viewBox="0 0 32 32" width="24" height="24">
@@ -36,6 +38,7 @@ export const GAMES: { id: GameId; name: string; icon: React.ReactNode }[] = [
   {
     id: "deadlock",
     name: "Deadlock",
+    repo: "SteamTracking/GameTracking-Deadlock",
 
     icon: (
       <svg viewBox="0 0 32 32" width="24" height="24">