add authorization using GITHUB_TOKEN

Author: SeanCassiere

app/utils/documents.server.ts

@@ -5,6 +5,7 @@ import path from 'node:path'
 import * as graymatter from 'gray-matter'
 import { fetchCached } from '~/utils/cache.server'
 import { multiSortBy, removeLeadingSlash } from './utils'
+import { env } from './env'
 
 export type Doc = {
   filepath: string
@@ -488,8 +489,15 @@ async function fetchApiContentsRemote(
   branch: string,
   startingPath: string
 ): Promise<Array<GitHubFileNode> | null> {
+  const fetchOptions: RequestInit = {
+    headers: {
+      'X-GitHub-Api-Version': '2022-11-28',
+      Authorization: `Bearer ${env.GITHUB_AUTH_TOKEN}`,
+    },
+  }
   const res = await fetch(
-    `https://api.github.com/repos/${repo}/contents/${startingPath}?=${branch}`
+    `https://api.github.com/repos/${repo}/contents/${startingPath}?=${branch}`,
+    fetchOptions
   )
 
   if (!res.ok) {
@@ -525,9 +533,13 @@ async function fetchApiContentsRemote(
       }
 
       if (file.type === 'dir' && depth <= API_CONTENTS_MAX_DEPTH) {
-        const directoryFiles = (await fetch(file._links.self).then((res) =>
-          res.json()
-        )) as Array<GitHubFile>
+        const directoryFilesResponse = await fetch(
+          file._links.self,
+          fetchOptions
+        )
+        const directoryFiles =
+          (await directoryFilesResponse.json()) as Array<GitHubFile>
+
         file.children = await buildFileTree(
           directoryFiles,
           depth + 1,

app/utils/env.ts

@@ -0,0 +1,44 @@
+import 'dotenv/config'
+import { z } from 'zod'
+
+// Define server-only schema
+const serverEnvSchema = z.object({
+  GITHUB_AUTH_TOKEN: z.string().default('USE_A_REAL_KEY_IN_PRODUCTION'),
+  AIRTABLE_API_KEY: z.string().optional(),
+})
+
+// Define client schema
+const viteEnvSchema = z.object({
+  VITE_CLERK_PUBLISHABLE_KEY: z.string().optional(),
+})
+
+// Validate and parse environment variables
+const parsedServerEnv = import.meta.env.SSR
+  ? serverEnvSchema.parse(process.env)
+  : {}
+const parsedClientEnv = viteEnvSchema.parse(import.meta.env)
+
+type ParsedServerEnv = z.infer<typeof serverEnvSchema>
+type ParsedClientEnv = z.infer<typeof viteEnvSchema>
+type ParsedEnv = ParsedServerEnv & ParsedClientEnv
+
+// Merge parsed environments, with server env hidden from client
+export const env = new Proxy(
+  import.meta.env.SSR
+    ? { ...parsedClientEnv, ...parsedServerEnv }
+    : parsedClientEnv,
+  {
+    get(target, prop) {
+      if (prop in parsedServerEnv && typeof window !== 'undefined') {
+        throw new Error(
+          `Access to server-only environment variable '${String(
+            prop
+          )}' from client code is not allowed.`
+        )
+      }
+      return prop in parsedServerEnv
+        ? parsedServerEnv[prop as keyof typeof parsedServerEnv]
+        : target[prop as keyof typeof parsedClientEnv]
+    },
+  }
+) as ParsedEnv