@docyrus/ui-pro-ai-assistant 0.0.2 → 0.0.5

package/src/internal/plate-editor/plate-ui/tooltip.tsx

@@ -1,148 +0,0 @@
-'use client';
-
-import {
-  useSyncExternalStore, type ComponentProps, type ComponentPropsWithoutRef, type ElementType, type ReactNode
-} from 'react';
-
-import { Tooltip as TooltipPrimitive } from 'radix-ui';
-
-import { cn } from '@docyrus/ui-pro-shared/lib/utils';
-
-const useMounted = () => {
-  return useSyncExternalStore(
-    () => () => {},
-    () => true,
-    () => false
-  );
-};
-
-export function TooltipProvider({
-  delayDuration = 200,
-  disableHoverableContent = true,
-  skipDelayDuration = 0,
-  ...props
-}: ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return (
-    <TooltipPrimitive.Provider
-      delayDuration={delayDuration}
-      disableHoverableContent={disableHoverableContent}
-      skipDelayDuration={skipDelayDuration}
-      {...props} />
-  );
-}
-
-export const Tooltip = TooltipPrimitive.Root;
-
-export const TooltipTrigger = TooltipPrimitive.Trigger;
-
-export const TooltipPortal = TooltipPrimitive.Portal;
-
-export function TooltipContent({
-  className,
-  sideOffset = 4,
-  ...props
-}: ComponentProps<typeof TooltipPrimitive.Content>) {
-  return (
-    <TooltipPrimitive.Content
-      className={cn(
-        'z-9999 overflow-hidden rounded-md bg-primary px-2 py-1.5 font-semibold text-primary-foreground text-xs shadow-md',
-        className
-      )}
-      sideOffset={sideOffset}
-      {...props} />
-  );
-}
-
-export function TooltipTC({
-  children,
-  className,
-  content,
-  defaultOpen,
-  delayDuration,
-  disableHoverableContent,
-  open,
-  onOpenChange,
-  ...props
-}: {
-  content: ReactNode;
-} & ComponentProps<typeof TooltipPrimitive.Content>
-& ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {
-  const mounted = useMounted();
-
-  if (!mounted) {
-    return children;
-  }
-
-  return (
-    <TooltipProvider>
-      <Tooltip
-        defaultOpen={defaultOpen}
-        delayDuration={delayDuration}
-        disableHoverableContent={disableHoverableContent}
-        onOpenChange={onOpenChange}
-        open={open}>
-        <TooltipTrigger asChild>{children}</TooltipTrigger>
-
-        <TooltipPortal>
-          <TooltipContent className={className} {...props}>
-            {content}
-          </TooltipContent>
-        </TooltipPortal>
-      </Tooltip>
-    </TooltipProvider>
-  );
-}
-
-type TooltipProps<T extends ElementType> = {
-  shortcut?: ReactNode;
-  tooltip?: ReactNode;
-  tooltipContentProps?: Omit<
-    ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
-    'children'
-  >;
-  tooltipProps?: Omit<
-    ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>,
-    'children'
-  >;
-  tooltipTriggerProps?: ComponentPropsWithoutRef<
-    typeof TooltipPrimitive.Trigger
-  >;
-} & ComponentProps<T>;
-
-export function withTooltip<T extends ElementType>(Component: T) {
-  return function ExtendComponent({
-    shortcut,
-    tooltip,
-    tooltipContentProps,
-    tooltipProps,
-    tooltipTriggerProps,
-    ...props
-  }: TooltipProps<T>) {
-    const isMounted = useMounted();
-
-    const component = <Component {...(props as ComponentProps<T>)} />;
-
-    if (tooltip && isMounted) {
-      return (
-        <TooltipProvider>
-          <Tooltip {...tooltipProps}>
-            <TooltipTrigger asChild {...tooltipTriggerProps}>
-              {component}
-            </TooltipTrigger>
-
-            <TooltipPortal>
-              <TooltipContent {...tooltipContentProps}>
-                {tooltip}
-                {shortcut && (
-                  <div className="mt-px text-gray-400">{shortcut}</div>
-                )}
-              </TooltipContent>
-            </TooltipPortal>
-          </Tooltip>
-        </TooltipProvider>
-      );
-    }
-
-    return component;
-  };
-}

package/src/internal/plate-editor/plate-ui/turn-into-toolbar-button.tsx

@@ -1,175 +0,0 @@
-'use client';
-
-import { useMemo } from 'react';
-
-import {
-  ChevronDownIcon,
-  Code2Icon,
-  Columns3Icon,
-  Heading1Icon,
-  Heading2Icon,
-  Heading3Icon,
-  LightbulbIcon,
-  ListIcon,
-  ListOrderedIcon,
-  PilcrowIcon,
-  QuoteIcon,
-  SquareIcon
-} from 'lucide-react';
-import { KEYS } from 'platejs';
-import { useEditorRef, useSelectionFragmentProp } from 'platejs/react';
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  type DropdownMenuProps,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuTrigger,
-  useOpenState
-} from './dropdown-menu';
-
-import { ToolbarButton } from './toolbar';
-
-import {
-  getBlockType,
-  setBlockType
-} from '../editor/transforms';
-
-export const turnIntoItems = [
-  {
-    icon: <PilcrowIcon />,
-    keywords: ['paragraph'],
-    label: 'Text',
-    value: KEYS.p
-  },
-  {
-    icon: <Heading1Icon />,
-    keywords: ['title', 'h1'],
-    label: 'Heading 1',
-    value: KEYS.h1
-  },
-  {
-    icon: <Heading2Icon />,
-    keywords: ['subtitle', 'h2'],
-    label: 'Heading 2',
-    value: KEYS.h2
-  },
-  {
-    icon: <Heading3Icon />,
-    keywords: ['subtitle', 'h3'],
-    label: 'Heading 3',
-    value: KEYS.h3
-  },
-  {
-    icon: <SquareIcon />,
-    keywords: [
-      'checklist',
-      'task',
-      'checkbox',
-      '[]'
-    ],
-    label: 'To-do list',
-    value: KEYS.listTodo
-  },
-  {
-    icon: <ListIcon />,
-    keywords: ['unordered', 'ul', '-'],
-    label: 'Bulleted list',
-    value: KEYS.ul
-  },
-  {
-    icon: <ListOrderedIcon />,
-    keywords: ['ordered', 'ol', '1'],
-    label: 'Numbered list',
-    value: KEYS.ol
-  },
-  {
-    icon: <ChevronDownIcon />,
-    keywords: ['collapsible', 'expandable'],
-    label: 'Toggle list',
-    value: KEYS.toggle
-  },
-  {
-    icon: <Code2Icon />,
-    keywords: ['```'],
-    label: 'Code',
-    value: KEYS.codeBlock
-  },
-  {
-    icon: <QuoteIcon />,
-    keywords: ['citation', 'blockquote', '>'],
-    label: 'Quote',
-    value: KEYS.blockquote
-  },
-  {
-    icon: <LightbulbIcon />,
-    keywords: ['highlight', 'note', 'important'],
-    label: 'Callout',
-    value: KEYS.callout
-  },
-  {
-    icon: <Columns3Icon />,
-    label: '3 columns',
-    value: 'action_three_columns'
-  }
-];
-
-export function TurnIntoToolbarButton(props: DropdownMenuProps) {
-  const editor = useEditorRef();
-  const openState = useOpenState();
-
-  const value = useSelectionFragmentProp({
-    defaultValue: KEYS.p,
-    getProp: node => getBlockType(node as any)
-  });
-  const selectedItem = useMemo(
-    () => turnIntoItems.find(item => item.value === (value ?? KEYS.p))
-      ?? turnIntoItems[0],
-    [value]
-  );
-
-  return (
-    <DropdownMenu modal={false} {...openState} {...props}>
-      <DropdownMenuTrigger asChild>
-        <ToolbarButton isDropdown pressed={openState.open} tooltip="Turn into">
-          {selectedItem.label}
-        </ToolbarButton>
-      </DropdownMenuTrigger>
-
-      <DropdownMenuPortal>
-        <DropdownMenuContent
-          align="start"
-          className="ignore-click-outside/toolbar min-w-0"
-          data-plate-prevent-overlay>
-          <DropdownMenuGroup>
-            <DropdownMenuLabel>Turn into</DropdownMenuLabel>
-
-            <DropdownMenuRadioGroup
-              className="flex flex-col gap-0.5"
-              onValueChange={(type) => {
-                setBlockType(editor, type);
-                editor.tf.focus();
-              }}
-              value={selectedItem.value}>
-              {turnIntoItems.map(({ icon, label, value: itemValue }) => (
-                <DropdownMenuRadioItem
-                  className="min-w-[180px]"
-                  key={itemValue}
-                  value={itemValue}>
-                  <div className="mr-2 flex size-5 items-center justify-center rounded-sm border border-foreground/15 bg-white p-0.5 text-subtle-foreground [&_svg]:size-3">
-                    {icon}
-                  </div>
-                  {label}
-                </DropdownMenuRadioItem>
-              ))}
-            </DropdownMenuRadioGroup>
-          </DropdownMenuGroup>
-        </DropdownMenuContent>
-      </DropdownMenuPortal>
-    </DropdownMenu>
-  );
-}

