@fileverse-dev/ddoc 3.5.5 → 3.5.6-font-1

package/dist/index.d.ts

@@ -12,3 +12,4 @@ export { Editor } from '@tiptap/react';
 export type { CollaborationProps, CollabConnectionConfig, CollabSessionMeta, CollabServices, CollabCallbacks, CollabState, CollabError, CollabErrorCode, CollabStatus, } from './package/sync-local/types';
 export type { CommentMutationMeta, SuggestionType } from './package/types';
 export type { IComment } from './package/extensions/comment/comment.ts';
+export type { FontDescriptor } from './package/types';

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, E as d, P as t, d as r, h as i, m as n, c as E, u as l } from "./index-BvwKALx2.mjs";
+import { D as e, a as o, E as d, P as t, d as r, h as i, m as n, c as E, u as l } from "./index-CIm-Jqs5.mjs";
 export {
   e as DdocEditor,
   o as DdocExportModal,

package/dist/{markdown-source-pane-DDC9wZkm.mjs → markdown-source-pane-AUeTkw0S.mjs}

@@ -1,9 +1,9 @@
 var Vr = Object.defineProperty;
 var Wr = (t, e, O) => e in t ? Vr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: O }) : t[e] = O;
 var gt = (t, e, O) => Wr(t, typeof e != "symbol" ? e + "" : e, O);
-import { j as Cr } from "./index-BvwKALx2.mjs";
+import { j as Cr } from "./index-CIm-Jqs5.mjs";
 import { useRef as pe, useEffect as St } from "react";
