registry

Author: felixfeng33

apps/www/public/r/index.json

@@ -1765,6 +1765,14 @@
         "path": "plate-ui/ai-menu.tsx",
         "type": "registry:ui"
       },
+      {
+        "path": "plate-ui/ai-loading-bar.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "plate-ui/ai-anchor-element.tsx",
+        "type": "registry:ui"
+      },
       {
         "path": "plate-ui/ai-menu-items.tsx",
         "type": "registry:ui"

apps/www/public/r/styles/default/ai-menu.json

@@ -6,7 +6,7 @@
   "files": [
     {
       "path": "app/api/ai/command/route.ts",
-      "content": "import type { NextRequest } from 'next/server';\n\nimport { createOpenAI } from '@ai-sdk/openai';\nimport { convertToCoreMessages, streamText } from 'ai';\nimport { NextResponse } from 'next/server';\n\nexport async function POST(req: NextRequest) {\n  const {\n    apiKey: key,\n    messages,\n    model = 'gpt-4o-mini',\n    system,\n  } = await req.json();\n\n  const apiKey = key || process.env.OPENAI_API_KEY;\n\n  if (!apiKey) {\n    return NextResponse.json(\n      { error: 'Missing OpenAI API key.' },\n      { status: 401 }\n    );\n  }\n\n  const openai = createOpenAI({ apiKey });\n\n  try {\n    const result = streamText({\n      maxTokens: 2048,\n      messages: convertToCoreMessages(messages),\n      model: openai(model),\n      system: system,\n    });\n\n    return result.toDataStreamResponse();\n  } catch {\n    return NextResponse.json(\n      { error: 'Failed to process AI request' },\n      { status: 500 }\n    );\n  }\n}\n",
+      "content": "import type { NextRequest } from 'next/server';\n\nimport { createOpenAI } from '@ai-sdk/openai';\nimport { convertToCoreMessages, smoothStream, streamText } from 'ai';\nimport { NextResponse } from 'next/server';\n\nconst CHUNKING_REGEXPS = {\n  line: /\\n+/m,\n  list: /.{8}/m,\n  word: /\\S+\\s+/m,\n};\n\nexport async function POST(req: NextRequest) {\n  const { apiKey: key, messages, model = 'gpt-4o', system } = await req.json();\n\n  const apiKey = key || process.env.OPENAI_API_KEY;\n\n  if (!apiKey) {\n    return NextResponse.json(\n      { error: 'Missing OpenAI API key.' },\n      { status: 401 }\n    );\n  }\n\n  const openai = createOpenAI({ apiKey });\n\n  let isInCodeBlock = false;\n  let isInTable = false;\n  let isInList = false;\n  let isInLink = false;\n  try {\n    const result = streamText({\n      experimental_transform: smoothStream({\n        chunking: (buffer) => {\n          // Check for code block markers\n          if (buffer.includes('```')) {\n            isInCodeBlock = !isInCodeBlock;\n          }\n\n          // test case: should not deserialize link with markdown syntax\n          if (buffer.includes('http')) {\n            isInLink = true;\n          } else if (buffer.includes('https')) {\n            isInLink = true;\n          } else if (buffer.includes('\\n') && isInLink) {\n            isInLink = false;\n          }\n\n          if (buffer.includes('*') || buffer.includes('-')) {\n            isInList = true;\n          } else if (buffer.includes('\\n') && isInList) {\n            isInList = false;\n          }\n\n          // Simple table detection: enter on |, exit on double newline\n          if (!isInTable && buffer.includes('|')) {\n            isInTable = true;\n          } else if (isInTable && buffer.includes('\\n\\n')) {\n            isInTable = false;\n          }\n\n          // Use line chunking for code blocks and tables, word chunking otherwise\n          // Choose the appropriate chunking strategy based on content type\n          let match;\n\n          if (isInCodeBlock || isInTable || isInLink) {\n            // Use line chunking for code blocks and tables\n            match = CHUNKING_REGEXPS.line.exec(buffer);\n          } else if (isInList) {\n            // Use list chunking for lists\n            match = CHUNKING_REGEXPS.list.exec(buffer);\n          } else {\n            // Use word chunking for regular text\n            match = CHUNKING_REGEXPS.word.exec(buffer);\n          }\n\n          if (!match) {\n            return null;\n          }\n\n          return buffer.slice(0, match.index) + match?.[0];\n        },\n      }),\n      maxTokens: 2048,\n      messages: convertToCoreMessages(messages),\n      model: openai('gpt-4o'),\n      system: system,\n    });\n\n    return result.toDataStreamResponse();\n  } catch {\n    return NextResponse.json(\n      { error: 'Failed to process AI request' },\n      { status: 500 }\n    );\n  }\n}\n",
       "type": "registry:lib",
       "target": "app/api/ai/command/route.ts"
     },

apps/www/public/r/styles/default/api-ai.json

@@ -28,6 +28,7 @@
   "name": "editor-plugins",
   "registryDependencies": [
     "ai-plugins",
+    "markdown-plugin",
     "basic-nodes-plugins",
     "align-plugin",
     "autoformat-plugin",

apps/www/public/r/styles/default/editor-plugins.json

@@ -0,0 +1,21 @@
+{
+  "dependencies": [
+    "@udecode/plate-markdown",
+    "remark-gfm",
+    "remark-math",
+    "remark-mdx"
+  ],
+  "files": [
+    {
+      "path": "components/editor/plugins/markdown-plugin.tsx",
+      "content": "import { MarkdownPlugin, remarkMention } from '@udecode/plate-markdown';\nimport { SuggestionPlugin } from '@udecode/plate-suggestion/react';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport remarkMdx from 'remark-mdx';\nexport const markdownPlugin = MarkdownPlugin.configure({\n  options: {\n    disallowedNodes: [SuggestionPlugin.key],\n    remarkPlugins: [remarkMath, remarkGfm, remarkMdx, remarkMention],\n  },\n});\n",
+      "type": "registry:component",
+      "target": "components/editor/plugins/markdown-plugin.tsx"
+    }
+  ],
+  "name": "markdown-plugin",
+  "registryDependencies": [],
+  "type": "registry:component",
+  "$schema": "https://platejs.org/schema/registry-item.json",
+  "author": "udecode (https://platejs.org)"
+}

apps/www/public/r/styles/default/markdown-plugin.json

@@ -1042,6 +1042,14 @@ export const Index: Record<string, any> = {
         path: "src/registry/default/plate-ui/ai-menu.tsx",
         type: "registry:ui",
         target: ""
+      },{
+        path: "src/registry/default/plate-ui/ai-loading-bar.tsx",
+        type: "registry:ui",
+        target: ""
+      },{
+        path: "src/registry/default/plate-ui/ai-anchor-element.tsx",
+        type: "registry:ui",
+        target: ""
       },{
         path: "src/registry/default/plate-ui/ai-menu-items.tsx",
         type: "registry:ui",
@@ -1841,7 +1849,7 @@ export const Index: Record<string, any> = {
       name: "editor-plugins",
       description: "",
       type: "registry:component",
-      registryDependencies: ["ai-plugins","basic-nodes-plugins","align-plugin","autoformat-plugin","block-menu-plugins","equation-plugins","cursor-overlay-plugin","comments-plugin","delete-plugins","dnd-plugins","exit-break-plugin","indent-list-plugins","line-height-plugin","link-plugin","media-plugins","mention-plugin","reset-block-type-plugin","skip-mark-plugin","suggestion-plugin","soft-break-plugin","table-plugin","toc-plugin"],
+      registryDependencies: ["ai-plugins","markdown-plugin","basic-nodes-plugins","align-plugin","autoformat-plugin","block-menu-plugins","equation-plugins","cursor-overlay-plugin","comments-plugin","delete-plugins","dnd-plugins","exit-break-plugin","indent-list-plugins","line-height-plugin","link-plugin","media-plugins","mention-plugin","reset-block-type-plugin","skip-mark-plugin","suggestion-plugin","soft-break-plugin","table-plugin","toc-plugin"],
       files: [{
         path: "src/registry/default/components/editor/plugins/editor-plugins.tsx",
         type: "registry:component",
@@ -2040,6 +2048,21 @@ export const Index: Record<string, any> = {
       source: "",
       meta: undefined,
     },
+    "markdown-plugin": {
+      name: "markdown-plugin",
+      description: "",
+      type: "registry:component",
+      registryDependencies: [],
+      files: [{
+        path: "src/registry/default/components/editor/plugins/markdown-plugin.tsx",
+        type: "registry:component",
+        target: ""
+      }],
+      categories: undefined,
+      component: React.lazy(() => import("@/registry/default/components/editor/plugins/markdown-plugin.tsx")),
+      source: "",
+      meta: undefined,
+    },
     "copilot-plugins": {
       name: "copilot-plugins",
       description: "",

apps/www/public/r/styles/default/markdown-to-slate-demo.json

@@ -16,6 +16,7 @@ export const useChat = () => {
       apiKey: keys.openai,
       model: model.value,
     },
+    // Mock the API response. Remove it when you implement the route /api/ai/command
     fetch: async (input, init) => {
       const res = await fetch(input, init);
 
@@ -30,7 +31,6 @@ export const useChat = () => {
           isMarkdown = false;
         }
 
-        // Mock the API response. Remove it when you implement the route /api/ai/command
         await new Promise((resolve) => setTimeout(resolve, 400));
 
         const stream = fakeStreamText({ isMarkdown });

apps/www/public/r/styles/default/use-chat.json

@@ -29,6 +29,7 @@ const plugins: Registry['items'] = [
     name: 'editor-plugins',
     registryDependencies: [
       'ai-plugins',
+      'markdown-plugin',
       'basic-nodes-plugins',
       'align-plugin',
       'autoformat-plugin',
@@ -259,6 +260,23 @@ const plugins: Registry['items'] = [
     registryDependencies: ['cursor-overlay'],
     type: 'registry:component',
   },
+  {
+    dependencies: [
+      '@udecode/plate-markdown',
+      'remark-gfm',
+      'remark-math',
+      'remark-mdx',
+    ],
+    files: [
+      {
+        path: 'components/editor/plugins/markdown-plugin.tsx',
+        type: 'registry:component',
+      },
+    ],
+    name: 'markdown-plugin',
+    registryDependencies: [],
+    type: 'registry:component',
+  },
   {
     dependencies: [
       '@udecode/plate-ai',