@yiitap/vue 0.15.0 → 0.16.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yiitap/vue",
   "description": "A WYSIWYG rich-text block-based editor built on top of tiptap.",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "private": false,
   "author": {
     "name": "Yiitap",
@@ -61,37 +61,37 @@
     "@tiptap/vue-3": "^3.20.0",
     "tippy.js": "^6.3.7",
     "uuid": "^10.0.0",
-    "@yiitap/extension-ai-block": "0.15.0",
-    "@yiitap/core": "0.15.0",
-    "@yiitap/extension-callout": "0.15.0",
-    "@yiitap/extension-color-highlighter": "0.15.0",
-    "@yiitap/extension-char-command": "0.15.0",
-    "@yiitap/extension-image": "0.15.0",
-    "@yiitap/extension-multi-column": "0.15.0",
-    "@yiitap/extension-inline-placeholder": "0.15.0",
-    "@yiitap/extension-placeholder": "0.15.0",
-    "@yiitap/extension-selection-decoration": "0.15.0",
-    "@yiitap/extension-shortcut": "0.15.0",
-    "@yiitap/extension-table": "0.15.0",
-    "@yiitap/extension-table-wrapper": "0.15.0",
-    "@yiitap/extension-video": "0.15.0",
-    "@yiitap/extension-task-item": "0.15.0"
+    "@yiitap/core": "0.16.0",
+    "@yiitap/extension-ai-block": "0.16.0",
+    "@yiitap/extension-callout": "0.16.0",
+    "@yiitap/extension-char-command": "0.16.0",
+    "@yiitap/extension-color-highlighter": "0.16.0",
+    "@yiitap/extension-image": "0.16.0",
+    "@yiitap/extension-model-viewer": "0.16.0",
+    "@yiitap/extension-inline-placeholder": "0.16.0",
+    "@yiitap/extension-multi-column": "0.16.0",
+    "@yiitap/extension-placeholder": "0.16.0",
+    "@yiitap/extension-selection-decoration": "0.16.0",
+    "@yiitap/extension-shortcut": "0.16.0",
+    "@yiitap/extension-table": "0.16.0",
+    "@yiitap/extension-table-wrapper": "0.16.0",
+    "@yiitap/extension-task-item": "0.16.0",
+    "@yiitap/extension-video": "0.16.0"
   },
   "peerDependencies": {
+    "@mermaid-js/layout-elk": "^0.2.0",
     "@tiptap/extension-audio": "^3.20.0",
     "@tiptap/extension-mathematics": "^3.20.0",
     "@tiptap/markdown": "^3.20.0",
     "@types/uuid": "^10.0.0",
-    "@mermaid-js/layout-elk": "^0.2.0",
     "katex": "^0.16.25",
     "lowlight": "^3.3.0",
     "markdown-it": "^14.1.1",
     "mermaid": "^11.12.0",
-    "openai": "^4.88.0",
     "vue": "^3.3.8",
-    "@yiitap/util-emoji": "0.15.0",
-    "@yiitap/vue": "0.15.0",
-    "@yiitap/i18n": "0.15.0"
+    "@yiitap/i18n": "0.16.0",
+    "@yiitap/util-emoji": "0.16.0",
+    "@yiitap/vue": "0.16.0"
   },
   "devDependencies": {
     "rollup-plugin-visualizer": "^5.14.0",

package/types/components/YiiEditor.vue.d.ts

@@ -1,5 +1,6 @@
 import { type PropType } from 'vue';
 import type { FocusPosition } from '@tiptap/core';
+import type { AiOptions } from '@yiitap/core';
 import { Editor } from '@tiptap/core';
 type SideMenuAddType = 'menu' | 'empty';
 interface SideMenuConfig {
@@ -151,8 +152,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator: (value: string) => boolean;
     };
-    aiOption: {
-        type: PropType<AiOption>;
+    aiOptions: {
+        type: PropType<AiOptions>;
         default: () => void;
     };
     /**
@@ -320,8 +321,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator: (value: string) => boolean;
     };
-    aiOption: {
-        type: PropType<AiOption>;
+    aiOptions: {
+        type: PropType<AiOptions>;
         default: () => void;
     };
     /**
@@ -342,7 +343,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     }) => any;
 }>, {
     title: boolean;
-    aiOption: AiOption;
     locale: string;
     darkMode: boolean;
     content: string | Record<string, any>;
@@ -350,6 +350,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     autofocus: FocusPosition;
     extensions: string[];
     editable: boolean;
+    aiOptions: AiOptions;
     bubbleMenu: string[];
     sideMenu: SideMenuConfig;
     showMainMenu: boolean;

package/types/components/menus/OAiMenu.vue.d.ts

@@ -1,4 +1,6 @@
+import { type PropType } from 'vue';
 import { Editor } from '@tiptap/core';
+import type { AiOptions } from '@yiitap/core';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     editor: {
         type: typeof Editor;
@@ -8,6 +10,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    aiOptions: {
+        type: PropType<AiOptions>;
+        default: () => void;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     confirm: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -19,9 +25,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    aiOptions: {
+        type: PropType<AiOptions>;
+        default: () => void;
+    };
 }>> & Readonly<{
     onConfirm?: (...args: any[]) => any;
 }>, {
     menuClass: string;
+    aiOptions: AiOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/menus/OBubbleMenu.vue.d.ts

@@ -1,4 +1,6 @@
+import { type PropType } from 'vue';
 import { Editor } from '@tiptap/core';
+import type { AiOptions } from '@yiitap/core';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     editor: {
         type: typeof Editor;
@@ -15,6 +17,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    aiOptions: {
+        type: PropType<AiOptions>;
+        default: () => void;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     editor: {
         type: typeof Editor;
@@ -31,9 +37,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    aiOptions: {
+        type: PropType<AiOptions>;
+        default: () => void;
+    };
 }>> & Readonly<{}>, {
     menu: unknown[];
     menuClass: string;
+    aiOptions: AiOptions;
     tableToolbar: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/constants/menu.d.ts

@@ -16,12 +16,10 @@ export declare const ImageBubble: string[];
 export declare const ImageLinkBubble: string[];
 export declare const MoreBubble: string[];
 export declare const TableBubble: string[];
-export declare const TableWrapperBubble: string[];
 /**
  * Floating Menu
  */
 export declare const DefaultFloating: string[];
-export declare const TableFloating: string[];
 export declare const DefaultEmbedServices: {
     video: string[];
     map: string[];

package/types/extensions/extensions.d.ts

@@ -43,6 +43,7 @@ import ODetails, { type ODetailsOptions } from './details';
 import OHorizontalRule from './horizontal-rule';
 import OImage from './image';
 import OLink from './link';
+import OModelViewer from './model-viewer';
 import OTableCell from './table-cell';
 import OTableHeader from './table-header';
 import OTableWrapper from './table-wrapper';
@@ -51,5 +52,5 @@ import OVideo from './video';
  * Default extensions enabled via StarterKit
  */
 export declare const DefaultExtensionNames: string[];
-export { BackgroundColor, BlockMath, Collaboration, CollaborationCaret, Color, Details, DetailsContent, DetailsSummary, Focus, FontFamily, Highlight, Image, InlineMath, Link, Markdown, Mention, Subscript, Superscript, Table, TableHeader, TableCell, TableRow, TaskItem, TaskList, TextAlign, TextStyle, Typography, Underline, UniqueID, OAiBlock, OAudio, OBlockMath, OBlockquote, OCallout, OCharCommand, OCodeBlock, OColonCommand, OColorHighlighter, ODetails, OHorizontalRule, OImage, OInlinePlaceholder, OLink, OPlaceholder, OSelectionDecoration, OShortcut, OSlashCommand, OSlashZhCommand, OTable, OTableCell, OTableHeader, OTableWrapper, OTaskItem, OVideo, Column, ColumnContainer, MultiColumn, ColumnDropCursor, ColonSuggestion, SlashSuggestion, EmojiSuggestion, };
+export { BackgroundColor, BlockMath, Collaboration, CollaborationCaret, Color, Details, DetailsContent, DetailsSummary, Focus, FontFamily, Highlight, Image, InlineMath, Link, Markdown, Mention, Subscript, Superscript, Table, TableHeader, TableCell, TableRow, TaskItem, TaskList, TextAlign, TextStyle, Typography, Underline, UniqueID, OAiBlock, OAudio, OBlockMath, OBlockquote, OCallout, OCharCommand, OCodeBlock, OColonCommand, OColorHighlighter, ODetails, OHorizontalRule, OImage, OInlinePlaceholder, OLink, OModelViewer, OPlaceholder, OSelectionDecoration, OShortcut, OSlashCommand, OSlashZhCommand, OTable, OTableCell, OTableHeader, OTableWrapper, OTaskItem, OVideo, Column, ColumnContainer, MultiColumn, ColumnDropCursor, ColonSuggestion, SlashSuggestion, EmojiSuggestion, };
 export type { AnyExtension, BackgroundColorOptions, BlockMathOptions, CollaborationOptions, CollaborationCaretOptions, ColorOptions, FocusOptions, FontFamilyOptions, HighlightOptions, HorizontalRuleOptions, ImageOptions, InlineMathOptions, LinkOptions, MarkdownExtensionOptions, MentionOptions, SubscriptExtensionOptions, SuperscriptExtensionOptions, TaskItemOptions, TaskListOptions, TextAlignOptions, TextStyleOptions, TypographyOptions, UnderlineOptions, UniqueIDOptions, AiBlockOptions, AudioOptions, CalloutOptions, OBlockquoteOptions, OCodeBlockOptions, ODetailsOptions, ColumnDropCursorOptions, MultiColumnOptions, ShortcutOptions, };

package/types/extensions/factory.d.ts

@@ -59,6 +59,9 @@ export interface ExtensionOptions {
         HTMLAttributes?: Record<string, any>;
     };
     OLink: LinkOptions;
+    OModelViewer: {
+        HTMLAttributes?: Record<string, any>;
+    };
     OMultiColumn: MultiColumnOptions;
     OColumnDropCursor: ColumnDropCursorOptions;
     OShortcut: ShortcutOptions;

package/types/extensions/model-viewer/index.d.ts

@@ -0,0 +1,2 @@
+export declare const OModelViewer: import("@tiptap/core").Node<any, any>;
+export default OModelViewer;

package/types/extensions/model-viewer/view.vue.d.ts

@@ -0,0 +1,92 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["editor"]>;
+        required: true;
+    };
+    node: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["node"]>;
+        required: true;
+    };
+    decorations: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["decorations"]>;
+        required: true;
+    };
+    selected: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["selected"]>;
+        required: true;
+    };
+    extension: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["extension"]>;
+        required: true;
+    };
+    getPos: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["getPos"]>;
+        required: true;
+    };
+    updateAttributes: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["updateAttributes"]>;
+        required: true;
+    };
+    deleteNode: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import("vue").PropType<import("@tiptap/core").NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/hooks/useAi.d.ts