-import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-cbwRWdp_.mjs";
+import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-BIewJAlM.mjs";
 class ua {
   /**
   Create a new completion context. (Mostly useful for testing

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

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { Editor } from '@tiptap/react';
-import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
+import { FontDescriptor, IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 import { Tab } from './tabs/utils/tab-utils';
 
 import * as Y from 'yjs';
-declare const MemoizedTiptapToolBar: React.MemoExoticComponent<({ editor, onError, isPresentationMode, setIsPresentationMode, enableCollaboration, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onOdtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, toggleFocusMode, isSplitView, onToggleSplitView, }: {
+declare const MemoizedTiptapToolBar: React.MemoExoticComponent<({ editor, onError, isPresentationMode, setIsPresentationMode, enableCollaboration, zoomLevel, setZoomLevel, isNavbarVisible, setIsNavbarVisible, ipfsImageUploadFn, onMarkdownExport, onMarkdownImport, onPdfExport, onHtmlExport, onTxtExport, onOdtExport, onDocxImport, isLoading, ipfsImageFetchFn, fetchV1ImageFn, isConnected, tabs, ydoc, onRegisterExportTrigger, toggleFocusMode, isSplitView, onToggleSplitView, fonts: consumerFonts, }: {
     editor: Editor | null;
     onError?: (errorString: string) => void;
     isPresentationMode?: boolean;
@@ -35,5 +35,6 @@ declare const MemoizedTiptapToolBar: React.MemoExoticComponent<({ editor, onErro
     isSplitView?: boolean;
     onToggleSplitView?: () => void;
     onRegisterExportTrigger?: ((trigger: ((format?: string, name?: string) => void) | null) => void) | undefined;
+    fonts?: FontDescriptor[];
 }) => import("react/jsx-runtime").JSX.Element>;
 export default MemoizedTiptapToolBar;

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

@@ -1,7 +1,7 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
+import { FontDescriptor, IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 import { IEditorTool } from '../hooks/use-visibility';
 import { Editor } from '@tiptap/react';
-import { IpfsImageFetchPayload, IpfsImageUploadResponse } from '../types';
 
 export interface IEditorToolElement {
     icon: any;
@@ -14,11 +14,14 @@ export interface IEditorToolElement {
     notVisible?: number;
     disabled?: boolean;
 }
-export declare const fonts: {
+type PickerEntry = {
     title: string;
     value: string;
     command: (editor: Editor) => void;
-}[];
+    preview?: React.ReactNode;
+};
+export declare const baselineFonts: PickerEntry[];
+export declare function buildPickerEntries(consumerFonts: FontDescriptor[]): PickerEntry[];
 export declare const FONT_SIZES: readonly [8, 9, 10, 11, 12, 14, 16, 18, 24, 30, 32, 36, 48, 60, 72, 96];
 export declare const getFontSizeOptions: (editor?: Editor) => {
     title: string;
@@ -96,10 +99,11 @@ export declare const TextHighlighter: ({ editor, setVisibility, elementRef, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     setVisibility: Dispatch<SetStateAction<IEditorTool>>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const EditorFontFamily: ({ elementRef, editor, setToolVisibility, }: {
+export declare const EditorFontFamily: ({ elementRef, editor, setToolVisibility, fonts: consumerFonts, }: {
     elementRef: React.RefObject<HTMLDivElement>;
     editor: Editor;
     setToolVisibility: Dispatch<SetStateAction<IEditorTool>>;
+    fonts?: FontDescriptor[];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const EditorAlignment: ({ elementRef, editor, setToolVisibility, }: {
     elementRef: React.RefObject<HTMLDivElement>;
@@ -182,3 +186,4 @@ export declare const checkActiveListsAndDBlocks: (editor: Editor) => {
     state: import('prosemirror-state').EditorState;
     hasMultipleLists: boolean;
 };
+export {};

package/dist/package/types.d.ts

@@ -105,6 +105,13 @@ export interface DocumentStyling {
     orientation?: 'portrait' | 'landscape';
 }
 export interface DdocProps extends CommentAccountProps {
+    /**
+     * Optional catalog of fonts available to the editor in addition to the
+     * package baseline (system fonts only). Each entry is loaded lazily via the
+     * CSS Font Loading API when first selected in the picker or when a document
+     * references its family.
+     */
+    fonts?: FontDescriptor[];
     tabConfig?: {
         onCopyTabLink?: (tabId: string) => void;
         defaultTabId?: string;
@@ -250,3 +257,21 @@ export interface IpfsImageFetchPayload {
     mimeType: string;
     authTag: string;
 }
+export type FontDescriptor = {
+    /** Display name in the picker, e.g. "Poppins" */
+    name: string;
+    /** CSS font-family stack stored in textStyle marks, e.g. "Poppins, sans-serif" */
+    family: string;
+    /**
+     * woff2 source(s).
+     *   - string: single file covering all weights (variable font).
+     *   - Record<number, string>: per-weight map, e.g. { 400: '/p-400.woff2', 700: '/p-700.woff2' }.
+     *   - omitted: pure system font, no loading.
+     */
+    url?: string | Record<number, string>;
+    /**
+     * SVG preview rendered in the picker. Any React node that renders an <svg>.
+     * Falls back to the font name in the default font when absent.
+     */
+    preview?: React.ReactNode;
+};

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

@@ -2,7 +2,7 @@ import { DdocProps } from './types';
 import { Editor } from '@tiptap/react';
 import { DBlockRuntimeState } from './extensions/d-block/dblock-runtime';
 
-export declare const useDdocEditor: ({ isPreviewMode, viewerMode, initialContent, versionHistoryState, collaboration, onChange, onCollaboratorChange, onCommentInteraction, onError, setCharacterCount, setWordCount, setPageCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, isFocusMode, theme, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, onIndexedDbError, disableInlineComment, initialCommentAnchors, isPreviewEditor, ...rest }: Partial<DdocProps> & {
+export declare const useDdocEditor: ({ isPreviewMode, viewerMode, initialContent, versionHistoryState, collaboration, onChange, onCollaboratorChange, onCommentInteraction, onError, setCharacterCount, setWordCount, setPageCount, ipfsImageUploadFn, ddocId, enableIndexeddbSync, unFocused, isFocusMode, theme, zoomLevel, onInvalidContentError, ignoreCorruptedData, isPresentationMode, metadataProxyUrl, extensions: externalExtensions, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, onIndexedDbError, disableInlineComment, initialCommentAnchors, isPreviewEditor, fonts, ...rest }: Partial<DdocProps> & {
     isFocusMode?: boolean;
     isPreviewEditor?: boolean;
 }) => {

package/dist/package/utils/font-loader.d.ts

@@ -0,0 +1,24 @@
+import { FontDescriptor } from '../types';
+
+/** "Poppins, sans-serif" -> "Poppins"; "'Times New Roman', serif" -> "Times New Roman" */
+export declare function primaryToken(family: string): string;
+/**
+ * Registers each catalog font with the browser without downloading it. A
+ * FontFace added to document.fonts but never `.load()`-ed behaves like a CSS
+ * `@font-face` rule: the UA fetches it lazily the first time rendered text
+ * (local edit, paste, undo, or a remote Yjs update) matches the family — which
+ * is why no document-scanning extension is needed.
+ *
+ * Merges into the existing catalog and never clears it, so a second editor
+ * mounting without a `fonts` prop can't wipe fonts other editors on the same
+ * page still need. The CSS face name is derived from the family stack, not the
+ * cosmetic `name`, so the registered face actually matches styled content.
+ */
+export declare function registerFonts(fonts: FontDescriptor[]): void;
+export declare function getRegisteredFonts(): FontDescriptor[];
+/**
+ * Forces a download and resolves once the face is ready. Used by the picker
+ * click so applying a font doesn't flash the fallback. `document.fonts.load`
+ * deduplicates internally, so no custom promise cache is needed.
+ */
+export declare function ensureLoaded(family: string): Promise<unknown>;

package/dist/{split-view-toolbar-HrmEBmWl.mjs → split-view-toolbar-CYdC1mzK.mjs}

@@ -1,7 +1,7 @@
-import { j as r } from "./index-BvwKALx2.mjs";
+import { j as r } from "./index-CIm-Jqs5.mjs";
 import { useRef as I, useState as D, useEffect as E } from "react";
 import { DynamicDropdown as P, Tooltip as y, IconButton as L } from "@fileverse/ui";
-import { a3 as A, a4 as _, c as O } from "./index-cbwRWdp_.mjs";
+import { a3 as A, a4 as _, c as O } from "./index-BIewJAlM.mjs";
 const p = (e, n, s = n) => {
   const { state: o } = e, l = o.changeByRange((t) => {
     const u = o.sliceDoc(t.from, t.to), a = o.sliceDoc(