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

package/dist/package/components/presentation-mode/presentation-mode.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from '@tiptap/react';
-import { IpfsImageFetchPayload } from '../../types';
+import { IpfsImageFetchPayload, DdocProps } from '../../types';
 
 interface PresentationModeProps {
     editor: Editor;
@@ -20,6 +20,7 @@ interface PresentationModeProps {
         url: string;
         file: File;
     }>;
+    documentStyling?: DdocProps['documentStyling'];
 }
-export declare const PresentationMode: ({ editor, onClose, isFullscreen, setIsFullscreen, onError, setCommentDrawerOpen, sharedSlidesLink, isPreviewMode, documentName, onSlidesShare, slides, setSlides, renderThemeToggle, isContentLoading, ipfsImageFetchFn, }: PresentationModeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PresentationMode: ({ editor, onClose, isFullscreen, setIsFullscreen, onError, setCommentDrawerOpen, sharedSlidesLink, isPreviewMode, documentName, onSlidesShare, slides, setSlides, renderThemeToggle, isContentLoading, ipfsImageFetchFn, documentStyling, }: PresentationModeProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/package/components/presentation-mode/preview-panel.d.ts

@@ -1,7 +1,10 @@
+import { DdocProps } from '../../types';
+
 interface PreviewPanelProps {
     slides: string[];
     currentSlide: number;
     setCurrentSlide: (index: number) => void;
+    documentStyling?: DdocProps['documentStyling'];
 }
-export declare const PreviewPanel: ({ slides, currentSlide, setCurrentSlide, }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewPanel: ({ slides, currentSlide, setCurrentSlide, documentStyling, }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/types.d.ts

@@ -32,6 +32,36 @@ export interface CustomModel {
     apiKey: string;
     systemPrompt: string;
 }
+/**
+ * Document styling configuration interface
+ * @description Defines the styling options available for customizing the document editor appearance
+ */
+export interface DocumentStyling {
+    /**
+     * Outer page/document background
+     * @description Controls the background of the entire editor area. Supports solid colors and CSS gradients.
+     * @example "#f8f9fa" | "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
+     */
+    background?: string;
+    /**
+     * Editor content area background
+     * @description Controls the background color of the actual editor content where text is written. Should be solid colors for readability.
+     * @example "#ffffff" | "#f5f5f5"
+     */
+    canvasBackground?: string;
+    /**
+     * Text color
+     * @description Controls the color of the text content in the editor.
+     * @example "#000000" | "#1a1a1a"
+     */
+    textColor?: string;
+    /**
+     * Font family
+     * @description Controls the font family used for the editor content.
+     * @example "Inter" | "Arial" | "Georgia"
+     */
+    fontFamily?: string;
+}
 export interface DdocProps extends CommentAccountProps {
     isCollabDocumentPublished?: boolean;
     ipfsImageFetchFn?: (_data: IpfsImageFetchPayload) => Promise<{
@@ -112,6 +142,11 @@ export interface DdocProps extends CommentAccountProps {
     activeModel?: CustomModel;
     maxTokens?: number;
     isAIAgentEnabled?: boolean;
+    /**
+     * Document styling configuration
+     * @description Customize the appearance of the document editor
+     */
+    documentStyling?: DocumentStyling;
 }
 export interface IEditorSelectionData {
     from: number;