requset merge

next.config.js

@@ -1,17 +1,21 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    output: 'standalone',
-    experimental: {
-        appDir: true,
-    },
-}
-
-module.exports = nextConfig
+  output: 'standalone',
+  experimental: {
+    appDir: true,
+  },
+  images: {
+    remotePatterns: [
+      { protocol: 'https', hostname: 's3.ap-northeast-2.amazonaws.com' },
+    ],
+  },
+};
 
+module.exports = nextConfig;
 
 // Injected content via Sentry wizard below
 
-const { withSentryConfig } = require("@sentry/nextjs");
+const { withSentryConfig } = require('@sentry/nextjs');
 
 module.exports = withSentryConfig(
   module.exports,
@@ -22,8 +26,8 @@ module.exports = withSentryConfig(
     // Suppresses source map uploading logs during build
     silent: true,
 
-    org: "funssion",
-    project: "funssion-front-dev",
+    org: 'funssion',
+    project: 'funssion-front-dev',
   },
   {
     // For all available options, see:
@@ -36,7 +40,7 @@ module.exports = withSentryConfig(
     transpileClientSDK: true,
 
     // Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
-    tunnelRoute: "/monitoring",
+    tunnelRoute: '/monitoring',
 
     // Hides source maps from generated client bundles
     hideSourceMaps: true,

package.json

@@ -39,22 +39,27 @@
     "eslint-config-next": "13.4.7",
     "lucide-react": "^0.259.0",
     "next": "^13.2.4",
+    "openai-edge": "^1.2.2",
     "postcss": "8.4.24",
     "react": "^18.2.0",
+    "react-calendar": "^4.6.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
+    "react-spinners": "^0.13.8",
     "sonner": "^0.6.2",
     "tailwind-merge": "^1.13.2",
     "tailwindcss": "3.3.2",
     "tailwindcss-animate": "^1.0.6",
     "tiptap-markdown": "^0.8.1",
+    "typeit-react": "^2.6.4",
     "typescript": "5.1.3"
   },
   "devDependencies": {
     "@tailwindcss/line-clamp": "^0.4.4",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
+    "@types/react-test-renderer": "^18.0.0",
     "jest": "^29.6.2",
     "jest-environment-jsdom": "^29.6.2",
     "react-test-renderer": "^18.2.0",

src/app/api/generate/route.ts

@@ -0,0 +1,68 @@
+import { Configuration, OpenAIApi } from 'openai-edge';
+import { OpenAIStream, StreamingTextResponse } from 'ai';
+
+const config = new Configuration({
+  apiKey: process.env.NEXT_PUBLIC_OPENAI_API_KEY,
+});
+const openai = new OpenAIApi(config);
+
+export const runtime = 'edge';
+
+export async function POST(req: Request): Promise<Response> {
+  // if (
+  //   // process.env.NODE_ENV != 'development' &&
+  //   // process.env.KV_REST_API_URL &&
+  //   // process.env.KV_REST_API_TOKEN
+  //   false
+  // ) {
+  //   const ip = req.headers.get('x-forwarded-for');
+  //   const ratelimit = new Ratelimit({
+  //     redis: kv,
+  //     limiter: Ratelimit.slidingWindow(50, '1 d'),
+  //   });
+
+  //   const { success, limit, reset, remaining } = await ratelimit.limit(
+  //     `novel_ratelimit_${ip}`
+  //   );
+
+  //   if (!success) {
+  //     return new Response('You have reached your request limit for the day.', {
+  //       status: 429,
+  //       headers: {
+  //         'X-RateLimit-Limit': limit.toString(),
+  //         'X-RateLimit-Remaining': remaining.toString(),
+  //         'X-RateLimit-Reset': reset.toString(),
+  //       },
+  //     });
+  //   }
+  // }
+  let { prompt } = await req.json();
+  const response = await openai.createChatCompletion({
+    model: 'gpt-3.5-turbo',
+    messages: [
+      {
+        role: 'system',
+        content:
+          'You are an AI writing assistant that continues existing text based on context from prior text. ' +
+          'Give more weight/priority to the later characters than the beginning ones. ' +
+          'Limit your response to no more than 400 characters, but make sure to construct complete sentences.',
+      },
+      {
+        role: 'user',
+        content: prompt,
+      },
+    ],
+    temperature: 0.7,
+    top_p: 1,
+    frequency_penalty: 0,
+    presence_penalty: 0,
+    stream: true,
+    n: 1,
+  });
+
+  // Convert the response into a friendly text-stream
+  const stream = OpenAIStream(response);
+
+  // Respond with the stream
+  return new StreamingTextResponse(stream);
+}

src/app/create/memo/[slug]/page.tsx

@@ -1,4 +1,5 @@
 import EditorForm from '@/components/EditorForm';
+import LayoutWrapper from '@/components/shared/LayoutWrapper';
 import { getMemoById } from '@/service/memos';
 
 type Props = {
@@ -11,13 +12,15 @@ export default async function CreateMemoPage({ params: { slug } }: Props) {
   const { memoTitle, memoColor, memoText } = await getMemoById(slug);
 
   return (
-    <EditorForm
-      preTitle={memoTitle}
-      preContent={JSON.parse(memoText)}
-      preColor={memoColor}
-      alreadyExists={false}
-      memoId={slug}
-    />
+    <LayoutWrapper paddingY="sm:py-10" bgColor="bg-soma-grey-10">
+      <EditorForm
+        preTitle={memoTitle}
+        preContent={JSON.parse(memoText)}
+        preColor={memoColor}
+        alreadyExists={false}
+        memoId={slug}
+      />
+    </LayoutWrapper>
   );
 }