@fileverse-dev/ddoc 2.5.0 → 2.5.1-patch-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-bhLnp2pg.mjs";
+import { D as d, E as r, P as s, R as a, h as t, u as i } from "./index-BwZlGgbY.mjs";
 export {
   d as DdocEditor,
   r as Editor,

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

@@ -1,3 +1,3 @@
 import { CommentDrawerProps } from './types';
 
-export declare const CommentDrawer: ({ isOpen, onClose, isNavbarVisible, isPresentationMode, activeCommentId, isPreviewMode, }: CommentDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentDrawer: ({ isOpen, onClose, isNavbarVisible, isPresentationMode, activeCommentId, isPreviewMode, disableOnlineFeatures, }: CommentDrawerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
 import { CommentSectionProps } from './types';
 
-export declare const CommentSection: ({ activeCommentId, isNavbarVisible, isPresentationMode, }: CommentSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentSection: ({ activeCommentId, isNavbarVisible, isPresentationMode, disableOnlineFeatures, }: CommentSectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 import { CommentUsernameProps } from './context/types';
 
-declare const CommentUsername: ({ username, setUsername, isNavbarVisible, isConnected, connectViaUsername, connectViaWallet, isLoading, }: CommentUsernameProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommentUsername: ({ username, setUsername, isNavbarVisible, isConnected, connectViaUsername, connectViaWallet, isLoading, disableOnlineFeatures, }: CommentUsernameProps) => import("react/jsx-runtime").JSX.Element;
 export { CommentUsername };

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

@@ -86,6 +86,7 @@ export interface CommentUsernameProps extends CommentAccountProps {
     username?: string | null;
     setUsername?: React.Dispatch<SetStateAction<string>>;
     isNavbarVisible?: boolean;
+    disableOnlineFeatures?: boolean;
 }
 export interface EnsEntry {
     name: string;

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

@@ -31,6 +31,7 @@ export interface CommentDrawerProps {
     isPresentationMode: boolean;
     activeCommentId: string | null;
     isPreviewMode: boolean;
+    disableOnlineFeatures?: boolean;
 }
 export interface CommentCardProps extends IComment {
     comment?: string;
@@ -44,6 +45,7 @@ export interface CommentCardProps extends IComment {
     isCommentOwner?: boolean;
     version?: string;
     emptyComment?: boolean;
+    disableOnlineFeatures?: boolean;
 }
 export type CommentBubbleMenuProps = Omit<BubbleMenuProps, 'children'> & {
     zoomLevel: string;
@@ -62,6 +64,7 @@ export interface CommentSectionProps {
     activeCommentId: string | null;
     isNavbarVisible?: boolean;
     isPresentationMode?: boolean;
+    disableOnlineFeatures?: boolean;
 }
 export interface UserDisplayProps {
     username: string;

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/default-extension.d.ts

@@ -3,7 +3,7 @@ import { InputRule } from '@tiptap/core';
 import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 import { ToCItemType } from '../components/toc/types';
 
-export declare const defaultExtensions: ({ ipfsImageFetchFn, onError, metadataProxyUrl, onCopyHeadingLink, ipfsImageUploadFn, fetchV1ImageFn, onTocUpdate, }: {
+export declare const defaultExtensions: ({ ipfsImageFetchFn, onError, metadataProxyUrl, onCopyHeadingLink, ipfsImageUploadFn, fetchV1ImageFn, onTocUpdate, disableOnlineFeatures, }: {
     ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
         url: string;
         file: File;
@@ -14,5 +14,6 @@ export declare const defaultExtensions: ({ ipfsImageFetchFn, onError, metadataPr
     onCopyHeadingLink?: (link: string) => void;
     fetchV1ImageFn?: (url: string) => Promise<ArrayBuffer | undefined>;
     onTocUpdate?: (data: ToCItemType[], isCreate?: boolean) => void;
+    disableOnlineFeatures?: boolean;
 }) => (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/link-preview/link-preview.d.ts

@@ -2,6 +2,7 @@ import { Extension } from '@tiptap/core';
 
 export interface LinkPreviewOptions {
     metadataProxyUrl: string;
+    disableOnlineFeatures?: boolean;
 }
 declare const LinkPreview: Extension<LinkPreviewOptions, any>;
 export default LinkPreview;

package/dist/package/extensions/slash-command/slash-comand.d.ts

@@ -2,5 +2,5 @@ import { Extension } from '@tiptap/core';
 import { IpfsImageUploadResponse } from '../../types';
 
 export declare const Command: Extension<any, any>;
-declare const SlashCommand: (onError?: (errorString: string) => void, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>, isConnected?: boolean, enableCollaboration?: boolean) => Extension<any, any>;
+declare const SlashCommand: (onError?: (errorString: string) => void, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>, isConnected?: boolean, enableCollaboration?: boolean, disableOnlineFeatures?: boolean) => Extension<any, any>;
 export default SlashCommand;

package/dist/package/extensions/slash-command/slash-command-utils.d.ts

@@ -1,22 +1,15 @@
 import { CommandProps } from './types';
 import { IpfsImageUploadResponse } from '../../types';
 
-export declare const getSuggestionItems: ({ query, onError, isConnected, ipfsImageUploadFn, editor, enableCollaboration, }: {
+export declare const getSuggestionItems: ({ query, onError, isConnected, ipfsImageUploadFn, editor, enableCollaboration, disableOnlineFeatures, }: {
     query: string;
     onError?: (errorString: string) => void;
     ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>;
     isConnected?: boolean;
     editor?: any;
     enableCollaboration?: boolean;
+    disableOnlineFeatures?: boolean;
 }) => ({
-    title: string;
-    description: string;
-    searchTerms: string[];
-    icon: import("react/jsx-runtime").JSX.Element;
-    image: string;
-    command: ({ editor, range }: CommandProps) => void;
-    isDisabled: boolean;
-} | {
     title: string;
     description: string;
     searchTerms: string[];
@@ -31,6 +24,6 @@ export declare const getSuggestionItems: ({ query, onError, isConnected, ipfsIma
     icon: import("react/jsx-runtime").JSX.Element;
     image: string;
     isDisabled: boolean | undefined;
-    command: ({ editor, range }: CommandProps) => true | undefined;
+    command: ({ editor, range }: CommandProps) => void;
 })[];
 export declare const updateScrollView: (container: HTMLElement, item: HTMLElement) => void;

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;
@@ -164,6 +171,7 @@ export interface DdocProps extends CommentAccountProps {
     onUnMergedUpdates?: (state: boolean) => void;
     onCollabError?: (error: any) => void;
     isExistingCollabSession?: boolean;
+    disableOnlineFeatures?: boolean;
 }
 export interface IEditorSelectionData {
     from: number;

package/dist/package/utils/upload-images.d.ts

@@ -4,7 +4,7 @@ import { IpfsImageUploadResponse } from '../types';
 
 declare const UploadImagesPlugin: () => Plugin<DecorationSet>;
 export default UploadImagesPlugin;
-export declare function startImageUpload(file: File, view: EditorView, pos: number, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>): Promise<void>;
+export declare function startImageUpload(file: File, view: EditorView, pos: number, ipfsImageUploadFn?: (file: File) => Promise<IpfsImageUploadResponse>, disableOnlineFeatures?: boolean): Promise<void>;
 export declare const uploadFn: (image: File) => Promise<string>;
 export declare const uploadSecureImage: (url: string, image: File, publicKey: ArrayBuffer) => Promise<any>;
 export declare const handleDecryptImage: (url: string, encryptedKey: string, privateKey: string, iv: string) => Promise<string | undefined>;