test: OliverSpeir/astro-decap-starter-ssr/

brown-ccv · Oct 16, 2024 · ed18095 · ed18095
1 parent cc272aa
commit ed18095
Show file tree

Hide file tree

Showing 11 changed files with 101 additions and 119 deletions.
diff --git a/public/admin/config.yml b/public/admin/config.yml
@@ -1,9 +1,11 @@
 backend:
   name: github
   repo: brown-ccv/mmp
-  base_url: https://mmp-site-b1c9b.web.app/
-  auth_endpoint: api/auth
+  site_domain: mmp.research.brown.edu
+  base_url: https://mmp.research.brown.edu/
+  auth_endpoint: oauth
 media_folder: public/images
+public_folder: public/images
 media_library:
   max_file_size: 734003200
 i18n:

diff --git a/public/admin/index.html b/public/admin/index.html
diff --git a/src/api/_lib/oauth2.ts b/src/api/_lib/oauth2.ts
diff --git a/src/pages/admin.astro b/src/pages/admin.astro
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex" />
+    <link href="/admin/config.yml" type="text/yaml" rel="cms-config-url" />
+    <title>Content Manager</title>
+  </head>
+  <body>
+    <!-- Dashboard script-->
+    <script src="https://unpkg.com/decap-cms@^3.1.0-beta.2/dist/decap-cms.js"></script>
+    <!-- CSS in preview panel -->
+    <script>
+      // @ts-expect-error CMS is defined globally
+      // eslint-disable-next-line
+      CMS.registerPreviewStyle("/global.css")
+    </script>
+
+    <!-- Only showing body in preview panel -->
+    <script src="@utils/preview.js"></script>
+  </body>
+</html>
diff --git a/src/pages/api/auth.astro b/src/pages/api/auth.astro
diff --git a/src/pages/api/auth.ts b/src/pages/api/auth.ts
diff --git a/src/pages/api/callback.astro b/src/pages/api/callback.astro
diff --git a/src/pages/api/callback.ts b/src/pages/api/callback.ts
diff --git a/src/pages/oauth/_config.ts b/src/pages/oauth/_config.ts
@@ -0,0 +1,6 @@
+export const clientId = process.env.OAUTH_GITHUB_CLIENT_ID || import.meta.env.OAUTH_GITHUB_CLIENT_ID
+export const clientSecret =
+  process.env.OAUTH_GITHUB_CLIENT_SECRET || import.meta.env.OAUTH_GITHUB_CLIENT_SECRET
+
+export const authUrl = `https://github.com/login/oauth/authorize?client_id=${clientId}&scope=repo,user`
+export const tokenUrl = "https://github.com/login/oauth/access_token"
diff --git a/src/pages/oauth/callback.ts b/src/pages/oauth/callback.ts
@@ -0,0 +1,61 @@
+export const prerender = "false"
+import type { APIRoute } from "astro"
+import { clientId, clientSecret, tokenUrl } from "./_config"
+
+export const GET: APIRoute = async ({ url, redirect }) => {
+  const data = {
+    code: url.searchParams.get("code"),
+    client_id: clientId,
+    client_secret: clientSecret,
+  }
+
+  let script
+
+  try {
+    const response = await fetch(tokenUrl, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(data),
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const body = await response.json()
+
+    const content = {
+      token: body.access_token,
+      provider: "github",
+    }
+
+    // This is what talks to the DecapCMS page.
+    // Using window.postMessage we give it the token details in a format it's expecting
+    script = `
+      <script>
+        const receiveMessage = (message) => {
+          window.opener.postMessage(
+            'authorization:${content.provider}:success:${JSON.stringify(content)}',
+            message.origin
+          );
+
+          window.removeEventListener("message", receiveMessage, false);
+        }
+        window.addEventListener("message", receiveMessage, false);
+
+        window.opener.postMessage("authorizing:${content.provider}", "*");
+      </script>
+    `
+
+    return new Response(script, {
+      headers: { "Content-Type": "text/html" },
+    })
+  } catch (err) {
+    // If we hit an error we'll handle that here
+    console.log(err)
+    return redirect("/?error=😡")
+  }
+}
diff --git a/src/pages/oauth/index.ts b/src/pages/oauth/index.ts
@@ -0,0 +1,7 @@
+export const prerender = "false"
+import type { APIRoute } from "astro"
+import { authUrl } from "./_config"
+
+export const GET: APIRoute = ({ redirect }) => {
+  return redirect(authUrl)
+}