@fileverse-dev/ddoc 2.5.0-tiptap-2 → 2.5.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as d, E as r, P as s, R as a, h as t, u as i } from "./index-DHhy3vCx.mjs";
+import { D as d, E as r, P as s, R as a, h as t, u as i } from "./index-Bq57qeQw.mjs";
 export {
   d as DdocEditor,
   r as Editor,

package/dist/package/common/toolbar-button.d.ts

@@ -1,11 +1,10 @@
 declare const ToolbarButton: import('react').ForwardRefExoticComponent<{
     icon: string;
-    isActive?: boolean;
-    onClick?: () => void;
+    isActive: boolean;
+    onClick: () => void;
     tooltip?: string;
     classNames?: string;
     disabled?: boolean;
-    variant?: "default" | "danger" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg";
 } & import('react').RefAttributes<HTMLButtonElement>>;
 export default ToolbarButton;

package/dist/package/components/editor-bubble-menu/editor-bubble-menu.d.ts

@@ -1,3 +1,3 @@
 import { EditorBubbleMenuProps } from './types';
 
-export declare const EditorBubbleMenu: (props: EditorBubbleMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const EditorBubbleMenu: (props: EditorBubbleMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/editor-bubble-menu/props.d.ts

@@ -1,5 +1,70 @@
 import { Editor } from '@tiptap/core';
+import { EditorBubbleMenuProps } from './types';
 
+export declare const bubbleMenuProps: (props: EditorBubbleMenuProps) => {
+    tippyOptions: {
+        moveTransition: string;
+        duration: number;
+        animation: string;
+        zIndex: number;
+        appendTo: () => HTMLElement | null;
+        popperOptions: {
+            strategy: string;
+            modifiers: ({
+                name: string;
+                options: {
+                    fallbackPlacements: string[];
+                    altAxis?: undefined;
+                    tether?: undefined;
+                };
+            } | {
+                name: string;
+                options: {
+                    altAxis: boolean;
+                    tether: boolean;
+                    fallbackPlacements?: undefined;
+                };
+            })[];
+        };
+    };
+    className?: string | undefined;
+    editor: import('@tiptap/extension-bubble-menu').BubbleMenuPluginProps["editor"] | null;
+    pluginKey?: string | import('prosemirror-state').PluginKey<any> | undefined;
+    updateDelay?: number | undefined;
+    shouldShow?: ((props: {
+        editor: Editor;
+        element: HTMLElement;
+        view: import('prosemirror-view').EditorView;
+        state: import('prosemirror-state').EditorState;
+        oldState?: import('prosemirror-state').EditorState;
+        from: number;
+        to: number;
+    }) => boolean) | null | undefined;
+    activeCommentId: string | null;
+    isPreviewMode: boolean;
+    disableInlineComment: boolean;
+    onError?: (errorString: string) => void;
+    zoomLevel: string;
+    setIsCommentSectionOpen?: (isOpen: boolean) => void;
+    inlineCommentData?: import('../../types').InlineCommentData;
+    setInlineCommentData?: React.Dispatch<React.SetStateAction<import('../../types').InlineCommentData>>;
+    walletAddress?: string;
+    username?: string;
+    onInlineComment?: () => void;
+    commentDrawerOpen?: boolean;
+    setCommentDrawerOpen?: React.Dispatch<import('react').SetStateAction<boolean>>;
+    isCollabDocumentPublished?: boolean | undefined;
+    ipfsImageUploadFn?: (file: File) => Promise<import('../../types').IpfsImageUploadResponse>;
+    ipfsImageFetchFn?: (_data: import('../../types').IpfsImageFetchPayload) => Promise<{
+        url: string;
+        file: File;
+    }>;
+    fetchV1ImageFn?: (url: string) => Promise<ArrayBuffer | undefined>;
+    onReminderCreate?: (reminder: import('../../..').Reminder, type: string) => void;
+    isConnected?: boolean;
+    isCollabDocOwner?: boolean;
+    enableCollaboration?: boolean;
+};
 export declare const shouldShow: ({ editor }: {
     editor: Editor;
 }) => boolean;

package/dist/package/components/editor-bubble-menu/types.d.ts

@@ -1,5 +1,4 @@
-import { Editor } from '@tiptap/react';
-import { BubbleMenuProps } from '@tiptap/react/menus';
+import { BubbleMenuProps, Editor } from '@tiptap/react';
 import { SetStateAction } from 'react';
 import { InlineCommentData, IpfsImageFetchPayload, IpfsImageUploadResponse } from '../../types';
 import { Reminder } from '../../extensions/reminder-block/types';

package/dist/package/components/inline-comment/types.d.ts

@@ -1,5 +1,4 @@
-import { BubbleMenuProps } from '@tiptap/react/menus';
-import { Editor } from '@tiptap/react';
+import { BubbleMenuProps, Editor } from '@tiptap/react';
 import { IComment } from '../../extensions/comment';
 import { SetStateAction } from 'react';
 

package/dist/package/components/toc/document-outline.d.ts

@@ -1,3 +1,3 @@
 import { DocumentOutlineProps } from './types';
 
-export declare const DocumentOutline: ({ editor, hasToC, items, setItems, showTOC, setShowTOC, isPreviewMode, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentOutline: ({ editor, hasToC, items, setItems, showTOC, setShowTOC, isPreviewMode, orientation, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/toc/toc.d.ts

@@ -1,5 +1,5 @@
 import { ToCProps, ToCItemProps } from './types';
 
-export declare const ToCItem: import('react').MemoExoticComponent<({ item, onItemClick, index, }: ToCItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ToCItem: import('react').MemoExoticComponent<({ item, onItemClick, index, orientation, }: ToCItemProps) => import("react/jsx-runtime").JSX.Element>;
 export declare const ToCEmptyState: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export declare const ToC: import('react').MemoExoticComponent<({ items, editor, setItems }: ToCProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ToC: import('react').MemoExoticComponent<({ items, editor, setItems, orientation }: ToCProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/package/components/toc/types.d.ts

@@ -12,12 +12,14 @@ export type ToCProps = {
     items: ToCItemType[];
     setItems: (items: ToCItemType[] | ((prev: ToCItemType[]) => ToCItemType[])) => void;
     editor: Editor;
+    orientation?: 'portrait' | 'landscape';
 };
 export type ToCItemProps = {
     item: ToCItemType;
     onItemClick: (e: React.MouseEvent, id: string) => void;
     onItemRemove: (e: React.MouseEvent, id: string) => void;
     index: number;
+    orientation?: 'portrait' | 'landscape';
 };
 export interface DocumentOutlineProps {
     editor: Editor;
@@ -27,4 +29,5 @@ export interface DocumentOutlineProps {
     showTOC: boolean | undefined;
     setShowTOC: React.Dispatch<SetStateAction<boolean>> | undefined;
     isPreviewMode: boolean;
+    orientation?: 'portrait' | 'landscape';
 }

package/dist/package/constants/canvas-dimensions.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Canvas dimension constants
+ * Design Philosophy: Canvas mimics real paper (A4) - fixed dimensions regardless of screen size
+ * Paper doesn't change size in the real world, so our canvas shouldn't either
+ */
+/**
+ * Constraints for zoom 1.4 (fit mode)
+ * These percentages account for the 1.4x transform scaling applied to the canvas
+ */
+export declare const ORIENTATION_CONSTRAINTS: {
+    readonly portrait: {
+        readonly zoomFitWidth: "55%";
+        readonly zoomFitMaxWidth: 1100;
+    };
+    readonly landscape: {
+        readonly zoomFitWidth: "60%";
+        readonly zoomFitMaxWidth: 1200;
+    };
+};
+/**
+ * Canvas dimension constants for different orientations and zoom levels
+ * Portrait: Standard document width (850px at 100% zoom)
+ * Landscape: Wider canvas for horizontal layouts (1190px at 100% zoom, ~1.4x portrait)
+ *
+ * Note: Zoom level 1.4 uses percentage widths that are scaled by transform: scaleX(1.4)
+ * The effective width is baseWidth * 1.4, so percentages are reduced accordingly
+ */
+export declare const CANVAS_DIMENSIONS: {
+    readonly portrait: {
+        readonly '0.5': {
+            readonly width: 700;
+            readonly minHeight: "150%";
+        };
+        readonly '0.75': {
+            readonly width: 800;
+            readonly minHeight: "200%";
+        };
+        readonly '1': {
+            readonly width: 850;
+            readonly minHeight: "100%";
+        };
+        readonly '1.4': {
+            readonly width: "70%";
+            readonly minHeight: "200%";
+        };
+        readonly '1.5': {
+            readonly width: 1062.5;
+            readonly minHeight: "100%";
+        };
+        readonly '2': {
+            readonly width: 1548;
+            readonly minHeight: undefined;
+        };
+    };
+    readonly landscape: {
+        readonly '0.5': {
+            readonly width: 980;
+            readonly minHeight: "150%";
+        };
+        readonly '0.75': {
+            readonly width: 1135;
+            readonly minHeight: "200%";
+        };
+        readonly '1': {
+            readonly width: 1190;
+            readonly minHeight: "100%";
+        };
+        readonly '1.4': {
+            readonly width: "90%";
+            readonly minHeight: "200%";
+        };
+        readonly '1.5': {
+            readonly width: 1487.5;
+            readonly minHeight: "100%";
+        };
+        readonly '2': {
+            readonly width: 2166;
+            readonly minHeight: undefined;
+        };
+    };
+};

package/dist/package/extensions/ai-writer/ai-writer-node-view.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { NodeViewProps } from '@tiptap/react';
 
-export declare const AIWriterNodeView: React.MemoExoticComponent<({ node, editor: parentEditor, getPos, updateAttributes, deleteNode, }: NodeViewProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const AIWriterNodeView: React.MemoExoticComponent<({ node, editor: parentEditor, getPos, updateAttributes }: NodeViewProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/package/extensions/default-extension.d.ts

@@ -14,5 +14,5 @@ export declare const defaultExtensions: ({ ipfsImageFetchFn, onError, metadataPr
     onCopyHeadingLink?: (link: string) => void;
     fetchV1ImageFn?: (url: string) => Promise<ArrayBuffer | undefined>;
     onTocUpdate?: (data: ToCItemType[], isCreate?: boolean) => void;
-}) => (import('@tiptap/core').AnyExtension | import('@tiptap/core').Node<import('@tiptap/extension-horizontal-rule').HorizontalRuleOptions, any> | import('@tiptap/core').Extension<import('./multi-column').ColumnExtensionOptions, any> | import('@tiptap/core').Node<import('./iframe').IframeOptions, any> | import('@tiptap/core').Node<import('./twitter-embed').EmbeddedTweetOptions, any> | import('@tiptap/core').Node<import('./d-block').DBlockOptions, any> | import('@tiptap/core').Extension<import('./trailing-node').TrailingNodeOptions, any> | import('@tiptap/core').Node<import('./resizable-media').MediaOptions, any> | import('@tiptap/core').Extension<import('./link-preview/link-preview').LinkPreviewOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-code-block-lowlight').CodeBlockLowlightOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-style').FontFamilyOptions, any> | import('@tiptap/core').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-table-of-contents').TableOfContentsOptions, import('@tiptap/extension-table-of-contents').TableOfContentsStorage> | import('@tiptap/core').Extension<import('@tiptap/extension-typography').TypographyOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').PlaceholderOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-highlight').HighlightOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-text-style').TextStyleOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-list').TaskListOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-list').TaskItemOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-list').BulletListOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-list').ListItemOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').DropcursorOptions, any> | import('@tiptap/core').Extension<import('tiptap-markdown').MarkdownOptions, import('tiptap-markdown').MarkdownStorage> | import('@tiptap/core').Extension<import('@tiptap/extensions').CharacterCountOptions, import('@tiptap/extensions').CharacterCountStorage> | import('@tiptap/core').Extension<import('@aarkue/tiptap-math-extension').MathExtensionOption, any> | import('@tiptap/core').Mark<import('@tiptap/extension-superscript').SuperscriptExtensionOptions, any>)[];
+}) => (import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<any, any>)[];
 export declare const createInputRule: (pattern: RegExp, data: string, type: NodeType) => InputRule;

package/dist/package/extensions/font-size/font-size.d.ts

@@ -2,7 +2,7 @@ import { Extension } from '@tiptap/core';
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        customFontSize: {
+        fontSize: {
             setFontSize: (size: string) => ReturnType;
             unsetFontSize: () => ReturnType;
             increaseFontSize: () => ReturnType;

package/dist/package/types.d.ts

@@ -62,6 +62,13 @@ export interface DocumentStyling {
      * @example "Inter" | "Arial" | "Georgia"
      */
     fontFamily?: string;
+    /**
+     * Canvas orientation
+     * @description Controls the orientation and dimensions of the editor canvas. Portrait is the default orientation with standard document width. Landscape provides a wider canvas for horizontal content layouts.
+     * @default "portrait"
+     * @example "portrait" | "landscape"
+     */
+    orientation?: 'portrait' | 'landscape';
 }
 export interface DdocProps extends CommentAccountProps {
     isCollabDocumentPublished?: boolean;