@fileverse-dev/ddoc 2.0.3-sync-patch-10 → 2.0.3-sync-patch-12

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

@@ -6,6 +6,8 @@ export interface BubbleMenuItem {
     command: () => void;
     icon: any;
 }
-type EditorBubbleMenuProps = Omit<BubbleMenuProps, 'children'>;
+type EditorBubbleMenuProps = Omit<BubbleMenuProps, 'children'> & {
+    onError?: (errorString: string) => void;
+};
 export declare const EditorBubbleMenu: (props: EditorBubbleMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
 import { Editor } from '@tiptap/react';
 
-declare const TiptapToolBar: ({ editor, onError, isNavbarVisible, setIsNavbarVisible, }: {
+declare const TiptapToolBar: ({ editor, onError, isNavbarVisible, setIsNavbarVisible, secureImageUploadUrl, }: {
     editor: Editor;
     onError?: (errorString: string) => void;
     isNavbarVisible: boolean;
     setIsNavbarVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    secureImageUploadUrl?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TiptapToolBar;

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

@@ -13,13 +13,23 @@ export declare const fonts: {
     value: string;
     command: (editor: Editor) => void;
 }[];
-export declare const MAX_IMAGE_SIZE: number;
 export declare const ERR_MSG_MAP: {
     IMAGE_SIZE: string;
 };
-export declare const useEditorToolbar: ({ editor, onError, }: {
+export declare const IMG_UPLOAD_SETTINGS: {
+    Extended: {
+        maxSize: number;
+        errorMsg: string;
+    };
+    Base: {
+        maxSize: number;
+        errorMsg: string;
+    };
+};
+export declare const useEditorToolbar: ({ editor, onError, secureImageUploadUrl, }: {
     editor: Editor;
     onError?: (errorString: string) => void;
+    secureImageUploadUrl?: string;
 }) => {
     undoRedoTools: (IEditorToolElement | null)[];
     toolbar: (IEditorToolElement | null)[];

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

@@ -1,10 +1,11 @@
 import { Editor } from '@tiptap/react';
 
-declare const MobileToolbar: ({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, }: {
+declare const MobileToolbar: ({ editor, onError, isKeyboardVisible, isNavbarVisible, setIsNavbarVisible, secureImageUploadUrl, }: {
     editor: Editor;
     onError?: (errorString: string) => void;
     isKeyboardVisible: boolean;
     isNavbarVisible: boolean;
     setIsNavbarVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    secureImageUploadUrl?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default MobileToolbar;

package/dist/package/components/secure-image.d.ts

@@ -0,0 +1,13 @@
+type Props = {
+    encryptedKey: string;
+    url: string;
+    iv: string;
+    privateKey: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    className?: string;
+    caption?: string;
+};
+export declare const SecureImage: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLImageElement>>;
+export {};

package/dist/package/components/slash-comand.d.ts

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core';
 
 export declare const updateScrollView: (container: HTMLElement, item: HTMLElement) => void;
-declare const SlashCommand: (onError?: (errorString: string) => void) => Extension<any, any>;
+declare const SlashCommand: (onError?: (errorString: string) => void, secureImageUploadUrl?: string) => Extension<any, any>;
 export default SlashCommand;

package/dist/package/components/tag-input.d.ts

@@ -0,0 +1,12 @@
+export interface TagProps {
+    name: string;
+    color: string;
+}
+export interface TagInputProps {
+    tags: TagProps[];
+    selectedTags: TagProps[];
+    onAddTag: (tag: TagProps) => void;
+    isPreviewMode: boolean;
+}
+declare const TagInput: ({ tags, selectedTags, onAddTag, isPreviewMode }: TagInputProps) => import("react/jsx-runtime").JSX.Element | null;
+export { TagInput };

package/dist/package/extensions/customTextInputRules.d.ts

@@ -0,0 +1,4 @@
+import { Extension } from '@tiptap/core';
+
+declare const customTextInputRules: Extension<any, any>;
+export default customTextInputRules;

package/dist/package/extensions/d-block/dblock-node-view.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
 import { NodeViewProps } from '@tiptap/react';
 
-export declare const DBlockNodeView: React.FC<NodeViewProps>;
+export declare const DBlockNodeView: React.FC<NodeViewProps & {
+    secureImageUploadUrl?: string;
+}>;

package/dist/package/extensions/d-block/dblock.d.ts

@@ -2,6 +2,7 @@ import { Node } from '@tiptap/core';
 
 export interface DBlockOptions {
     HTMLAttributes: Record<string, any>;
+    secureImageUploadUrl?: string;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {

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

@@ -1,5 +1,5 @@
 import { NodeType } from '@tiptap/pm/model';
 import { InputRule } from '@tiptap/core';
 
-export declare const defaultExtensions: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<any, any>)[];
+export declare const defaultExtensions: (onError: (error: string) => void, secureImageUploadUrl?: string) => (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<any, any>)[];
 export declare const createInputRule: (pattern: RegExp, data: string, type: NodeType) => InputRule;

package/dist/package/extensions/page-break/index.d.ts

@@ -0,0 +1 @@
+export * from './page-break';

package/dist/package/extensions/page-break/page-break-node-view.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { NodeViewProps } from '@tiptap/react';
+
+export declare const PageBreakNodeView: React.FC<NodeViewProps>;

package/dist/package/extensions/page-break/page-break.d.ts

@@ -0,0 +1,20 @@
+import { Node } from '@tiptap/core';
+
+export interface PageBreakRuleOptions {
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        pageBreak: {
+            /**
+             * Add a page break
+             */
+            setPageBreak: () => ReturnType;
+            /**
+             * Remove a page break
+             */
+            unsetPageBreak: () => ReturnType;
+        };
+    }
+}
+export declare const PageBreak: Node<PageBreakRuleOptions, any>;

package/dist/package/extensions/resizable-media/media-paste-drop-plugin/media-paste-drop-plugin.d.ts

@@ -9,4 +9,4 @@ export type UploadFnType = (image: File) => Promise<string>;
  * If no upload function is provided, it reads the media file as DataURL and uses this in the new node.
  * The function returns a new instance of the Plugin.
  */
-export declare const getMediaPasteDropPlugin: (upload: UploadFnType) => Plugin<any>;
+export declare const getMediaPasteDropPlugin: (upload: UploadFnType, onError: (error: string) => void, secureImageUploadUrl?: string) => Plugin<any>;

package/dist/package/extensions/resizable-media/resizable-media.d.ts

@@ -21,6 +21,8 @@ declare module '@tiptap/core' {
 export interface MediaOptions {
     HTMLAttributes: Record<string, any>;
     uploadFn: UploadFnType;
+    onError: (error: string) => void;
+    secureImageUploadUrl?: string;
 }
 export declare const IMAGE_INPUT_REGEX: RegExp;
 export declare const VIDEO_INPUT_REGEX: RegExp;

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

@@ -0,0 +1,4 @@
+import { DdocProps } from './types';
+
+declare const PreviewDdocEditor: import('react').ForwardRefExoticComponent<DdocProps & import('react').RefAttributes<unknown>>;
+export { PreviewDdocEditor };

package/dist/package/types.d.ts

@@ -1,3 +1,4 @@
+import { TagType } from '@fileverse/ui';
 import { JSONContent } from '@tiptap/core';
 import { EditorProps } from '@tiptap/pm/view';
 import { Editor } from '@tiptap/react';
@@ -10,17 +11,20 @@ export interface IDocCollabUsers {
     color: string;
 }
 export interface DdocProps {
+    selectedTags?: TagType[];
+    setSelectedTags?: React.Dispatch<SetStateAction<TagType[]>>;
     enableCollaboration?: boolean;
     collaborationId?: string;
     isPreviewMode: boolean;
     ensResolutionUrl?: string;
+    secureImageUploadUrl?: string;
     initialContent?: JSONContent | null;
     walletAddress?: string | null;
     username?: string | null;
     renderNavbar?: ({ editor }: {
         editor: JSONContent;
     }) => JSX.Element;
-    onChange?: (changes: string) => void;
+    onChange?: (changes: Data['editorJSONData']) => void;
     onCollaboratorChange?: (collaborators: undefined | IDocCollabUsers[]) => void;
     onTextSelection?: (data: IEditorSelectionData) => void;
     onCommentInteraction?: (data: IEditorSelectionData) => void;
@@ -30,8 +34,12 @@ export interface DdocProps {
     onError?: (error: string) => void;
     setCharacterCount?: React.Dispatch<SetStateAction<number>>;
     setWordCount?: React.Dispatch<SetStateAction<number>>;
-    collaborationKey?: string;
-    yjsUpdate?: string;
+    tags?: Array<{
+        name: string;
+        color: string;
+    }>;
+    className?: string;
+    scrollPosition?: number;
 }
 export interface IEditorSelectionData {
     from: number;
@@ -47,19 +55,3 @@ export interface IUser {
     color: string;
     isEns: boolean;
 }
-export type CollaborationCursorStorage = {
-    users: {
-        clientId: number;
-        [key: string]: any;
-    }[];
-};
-export interface CollaborationCursorOptions {
-    provider: any;
-    user: Record<string, any>;
-    render(user: Record<string, any>): HTMLElement;
-    selectionRender(user: Record<string, any>): any;
-    onUpdate: (users: {
-        clientId: number;
-        [key: string]: any;
-    }[]) => null;
-}

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

@@ -1,14 +1,10 @@
 import { DdocProps } from './types';
 
-export declare const useDdocEditor: ({ isPreviewMode, initialContent, enableCollaboration, collaborationId, walletAddress, username, onChange, onCollaboratorChange, onCommentInteraction, onTextSelection, ensResolutionUrl, onError, setCharacterCount, setWordCount, collaborationKey, yjsUpdate, }: Partial<DdocProps>) => {
+import * as Y from 'yjs';
+export declare const useDdocEditor: ({ isPreviewMode, initialContent, enableCollaboration, collaborationId, walletAddress, username, onChange, onCollaboratorChange, onCommentInteraction, onTextSelection, ensResolutionUrl, onError, setCharacterCount, setWordCount, secureImageUploadUrl, scrollPosition, }: Partial<DdocProps>) => {
     editor: import('@tiptap/core').Editor | null;
     isContentLoading: boolean;
     ref: import('react').RefObject<HTMLDivElement>;
-    connect: (username: string | null | undefined, isEns?: boolean) => void;
-    ydoc: import('yjs').Doc;
-    isCollaborationReady: boolean;
-    syncError: {
-        message: string;
-    } | null;
-    isSyncFetchingFromIpfs: boolean;
+    connect: (username: string | null | undefined, isEns?: boolean) => () => void;
+    ydoc: Y.Doc;
 };

package/dist/package/utils/security.d.ts

@@ -0,0 +1,17 @@
+export declare const base64ToArrayBuffer: (base64String: string) => ArrayBufferLike;
+export declare const arrayBufferToBase64: (buffer: ArrayBuffer) => string;
+export declare const generateRSAKeyPair: () => Promise<{
+    publicKey: ArrayBuffer;
+    privateKey: Uint8Array;
+}>;
+export declare const decryptAESKey: (encryptedKeyBase64: string, privateKeyPem: BufferSource) => Promise<ArrayBuffer>;
+export declare const decryptImageData: (encryptedImageData: ArrayBuffer, aesKeyBuffer: ArrayBuffer, iv: string) => Promise<ArrayBuffer>;
+export declare const fetchImage: (url: string) => Promise<ArrayBuffer | undefined>;
+type DecryptImage = {
+    encryptedKey: string;
+    privateKey: BufferSource;
+    iv: string;
+    imageBuffer: ArrayBuffer;
+};
+export declare const decryptImage: ({ encryptedKey, privateKey, iv, imageBuffer, }: DecryptImage) => Promise<ArrayBuffer | undefined>;
+export {};

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

@@ -3,5 +3,7 @@ import { DecorationSet, EditorView } from '@tiptap/pm/view';
 
 declare const UploadImagesPlugin: () => Plugin<DecorationSet>;
 export default UploadImagesPlugin;
-export declare function startImageUpload(file: File, view: EditorView, pos: number): void;
+export declare function startImageUpload(file: File, view: EditorView, pos: number, secureImageUploadUrl?: string): 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>;