mathlean-canvas 0.3.5 → 0.3.6

package/dist/MathCanvas/features/text/hooks/useTextBlockLayoutEffects.d.ts

@@ -9,6 +9,17 @@ type LatexPreview = {
     fallback: string;
     caretOffset?: number;
 } | null;
+type MathOverlayCaret = {
+    left: number;
+    top: number;
+    height: number;
+} | null;
+type InlineMathEditorRect = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+} | null;
 type UseTextBlockLayoutEffectsOptions = {
     activeInlineMathDraft: string;
     activeInlineMathSession: InlineMathSession;
@@ -24,12 +35,7 @@ type UseTextBlockLayoutEffectsOptions = {
     editingSelection: number;
     editingValue: string;
     editingWidth: number;
-    inlineMathEditorRect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    } | null;
+    inlineMathEditorRect: InlineMathEditorRect;
     inlineMathBubbleRef: MutableRefObject<HTMLDivElement | null>;
     inlineMathFieldRef: MutableRefObject<HTMLElement | null>;
     latexPreview: LatexPreview;
@@ -41,18 +47,9 @@ type UseTextBlockLayoutEffectsOptions = {
     setEditingHeight: Dispatch<SetStateAction<number>>;
     setEditingInlineMathAtoms: Dispatch<SetStateAction<InlineMathAtom[]>>;
     setEditingWidth: Dispatch<SetStateAction<number>>;
-    setInlineMathEditorRect: Dispatch<SetStateAction<{
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    } | null>>;
-    setMathOverlayCaret: Dispatch<SetStateAction<{
-        left: number;
-        top: number;
-        height: number;
-    } | null>>;
+    setInlineMathEditorRect: Dispatch<SetStateAction<InlineMathEditorRect>>;
+    setMathOverlayCaret: Dispatch<SetStateAction<MathOverlayCaret>>;
     textareaRef: MutableRefObject<HTMLTextAreaElement | null>;
 };
-export declare function useTextBlockLayoutEffects({ activeInlineMathDraft, activeInlineMathSession, blocks, containerRef, editableMirrorContentRef, editableMirrorRef, editingBlockId, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathEditorRect, inlineMathBubbleRef, inlineMathFieldRef, latexPreview, overlayRefs, renderMode, resetInlineMathState, setBlockHeights, setBlockWidths, setEditingHeight, setEditingInlineMathAtoms, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, textareaRef, }: UseTextBlockLayoutEffectsOptions): void;
+export declare function useTextBlockLayoutEffects({ activeInlineMathDraft, activeInlineMathSession, blockHeights, blockWidths, blocks, containerRef, editableMirrorContentRef, editableMirrorRef, editingBlockId, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathEditorRect, inlineMathBubbleRef, inlineMathFieldRef, latexPreview, overlayRefs, renderMode, resetInlineMathState, setBlockHeights, setBlockWidths, setEditingHeight, setEditingInlineMathAtoms, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, textareaRef, }: UseTextBlockLayoutEffectsOptions): void;
 export {};

package/dist/MathCanvas/types.d.ts

@@ -18,6 +18,7 @@ export type GeometryObjectKind = "point" | "segment" | "polygon" | "angle" | "ci
 export type GeometryDirection = "left" | "right" | "up" | "down";
 export type GraphDirection = "upLeft" | "up" | "upRight" | "left" | "right" | "downLeft" | "down" | "downRight";
 export type CoordinatePlaneMode = "blank" | "grid" | "plane";
+export type TextboxMenuPanel = "color" | "format" | "mode" | null;
 export type GeometryLabelTarget = {
     kind: "segment" | "angle" | "circle";
     id: string;
@@ -227,9 +228,92 @@ export type CanvasState = {
     geoHelperSegments: GeoHelperSegment[];
     geoRightAngleMarkers: GeoRightAngleMarker[];
     coordinatePlaneMode: CoordinatePlaneMode;
+    coordinateLabelsVisible?: boolean;
     renderMode: RenderMode;
     shortcutSettings?: ShortcutSettings;
 };
+export type DocumentCanvasState = Omit<CanvasState, "shortcutSettings">;
+export type PointerPresence = {
+    x: number;
+    y: number;
+    xPct: number;
+    yPct: number;
+    tool: string | null;
+};
+export type StrokePreviewPoint = {
+    x: number;
+    y: number;
+};
+export type StrokePreview = {
+    id: string;
+    tool: "pen" | "eraser" | string;
+    color?: string;
+    width?: number;
+    points: StrokePreviewPoint[];
+};
+export type RemotePointerPresence = PointerPresence & {
+    id: string;
+    color?: string;
+    label?: string;
+};
+export type ObjectTransformPreview = {
+    id: string;
+    objectType: "text" | "graphNode";
+    objectId: string;
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    textBlock?: TextBlock;
+    graphNode?: GraphNode;
+};
+export type TextDraftPreview = {
+    id: string;
+    blockId: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    content: string;
+    renderMode: RenderMode;
+    selectionStart?: number;
+    selectionEnd?: number;
+    fontSize?: number;
+    textBlock?: TextBlock;
+};
+export type CollaborationPreviewPhase = "start" | "update" | "end";
+export type CollaborationMessageBase = {
+    senderId: string;
+    documentId?: string;
+    sentAt?: number;
+};
+export type CollaborationDocumentMessage = CollaborationMessageBase & {
+    type: "document";
+    revision?: string | number;
+    state: DocumentCanvasState;
+};
+export type CollaborationPresenceMessage = CollaborationMessageBase & {
+    type: "presence";
+    presence: PointerPresence;
+    color?: string;
+    label?: string;
+};
+export type CollaborationStrokePreviewMessage = CollaborationMessageBase & {
+    type: "stroke-preview";
+    phase: CollaborationPreviewPhase;
+    preview: StrokePreview;
+};
+export type CollaborationObjectTransformMessage = CollaborationMessageBase & {
+    type: "object-transform";
+    phase: CollaborationPreviewPhase;
+    preview: ObjectTransformPreview;
+};
+export type CollaborationTextDraftMessage = CollaborationMessageBase & {
+    type: "text-draft";
+    phase: CollaborationPreviewPhase;
+    preview: TextDraftPreview;
+};
+export type CollaborationMessage = CollaborationDocumentMessage | CollaborationPresenceMessage | CollaborationStrokePreviewMessage | CollaborationObjectTransformMessage | CollaborationTextDraftMessage;
 export type StageMouseEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onMouseDown"]>>[0];
 export type StageTouchEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onTouchStart"]>>[0];
 export type StagePointerEvent = StageMouseEvent | StageTouchEvent;
@@ -259,5 +343,22 @@ export type MathCanvasProps = {
     className?: string;
     style?: React.CSSProperties;
     initialState?: CanvasState;
+    documentState?: DocumentCanvasState;
+    idPrefix?: string;
     onStateChange?: (state: CanvasState) => void;
+    onDocumentStateChange?: (state: DocumentCanvasState) => void;
+    onPointerPresence?: (presence: PointerPresence) => void;
+    onStrokePreviewStart?: (preview: StrokePreview) => void;
+    onStrokePreviewUpdate?: (preview: StrokePreview) => void;
+    onStrokePreviewEnd?: (preview: StrokePreview) => void;
+    onObjectTransformPreviewStart?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewUpdate?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewEnd?: (preview: ObjectTransformPreview) => void;
+    onTextDraftPreviewStart?: (preview: TextDraftPreview) => void;
+    onTextDraftPreviewUpdate?: (preview: TextDraftPreview) => void;
+    onTextDraftPreviewEnd?: (preview: TextDraftPreview) => void;
+    remotePresence?: RemotePointerPresence[];
+    remoteStrokePreviews?: StrokePreview[];
+    remoteObjectTransformPreviews?: ObjectTransformPreview[];
+    remoteTextDraftPreviews?: TextDraftPreview[];
 };

package/dist/MathCanvas.d.ts

@@ -2,6 +2,6 @@ import "katex/dist/katex.min.css";
 import "mathlive";
 import "mathlive/fonts.css";
 import "mathlive/static.css";
-export type { CanvasState, MathCanvasProps, GeoPoint, GeoSegment, GeoPolygon, GeoAngle, GeoCircle, GeoHelperSegment, GeoRightAngleMarker, } from "./MathCanvas/types";
+export type { CanvasState, CollaborationMessage, CollaborationMessageBase, CollaborationDocumentMessage, CollaborationObjectTransformMessage, CollaborationPresenceMessage, CollaborationPreviewPhase, CollaborationStrokePreviewMessage, CollaborationTextDraftMessage, DocumentCanvasState, MathCanvasProps, ObjectTransformPreview, PointerPresence, RemotePointerPresence, StrokePreview, TextboxMenuPanel, TextDraftPreview, GeoPoint, GeoSegment, GeoPolygon, GeoAngle, GeoCircle, GeoHelperSegment, GeoRightAngleMarker, } from "./MathCanvas/types";
 import type { MathCanvasProps } from "./MathCanvas/types";
-export default function MathCanvas({ darkMode, className, style, initialState, onStateChange }: MathCanvasProps): import("react/jsx-runtime").JSX.Element;
+export default function MathCanvas(props: MathCanvasProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from "./MathCanvas";
 export { default as MathCanvas } from "./MathCanvas";
-export type { CanvasState, MathCanvasProps } from "./MathCanvas";
+export type { CanvasState, CollaborationMessage, CollaborationMessageBase, CollaborationDocumentMessage, CollaborationObjectTransformMessage, CollaborationPresenceMessage, CollaborationPreviewPhase, CollaborationStrokePreviewMessage, CollaborationTextDraftMessage, DocumentCanvasState, MathCanvasProps, ObjectTransformPreview, PointerPresence, RemotePointerPresence, StrokePreview, TextDraftPreview, } from "./MathCanvas";