website/src/lib/animations/index.ts at 45b04e7d1441018348689260a1a8f3b9b9e4b124 · appwrite/website · GitHub

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
export function write(
    text: string,
    cb: (v: string) => void,
    duration = 500,
    { signal, startIndex = 0 }: { signal?: AbortSignal; startIndex?: number } = {}
) {
    if (text.length === 0) {
        cb('');
        return Promise.resolve();
    }
    if (startIndex >= text.length) {
        cb(text);
        return Promise.resolve();
    }
    const step = duration / text.length;
    let i = startIndex;

    return new Promise<void>((resolve, reject) => {
        const interval = setInterval(() => {
            if (signal?.aborted) {
                clearInterval(interval);
                return reject(new Error('Aborted'));
            }

            cb(text.slice(0, ++i));
            if (i === text.length) {
                clearInterval(interval);
                resolve();
            }
        }, step);

        signal?.addEventListener(
            'abort',
            () => {
                clearInterval(interval);
                reject(new Error('Aborted'));
            },
            { once: true }
        );
    });
}

export function unwrite(
    text: string,
    cb: (v: string) => void,
    duration = 500,
    { signal, startIndex }: { signal?: AbortSignal; startIndex?: number } = {}
) {
    if (text.length === 0) {
        cb('');
        return Promise.resolve();
    }
    const step = duration / text.length;
    let i = startIndex ?? text.length;

    if (i <= 0) {
        cb('');
        return Promise.resolve();
    }

    return new Promise<void>((resolve, reject) => {
        const interval = setInterval(() => {
            if (signal?.aborted) {
                clearInterval(interval);
                return reject(new Error('Aborted'));
            }

            cb(text.slice(0, --i));
            if (i === 0) {
                clearInterval(interval);
                resolve();
            }
        }, step);

        signal?.addEventListener(
            'abort',
            () => {
                clearInterval(interval);
                reject(new Error('Aborted'));
            },
            { once: true }
        );
    });
}

export function sleep(duration: number) {
    return new Promise((resolve) => {
        setTimeout(resolve, duration);
    });
}