cleanup and add dark mode css

Author: i40west

README.md

@@ -29,3 +29,7 @@ The config file included here is a starter file only; you need to set this up fo
 ### 4. Profit!
 
 Publish your site and let Cloudflare build it. Go to `/admin/` on your site, and you should see a Login with Github button, which should authenticate you to Github and launch the CMS.
+
+## Credits
+
+I've included a dark-mode CSS file from [Nats-ji/netlify-cms-dark-mode](https://github.com/Nats-ji/netlify-cms-dark-mode).

functions/api/auth.js

@@ -8,24 +8,24 @@ export async function onRequest(context) {
         data, // arbitrary space for passing data between middlewares
     } = context;
 
-    const client_id = env.GITHUB_CLIENT_ID
+    const client_id = env.GITHUB_CLIENT_ID;
 
     try {
-        const url = new URL(request.url)
-        const redirectUrl = new URL('https://github.com/login/oauth/authorize')
-        redirectUrl.searchParams.set('client_id', client_id)
-        redirectUrl.searchParams.set('redirect_uri', url.origin + '/api/callback')
-        redirectUrl.searchParams.set('scope', 'repo user')
+        const url = new URL(request.url);
+        const redirectUrl = new URL('https://github.com/login/oauth/authorize');
+        redirectUrl.searchParams.set('client_id', client_id);
+        redirectUrl.searchParams.set('redirect_uri', url.origin + '/api/callback');
+        redirectUrl.searchParams.set('scope', 'repo user');
         redirectUrl.searchParams.set(
             'state',
             crypto.getRandomValues(new Uint8Array(12)).join(''),
-        )
-        return Response.redirect(redirectUrl.href, 301)
+        );
+        return Response.redirect(redirectUrl.href, 301);
 
     } catch (error) {
-        console.error(error)
+        console.error(error);
         return new Response(error.message, {
             status: 500,
-        })
+        });
     }
 }

functions/api/callback.js

@@ -11,9 +11,9 @@ function renderBody(status, content) {
       window.addEventListener("message", receiveMessage, false);
       window.opener.postMessage("authorizing:github", "*");
     </script>
-    `
-    const blob = new Blob([html])
-    return blob
+    `;
+    const blob = new Blob([html]);
+    return blob;
 }
 
 export async function onRequest(context) {
@@ -26,12 +26,12 @@ export async function onRequest(context) {
         data, // arbitrary space for passing data between middlewares
     } = context;
 
-    const client_id = env.GITHUB_CLIENT_ID
-    const client_secret = env.GITHUB_CLIENT_SECRET
+    const client_id = env.GITHUB_CLIENT_ID;
+    const client_secret = env.GITHUB_CLIENT_SECRET;
 
     try {
-        const url = new URL(request.url)
-        const code = url.searchParams.get('code')
+        const url = new URL(request.url);
+        const code = url.searchParams.get('code');
         const response = await fetch(
             'https://github.com/login/oauth/access_token',
             {
@@ -43,23 +43,23 @@ export async function onRequest(context) {
                 },
                 body: JSON.stringify({ client_id, client_secret, code }),
             },
-        )
-        const result = await response.json()
+        );
+        const result = await response.json();
         if (result.error) {
-            return new Response(renderBody('error', result), { status: 401 })
+            return new Response(renderBody('error', result), { status: 401 });
         }
-        const token = result.access_token
-        const provider = 'github'
+        const token = result.access_token;
+        const provider = 'github';
         const responseBody = renderBody('success', {
             token,
             provider,
-        })
-        return new Response(responseBody, { status: 200 })
+        });
+        return new Response(responseBody, { status: 200 });
 
     } catch (error) {
-        console.error(error)
+        console.error(error);
         return new Response(error.message, {
             status: 500,
-        })
+        });
     }
 }