APIs (#3)

* Initial RESTful API

* RESTful API tests

* Scrapping error handling refactored

* Initial GraphQL API

* GraphQL API tests

pages/api/graphql.ts

@@ -0,0 +1,80 @@
+import { ApolloServer, gql, IResolvers } from "apollo-server-micro";
+import { NextApiHandler } from "next";
+import NextCors from "nextjs-cors";
+import { googleScrape, textToSpeechScrape } from "../../utils/translate";
+
+export const typeDefs = gql`
+    type Query {
+        translation(source: String="auto" target: String="en" query: String!): Translation!
+        audio(lang: String! query: String!): Entry!
+    }
+    type Translation {
+        source: Entry!
+        target: Entry!
+    }
+    type Entry {
+        lang: String!
+        text: String
+        audio: [Int]
+    }
+`;
+
+export const resolvers: IResolvers = {
+    Query: {
+        translation(_, args) {
+            const { source, target, query } = args;
+            return {
+                source: {
+                    lang: source,
+                    text: query
+                },
+                target: {
+                    lang: target
+                }
+            };
+        },
+        audio(_, args) {
+            return {
+                lang: args.lang,
+                text: args.query
+            };
+        }
+    },
+    Translation: {
+        async target(parent) {
+            const { source, target } = parent;
+            const { translationRes } = await googleScrape(source.lang, target.lang, source.text);
+            return {
+                lang: target.lang,
+                text: translationRes
+            };
+        }
+    },
+    Entry: {
+        async audio(parent) {
+            const { lang, text } = parent;
+            return await textToSpeechScrape(lang, text);
+        }
+    }
+};
+
+export const config = {
+    api: {
+        bodyParser: false
+    }
+};
+
+const apolloHandler = new ApolloServer({ typeDefs, resolvers }).createHandler({ path: "/api/graphql" });
+
+const handler: NextApiHandler = async (req, res) => {
+    await NextCors(req, res, {
+        methods: ["GET", "POST"],
+        origin: "*"
+    });
+
+    return req.method !== "OPTIONS"
+        ? apolloHandler(req, res)
+        : res.end();
+};
+
+export default handler;

pages/api/v1/[[...slug]].ts

@@ -0,0 +1,49 @@
+import { NextApiHandler } from "next";
+import NextCors from "nextjs-cors";
+import { googleScrape, textToSpeechScrape } from "../../../utils/translate";
+
+type Data = {
+    translation?: string,
+    audio?: number[],
+    error?: string
+};
+
+const methods = ["GET"];
+
+const handler: NextApiHandler<Data> = async (req, res) => {
+    await NextCors(req, res, {
+        methods,
+        origin: "*",
+        preflightContinue: true
+    });
+
+    const {
+        query: { slug },
+        method
+    } = req;
+
+    if (!slug || !Array.isArray(slug) || slug.length !== 3)
+        return res.status(404).json({ error: "Not Found" });
+
+    if (!method || !methods.includes(method)) {
+        res.setHeader("Allow", methods);
+        return res.status(405).json({ error: "Method Not Allowed" });
+    }
+
+    const [source, target, query] = slug;
+
+    if (source === "audio") {
+        const audio = await textToSpeechScrape(target, query);
+        return audio
+            ? res.status(200).json({ audio })
+            : res.status(500).json({ error: "An error occurred while retrieving the audio" });
+    }
+
+    const { translationRes, errorMsg } = await googleScrape(source, target, query);
+
+    if (errorMsg)
+        return res.status(500).json({ error: errorMsg });
+    res.status(200).json({ translation: translationRes });
+}
+
+export default handler;