@otmc/ui 0.1.6 → 0.1.7

package/dist/editor.d.cts

@@ -0,0 +1,217 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { Editor, EditorOptions, ReactNodeViewProps } from '@tiptap/react';
+export { A as ApiResponse, B as BACKEND_URL, E as ErrorResponse, F as FormatDocumentRequest, a as FormatDocumentResponse, G as GenerateDocumentRequest, b as GenerateDocumentResponse, I as Instruction, L as LLMConfigResponse, c as LLMReloadResponse, d as LLMRequest, e as LLMResponse, f as LLMTestResponse, S as SuccessResponse, g as apiClient, h as apiUtils, i as getBackendUrl, j as instructionsApi, l as llmApi, s as setAccessTokenGetter, k as setBackendUrl } from './instructions-CCxIhaa6.cjs';
+import * as _tiptap_core from '@tiptap/core';
+import { Extension, Node } from '@tiptap/core';
+import { BoxProps } from '@mantine/core';
+import * as _tiptap_extension_list from '@tiptap/extension-list';
+import * as _tiptap_extension_code_block_lowlight from '@tiptap/extension-code-block-lowlight';
+
+interface EditorProps {
+    initialContent?: string;
+    onChange?: (content: string) => void;
+    outputFormat?: 'html' | 'markdown' | 'json';
+    showTableOfContents?: boolean;
+    showHeadingDividers?: boolean;
+    minHeight?: number;
+    editable?: boolean;
+}
+declare const MarkdownEditor: react.NamedExoticComponent<EditorProps>;
+
+interface DocumentEditorProps {
+    editor: Editor;
+    opened: boolean;
+    onClose: () => void;
+}
+declare function DocumentEditor({ editor, opened, onClose }: DocumentEditorProps): react.JSX.Element;
+
+interface UseEditorWithStorageOptions extends Partial<EditorOptions> {
+    initialContent?: string;
+    onContentChange?: (content: string) => void;
+    debounceDelay?: number;
+    outputFormat?: 'html' | 'markdown' | 'json';
+    extensions?: any[];
+}
+declare const useEditorWithStorage: ({ initialContent, onContentChange, debounceDelay, outputFormat, extensions, ...editorOptions }: UseEditorWithStorageOptions) => _tiptap_core.Editor;
+
+interface EditorContentProps {
+    editor: any;
+    minHeight?: number;
+}
+declare function EditorContent({ editor, minHeight }: EditorContentProps): react.JSX.Element;
+
+interface BubbleMenuProps {
+    editor: Editor;
+}
+declare function BubbleMenu({ editor }: BubbleMenuProps): react.JSX.Element;
+
+interface TableControlsProps {
+    editor: Editor;
+}
+declare function TableControls({ editor }: TableControlsProps): react.JSX.Element | null;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+interface BlockNode {
+    type: {
+        name: string;
+    };
+    attrs: Record<string, any>;
+    content: any[];
+    textContent: string;
+}
+interface BlockConfig {
+    type: string;
+    label: string;
+    description?: string;
+    icon: React.ReactNode;
+    keywords?: string[];
+    command: (editor: Editor) => void;
+    render: ComponentType<{
+        node: BlockNode;
+        editor?: Editor;
+        updateAttributes?: (attrs: any) => void;
+        deleteNode?: () => void;
+    }>;
+    group?: 'block' | 'inline' | 'mark';
+}
+type CommandItem = {
+    title: string;
+    description: string;
+    icon: React.ReactNode;
+    keywords?: string[];
+    command: (props: {
+        editor: Editor;
+        range: any;
+    }) => void;
+};
+type BlockComponent = ComponentType<ReactNodeViewProps>;
+declare const BLOCKS: BlockConfig[];
+declare function registerBlock(block: BlockConfig): void;
+declare function getBlockByType(type: string): BlockConfig | undefined;
+declare function filterBlocks(query: string): BlockConfig[];
+declare function getDefaultBlockItems(editor: Editor): CommandItem[];
+
+interface SlashCommandListProps {
+    items: CommandItem[];
+    command: (item: CommandItem) => void;
+}
+declare const SlashCommandList: react.ForwardRefExoticComponent<SlashCommandListProps & react.RefAttributes<unknown>>;
+declare function createSlashCommand(options: {
+    char: string;
+    items: (props: {
+        editor: any;
+        query: string;
+    }) => any[];
+}): Extension<any, any>;
+
+interface BlockRendererProps {
+    node: BlockNode;
+    editor?: any;
+    updateAttributes?: (attrs: any) => void;
+    deleteNode?: () => void;
+}
+declare const BlockRenderer: react.NamedExoticComponent<BlockRendererProps>;
+
+interface BlockWrapperProps extends BoxProps {
+    children: React.ReactNode;
+    selected?: boolean;
+}
+declare function BlockWrapper({ children, selected, ...props }: BlockWrapperProps): react.JSX.Element;
+
+declare function NoticeBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+declare const TaskBlock: react.MemoExoticComponent<({ node, updateAttributes }: ReactNodeViewProps) => react.JSX.Element>;
+
+declare function CodeBlock({ node, updateAttributes, selected }: ReactNodeViewProps): react.JSX.Element;
+
+declare function TimelineBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+declare function DiagramBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+interface CreateBlockNodeOptions {
+    name: string;
+    group?: string;
+    content?: string;
+    draggable?: boolean;
+    defining?: boolean;
+    component?: BlockComponent;
+}
+declare function createBlockNode(options: CreateBlockNodeOptions): Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const NoticeExtension: Node<any, any>;
+
+declare const TaskItemExtension: _tiptap_core.Node<_tiptap_extension_list.TaskItemOptions, any>;
+
+declare const CodeBlockExtension: _tiptap_core.Node<_tiptap_extension_code_block_lowlight.CodeBlockLowlightOptions, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const TimelineExtension: Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const DiagramExtension: Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const serializeToMarkdown: (editor: Editor) => string;
+declare const serializeSelectionToMarkdown: (editor: Editor, from: number, to: number) => string;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const handlePaste: (editor: Editor | null, event: ClipboardEvent) => boolean;
+
+declare const markdownToTiptapJSON: (markdown: string) => string;
+declare const isTiptapJSON: (content: string) => boolean;
+declare const migrateToTiptapJSON: (content: string) => string;
+
+interface HeadingNode {
+    id: string;
+    text: string;
+    level: number;
+    pos: number;
+}
+interface TableOfContentsOptions {
+    onUpdate?: (headings: HeadingNode[]) => void;
+}
+interface TableOfContentsPanelProps {
+    headings: HeadingNode[];
+    editor: any;
+}
+declare const TableOfContentsPanel: react.MemoExoticComponent<({ headings, editor }: TableOfContentsPanelProps) => react.JSX.Element | null>;
+
+export { BLOCKS, type BlockConfig, type BlockNode, BlockRenderer, BlockWrapper, BubbleMenu, CodeBlock, CodeBlockExtension, type CommandItem, type CreateBlockNodeOptions, DiagramBlock, DiagramExtension, DocumentEditor, EditorContent, type HeadingNode, MarkdownEditor, NoticeBlock, NoticeExtension, SlashCommandList, TableControls, type TableOfContentsOptions, TableOfContentsPanel, TaskBlock, TaskItemExtension, TimelineBlock, TimelineExtension, createBlockNode, createSlashCommand, filterBlocks, getBlockByType, getDefaultBlockItems, handlePaste, isTiptapJSON, markdownToTiptapJSON, migrateToTiptapJSON, registerBlock, serializeSelectionToMarkdown, serializeToMarkdown, useEditorWithStorage };

