remove color selector, updated github auth env var names

Author: steven-tey

.env.example

@@ -5,7 +5,7 @@
 
 # Mandatory next-auth URL for localhost
 NEXTAUTH_URL=http://app.localhost:3000
-
+ 
 ### PRODUCTION & DEVELOPMENT VARIABLES
 # These variables need to be set for local development and when deployed on Vercel
 
@@ -18,16 +18,17 @@ POSTGRES_PRISMA_URL=
 # Vercel Blob Storage for image uploads – get one here: https://vercel.com/docs/storage/blob/quickstart
 BLOB_READ_WRITE_TOKEN=
 
-# GitHub OAuth for auth & login – get one here: https://docs.github.com/en/developers/apps/building-oauth-apps/creating-an-oauth-app
-GITHUB_ID=
-GITHUB_SECRET=
-
-# Secret key for NextAuth (generate one here: https://generate-secret.vercel.app/32)
+# GitHub OAuth secrets for auth & login – generate these here: https://github-client-generator.vercel.app/
 NEXTAUTH_SECRET=
+AUTH_GITHUB_ID=
+AUTH_GITHUB_SECRET=
 
-# https://vercel.com/account/tokens
+# Vercel authentication token that can be found here: https://vercel.com/account/tokens
 AUTH_BEARER_TOKEN=
-# https://vercel.com/<org>/<project>/settings
+# Vercel Project ID that can be found here: https://vercel.com/<org>/<project>/settings
 PROJECT_ID_VERCEL=
-# https://vercel.com/teams/<org>/settings
+# Vercel Team ID that can be found here: https://vercel.com/teams/<org>/settings
 TEAM_ID_VERCEL=
+
+# OpenAI API key for AI text generation – get one here: https://platform.openai.com/account/api-keys
+OPENAI_API_KEY=

components/editor/bubble-menu/color-selector.tsx

@@ -9,7 +9,6 @@ import {
 } from "lucide-react";
 
 import { NodeSelector } from "./node-selector";
-import { ColorSelector } from "./color-selector";
 import clsx from "clsx";
 
 export interface BubbleMenuItem {
@@ -68,13 +67,11 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
       moveTransition: "transform 0.15s ease-out",
       onHidden: () => {
         setIsNodeSelectorOpen(false);
-        setIsColorSelectorOpen(false);
       },
     },
   };
 
   const [isNodeSelectorOpen, setIsNodeSelectorOpen] = useState(false);
-  const [isColorSelectorOpen, setIsColorSelectorOpen] = useState(false);
 
   return (
     <BubbleMenu
@@ -86,7 +83,6 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
         isOpen={isNodeSelectorOpen}
         setIsOpen={() => {
           setIsNodeSelectorOpen(!isNodeSelectorOpen);
-          setIsColorSelectorOpen(false);
         }}
       />
 
@@ -103,14 +99,6 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props) => {
           />
         </button>
       ))}
-      <ColorSelector
-        editor={props.editor}
-        isOpen={isColorSelectorOpen}
-        setIsOpen={() => {
-          setIsColorSelectorOpen(!isColorSelectorOpen);
-          setIsNodeSelectorOpen(false);
-        }}
-      />
     </BubbleMenu>
   );
 };

components/editor/bubble-menu/index.tsx

@@ -8,8 +8,8 @@ const VERCEL_DEPLOYMENT = !!process.env.VERCEL_URL;
 export const authOptions: NextAuthOptions = {
   providers: [
     GitHubProvider({
-      clientId: process.env.GITHUB_ID as string,
-      clientSecret: process.env.GITHUB_SECRET as string,
+      clientId: process.env.AUTH_GITHUB_ID as string,
+      clientSecret: process.env.AUTH_GITHUB_SECRET as string,
       profile(profile) {
         return {
           id: profile.id.toString(),