update README

Author: caseyjkey

README.md

@@ -1,40 +1,60 @@
 import type { User, Essay } from "@prisma/client";
 
+import OpenAI from "openai";
 import { prisma } from "~/db.server";
 
 export type { Essay } from "@prisma/client";
 
+const openai = new OpenAI({
+  apiKey: process.env.OPENAI_API_KEY, // Store API key in environment variables
+});
+
 export function getEssay({
   id,
   userId,
 }: Pick<Essay, "id"> & {
   userId: User["id"];
 }) {
   return prisma.essay.findFirst({
-    select: { id: true, body: true, title: true },
+    select: { id: true, body: true, essayPrompt: true },
     where: { id, userId },
   });
 }
 
 export function getEssayListItems({ userId }: { userId: User["id"] }) {
   return prisma.essay.findMany({
     where: { userId },
-    select: { id: true, title: true },
+    select: { id: true, essayPrompt: true },
     orderBy: { updatedAt: "desc" },
   });
 }
 
-export function createEssay({
+export async function createEssay({
   body,
-  title,
+  essayPrompt,
   userId,
-}: Pick<Essay, "body" | "title"> & {
+}: Pick<Essay, "body" | "essayPrompt"> & {
   userId: User["id"];
 }) {
+  // Call OpenAI API to generate an essay
+  const response = await openai.chat.completions.create({
+    model: "gpt-3.5-turbo", // or "gpt-3.5-turbo"
+    messages: [
+      { role: "system", content: "You are an AI that writes essays." },
+      { role: "user", content: `Prompt: "${essayPrompt}". Notes: "${body}".` },
+    ],
+    max_tokens: 1000,
+  });
+
+  const choices = response.choices; // This contains the chat responses
+  const essay = choices[0]?.message?.content; // The content of the first choice 
+  console.log(response, choices, essay)
+
   return prisma.essay.create({
     data: {
-      title,
+      essayPrompt,
       body,
+      essay,
       user: {
         connect: {
           id: userId,

app/models/essay.server.ts

@@ -3,7 +3,7 @@ import { Link } from "@remix-run/react";
 
 import { useOptionalUser } from "~/utils";
 
-export const meta: MetaFunction = () => [{ title: "Remix Notes" }];
+export const meta: MetaFunction = () => [{ title: "Scholarships Plus" }];
 
 export default function Index() {
   const user = useOptionalUser();

app/routes/_index.tsx

@@ -36,7 +36,7 @@ export default function NoteDetailsPage() {
 
   return (
     <div>
-      <h3 className="text-2xl font-bold">{data.essay.title}</h3>
+      <h3 className="text-2xl font-bold">{data.essay.essayPrompt}</h3>
       <p className="py-6">{data.essay.body}</p>
       <hr className="my-4" />
       <Form method="post">

app/routes/essays.$essayId.tsx

@@ -2,11 +2,16 @@ import { Link } from "@remix-run/react";
 
 export default function EssaysIndexPage() {
   return (
-    <p>
-      No essay selected. Select an essay on the left, or{" "}
-      <Link to="new" className="text-blue-500 underline">
-        create a new essay.
-      </Link>
-    </p>
+    <>
+      <p>
+        No essay selected. Select an essay on the left, or{" "}
+        <Link to="new" className="text-blue-500 underline">
+          create a new essay.
+        </Link>
+      </p>
+      <button class="bg-blue-500 text-white mt-6 px-4 py-2 rounded-lg shadow-lg hover:bg-blue-600">
+        Import From Google Drive
+      </button>
+    </>
   );
 }

app/routes/essays._index.tsx

@@ -10,36 +10,36 @@ export const action = async ({ request }: ActionFunctionArgs) => {
   const userId = await requireUserId(request);
 
   const formData = await request.formData();
-  const title = formData.get("title");
+  const essayPrompt = formData.get("essayPrompt");
   const body = formData.get("body");
 
-  if (typeof title !== "string" || title.length === 0) {
+  if (typeof essayPrompt !== "string" || essayPrompt.length === 0) {
     return json(
-      { errors: { body: null, title: "Title is required" } },
+      { errors: { body: null, essayPrompt: "Essay prompt is required" } },
       { status: 400 },
     );
   }
 
   if (typeof body !== "string" || body.length === 0) {
     return json(
-      { errors: { body: "Body is required", title: null } },
+      { errors: { body: "Body is required", essayPrompt: null } },
       { status: 400 },
     );
   }
 
-  const essay = await createEssay({ body, title, userId });
+  const essay = await createEssay({ body, essayPrompt, userId });
 
   return redirect(`/essays/${essay.id}`);
 };
 
 export default function NewNotePage() {
   const actionData = useActionData<typeof action>();
-  const titleRef = useRef<HTMLInputElement>(null);
+  const essayPromptRef = useRef<HTMLInputElement>(null);
   const bodyRef = useRef<HTMLTextAreaElement>(null);
 
   useEffect(() => {
-    if (actionData?.errors?.title) {
-      titleRef.current?.focus();
+    if (actionData?.errors?.essayPrompt) {
+      essayPromptRef.current?.focus();
     } else if (actionData?.errors?.body) {
       bodyRef.current?.focus();
     }
@@ -57,20 +57,20 @@ export default function NewNotePage() {
     >
       <div>
         <label className="flex w-full flex-col gap-1">
-          <span>Title: </span>
+          <span>Essay prompt: </span>
           <input
-            ref={titleRef}
-            name="title"
+            ref={essayPromptRef}
+            name="essayPrompt"
             className="flex-1 rounded-md border-2 border-blue-500 px-3 text-lg leading-loose"
-            aria-invalid={actionData?.errors?.title ? true : undefined}
+            aria-invalid={actionData?.errors?.essayPrompt ? true : undefined}
             aria-errormessage={
-              actionData?.errors?.title ? "title-error" : undefined
+              actionData?.errors?.essayPrompt ? "essayPrompt-error" : undefined
             }
           />
         </label>
-        {actionData?.errors?.title ? (
-          <div className="pt-1 text-red-700" id="title-error">
-            {actionData.errors.title}
+        {actionData?.errors?.essayPrompt ? (
+          <div className="pt-1 text-red-700" id="essayPrompt-error">
+            {actionData.errors.essayPrompt}
           </div>
         ) : null}
       </div>

app/routes/essays.new.tsx

@@ -26,7 +26,7 @@ describe("smoke tests", () => {
 
   it("should allow you to make a note", () => {
     const testNote = {
-      title: faker.lorem.words(1),
+      essayPrompt: faker.lorem.words(1),
       body: faker.lorem.sentences(1),
     };
     cy.login();
@@ -37,7 +37,7 @@ describe("smoke tests", () => {
 
     cy.findByRole("link", { name: /\+ new note/i }).click();
 
-    cy.findByRole("textbox", { name: /title/i }).type(testNote.title);
+    cy.findByRole("textbox", { name: /essayPrompt/i }).type(testNote.essayPrompt);
     cy.findByRole("textbox", { name: /body/i }).type(testNote.body);
     cy.findByRole("button", { name: /save/i }).click();