@turnix-co/konva-editor 2.0.0 → 2.0.1

package/dist/index.d.ts

@@ -36,7 +36,7 @@ type ScreenRecorderProps = {
 };
 declare const ScreenRecorder: React$1.FC<ScreenRecorderProps>;
 
-type Line = {
+type Line$1 = {
     id?: string;
     tool: string;
     points: number[];
@@ -98,7 +98,7 @@ type ImageElement = {
     zIndex?: number;
     timestamp?: number;
     audioData?: string;
-    annotations?: Line[];
+    annotations?: Line$1[];
     isDrawingMode?: boolean;
 };
 type VideoElement = {
@@ -157,7 +157,7 @@ type PhotoFrameElement = {
     timestamp?: number;
     audioData?: string;
     isCapturing: boolean;
-    annotations?: Line[];
+    annotations?: Line$1[];
     isDrawingMode?: boolean;
 };
 type TextElement = {
@@ -308,7 +308,7 @@ type Slide = {
     name: string;
     thumbnail?: string;
     backgroundColor?: string;
-    lines: Line[];
+    lines: Line$1[];
     shapes: Shape[];
     images: ImageElement[];
     videos: VideoElement[];
@@ -356,7 +356,7 @@ declare const loadSlides: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     slides: Slide[];
     currentSlideId: string;
 }, "canvas/loadSlides">;
-declare const addLine: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<Line, "canvas/addLine">;
+declare const addLine: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<Line$1, "canvas/addLine">;
 declare const removeLine: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<number, "canvas/removeLine">;
 declare const addImage: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<ImageElement, "canvas/addImage">;
 declare const updateImage: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<Partial<ImageElement> & {
@@ -401,7 +401,7 @@ declare const duplicatePhotoFrame: _reduxjs_toolkit.ActionCreatorWithOptionalPay
 declare const toggleImageDrawingMode: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<string, "canvas/toggleImageDrawingMode">;
 declare const addImageAnnotation: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     imageId: string;
-    line: Line;
+    line: Line$1;
 }, "canvas/addImageAnnotation">;
 declare const updateImageAnnotation: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     imageId: string;
@@ -411,7 +411,7 @@ declare const clearImageAnnotations: _reduxjs_toolkit.ActionCreatorWithOptionalP
 declare const togglePhotoFrameDrawingMode: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<string, "canvas/togglePhotoFrameDrawingMode">;
 declare const addPhotoFrameAnnotation: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     frameId: string;
-    line: Line;
+    line: Line$1;
 }, "canvas/addPhotoFrameAnnotation">;
 declare const updatePhotoFrameAnnotation: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     frameId: string;
@@ -484,7 +484,7 @@ declare const setAudioData: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
 }, "canvas/setAudioData">;
 declare const updateLastLine: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<number[], "canvas/updateLastLine">;
 declare const finalizeDrawing: _reduxjs_toolkit.ActionCreatorWithoutPayload<"canvas/finalizeDrawing">;
-declare const setLines: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<Line[], "canvas/setLines">;
+declare const setLines: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<Line$1[], "canvas/setLines">;
 declare const updateLinePosition: _reduxjs_toolkit.ActionCreatorWithOptionalPayload<{
     id: string;
     x: number;
@@ -615,6 +615,60 @@ declare const exportSlideAsImage: (stage: Konva.Stage, options?: ExportOptions)
 declare const exportSlideAsBlob: (stage: Konva.Stage, options?: Omit<ExportOptions, "fileName">) => Promise<Blob>;
 declare const getSlideDataURL: (stage: Konva.Stage, options?: Omit<ExportOptions, "fileName">) => string;
 
+/**
+ * Line simplification utilities using Douglas-Peucker algorithm
+ * Reduces the number of points in a line while preserving its shape
+ */
+/**
+ * Simplify a flat points array using Douglas-Peucker algorithm
+ *
+ * @param flatPoints Array of points [x1, y1, x2, y2, ...]
+ * @param epsilon Tolerance for simplification (default: 1.5 pixels)
+ * @returns Simplified flat points array
+ */
+declare const simplifyFlatPoints: (flatPoints: number[], epsilon?: number) => number[];
+/**
+ * Line type matching the canvasSlice Line type
+ */
+type Line = {
+    id?: string;
+    tool: string;
+    points: number[];
+    color: string;
+    strokeWidth: number;
+    isSketch?: boolean;
+    timestamp?: number;
+    x?: number;
+    y?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotation?: number;
+};
+/**
+ * Simplify a single line's points using Douglas-Peucker algorithm
+ *
+ * @param line The line object to simplify
+ * @param epsilon Tolerance for simplification
+ * @returns New line object with simplified points
+ */
+declare const simplifyLine: (line: Line, epsilon?: number) => Line;
+/**
+ * Simplify an array of lines
+ *
+ * @param lines Array of line objects
+ * @param epsilon Tolerance for simplification
+ * @returns Array of lines with simplified points
+ */
+declare const simplifyLines: (lines: Line[], epsilon?: number) => Line[];
+/**
+ * Calculate compression ratio for debugging/logging
+ */
+declare const getCompressionStats: (original: number[], simplified: number[]) => {
+    originalPoints: number;
+    simplifiedPoints: number;
+    reduction: string;
+};
+
 declare const useDispatch: () => redux_thunk.ThunkDispatch<{
     toolbar: ToolbarState;
     canvas: {
@@ -632,4 +686,4 @@ declare const useSelector: <T>(selector: (state: RootState) => T) => T;
 
 declare const useSlidesPersistence: () => void;
 
-export { type AppDispatch, Canvas, type CanvasProps, EditorRoot, type EditorRootProps, type ExportOptions, type FillInTheBlanks, type FlashcardElement, type ImageElement, type Line, type LongAnswer, type MultipleChoice, type PhotoFrameElement, PublishButton, type PublishButtonProps, type PublishProgress, type PublishResponse, type RootState, ScreenRecorder, type Shape, type ShortAnswer, type Slide, SlideNavigation, type TextElement, Toolbar, type ToolbarProps, type TrueFalse, type VideoElement, addFillInTheBlanks, addFlashcard, addImage, addImageAnnotation, addLine, addLongAnswer, addMultipleChoice, addPhotoFrame, addPhotoFrameAnnotation, addShape, addShortAnswer, addSlide, addText, addTrueFalse, addVideo, bringToFront, clearCanvas, clearImageAnnotations, clearPhotoFrameAnnotations, deleteFillInTheBlanks, deleteFlashcard, deleteImage, deleteLineById, deleteLongAnswer, deleteMultipleChoice, deletePhotoFrame, deleteShape, deleteShortAnswer, deleteSlide, deleteText, deleteTrueFalse, deleteVideo, duplicateFillInTheBlanks, duplicateFlashcard, duplicateImage, duplicateLine, duplicateLongAnswer, duplicateMultipleChoice, duplicatePhotoFrame, duplicateShape, duplicateShortAnswer, duplicateSlide, duplicateText, duplicateTrueFalse, duplicateVideo, editFlashcard, editMultipleChoice, exportSlideAsBlob, exportSlideAsImage, finalizeDrawing, getSlideDataURL, loadSlides, nextFlashcard, previousFlashcard, redo, removeLine, reorderSlides, saveToHistory, selectAllSlides, selectCanAddSlide, selectCurrentSlide, selectCurrentSlideId, selectSlideById, sendToBack, setActivityType, setAltText, setAudioData, setBackgroundColor, setCurrentSlide, setEditingActivity, setEditingTextId, setLines, setLink, setPenColor, setShowFlashcardForm, setShowMcqForm, setSketchMode, setStrokeWidth, setTool, store, toggleImageDrawingMode, toggleLock, togglePhotoFrameDrawingMode, toggleSketchMode, toggleVideoPlaying, undo, updateElementOrder, updateFillInTheBlanks, updateFlashcard, updateImage, updateImageAnnotation, updateLastLine, updateLinePosition, updateLineTransform, updateLongAnswer, updateMultipleChoice, updatePhotoFrame, updatePhotoFrameAnnotation, updateShape, updateShortAnswer, updateSlideThumbnail, updateText, updateTrueFalse, updateVideo, useDispatch, useSelector, useSlidesPersistence };
+export { type AppDispatch, Canvas, type CanvasProps, EditorRoot, type EditorRootProps, type ExportOptions, type FillInTheBlanks, type FlashcardElement, type ImageElement, type Line$1 as Line, type LongAnswer, type MultipleChoice, type PhotoFrameElement, PublishButton, type PublishButtonProps, type PublishProgress, type PublishResponse, type RootState, ScreenRecorder, type Shape, type ShortAnswer, type Slide, SlideNavigation, type TextElement, Toolbar, type ToolbarProps, type TrueFalse, type VideoElement, addFillInTheBlanks, addFlashcard, addImage, addImageAnnotation, addLine, addLongAnswer, addMultipleChoice, addPhotoFrame, addPhotoFrameAnnotation, addShape, addShortAnswer, addSlide, addText, addTrueFalse, addVideo, bringToFront, clearCanvas, clearImageAnnotations, clearPhotoFrameAnnotations, deleteFillInTheBlanks, deleteFlashcard, deleteImage, deleteLineById, deleteLongAnswer, deleteMultipleChoice, deletePhotoFrame, deleteShape, deleteShortAnswer, deleteSlide, deleteText, deleteTrueFalse, deleteVideo, duplicateFillInTheBlanks, duplicateFlashcard, duplicateImage, duplicateLine, duplicateLongAnswer, duplicateMultipleChoice, duplicatePhotoFrame, duplicateShape, duplicateShortAnswer, duplicateSlide, duplicateText, duplicateTrueFalse, duplicateVideo, editFlashcard, editMultipleChoice, exportSlideAsBlob, exportSlideAsImage, finalizeDrawing, getCompressionStats, getSlideDataURL, loadSlides, nextFlashcard, previousFlashcard, redo, removeLine, reorderSlides, saveToHistory, selectAllSlides, selectCanAddSlide, selectCurrentSlide, selectCurrentSlideId, selectSlideById, sendToBack, setActivityType, setAltText, setAudioData, setBackgroundColor, setCurrentSlide, setEditingActivity, setEditingTextId, setLines, setLink, setPenColor, setShowFlashcardForm, setShowMcqForm, setSketchMode, setStrokeWidth, setTool, simplifyFlatPoints, simplifyLine, simplifyLines, store, toggleImageDrawingMode, toggleLock, togglePhotoFrameDrawingMode, toggleSketchMode, toggleVideoPlaying, undo, updateElementOrder, updateFillInTheBlanks, updateFlashcard, updateImage, updateImageAnnotation, updateLastLine, updateLinePosition, updateLineTransform, updateLongAnswer, updateMultipleChoice, updatePhotoFrame, updatePhotoFrameAnnotation, updateShape, updateShortAnswer, updateSlideThumbnail, updateText, updateTrueFalse, updateVideo, useDispatch, useSelector, useSlidesPersistence };