All files / roosterjs-content-model-plugins/lib/imageEdit/utils checkEditInfoState.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
 
 
 
 
 
 
1x
1x
1x
 
 
 
 
 
1x
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
49x
1x
7x
26x
 
 
 
 
1x
6x
 
6x
4x
16x
 
 
 
1x
 
5x
 
 
 
 
49x
 
 
 
52x
 
 
import type {
    ImageCropMetadataFormat,
    ImageMetadataFormat,
    ImageResizeMetadataFormat,
    ImageRotateMetadataFormat,
} from 'roosterjs-content-model-types';
 
const RESIZE_KEYS: (keyof ImageResizeMetadataFormat)[] = ['widthPx', 'heightPx'];
const ROTATE_KEYS: (keyof ImageRotateMetadataFormat)[] = ['angleRad'];
const CROP_KEYS: (keyof ImageCropMetadataFormat)[] = [
    'leftPercent',
    'rightPercent',
    'topPercent',
    'bottomPercent',
];
const ROTATE_CROP_KEYS: (keyof ImageRotateMetadataFormat | keyof ImageCropMetadataFormat)[] = [
    ...ROTATE_KEYS,
    ...CROP_KEYS,
];
const ALL_KEYS = [...ROTATE_CROP_KEYS, ...RESIZE_KEYS];
 
/**
 * @internal
 * State of an edit info object for image editing.
 * It is returned by checkEditInfoState() function
 */
export type ImageEditInfoState =
    /**
     * Invalid edit info. It means the given edit info object is either null,
     * or not all its member are of correct type
     */
    | 'Invalid'
 
    /**
     * The edit info shows that it is only potentially edited by resizing action.
     * Image is not rotated or cropped, or event not changed at all.
     */
    | 'ResizeOnly'
 
    /**
     * When compare with another edit info, this value can be returned when both current
     * edit info and the other one are not been rotated, and they have same cropping
     * percentages. So that they can share the same image src, only width and height
     * need to be adjusted.
     */
    | 'SameWithLast'
 
    /**
     * When this value is returned, it means the image is edited by either cropping or
     * rotation, or both. Image source can't be reused, need to generate a new image src
     * data uri.
     */
    | 'FullyChanged';
 
/**
 * @internal
 * Check the state of an edit info
 * @param editInfo The edit info to check
 * @param compareTo An optional edit info to compare to
 * @returns If the source edit info is not valid (wrong type, missing field, ...), returns Invalid.
 * If the source edit info doesn't contain any rotation or cropping, returns ResizeOnly
 * If the compare edit info exists, and both of them don't contain rotation, and the have same cropping values,
 * returns SameWithLast. Otherwise, returns FullyChanged
 */
export function checkEditInfoState(
    editInfo: ImageMetadataFormat,
    compareTo?: ImageMetadataFormat
): ImageEditInfoState {
    if (!editInfo || !editInfo.src || ALL_KEYS.some(key => !isNumber(editInfo[key]))) {
        return 'Invalid';
    } else if (
        ROTATE_CROP_KEYS.every(key => areSameNumber(editInfo[key], 0)) &&
        !editInfo.flippedHorizontal &&
        !editInfo.flippedVertical &&
        (!compareTo || (compareTo && editInfo.angleRad === compareTo.angleRad))
    ) {
        return 'ResizeOnly';
    } else if (
        compareTo &&
        ROTATE_KEYS.every(key => areSameNumber(editInfo[key], 0)) &&
        ROTATE_KEYS.every(key => areSameNumber(compareTo[key], 0)) &&
        CROP_KEYS.every(key => areSameNumber(editInfo[key], compareTo[key])) &&
        compareTo.flippedHorizontal === editInfo.flippedHorizontal &&
        compareTo.flippedVertical === editInfo.flippedVertical
    ) {
        return 'SameWithLast';
    } else {
        return 'FullyChanged';
    }
}
 
function isNumber(o: any): o is number {
    return typeof o === 'number';
}
 
function areSameNumber(n1?: number, n2?: number) {
    return n1 != undefined && n2 != undefined && Math.abs(n1 - n2) < 1e-3;
}