cors

netlify/functions/gemini.ts

@@ -1,4 +1,4 @@
-import { QuoteResponse } from './types';
+import { QuoteResponse, QuoteSource } from './types';
 const { GoogleGenerativeAI, HarmCategory, HarmBlockThreshold } = require("@google/generative-ai");
 
 const MODEL_NAME = 'gemini-1.0-pro';
@@ -45,5 +45,5 @@ export const getQuoteFromGemini = async (): Promise<QuoteResponse> => {
   });
 
   const response = result.response;
-  return JSON.parse(response.text()) as QuoteResponse;
+  return { ...JSON.parse(response.text()), type: QuoteSource.GEMINI } as QuoteResponse;
 }

netlify/functions/ninja.ts

@@ -1,4 +1,4 @@
-import { QuoteResponse } from './types';
+import { QuoteResponse, QuoteSource } from './types';
 
 const NINJA_API_KEY = process.env.REACT_APP_NINJA_API_KEY as string;
 const NINJA_URL = process.env.REACT_APP_NINJA_URL as string;
@@ -12,5 +12,5 @@ export const getQuoteFromNinja = async () => {
   );
 
   const data = await response.json();
-  return data[0] as QuoteResponse;
+  return { ...data[0], type: QuoteSource.NINJA } as QuoteResponse;
 }

netlify/functions/quote.ts

@@ -2,9 +2,23 @@ import type { Context } from '@netlify/functions';
 import { getQuoteFromNinja } from './ninja';
 import { getQuoteFromGemini } from './gemini';
 
+const headers = {
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Headers': 'Content-Type',
+  'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE'
+};
+
 const quote = async (req: Request, context: Context) => {
   let data;
 
+  if (req.method === 'OPTIONS') {
+    return {
+      statusCode: 200, 
+      headers,
+      body: 'OPTIONS'
+    };
+  }
+
   if (Math.random() < 0.5) {
     data = await getQuoteFromNinja();
   } else {

netlify/functions/types.ts

@@ -1,4 +1,10 @@
+export enum QuoteSource {
+  NINJA = 'NINJA',
+  GEMINI = 'GEMINI'
+}
+
 export type QuoteResponse = {
   quote: string;
   author: string;
+  type: QuoteSource;
 }

src/components/main/main.component.tsx

@@ -8,11 +8,10 @@ import { ImBullhorn, ImCopy } from "react-icons/im";
 import { HiVolumeOff } from "react-icons/hi";
 import { MonoHeadingXXLarge, MonoParagraphLarge } from "baseui/typography";
 import { StyledLink } from "baseui/link";
-import { getQuoteFromGemini } from "../../services/gemini";
-import { QuoteResponse } from "../../types/common";
-import { getQuoteFromNinja } from "../../services/ninja";
+import { QuoteResponse, QuoteSource } from "../../types/common";
 import { Input } from "baseui/input";
 import { addSubscriber, isSubscribedAlready } from "../../services/firebase";
+import { getQuoteFromNetlify } from "../../services/netlify";
 
 let firstLoad = true;
 
@@ -53,15 +52,8 @@ export const Main = () => {
     const fetchNewQuote = async () => {
       setIsLoading(true);
 
-      let data: QuoteResponse = { quote: '', author: ''};
-
-      if (Math.random() < 0.5) {
-        setPoweredByGemini(false);
-        data = await getQuoteFromNinja();
-      } else {
-        data = await getQuoteFromGemini();
-        setPoweredByGemini(true);
-      }
+      let data: QuoteResponse = await getQuoteFromNetlify();
+      setPoweredByGemini(data.type === QuoteSource.GEMINI);
 
       setQuote(data.quote);
       setAuthor(data.author);

src/services/netlify.ts

@@ -0,0 +1,9 @@
+import { QuoteResponse } from "../types/common";
+
+const NETLIFY_QUOTE_URL = process.env.REACT_APP_NETLIFY_QUOTE_URL as string;
+
+export const getQuoteFromNetlify = async () => {
+  const response = await fetch(NETLIFY_QUOTE_URL);
+  const data = await response.json();
+  return data.data as QuoteResponse;
+}

src/types/common.ts

@@ -1,4 +1,10 @@
+export enum QuoteSource {
+  NINJA = 'NINJA',
+  GEMINI = 'GEMINI'
+}
+
 export type QuoteResponse = {
   quote: string;
   author: string;
+  type: QuoteSource;
 }