feat: langchain bot database update

Author: henrynoowah

about.md

@@ -0,0 +1,64 @@
+# Henry's Blog (NoowaH)
+
+This platform is a personal project where I share my development notes, studies, and showcase my portfolio.
+It's built with modern web technologies, focusing on performance, aesthetics, and interactivity.
+
+## Website Contents
+
+- **`/posts`**: This section contains my development notes and in-depth studies on various topics within software development. It's a space where I document my learning journey and share insights on complex concepts.
+
+- **`/about`**: Learn more about me, my background in software development, and what drives my passion for technology.
+
+- **`/works`**: A showcase of my portfolio, highlighting projects and works that I've contributed to or developed. This section demonstrates my skills and areas of expertise.
+
+## Stack
+
+The blog leverages a modern technology stack to deliver a seamless user experience:
+
+- **Next.js 14 (App Router)**: Utilizes the latest features of Next.js for efficient, scalable routing, enhancing the performance and SEO of the blog.
+
+- **TailwindCSS & PostCSS**: For styling, the blog uses TailwindCSS along with PostCSS for a utility-first CSS workflow, enabling responsive and customizable design with ease.
+
+- **Markdown**: Content for the blog posts is written in Markdown, allowing for easy formatting and maintenance of the blog's written content.
+
+- **Framer Motion**: This library is used to add smooth, powerful animations throughout the website, enriching the user interaction and visual appeal.
+
+- **SWR**: For data fetching, SWR is implemented to handle caching, revalidation, and fetching data, ensuring up-to-date content is served with minimal loading times.
+
+## About Hawoon Joh
+
+Hi there, I'm Hawoon JOH | Henry 👋
+
+I'm a passionate web developer specializing in frontend technologies with a focus on creating dynamic, high-performance user interfaces.
+
+Currently, I am a **Frontend Developer (Team Lead)** at CloudHospital, where I lead a small team of talented developers in building and maintaining complex web applications.
+
+## 🛠️ Skills
+
+I have a diverse set of skills in web development, particularly in the following technologies:
+
+- **React:** I utilize React to build responsive and efficient single-page applications (SPAs) that provide an excellent user experience.
+  ![React](https://img.shields.io/badge/-React-61DAFB?logo=react&logoColor=white&style=for-the-badge)
+- **Next.js:** With Next.js, I develop server-rendered React applications and static websites for better performance and SEO.
+  ![Next.js](https://img.shields.io/badge/-Next.js-000000?logo=nextdotjs&logoColor=white&style=for-the-badge)
+- **JavaScript:** Proficient in JavaScript, I write clean and efficient code to create interactive web elements and functionalities.
+  ![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
+- **TypeScript:** I use TypeScript to enhance JavaScript with static typing, which improves code quality and maintainability.
+  ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?logo=typescript&logoColor=white&style=for-the-badge)
+- **Node.js:** With Node.js, I build scalable backend services and APIs that power my web applications.
+  ![Node.js](https://img.shields.io/badge/-Node.js-339933?logo=nodedotjs&logoColor=white&style=for-the-badge)
+- **TailwindCSS:** I mainly use TailwindCSS to create custom, utility-first CSS designs quickly and efficiently.
+  ![TailwindCSS](https://img.shields.io/badge/-TailwindCSS-38B2AC?logo=tailwindcss&logoColor=white&style=for-the-badge)
+- **SWR:** I implement SWR for data fetching to provide a better user experience with features like caching and revalidation.
+  ![SWR](https://img.shields.io/badge/-SWR-000000?logo=vercel&logoColor=white&style=for-the-badge)
+- **Java:** Skilled in Java, I can build robust backend systems and services.
+  ![Java](https://img.shields.io/badge/Java-ED8B00?style=for-the-badge&logo=openjdk&logoColor=white)
+- **Spring Boot:** With Spring Boot, I develop production-ready standalone applications with minimal configuration.
+  ![Spring Boot](https://img.shields.io/badge/-Spring_Boot-6DB33F?logo=springboot&logoColor=white&style=for-the-badge)
+
+## 🌐 Connect with Me
+
+Feel free to connect with me on LinkedIn or check out my personal website to learn more about my projects and experiences:
+
+- [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?logo=linkedin&logoColor=white&style=for-the-badge)](https://www.linkedin.com/in/hawoon-joh-2b8176240/)
+- [![Website](https://img.shields.io/badge/Website-4285F4?logo=google-chrome&logoColor=white&style=for-the-badge)](https://noowah.vercel.app)

package.json

@@ -11,13 +11,16 @@
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.4",
     "@heroicons/react": "^2.1.1",
+    "@langchain/community": "^0.2.15",
+    "@langchain/openai": "^0.2.1",
     "@splinetool/react-spline": "^2.2.6",
     "@splinetool/runtime": "^1.2.8",
-    "@supabase/supabase-js": "^2.43.1",
+    "@supabase/supabase-js": "^2.44.1",
     "@uiw/react-md-editor": "^3.20.5",
     "eslint": "8.35.0",
     "eslint-config-next": "13.2.3",
     "framer-motion": "^11.0.3",
+    "langchain": "^0.2.8",
     "lodash": "^4.17.21",
     "negotiator": "^0.6.3",
     "next": "^14.2.3",

src/app/api/langchain/route.ts

@@ -0,0 +1,37 @@
+import { MarkdownTextSplitter } from 'langchain/text_splitter'
+import { promises as fs } from 'fs'
+import { createClient } from '@supabase/supabase-js'
+
+import { SupabaseVectorStore } from '@langchain/community/vectorstores/supabase'
+import { OpenAIEmbeddings } from '@langchain/openai'
+
+const sbApiKey = process.env.SUPABASE_API_KEY
+const sbUrl = process.env.SUPABASE_URL
+const openAIApiKey = process.env.OPENAI_API_KEY
+
+export const GET = async (req: Request) => {
+  try {
+    const file = await fs.readFile(process.cwd() + '/about.md', 'utf-8')
+
+    const splitter = new MarkdownTextSplitter({ chunkSize: 500 })
+
+    const output = await splitter.createDocuments([file])
+
+    if (sbUrl && sbApiKey) {
+      const client = createClient(sbUrl, sbApiKey)
+
+      const response = await SupabaseVectorStore.fromDocuments(output, new OpenAIEmbeddings({ openAIApiKey }), {
+        client,
+        tableName: 'documents'
+      })
+
+      console.log(response)
+    }
+
+    return Response.json(output)
+  } catch (e) {
+    console.error(e)
+  }
+
+  return Response.json({ error: 'Something went wrong' })
+}