summaryrefslogtreecommitdiff
path: root/ext/fg/js/popup-proxy-host.js
blob: 189481bcf6ec7fc68e1d249998aff83a44bde124 (plain)
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*
 * Copyright (C) 2019 Alex Yatskov <alex@foosoft.net>
 * Author: Alex Yatskov <alex@foosoft.net>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


class PopupProxyHost {
    constructor() {
        this.popups = {};
        this.nextId = 0;
        this.apiReceiver = new FrontendApiReceiver('popup-proxy-host', {
            createNestedPopup: ({parentId}) => this.createNestedPopup(parentId),
            show: ({id, elementRect, options}) => this.show(id, elementRect, options),
            showOrphaned: ({id, elementRect, options}) => this.show(id, elementRect, options),
            hide: ({id}) => this.hide(id),
            setVisible: ({id, visible}) => this.setVisible(id, visible),
            containsPoint: ({id, point}) => this.containsPoint(id, point),
            termsShow: ({id, elementRect, definitions, options, context}) => this.termsShow(id, elementRect, definitions, options, context),
            kanjiShow: ({id, elementRect, definitions, options, context}) => this.kanjiShow(id, elementRect, definitions, options, context),
            clearAutoPlayTimer: ({id}) => this.clearAutoPlayTimer(id)
        });
    }

    createPopup(parentId) {
        const parent = (typeof parentId === 'string' && this.popups.hasOwnProperty(parentId) ? this.popups[parentId] : null);
        const id = `${this.nextId}`;
        ++this.nextId;
        const popup = new Popup(id);
        if (parent !== null) {
            popup.parent = parent;
            parent.children.push(popup);
        }
        this.popups[id] = popup;
        return popup;
    }

    async createNestedPopup(parentId) {
        return this.createPopup(parentId).id;
    }

    getPopup(id) {
        if (!this.popups.hasOwnProperty(id)) {
            throw 'Invalid popup ID';
        }

        return this.popups[id];
    }

    jsonRectToDOMRect(popup, jsonRect) {
        let x = jsonRect.x;
        let y = jsonRect.y;
        if (popup.parent !== null) {
            const popupRect = popup.parent.container.getBoundingClientRect();
            x += popupRect.x;
            y += popupRect.y;
        }
        return new DOMRect(x, y, jsonRect.width, jsonRect.height);
    }

    async show(id, elementRect, options) {
        const popup = this.getPopup(id);
        elementRect = this.jsonRectToDOMRect(popup, elementRect);
        return await popup.show(elementRect, options);
    }

    async showOrphaned(id, elementRect, options) {
        const popup = this.getPopup(id);
        elementRect = this.jsonRectToDOMRect(popup, elementRect);
        return await popup.showOrphaned(elementRect, options);
    }

    async hide(id) {
        const popup = this.getPopup(id);
        return popup.hide();
    }

    async setVisible(id, visible) {
        const popup = this.getPopup(id);
        return popup.setVisible(visible);
    }

    async containsPoint(id, point) {
        const popup = this.getPopup(id);
        return popup.containsPointIsAsync() ? await popup.containsPointAsync(point) : popup.containsPoint(point);
    }

    async termsShow(id, elementRect, definitions, options, context) {
        const popup = this.getPopup(id);
        elementRect = this.jsonRectToDOMRect(popup, elementRect);
        return await popup.termsShow(elementRect, definitions, options, context);
    }

    async kanjiShow(id, elementRect, definitions, options, context) {
        const popup = this.getPopup(id);
        elementRect = this.jsonRectToDOMRect(popup, elementRect);
        return await popup.kanjiShow(elementRect, definitions, options, context);
    }

    async clearAutoPlayTimer(id) {
        const popup = this.getPopup(id);
        return popup.clearAutoPlayTimer();
    }
}

PopupProxyHost.instance = new PopupProxyHost();