package/src/internal/plate-editor/types/index.ts

@@ -1,22 +0,0 @@
-export type {
-  MyBlockElement,
-  MyBlockquoteElement,
-  MyCodeBlockElement,
-  MyCodeLineElement,
-  MyH1Element,
-  MyH2Element,
-  MyH3Element,
-  MyHrElement,
-  MyImageElement,
-  MyLinkElement,
-  MyMentionElement,
-  MyNestableBlock,
-  MyParagraphElement,
-  MyTableCellElement,
-  MyTableElement,
-  MyTableRowElement,
-  MyTextBlockElement,
-  MyToggleElement,
-  MyValue,
-  RichText
-} from '../editor/plate-types';

package/src/internal/plate-editor/vite.ts

@@ -1,284 +0,0 @@
-import { type IncomingMessage } from 'node:http';
-
-import { type Plugin, loadEnv } from 'vite';
-
-/*
- * ---------------------------------------------------------------------------
- * Shared helpers
- * ---------------------------------------------------------------------------
- */
-
-const COPILOT_SYSTEM_PROMPT = `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
-
-Rules:
-- Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
-- Maintain style and tone. Don't repeat given text.
-- For unclear context, provide the most likely continuation.
-- Handle code snippets, lists, or structured text if needed.
-- Don't include """ in your response.
-- CRITICAL: Always end with a punctuation mark.
-- CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
-- If no context is provided or you can't generate a continuation, return "0" without explanation.`;
-
-function readBody(req: IncomingMessage): Promise<Buffer> {
-  return new Promise((resolve, reject) => {
-    const chunks: Buffer[] = [];
-
-    req.on('data', (chunk: Buffer) => chunks.push(chunk));
-    req.on('end', () => resolve(Buffer.concat(chunks)));
-    req.on('error', reject);
-  });
-}
-
-function getApiBaseUrl(env: Record<string, string>): string | undefined {
-  return env.VITE_DOCYRUS_API_URL;
-}
-
-function getAgentId(env: Record<string, string>): string | undefined {
-  return env.VITE_DOCYRUS_EDITOR_AGENT_ID || env.VITE_DOCYRUS_AGENT_ID;
-}
-
-function getAuthToken(request: Request): string | undefined {
-  const authHeader = request.headers.get('authorization');
-
-  return authHeader?.replace('Bearer ', '') || undefined;
-}
-
-/*
- * ---------------------------------------------------------------------------
- * Route handlers (also exported for use in Cloudflare Workers)
- * ---------------------------------------------------------------------------
- */
-
-export async function handleAiCommand(
-  request: Request,
-  env: Record<string, string>
-): Promise<Response> {
-  if (request.method !== 'POST') {
-    return new Response(JSON.stringify({ error: 'Method not allowed' }), {
-      status: 405,
-      headers: { 'Content-Type': 'application/json' }
-    });
-  }
-
-  try {
-    const body = await request.json() as {
-      messages?: unknown[];
-      ctx?: { selection?: unknown; children?: unknown; toolName?: string };
-    };
-
-    const token = getAuthToken(request);
-
-    if (!token) {
-      return new Response(
-        JSON.stringify({ error: 'Unauthorized', message: 'No authentication token found. Please log in.' }),
-        { status: 401, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const apiBaseUrl = getApiBaseUrl(env);
-
-    if (!apiBaseUrl) {
-      return new Response(
-        JSON.stringify({ error: 'VITE_DOCYRUS_API_URL is not configured' }),
-        { status: 500, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const agentId = getAgentId(env);
-
-    if (!agentId) {
-      return new Response(
-        JSON.stringify({ error: 'VITE_DOCYRUS_AGENT_ID is not configured' }),
-        { status: 500, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const { messages, ctx } = body;
-
-    let editorContext: string | undefined;
-
-    if (ctx) {
-      const contextData: Record<string, unknown> = { toolName: ctx.toolName };
-
-      if (ctx.selection) contextData.selection = ctx.selection;
-      if (ctx.children) contextData.children = ctx.children;
-      editorContext = JSON.stringify(contextData);
-    }
-
-    const response = await fetch(`${apiBaseUrl}/v1/ai/agents/${agentId}/chat`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${token}`
-      },
-      body: JSON.stringify({
-        agentId,
-        messages: messages ?? [],
-        mode: 'agent',
-        stream: true,
-        additionalContext: editorContext
-      })
-    });
-
-    if (!response.ok) {
-      const errorText = await response.text();
-
-      return new Response(
-        errorText || JSON.stringify({ error: 'Backend API error' }),
-        { status: response.status, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    return new Response(response.body, {
-      headers: {
-        'Content-Type': 'text/event-stream',
-        'Cache-Control': 'no-cache',
-        Connection: 'keep-alive'
-      }
-    });
-  } catch (error) {
-    console.error('[AI Command] Error:', error);
-
-    return new Response(
-      JSON.stringify({ error: 'Internal server error', message: error instanceof Error ? error.message : 'Unknown error' }),
-      { status: 500, headers: { 'Content-Type': 'application/json' } }
-    );
-  }
-}
-
-export async function handleAiCopilot(
-  request: Request,
-  env: Record<string, string>
-): Promise<Response> {
-  if (request.method !== 'POST') {
-    return new Response(JSON.stringify({ error: 'Method not allowed' }), {
-      status: 405,
-      headers: { 'Content-Type': 'application/json' }
-    });
-  }
-
-  try {
-    const body = await request.json() as { prompt?: string };
-
-    const token = getAuthToken(request);
-
-    if (!token) {
-      return new Response(
-        JSON.stringify({ error: 'Unauthorized' }),
-        { status: 401, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const apiBaseUrl = getApiBaseUrl(env);
-
-    if (!apiBaseUrl) {
-      return new Response(
-        JSON.stringify({ error: 'VITE_DOCYRUS_API_URL is not configured' }),
-        { status: 500, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const agentId = getAgentId(env);
-
-    if (!agentId) {
-      return new Response(
-        JSON.stringify({ error: 'VITE_DOCYRUS_AGENT_ID is not configured' }),
-        { status: 500, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    const response = await fetch(`${apiBaseUrl}/v1/ai/agents/${agentId}/chat`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${token}`
-      },
-      body: JSON.stringify({
-        agentId,
-        messages: [{ role: 'system', content: COPILOT_SYSTEM_PROMPT }, { role: 'user', content: body.prompt }],
-        mode: 'agent',
-        stream: true
-      })
-    });
-
-    if (!response.ok) {
-      const errorText = await response.text();
-
-      return new Response(
-        errorText || JSON.stringify({ error: 'Backend API error' }),
-        { status: response.status, headers: { 'Content-Type': 'application/json' } }
-      );
-    }
-
-    return new Response(response.body, {
-      headers: {
-        'Content-Type': 'text/event-stream',
-        'Cache-Control': 'no-cache',
-        Connection: 'keep-alive'
-      }
-    });
-  } catch (error) {
-    console.error('[AI Copilot] Error:', error);
-
-    return new Response(
-      JSON.stringify({ error: 'Internal server error', message: error instanceof Error ? error.message : 'Unknown error' }),
-      { status: 500, headers: { 'Content-Type': 'application/json' } }
-    );
-  }
-}
-
-/*
- * ---------------------------------------------------------------------------
- * Vite plugin (dev server middleware)
- * ---------------------------------------------------------------------------
- */
-
-export function plateEditorPlugin(): Plugin {
-  let env: Record<string, string>;
-
-  return {
-    name: 'plate-editor-ai',
-    configResolved(config) {
-      env = loadEnv(config.mode, config.root, '');
-    },
-    configureServer(server) {
-      server.middlewares.use(async (req, res, next) => {
-        if (req.url !== '/api/ai/command' && req.url !== '/api/ai/copilot') {
-          return next();
-        }
-
-        const body = await readBody(req);
-        const request = new Request(`http://localhost${req.url}`, {
-          method: req.method,
-          headers: req.headers as Record<string, string>,
-          body: body.length > 0 ? new Uint8Array(body) : undefined
-        });
-
-        const response = req.url === '/api/ai/command' ? await handleAiCommand(request, env) : await handleAiCopilot(request, env);
-
-        res.statusCode = response.status;
-        response.headers.forEach((value, key) => res.setHeader(key, value));
-
-        if (response.body) {
-          const reader = response.body.getReader();
-          const pump = async (): Promise<void> => {
-            const { done, value } = await reader.read();
-
-            if (done) {
-              res.end();
-
-              return;
-            }
-            res.write(value);
-            await pump();
-          };
-
-          await pump();
-        } else {
-          res.end();
-        }
-      });
-    }
-  };
-}