package/dist/editor.d.ts

@@ -0,0 +1,217 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { Editor, EditorOptions, ReactNodeViewProps } from '@tiptap/react';
+export { A as ApiResponse, B as BACKEND_URL, E as ErrorResponse, F as FormatDocumentRequest, a as FormatDocumentResponse, G as GenerateDocumentRequest, b as GenerateDocumentResponse, I as Instruction, L as LLMConfigResponse, c as LLMReloadResponse, d as LLMRequest, e as LLMResponse, f as LLMTestResponse, S as SuccessResponse, g as apiClient, h as apiUtils, i as getBackendUrl, j as instructionsApi, l as llmApi, s as setAccessTokenGetter, k as setBackendUrl } from './instructions-CCxIhaa6.js';
+import * as _tiptap_core from '@tiptap/core';
+import { Extension, Node } from '@tiptap/core';
+import { BoxProps } from '@mantine/core';
+import * as _tiptap_extension_list from '@tiptap/extension-list';
+import * as _tiptap_extension_code_block_lowlight from '@tiptap/extension-code-block-lowlight';
+
+interface EditorProps {
+    initialContent?: string;
+    onChange?: (content: string) => void;
+    outputFormat?: 'html' | 'markdown' | 'json';
+    showTableOfContents?: boolean;
+    showHeadingDividers?: boolean;
+    minHeight?: number;
+    editable?: boolean;
+}
+declare const MarkdownEditor: react.NamedExoticComponent<EditorProps>;
+
+interface DocumentEditorProps {
+    editor: Editor;
+    opened: boolean;
+    onClose: () => void;
+}
+declare function DocumentEditor({ editor, opened, onClose }: DocumentEditorProps): react.JSX.Element;
+
+interface UseEditorWithStorageOptions extends Partial<EditorOptions> {
+    initialContent?: string;
+    onContentChange?: (content: string) => void;
+    debounceDelay?: number;
+    outputFormat?: 'html' | 'markdown' | 'json';
+    extensions?: any[];
+}
+declare const useEditorWithStorage: ({ initialContent, onContentChange, debounceDelay, outputFormat, extensions, ...editorOptions }: UseEditorWithStorageOptions) => _tiptap_core.Editor;
+
+interface EditorContentProps {
+    editor: any;
+    minHeight?: number;
+}
+declare function EditorContent({ editor, minHeight }: EditorContentProps): react.JSX.Element;
+
+interface BubbleMenuProps {
+    editor: Editor;
+}
+declare function BubbleMenu({ editor }: BubbleMenuProps): react.JSX.Element;
+
+interface TableControlsProps {
+    editor: Editor;
+}
+declare function TableControls({ editor }: TableControlsProps): react.JSX.Element | null;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+interface BlockNode {
+    type: {
+        name: string;
+    };
+    attrs: Record<string, any>;
+    content: any[];
+    textContent: string;
+}
+interface BlockConfig {
+    type: string;
+    label: string;
+    description?: string;
+    icon: React.ReactNode;
+    keywords?: string[];
+    command: (editor: Editor) => void;
+    render: ComponentType<{
+        node: BlockNode;
+        editor?: Editor;
+        updateAttributes?: (attrs: any) => void;
+        deleteNode?: () => void;
+    }>;
+    group?: 'block' | 'inline' | 'mark';
+}
+type CommandItem = {
+    title: string;
+    description: string;
+    icon: React.ReactNode;
+    keywords?: string[];
+    command: (props: {
+        editor: Editor;
+        range: any;
+    }) => void;
+};
+type BlockComponent = ComponentType<ReactNodeViewProps>;
+declare const BLOCKS: BlockConfig[];
+declare function registerBlock(block: BlockConfig): void;
+declare function getBlockByType(type: string): BlockConfig | undefined;
+declare function filterBlocks(query: string): BlockConfig[];
+declare function getDefaultBlockItems(editor: Editor): CommandItem[];
+
+interface SlashCommandListProps {
+    items: CommandItem[];
+    command: (item: CommandItem) => void;
+}
+declare const SlashCommandList: react.ForwardRefExoticComponent<SlashCommandListProps & react.RefAttributes<unknown>>;
+declare function createSlashCommand(options: {
+    char: string;
+    items: (props: {
+        editor: any;
+        query: string;
+    }) => any[];
+}): Extension<any, any>;
+
+interface BlockRendererProps {
+    node: BlockNode;
+    editor?: any;
+    updateAttributes?: (attrs: any) => void;
+    deleteNode?: () => void;
+}
+declare const BlockRenderer: react.NamedExoticComponent<BlockRendererProps>;
+
+interface BlockWrapperProps extends BoxProps {
+    children: React.ReactNode;
+    selected?: boolean;
+}
+declare function BlockWrapper({ children, selected, ...props }: BlockWrapperProps): react.JSX.Element;
+
+declare function NoticeBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+declare const TaskBlock: react.MemoExoticComponent<({ node, updateAttributes }: ReactNodeViewProps) => react.JSX.Element>;
+
+declare function CodeBlock({ node, updateAttributes, selected }: ReactNodeViewProps): react.JSX.Element;
+
+declare function TimelineBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+declare function DiagramBlock({ node, updateAttributes, deleteNode }: ReactNodeViewProps): react.JSX.Element;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+interface CreateBlockNodeOptions {
+    name: string;
+    group?: string;
+    content?: string;
+    draggable?: boolean;
+    defining?: boolean;
+    component?: BlockComponent;
+}
+declare function createBlockNode(options: CreateBlockNodeOptions): Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const NoticeExtension: Node<any, any>;
+
+declare const TaskItemExtension: _tiptap_core.Node<_tiptap_extension_list.TaskItemOptions, any>;
+
+declare const CodeBlockExtension: _tiptap_core.Node<_tiptap_extension_code_block_lowlight.CodeBlockLowlightOptions, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const TimelineExtension: Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const DiagramExtension: Node<any, any>;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const serializeToMarkdown: (editor: Editor) => string;
+declare const serializeSelectionToMarkdown: (editor: Editor, from: number, to: number) => string;
+
+/**
+ * @License OTMC License
+ * @Copyright (c) 2026 OTMC Softwares. All rights reserved.
+ * @Contributors Trung Ng, OTMC Authors.
+**/
+
+declare const handlePaste: (editor: Editor | null, event: ClipboardEvent) => boolean;
+
+declare const markdownToTiptapJSON: (markdown: string) => string;
+declare const isTiptapJSON: (content: string) => boolean;
+declare const migrateToTiptapJSON: (content: string) => string;
+
+interface HeadingNode {
+    id: string;
+    text: string;
+    level: number;
+    pos: number;
+}
+interface TableOfContentsOptions {
+    onUpdate?: (headings: HeadingNode[]) => void;
+}
+interface TableOfContentsPanelProps {
+    headings: HeadingNode[];
+    editor: any;
+}
+declare const TableOfContentsPanel: react.MemoExoticComponent<({ headings, editor }: TableOfContentsPanelProps) => react.JSX.Element | null>;
+
+export { BLOCKS, type BlockConfig, type BlockNode, BlockRenderer, BlockWrapper, BubbleMenu, CodeBlock, CodeBlockExtension, type CommandItem, type CreateBlockNodeOptions, DiagramBlock, DiagramExtension, DocumentEditor, EditorContent, type HeadingNode, MarkdownEditor, NoticeBlock, NoticeExtension, SlashCommandList, TableControls, type TableOfContentsOptions, TableOfContentsPanel, TaskBlock, TaskItemExtension, TimelineBlock, TimelineExtension, createBlockNode, createSlashCommand, filterBlocks, getBlockByType, getDefaultBlockItems, handlePaste, isTiptapJSON, markdownToTiptapJSON, migrateToTiptapJSON, registerBlock, serializeSelectionToMarkdown, serializeToMarkdown, useEditorWithStorage };