@fileverse-dev/ddoc 3.0.80 → 3.0.82-focus-mode-1

package/dist/package/components/editor-toolbar.d.ts

@@ -4,7 +4,7 @@ import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 import { Tab } from './tabs/utils/tab-utils';
 
 import * as Y from 'yjs';
-declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, }: {
+declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, toggleFocusMode, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     zoomLevel: string;
@@ -27,6 +27,7 @@ declare const TiptapToolBar: ({ editor, onError, zoomLevel, setZoomLevel, isNavb
     isConnected?: boolean;
     tabs: Tab[];
     ydoc: Y.Doc;
+    toggleFocusMode?: () => void;
     onRegisterExportTrigger?: ((trigger: ((format?: string, name?: string) => void) | null) => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TiptapToolBar;

package/dist/package/components/fullscreen-toolbar.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DdocProps } from '../types';
+
+type FullScreenToolbarProps = {
+    dropdownOpen: boolean;
+    setDropdownOpen: Dispatch<SetStateAction<boolean>>;
+    zoomLevel: DdocProps['zoomLevel'];
+    setZoomLevel: DdocProps['setZoomLevel'];
+    showTOC: DdocProps['showTOC'];
+    setShowTOC: DdocProps['setShowTOC'];
+    toggleFocusMode: () => Promise<void>;
+};
+export declare const FullScreenToolbar: ({ dropdownOpen, setDropdownOpen, zoomLevel, setZoomLevel, showTOC, setShowTOC, toggleFocusMode, }: FullScreenToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/components/tabs/utils/tab-utils.d.ts

@@ -4,18 +4,42 @@ export interface Tab {
     name: string;
     emoji: string | null;
 }
+export interface TabsYdocNodes {
+    order: Y.Array<string>;
+    nameById: Y.Map<string>;
+    emojiById: Y.Map<string | null>;
+    tabState: Y.Map<unknown>;
+    deletedById: Y.Map<boolean>;
+}
+export interface SyncedTabsYdocNodes extends TabsYdocNodes {
+    didWrite: boolean;
+}
+interface TabSyncOptions {
+    createDefaultTabIfMissing?: boolean;
+}
 export declare const DEFAULT_TAB_ID = "default";
 export declare const DEFAULT_TAB_NAME = "Tab 1";
-export declare function deriveTabsFromEncodedState(yjsEncodedState: string, doc: Y.Doc, options?: {
-    createDefaultTabIfMissing?: boolean;
-}): {
+export declare const LEGACY_ROOT_KEY = "ddocTabs";
+export declare const ORDER_ROOT_KEY = "tabs_order";
+export declare const NAME_ROOT_KEY = "tabs_name_registry";
+export declare const EMOJI_ROOT_KEY = "tabs_emoji_registry";
+export declare const STATE_ROOT_KEY = "tabs_state";
+export declare const DELETED_ROOT_KEY = "tabs_delete_registry";
+export declare const ACTIVE_TAB_STATE_KEY = "activeTabId";
+export declare function syncTabState(doc: Y.Doc, options?: TabSyncOptions, transactionOrigin?: unknown): boolean;
+export declare function deriveTabsFromEncodedState(yjsEncodedState: string | string[] | null | undefined, doc: Y.Doc, options?: TabSyncOptions): {
     tabList: Tab[];
     activeTabId: string;
+    didWrite: boolean;
 };
-export declare function getTabsYdocNodes(doc: Y.Doc): {
-    root: Y.Map<unknown>;
-    order: Y.Array<string>;
-    tabs: Y.Map<Y.Map<string | null>>;
-    activeTab: Y.Text;
-};
+export declare function getTabsYdocNodes(doc: Y.Doc): TabsYdocNodes;
+export declare function syncTabStateAndGetNodes(doc: Y.Doc, options?: TabSyncOptions, transactionOrigin?: unknown): SyncedTabsYdocNodes;
+export declare function mergeTabAwareYjsUpdates(encodedUpdates: string[], options?: TabSyncOptions): string;
+export declare function getActiveTabIdFromNodes(tabNodes: Pick<TabsYdocNodes, 'tabState'>): string | null;
+export declare function getTabMetadata(tabNodes: Pick<TabsYdocNodes, 'nameById' | 'emojiById'>, tabId: string): {
+    name: string;
+    emoji: string | null;
+} | null;
+export declare function getTabListFromNodes(tabNodes: Pick<TabsYdocNodes, 'order' | 'nameById' | 'emojiById'>): Tab[];
 export declare function cloneFragmentContent(fragment: Y.XmlFragment): (Y.XmlElement | Y.XmlText)[];
+export {};

package/dist/package/components/tabs/utils/version-diff-snapshot.d.ts

@@ -0,0 +1,16 @@
+import { JSONContent } from '@tiptap/core';
+
+type TabSummary = {
+    id: string;
+    name: string;
+};
+export type VersionTabSnapshot = {
+    hasTabState: boolean;
+    tabs: TabSummary[];
+    activeTabId: string | null;
+    defaultTabId: string;
+    docDefault: JSONContent | null;
+    docByTabId: Record<string, JSONContent | null>;
+};
+export declare function buildVersionDiffSnapshot(content: string): VersionTabSnapshot;
+export {};

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

@@ -40,16 +40,16 @@ export declare const CANVAS_DIMENSIONS: {
             readonly minHeight: "100%";
         };
         readonly '1.4': {
-            readonly width: "70%";
-            readonly minHeight: "200%";
+            readonly width: 1190;
+            readonly minHeight: "140%";
         };
         readonly '1.5': {
-            readonly width: 1062.5;
-            readonly minHeight: "100%";
+            readonly width: 1275;
+            readonly minHeight: "150%";
         };
         readonly '2': {
-            readonly width: 1548;
-            readonly minHeight: undefined;
+            readonly width: 1700;
+            readonly minHeight: "200%";
         };
     };
     readonly landscape: {
@@ -66,16 +66,16 @@ export declare const CANVAS_DIMENSIONS: {
             readonly minHeight: "100%";
         };
         readonly '1.4': {
-            readonly width: "90%";
-            readonly minHeight: "200%";
+            readonly width: 1666;
+            readonly minHeight: "140%";
         };
         readonly '1.5': {
-            readonly width: 1487.5;
-            readonly minHeight: "100%";
+            readonly width: 1785;
+            readonly minHeight: "150%";
         };
         readonly '2': {
-            readonly width: 2166;
-            readonly minHeight: undefined;
+            readonly width: 2380;
+            readonly minHeight: "200%";
         };
     };
 };

package/dist/package/constants/zoom.d.ts

@@ -0,0 +1,4 @@
+export declare const zoomLevels: {
+    title: string;
+    value: string;
+}[];

package/dist/package/context/editor-context.d.ts

@@ -4,6 +4,7 @@ import { DocumentStyling } from '../types';
 interface EditorContextType {
     documentStyling?: DocumentStyling;
     theme: 'light' | 'dark';
+    isFocusMode: boolean;
 }
 export declare const EditorContext: React.Context<EditorContextType | null>;
 export declare const useEditorContext: () => EditorContextType;
@@ -11,5 +12,6 @@ export declare const EditorProvider: React.FC<{
     children: ReactNode;
     documentStyling?: DocumentStyling;
     theme?: 'light' | 'dark';
+    isFocusMode?: boolean;
 }>;
 export {};

package/dist/package/hooks/use-fullscreen-mode.d.ts

@@ -0,0 +1,8 @@
+type UseFocusModeOptions = {
+    onFocusMode?: (isFocusMode: boolean) => void;
+};
+export declare const useFocusMode: ({ onFocusMode }?: UseFocusModeOptions) => {
+    isFocusMode: boolean;
+    toggleFocusMode: () => Promise<void>;
+};
+export {};

package/dist/package/types.d.ts

@@ -158,6 +158,7 @@ export interface DdocProps extends CommentAccountProps {
     setIsPresentationMode?: React.Dispatch<SetStateAction<boolean>>;
     onComment?: () => void;
     onInlineComment?: () => void;
+    onFocusMode?: (isFocusMode: boolean) => void;
     onMarkdownExport?: () => void;
     onMarkdownImport?: () => void;
     onPdfExport?: () => void;

package/dist/package/utils/get-editor-scroll-container.d.ts

@@ -0,0 +1,5 @@
+export declare const getEditorScrollContainer: ({ targetElement, editorRoot, }: {
+    targetElement: HTMLElement;
+    editorRoot?: HTMLElement | null;
+}) => HTMLElement | null;
+export default getEditorScrollContainer;