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

package/dist/package/components/export-modal.d.ts

@@ -0,0 +1,10 @@
+interface ExportAsModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onExport?: (data: {
+        format: string;
+        tab: string;
+    }) => void;
+}
+export declare const ExportAsModal: ({ open, onOpenChange, onExport, }: ExportAsModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/package/components/tabs/document-mobile-tab-panel.d.ts

@@ -0,0 +1,20 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DocumentOutlineProps } from '../toc/types';
+import { Tab } from './utils/tab-utils';
+
+export interface DocumentMobileTabPanelProps {
+    tabs: Tab[];
+    setTabs: Dispatch<SetStateAction<Tab[]>>;
+    activeTabId: string;
+    setActiveTabId: (id: string) => void;
+    editor: DocumentOutlineProps['editor'];
+    items: DocumentOutlineProps['items'];
+    setItems: DocumentOutlineProps['setItems'];
+    orientation?: DocumentOutlineProps['orientation'];
+    renameTab: (tabId: string, payload: {
+        newName?: string;
+        emoji?: string;
+    }) => void;
+    duplicateTab: (tabId: string) => void;
+}
+export declare const DocumentMobileTabPanel: ({ tabs, activeTabId, setActiveTabId, editor, items, setItems, orientation, renameTab, duplicateTab, }: DocumentMobileTabPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/tabs/document-tabs-sidebar.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { DocumentOutlineProps } from '../toc/types';
+import { Tab } from './utils/tab-utils';
+import { Editor } from '@tiptap/core';
+
+import * as Y from 'yjs';
+export interface DocumentTabsSidebarProps {
+    tabs: Tab[];
+    setTabs: React.Dispatch<React.SetStateAction<Tab[]>>;
+    activeTabId: string;
+    setActiveTabId: (id: string) => void;
+    showTOC: DocumentOutlineProps['showTOC'];
+    setShowTOC: DocumentOutlineProps['setShowTOC'];
+    hasToC: DocumentOutlineProps['hasToC'];
+    isPreviewMode: DocumentOutlineProps['isPreviewMode'];
+    editor: DocumentOutlineProps['editor'];
+    items: DocumentOutlineProps['items'];
+    setItems: DocumentOutlineProps['setItems'];
+    orientation?: DocumentOutlineProps['orientation'];
+    createTab: () => void;
+    renameTab: (tabId: string, payload: {
+        newName?: string;
+        emoji?: string;
+    }) => void;
+    duplicateTab: (tabId: string) => void;
+    orderTab: (destinationTabId: string, activeTabId: string) => void;
+    ydoc: Y.Doc;
+}
+export declare const DocumentTabsSidebar: ({ tabs, activeTabId, setActiveTabId, showTOC, setShowTOC, hasToC, isPreviewMode, editor, items, setItems, orientation, createTab, renameTab, duplicateTab, orderTab, ydoc, }: DocumentTabsSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DdocTab: ({ tab, handleEmojiChange, handleNameChange, onClick, editor, tocItem, setTocItems, orientation, activeTabId, duplicateTab, activeDragId, ydoc, }: {
+    tab: Tab;
+    handleNameChange: (tabId: string, nextName: string) => void;
+    handleEmojiChange: (tabId: string, nextEmoji: string) => void;
+    onClick: () => void;
+    editor: Editor;
+    tocItem: DocumentOutlineProps["items"];
+    setTocItems: DocumentOutlineProps["setItems"];
+    orientation: DocumentOutlineProps["orientation"];
+    activeTabId: string;
+    duplicateTab: (tabId: string) => void;
+    activeDragId: string | null;
+    ydoc: Y.Doc;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/package/components/tabs/tab-emoji-picker.d.ts

@@ -0,0 +1,14 @@
+import { EmojiPickerListCategoryHeaderProps, EmojiPickerListEmojiProps, EmojiPickerListRowProps, EmojiPicker as EmojiPickerPrimitive } from 'frimousse';
+
+export declare const TabEmojiPicker: ({ emoji, setEmoji, isEditing, }: {
+    emoji: string;
+    setEmoji: (emoji: string) => void;
+    isEditing: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPicker({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerSearch({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Search>): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerRow({ children, ...props }: EmojiPickerListRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerEmoji({ emoji, className, ...props }: EmojiPickerListEmojiProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerCategoryHeader({ category, ...props }: EmojiPickerListCategoryHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerContent({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+export declare const SortableTabItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const TabItem: ({ tabId, name, emoji, onNameChange, onEmojiChange, onClick, isActive, onDuplicate, dragHandleProps, hideContentMenu, }: {
+    tabId: string;
+    name: string;
+    emoji: string;
+    onNameChange: (name: string) => void;
+    onEmojiChange: (emoji: string) => void;
+    onClick: () => void;
+    isActive: boolean;
+    onDuplicate?: (id: string) => void;
+    dragHandleProps?: any;
+    hideContentMenu?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TabDragPreview: ({ name, emoji, }: {
+    name: string;
+    emoji: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import * as Y from 'yjs';
+export interface Tab {
+    id: string;
+    name: string;
+    showOutline: boolean;
+    emoji: string | null;
+}
+export declare function deriveTabsFromEncodedState(yjsEncodedState: string, doc: Y.Doc): {
+    tabList: Tab[];
+    activeTabId: string;
+};
+export declare function getTabsYdocNodes(doc: Y.Doc): {
+    root: Y.Map<unknown>;
+    order: Y.Array<any>;
+    tabs: Y.Map<any>;
+    activeTab: Y.Text | null;
+};
+export declare function cloneFragmentContent(fragment: Y.XmlFragment): (Y.XmlElement | Y.XmlText)[];

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, orientation, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentOutline: ({ editor, hasToC, items, setItems, showTOC, setShowTOC, isPreviewMode, orientation, tabs, setTabs, activeTabId, setActiveTabId, createTab, renameTab, duplicateTab, orderTab, ydoc, }: DocumentOutlineProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const MemorizedToC: React.MemoExoticComponent<React.MemoExoticComponent<({ items, editor, setItems, orientation }: import('./types').ToCProps) => import("react/jsx-runtime").JSX.Element>>;

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

@@ -1,6 +1,8 @@
 import { Editor } from '@tiptap/react';
-import { SetStateAction } from 'react';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { Tab } from '../tabs/utils/tab-utils';
 
+import * as Y from 'yjs';
 export interface ToCItemType {
     id: string;
     level: number;
@@ -27,7 +29,19 @@ export interface DocumentOutlineProps {
     items: ToCItemType[];
     setItems: (items: ToCItemType[] | ((prev: ToCItemType[]) => ToCItemType[])) => void;
     showTOC: boolean | undefined;
-    setShowTOC: React.Dispatch<SetStateAction<boolean>> | undefined;
+    setShowTOC: Dispatch<SetStateAction<boolean>> | undefined;
     isPreviewMode: boolean;
     orientation?: 'portrait' | 'landscape';
+    tabs: Tab[];
+    setTabs: Dispatch<SetStateAction<Tab[]>>;
+    activeTabId: string;
+    setActiveTabId: (id: string) => void;
+    createTab: () => void;
+    renameTab: (tabId: string, payload: {
+        newName?: string;
+        emoji?: string;
+    }) => void;
+    duplicateTab: (tabId: string) => void;
+    orderTab: (destinationTabId: string, activeTabId: string) => void;
+    ydoc: Y.Doc;
 }

package/dist/package/hooks/use-tab-editor.d.ts

@@ -0,0 +1,57 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DdocProps } from '../types';
+import { AnyExtension, Editor } from '@tiptap/react';
+import { ToCItemType } from '../components/toc/types';
+import { IConnectConf } from '../sync-local/useSyncMachine';
+
+import * as Y from 'yjs';
+interface UseTabEditorArgs {
+    ydoc: Y.Doc;
+    isPreviewMode?: boolean;
+    initialContent: DdocProps['initialContent'];
+    enableCollaboration?: boolean;
+    collabConfig?: DdocProps['collabConfig'];
+    isReady?: boolean;
+    awareness?: any;
+    disableInlineComment?: boolean;
+    onCommentInteraction?: DdocProps['onCommentInteraction'];
+    onError?: DdocProps['onError'];
+    ipfsImageUploadFn?: DdocProps['ipfsImageUploadFn'];
+    metadataProxyUrl?: string;
+    onCopyHeadingLink?: DdocProps['onCopyHeadingLink'];
+    ipfsImageFetchFn?: DdocProps['ipfsImageFetchFn'];
+    fetchV1ImageFn?: DdocProps['fetchV1ImageFn'];
+    isConnected?: boolean;
+    activeModel?: DdocProps['activeModel'];
+    maxTokens?: number;
+    isAIAgentEnabled?: boolean;
+    setCharacterCount?: DdocProps['setCharacterCount'];
+    setWordCount?: DdocProps['setWordCount'];
+    setIsContentLoading: Dispatch<SetStateAction<boolean>>;
+    setIsCollabContentLoading: Dispatch<SetStateAction<boolean>>;
+    unFocused?: boolean;
+    zoomLevel?: string;
+    isPresentationMode?: boolean;
+    onInvalidContentError?: DdocProps['onInvalidContentError'];
+    ignoreCorruptedData?: boolean;
+    onCollaboratorChange?: DdocProps['onCollaboratorChange'];
+    onConnect: (connectConfig: IConnectConf) => void;
+    hasCollabContentInitialised?: boolean;
+    initialiseYjsIndexedDbProvider: () => Promise<void>;
+    externalExtensions?: Record<string, AnyExtension>;
+    isContentLoading?: boolean;
+    activeTabId: string;
+}
+export declare const useTabEditor: ({ ydoc, isPreviewMode, initialContent, enableCollaboration, collabConfig, isReady, awareness, disableInlineComment, onCommentInteraction, onError, ipfsImageUploadFn, metadataProxyUrl, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, setCharacterCount, setWordCount, setIsContentLoading, setIsCollabContentLoading, unFocused, zoomLevel, isPresentationMode, onInvalidContentError, ignoreCorruptedData, onCollaboratorChange, onConnect, hasCollabContentInitialised, initialiseYjsIndexedDbProvider, externalExtensions, isContentLoading, activeTabId, }: UseTabEditorArgs) => {
+    editor: Editor | null;
+    ref: import('react').RefObject<HTMLDivElement>;
+    slides: string[];
+    setSlides: Dispatch<SetStateAction<string[]>>;
+    tocItems: ToCItemType[];
+    setTocItems: Dispatch<SetStateAction<ToCItemType[]>>;
+    activeCommentId: string | null;
+    setActiveCommentId: Dispatch<SetStateAction<string | null>>;
+    focusCommentWithActiveId: (id: string) => void;
+    isContentLoading: boolean | undefined;
+};
+export {};

package/dist/package/hooks/use-tab-manager.d.ts

@@ -0,0 +1,23 @@
+import { DdocProps } from '../types';
+import { Tab } from '../components/tabs/utils/tab-utils';
+import * as Y from 'yjs';
+interface UseTabManagerArgs {
+    ydoc: Y.Doc;
+    initialContent: DdocProps['initialContent'];
+    enableCollaboration: DdocProps['enableCollaboration'];
+}
+export declare const useTabManager: ({ ydoc, initialContent, enableCollaboration, }: UseTabManagerArgs) => {
+    tabs: Tab[];
+    activeTabId: string;
+    setTabs: import('react').Dispatch<import('react').SetStateAction<Tab[]>>;
+    setActiveTabId: import('react').Dispatch<import('react').SetStateAction<string>>;
+    createTab: () => string;
+    deleteTab: (tabId: string) => void;
+    renameTab: (tabId: string, { newName, emoji }: {
+        newName?: string;
+        emoji?: string;
+    }) => void;
+    duplicateTab: (tabId: string) => string | undefined;
+    orderTab: (destinationTabId: string, movedTabId: string) => void;
+};
+export {};

package/dist/package/hooks/use-yjs-setup.d.ts

@@ -0,0 +1,27 @@
+import { JSONContent } from '@tiptap/react';
+import { DdocProps } from '../types';
+import * as Y from 'yjs';
+interface UseYjsSetupArgs {
+    onChange?: (updatedDocContent: string | JSONContent, updateChunk: string) => void;
+    enableIndexeddbSync?: boolean;
+    ddocId?: string;
+    enableCollaboration?: boolean;
+    onIndexedDbError?: (error: Error) => void;
+    onCollabError?: DdocProps['onCollabError'];
+    onCollaborationConnectCallback?: DdocProps['onCollaborationConnectCallback'];
+    onCollaborationCommit?: DdocProps['onCollaborationCommit'];
+    onFetchCommitContent?: DdocProps['onFetchCommitContent'];
+    onCollabSessionTermination?: () => void;
+    onUnMergedUpdates?: (state: boolean) => void;
+}
+export declare const useYjsSetup: ({ onChange, enableIndexeddbSync, ddocId, enableCollaboration, onIndexedDbError, onCollabError, onCollaborationConnectCallback, onCollaborationCommit, onFetchCommitContent, onCollabSessionTermination, onUnMergedUpdates, }: UseYjsSetupArgs) => {
+    ydoc: Y.Doc;
+    onConnect: (connectConfig: import('../sync-local/useSyncMachine').IConnectConf) => void;
+    isReady: boolean;
+    terminateSession: () => void;
+    awareness: any;
+    hasCollabContentInitialised: boolean;
+    initialiseYjsIndexedDbProvider: () => Promise<void>;
+    refreshYjsIndexedDbProvider: () => Promise<void>;
+};
+export {};

package/dist/package/sync-local/useSyncMachine.d.ts

@@ -1,6 +1,6 @@
 import { SyncMachineContext } from '.';
 
-interface IConnectConf {
+export interface IConnectConf {
     username?: string;
     roomKey: string;
     roomId: string;
@@ -36,4 +36,3 @@ export declare const useSyncMachine: (config: Partial<SyncMachineContext>) => {
         data: any;
     }, import('xstate').BaseActionObject, import('xstate').ServiceMap>>;
 };
-export {};

package/dist/package/use-ddoc-editor.d.ts

@@ -1,19 +1,29 @@
 import { DdocProps } from './types';
-import { ToCItemType } from './components/toc/types';
 
-import * as Y from 'yjs';
 export declare const useDdocEditor: ({ isPreviewMode, initialContent, enableCollaboration, onChange, onCollaboratorChange, onCommentInteraction, onError, setCharacterCount, setWordCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, collabConfig, onIndexedDbError, disableInlineComment, ...rest }: Partial<DdocProps>) => {
-    editor: import('@tiptap/core').Editor | null;
+    ydoc: import('yjs').Doc;
+    refreshYjsIndexedDbProvider: () => Promise<void>;
+    terminateSession: () => void;
     isContentLoading: boolean;
+    tabs: import('./components/tabs/utils/tab-utils').Tab[];
+    activeTabId: string;
+    setTabs: import('react').Dispatch<import('react').SetStateAction<import('./components/tabs/utils/tab-utils').Tab[]>>;
+    setActiveTabId: import('react').Dispatch<import('react').SetStateAction<string>>;
+    createTab: () => string;
+    deleteTab: (tabId: string) => void;
+    renameTab: (tabId: string, { newName, emoji }: {
+        newName?: string;
+        emoji?: string;
+    }) => void;
+    duplicateTab: (tabId: string) => string | undefined;
+    orderTab: (destinationTabId: string, movedTabId: string) => void;
+    editor: import('@tiptap/core').Editor | null;
     ref: import('react').RefObject<HTMLDivElement>;
-    ydoc: Y.Doc;
-    refreshYjsIndexedDbProvider: () => Promise<void>;
+    slides: string[];
+    setSlides: import('react').Dispatch<import('react').SetStateAction<string[]>>;
+    tocItems: import('./components/toc/types').ToCItemType[];
+    setTocItems: import('react').Dispatch<import('react').SetStateAction<import('./components/toc/types').ToCItemType[]>>;
     activeCommentId: string | null;
     setActiveCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
     focusCommentWithActiveId: (id: string) => void;
-    slides: string[];
-    setSlides: import('react').Dispatch<import('react').SetStateAction<string[]>>;
-    tocItems: ToCItemType[];
-    setTocItems: import('react').Dispatch<import('react').SetStateAction<ToCItemType[]>>;
-    terminateSession: () => void;
 };