feat: 添加Deepseek AI SDK支持并更新相关配置

.vscode/settings.json

@@ -18,7 +18,7 @@
     "next/dist/client/router.d.ts"
   ],
   "[typescriptreact]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "[typescript]": {
     "editor.defaultFormatter": "biomejs.biome"

apps/web/app/api/generate/route.ts

@@ -1,4 +1,5 @@
-import { openai } from "@ai-sdk/openai";
+// import { openai } from "@ai-sdk/openai";
+import { deepseek } from '@ai-sdk/deepseek';
 import { Ratelimit } from "@upstash/ratelimit";
 import { kv } from "@vercel/kv";
 import { streamText } from "ai";
@@ -122,7 +123,8 @@ export async function POST(req: Request): Promise<Response> {
     topP: 1,
     frequencyPenalty: 0,
     presencePenalty: 0,
-    model: openai("gpt-4o-mini"),
+    // model: openai("gpt-4o-mini"),
+    model: deepseek('deepseek-chat'),
   });
 
   return result.toDataStreamResponse();

apps/web/app/page.tsx

@@ -9,7 +9,7 @@ import Link from "next/link";
 export default function Page() {
   return (
     <div className="flex min-h-screen flex-col items-center gap-4 py-4 sm:px-5">
-      <div className="flex w-full max-w-screen-lg items-center gap-2 px-4 sm:mb-[calc(20vh)]">
+      {/* <div className="flex w-full max-w-screen-lg items-center gap-2 px-4 sm:mb-[calc(20vh)]">
         <Button size="icon" variant="outline">
           <a href="https://github.com/steven-tey/novel" target="_blank" rel="noreferrer">
             <GithubIcon />
@@ -32,7 +32,7 @@ export default function Page() {
           <Button variant="ghost">Documentation</Button>
         </Link>
         <Menu />
-      </div>
+      </div> */}
 
       <TailwindAdvancedEditor />
     </div>

apps/web/components/tailwind/advanced-editor.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { defaultEditorContent } from "@/lib/content";
+// import { defaultEditorContent } from "@/lib/content";
 import {
   EditorCommand,
   EditorCommandEmpty,
@@ -29,6 +29,7 @@ import { TextButtons } from "./selectors/text-buttons";
 import { slashCommand, suggestionItems } from "./slash-command";
 
 const hljs = require("highlight.js");
+const defaultEditorContent = { "type": "doc", "content": [{ "type": "heading", "attrs": { "level": 4 } }] };
 
 const extensions = [...defaultExtensions, slashCommand];
 
@@ -85,7 +86,7 @@ const TailwindAdvancedEditor = () => {
           className="relative min-h-[500px] w-full max-w-screen-lg border-muted bg-background sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg"
           editorProps={{
             handleDOMEvents: {
-              keydown: (_view, event) => handleCommandNavigation(event),
+              keydown: (_view, event) => { console.log("keydown-----", event); handleCommandNavigation(event) },
             },
             handlePaste: (view, event) => handleImagePaste(view, event, uploadFn),
             handleDrop: (view, event, _slice, moved) => handleImageDrop(view, event, moved, uploadFn),

apps/web/components/tailwind/generative/ai-selector-commands.tsx

@@ -40,6 +40,7 @@ const AISelectorCommands = ({ onSelect }: AISelectorCommandsProps) => {
             onSelect={(value) => {
               const slice = editor.state.selection.content();
               const text = editor.storage.markdown.serializer.serialize(slice.content);
+
               onSelect(text, value);
             }}
             className="flex gap-2 px-4"
@@ -57,6 +58,7 @@ const AISelectorCommands = ({ onSelect }: AISelectorCommandsProps) => {
           onSelect={() => {
             const pos = editor.state.selection.from;
             const text = getPrevText(editor, pos);
+            console.log("onSelect____________", onSelect);
             onSelect(text, "continue");
           }}
           value="continue"

apps/web/components/tailwind/generative/ai-selector.tsx

@@ -7,7 +7,6 @@ import { ArrowUp } from "lucide-react";
 import { useEditor } from "novel";
 import { addAIHighlight } from "novel";
 import { useState } from "react";
-import Markdown from "react-markdown";
 import { toast } from "sonner";
 import { Button } from "../ui/button";
 import CrazySpinner from "../ui/icons/crazy-spinner";
@@ -34,22 +33,27 @@ export function AISelector({ onOpenChange }: AISelectorProps) {
         toast.error("You have reached your request limit for the day.");
         return;
       }
+      // console.log("response", response);
+    },
+    onFinish: (_prompt, completion) => {
+      console.log("_prompt::::::", _prompt, completion);
     },
     onError: (e) => {
       toast.error(e.message);
     },
   });
 
   const hasCompletion = completion.length > 0;
+  const selection = editor.view.state.selection;
+
+  console.log("completion+++++++", editor, completion);
 
   return (
     <Command className="w-[350px]">
       {hasCompletion && (
         <div className="flex max-h-[400px]">
           <ScrollArea>
-            <div className="prose p-2 px-4 prose-sm">
-              <Markdown>{completion}</Markdown>
-            </div>
+            <div className="prose p-2 px-4 prose-sm">{/* <Markdown>{completion}</Markdown> */}</div>
           </ScrollArea>
         </div>
       )}