microvoid / marktion Goto Github PK

import { ReactEditor, useAI } from "marktion";
import { useRef } from "react";

function Editor() {
  const editorRef = useRef(null);

  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
  const ai = useAI({
    basePath: "/api/chat",
  });
  console.log("ai", ai);
  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
  return <ReactEditor ref={editorRef} plugins={[ai.plugin]} />;
}

export default Editor;

  import OpenAI from "openai";
  import { OpenAIStream, StreamingTextResponse } from "ai";

  // Create an OpenAI API client (that's edge friendly!)
  const openai = new OpenAI({
    apiKey: process.env.NEXT_PUBLIC_OPENAI_API_KEY,
  });

  // Set the runtime to edge for best performance
  export const runtime = "edge";

  export async function POST(req: Request) {
    const { messages } = await req.json();

    // Ask OpenAI for a streaming chat completion given the prompt
    const response = await openai.chat.completions.create({
      model: "gpt-3.5-turbo",
      stream: true,
      messages,
    });

    // Convert the response into a friendly text-stream
    const stream = OpenAIStream(response);
    // Respond with the stream
    return new StreamingTextResponse(stream);
  }

[tiptap warn]: Duplicate extension names found: ['codeBlock']. This can lead to issues. 
    at Suspense
    at LoadableComponent
    at div
    at div
    at div
    at div
    at div
    at commitPassiveMountOnFiber (webpack-internal:///(app-client)/./node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js:23035:9)
    at c (webpack-internal:///(app-client)/./node_modules/@headlessui/react/dist/internal/open-closed.js:8:305)
    at ye (webpack-internal:///(app-client)/./node_modules/@headlessui/react/dist/components/transitions/transition.js:19:3408)
    at commitPassiveMountOnFiber (webpack-internal:///(app-client)/./node_modules/next/dist/compiled/react-dom-experimental/cjs/react-dom.development.js:23035:9)
ExtensionManager @ marktion.js:38622
createExtensionManager @ marktion.js:40801
Editor @ marktion.js:40673
Editor2 @ marktion.js:44277
eval @ marktion.js:44626
...
marktion.js:43021 tippy.jsInteractive tippy element may not be accessible via keyboard navigation because it is not directly after the reference element in the DOM source order. Using a wrapper <div> or <span> tag around the reference element solves this by creating a new parentNode context. Specifying `appendTo: document.body` silences this warning, but it assumes you are using a focus management solution to handle keyboard navigation. 
See: https://atomiks.github.io/tippyjs/v6/accessibility/#interactivity👷‍ This is a development-only message. It will be removed in production.