@@ -1,6 +1,3 @@
-import { type Ref } from 'vue';
 export default function (): {
     md: any;
-    aiOption: Ref<AiOption, AiOption>;
-    createStreamingChatCompletion: (messages: ChatMessage[], onProgress: (chunk: string) => void) => Promise<string>;
 };

package/types/index.d.ts

@@ -8,5 +8,8 @@ declare const YiiEditorPlugin: {
 export { YiiEditor, YiiEditorPlugin };
 export * from './components';
 export * from './constants';
-export * from './hooks';
 export * from './extensions';
+export * from './hooks';
+export * from './utils';
+export * from '@yiitap/core';
+export * from '@tiptap/core';

package/types/types/types.d.ts

@@ -2,5 +2,6 @@ export interface DialogOption {
     show: boolean;
     icon?: string;
     title?: string;
+    dialogClass?: string;
     fullscreen: boolean;
 }

package/types/utils/convert.d.ts

@@ -3,6 +3,7 @@
  */
 import { Editor } from '@tiptap/core';
 export declare const toJSON: (editor: Editor, html: string) => Record<string, any>;
+export declare const htmlToJSON: (editor: Editor, html: string) => Record<string, any>;
 export declare const systemKeymap: () => {
     mod: string;
     alt: string;

package/types/utils/html.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Remove elements' attributes based on a CSS selector
+ * @param {string} htmlString - The HTML string
+ * @param {string} selector - The CSS selector (e.g., '[data-id]')
+ * @returns {string} - Processed HTML string
+ */
+export declare const removeHtmlAttributes: (htmlString: string, selector: string) => string;

package/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './convert';
+export * from './html';