} 返回promise，等待消息回复内容
510 | */
511 | send(name, payload, timeout, retry) {
512 | return this.executor.send(this.UUID, name, payload, timeout, retry)
513 | }
514 | /**
515 | * 当收到某消息时立即发送指定消息给发送方, 和ack不同
516 | * @param {string} trigger 触发的消息名
517 | * @param {string|string[]} name 消息名, 支持合并发送payload相同的消息
518 | * @param {Object} payload 传输数据
519 | *
520 | * @return {BoundIpc} this
521 | */
522 | sendOn(trigger, name, payload) {
523 | this.executor.sendOn(this.UUID, trigger, name, payload)
524 | return this
525 | }
526 | /**
527 | * 监听消息
528 | * @param {string|string[]} name 消息名
529 | * @param {IpcListener} listener 响应函数
530 | * @param {boolean} unique 同名消息只绑定一次, 再次绑定时会取消前一次的绑定
531 | *
532 | * @return {BoundIpc} this
533 | *
534 | */
535 | on(name, listener, unique) {
536 | this.executor.on(this.UUID, name, listener, unique)
537 | return this
538 | }
539 | /**
540 | * 单次监听webview内的消息
541 | * @param {string|string[]} name 消息名
542 | * @param {IpcListener} listener 响应函数
543 | *
544 | * @return {BoundIpc} this
545 | *
546 | */
547 | once(name, listener) {
548 | this.executor.once(this.UUID, name, listener)
549 | return this
550 | }
551 | /**
552 | * 取消监听
553 | * @param {string|string[]} name 消息名
554 | * @param {IpcListener} listener 响应函数
555 | *
556 | * @return {BoundIpc} this
557 | *
558 | */
559 | off(name, listener) {
560 | this.executor.off(this.UUID, name, listener)
561 | return this
562 | }
563 | /**
564 | * 手动触发消息
565 | * @param {string} name 消息名
566 | * @param {*} payload 消息内容
567 | * @param {*} error 错误信息
568 | */
569 | dispatch(name, payload, error) {
570 | return this.executor.dispatch(this.UUID, name, payload, error)
571 | }
572 | }
573 |
--------------------------------------------------------------------------------
/renderer/libs/chrome-search.js:
--------------------------------------------------------------------------------
1 | import {parseStrToDOM, importStyle, debounce} from "../util"
2 | import {register, unregister} from "./localshortcutswrap"
3 |
4 | export default class ChromeSearch {
5 | constructor(page) {
6 | this.page = page
7 | this.webview = page._getWebview()
8 |
9 | this.doms = {}
10 | this.value = ""
11 | this.needCreate = true
12 |
13 | this.evDelegateClick = this.evDelegateClick.bind(this)
14 | this.evKeyDown = this.evKeyDown.bind(this)
15 | this.evTextInput = this.evTextInput.bind(this)
16 | this.evEscClick = this.evEscClick.bind(this)
17 | }
18 | create() {
19 | let container = parseStrToDOM(`
20 |
21 |
22 |
23 |
24 |
${icon.pre}
25 |
${icon.next}
26 |
${icon.close}
27 |
35 | 100%
36 | ${icon.out}
37 | ${icon.in}
38 | 重置
39 |
40 | `)
41 |
42 | let doms = (this.doms = {
43 | container,
44 | text: container.querySelector(".chrome-zoom-text"),
45 | out: container.querySelector(".chrome-zoom-out"),
46 | in: container.querySelector(".chrome-zoom-in"),
47 | reset: container.querySelector(".chrome-zoom-reset"),
48 | })
49 |
50 | doms.out.addEventListener("click", this.zoomOut.bind(this), false)
51 | doms.in.addEventListener("click", this.zoomIn.bind(this), false)
52 | doms.reset.addEventListener("click", this.zoomReset.bind(this), false)
53 | this.page._getDOM().appendChild(container)
54 | }
55 | zoomOut() {
56 | if (zoomOutFactors.length + this.zoomFactorIndex <= 0) {
57 | return
58 | }
59 |
60 | this.zoomFactorIndex -= 1
61 | this.zoom()
62 | }
63 | zoomIn() {
64 | if (zoomOutFactors.length - this.zoomFactorIndex + 1 < 0) {
65 | return
66 | }
67 |
68 | this.zoomFactorIndex += 1
69 | this.zoom()
70 | }
71 | zoomReset() {
72 | this.zoomFactorIndex = 0
73 | this.zoom()
74 | }
75 | zoom() {
76 | this.zoomFactorIndex = Math.min(
77 | Math.max(-zoomOutFactors.length, parseInt(this.zoomFactorIndex, 10)),
78 | zoomInFactors.length
79 | )
80 | let zoomFactor = 100
81 | if (this.zoomFactorIndex < 0) {
82 | zoomFactor = zoomOutFactors[Math.abs(this.zoomFactorIndex) - 1]
83 | } else if (this.zoomFactorIndex > 0) {
84 | zoomFactor = zoomInFactors[this.zoomFactorIndex - 1]
85 | }
86 |
87 | if (this.webview) {
88 | this.webview.setZoomFactor(zoomFactor / 100)
89 | }
90 | this.show()
91 | this.doms.text.textContent = zoomFactor + "%"
92 | }
93 | show() {
94 | if (this.hideTimer) {
95 | clearTimeout(this.hideTimer)
96 | }
97 | this.hideTimer = setTimeout(() => {
98 | this.hide()
99 | }, 2e3)
100 |
101 | if (!this.created) {
102 | this.created = true
103 | this.create()
104 | }
105 | }
106 | hide() {
107 | this.destroy()
108 | this.created = false
109 | }
110 | destroy() {
111 | let doms = this.doms
112 | doms.container.remove()
113 | }
114 | }
115 |
116 | const icon = {
117 | out: ``,
118 | in: ``,
119 | }
120 |
121 | importStyle(
122 | `
123 | .chrome-zoom {
124 | position: absolute;
125 | display: flex;
126 | top: 0;
127 | right: 30px;
128 | width: 256px;
129 | height: 42px;
130 | line-height: 30px;
131 | background: #fff;
132 | padding: 5px 15px;
133 | user-select:none;
134 | box-shadow: -3px 1px 4px #e3e3e3;
135 | border: 1px solid #e3e3e3;
136 | font-size: 12px;
137 | color: #000;
138 | }
139 | .chrome-zoom-text {
140 | width: 100px;
141 | text-align: left;
142 | }
143 | .chrome-zoom-in,
144 | .chrome-zoom-out {
145 | margin-top: 3px;
146 | margin-left: 5px;
147 | width: 24px;
148 | height: 24px;
149 | cursor: pointer;
150 | border-radius: 15px;
151 | text-align: center;
152 | padding: 6px 0;
153 | font-weight: bold;
154 | transition-duration: .3s;
155 | text-align: center;
156 | }
157 | .chrome-zoom-in svg,
158 | .chrome-zoom-out svg {
159 | vertical-align: top;
160 | }
161 | .chrome-zoom-in:hover,
162 | .chrome-zoom-out:hover{
163 | background: #e3e3e3;
164 | }
165 | .chrome-zoom-in:active,
166 | .chrome-zoom-out:active {
167 | background: #f7f5f5;
168 | }
169 | .chrome-zoom-reset {
170 | color: rgb(26, 115, 232);
171 | height: 30px;
172 | line-height: 28px;
173 | width: 64px;
174 | text-align: center;
175 | border: 1px solid rgb(218, 220, 224);
176 | border-radius: 2px;
177 | margin-left: 15px;
178 | cursor: pointer;
179 | }
180 | `,
181 | "electron-puppeteer-chrome-zoom"
182 | )
183 |
--------------------------------------------------------------------------------
/renderer/libs/localshortcutswrap.js:
--------------------------------------------------------------------------------
1 | const {remote} = require("electron")
2 | const currentWindow = remote.getCurrentWindow()
3 | const localshortcut = require("@replace5/electron-localshortcut")
4 |
5 | const shortcusMap = new Map()
6 |
7 | /**
8 | * 事件对象
9 | * @param opt
10 | * @prop {boolean} opt.only 如果为true 绑定key的事件中仅执行该事件
11 | */
12 | function createEvenet(key, callback, opt) {
13 | return {
14 | key,
15 | cb: callback,
16 | only: opt.only,
17 | ctx: opt.ctx,
18 | }
19 | }
20 |
21 | /**
22 | * 事件执行规则
23 | * @param {*} events
24 | */
25 | function exec(events) {
26 | // only : 绑定key的事件中仅执行该事件
27 | let event = events.find((e) => e.only)
28 | if (event) {
29 | event.cb.call(event.ctx)
30 | return
31 | }
32 |
33 | events.forEach(({cb, ctx}) => cb.call(ctx))
34 | }
35 |
36 | export function register(key, callback, opt) {
37 | let event = createEvenet(key, callback, opt)
38 | if (shortcusMap.has(key)) {
39 | const events = shortcusMap.get(key)
40 | events.push(event)
41 | } else {
42 | shortcusMap.set(key, [event])
43 |
44 | let onShortcutEvent = () => {
45 | exec(shortcusMap.get(key))
46 | }
47 | localshortcut.register(currentWindow, key, onShortcutEvent)
48 | }
49 | }
50 |
51 | export function unregister(key, callback) {
52 | let events = shortcusMap.get(key)
53 | if (callback) {
54 | events.forEach((event, index, events) => {
55 | if (event.cb === callback) {
56 | events.splice(index, 1)
57 | }
58 | })
59 | // 事件为空，删除
60 | if (!events.length) {
61 | shortcusMap.delete(key)
62 | }
63 | } else {
64 | w
65 | shortcusMap.delete(key)
66 | localshortcut.unregister(currentWindow, key)
67 | }
68 | }
69 |
70 | export function unregisterAll() {
71 | localshortcut.unregisterAll()
72 | shortcusMap.clear()
73 | }
74 |
--------------------------------------------------------------------------------
/renderer/style.css.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @file css to js
3 | */
4 |
5 | export default `
6 | .electron-puppeteer-browser {
7 | position: absolute;
8 | width: 100%;
9 | height: 100%;
10 | left: 0;
11 | top: 0;
12 | z-index: 1;
13 | background: #fff;
14 | }
15 | .electron-puppeteer-pages {
16 | position: relative;
17 | flex: 1;
18 | height: calc(100% - 46px);
19 | }
20 | .electron-puppeteer-page {
21 | position: absolute;
22 | left: 0;
23 | top: 0;
24 | width: 100%;
25 | height: 100%;
26 | display: none;
27 | }
28 | .electron-puppeteer-page webview {
29 | width: 100%;
30 | height: 100%;
31 | }
32 | .chrome-tabs {
33 | -webkit-app-region: drag;
34 | }
35 | .chrome-tab,
36 | .chrome-tabs-button {
37 | -webkit-app-region: no-drag;
38 | }
39 | `
40 |
--------------------------------------------------------------------------------
/renderer/util.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @file util
3 | */
4 | export function isString(a) {
5 | return Object.prototype.toString.call(a) === "[object String]"
6 | }
7 |
8 | export function isFunction(a) {
9 | return Object.prototype.toString.call(a) === "[object Function]"
10 | }
11 |
12 | export function isArray(a) {
13 | return Object.prototype.toString.call(a) === "[object Array]"
14 | }
15 |
16 | export function isObject(a) {
17 | return Object.prototype.toString.call(a) === "[object Object]"
18 | }
19 |
20 | export function isRegExp(a) {
21 | return Object.prototype.toString.call(a) === "[object RegExp]"
22 | }
23 |
24 | export function uniqueId(prefix) {
25 | return (
26 | (prefix || "") +
27 | Math.random().toString(32).substr(1) +
28 | Date.now().toString(32)
29 | )
30 | }
31 |
32 | export function sleep(time) {
33 | return new Promise((resolve) => {
34 | setTimeout(() => {
35 | resolve(true)
36 | }, time)
37 | })
38 | }
39 |
40 | export function loggerDecorator(target, name, descriptor) {
41 | var oldValue = descriptor.value
42 |
43 | if (
44 | typeof descriptor.value === "function" &&
45 | process.env.NODE_ENV === "development"
46 | ) {
47 | descriptor.value = function () {
48 | var args = [].slice.call(arguments)
49 |
50 | // hidden pwd, password
51 | args = args.map(function (item) {
52 | var keys = (item && Object.keys(item)) || []
53 | if (keys.indexOf("pwd") > -1 || keys.indexOf("password") > -1) {
54 | return Object.assign({}, item, {pwd: "******"})
55 | }
56 | })
57 |
58 | console.info(
59 | `Calling ${target.constructor.name}.${name}: ${target} ,with: `,
60 | ...args
61 | )
62 |
63 | var ret = oldValue.apply(this, arguments)
64 |
65 | if (ret && ret.then) {
66 | ret.then((ret) => {
67 | console.info(
68 | `Return ${target.constructor.name}.${name}: ${target} ,with`,
69 | ret
70 | )
71 | })
72 | } else {
73 | console.info(
74 | `Return ${target.constructor.name}.${name}: ${target} ,with`,
75 | ret
76 | )
77 | }
78 |
79 | return ret
80 | }
81 | }
82 |
83 | return descriptor
84 | }
85 |
86 | // 拓展指定类的原型方法，方法涞源于自己的其它函数的返回值，如page的goto方法来源于page.mainFrame()
87 | export function proxyBindDecorator(proxyMethods, proxierGetFn) {
88 | return function (target) {
89 | proxyMethods.forEach((methodName) => {
90 | target.prototype[methodName] = function () {
91 | var proxier = proxierGetFn.call(this)
92 | return proxier[methodName].apply(proxier, arguments)
93 | }
94 | })
95 |
96 | return target
97 | }
98 | }
99 |
100 | // 插入style节点
101 | export function importStyle(styleContent, id) {
102 | if (id && document.getElementById(id)) {
103 | return
104 | }
105 |
106 | var style = document.createElement("style")
107 | style.type = "text/css"
108 | if (id) {
109 | style.id = id
110 | }
111 | document.getElementsByTagName("head")[0].appendChild(style)
112 | if (style.styleSheet) {
113 | style.styleSheet.cssText = styleContent
114 | } else {
115 | style.appendChild(document.createTextNode(styleContent))
116 | }
117 | }
118 |
119 | // 将dom的position修改为可相对定位的节点
120 | export function setDomAsOffsetParent(dom) {
121 | var style = window.getComputedStyle(dom, null)
122 | var set = new Set("absolute", "fixed", "relative", "sticky")
123 | if (!set.has(style.position)) {
124 | dom.style.position = "relative"
125 | }
126 | }
127 |
128 | export function TimeoutPromise(fn, timeout) {
129 | return new Promise(function (resolve, reject) {
130 | var timer
131 | var ctx = {
132 | isTimeout: false,
133 | timeoutCallback: null,
134 | rejectCallback: null,
135 | }
136 | if (timeout) {
137 | timer = setTimeout(function () {
138 | ctx.isTimeout = true
139 | if (ctx.timeoutCallback) {
140 | ctx.timeoutCallback()
141 | }
142 | reject("promise.timeout")
143 | if (ctx.rejectCallback) {
144 | ctx.rejectCallback()
145 | }
146 | }, timeout)
147 | }
148 |
149 | function rewriteResolve(data) {
150 | if (ctx.isTimeout) {
151 | return
152 | }
153 |
154 | if (timer) {
155 | clearTimeout(timer)
156 | }
157 |
158 | resolve(data)
159 | }
160 |
161 | function rewriteReject(err) {
162 | if (ctx.isTimeout) {
163 | return
164 | }
165 |
166 | if (timer) {
167 | clearTimeout(timer)
168 | }
169 |
170 | reject(err)
171 | if (ctx.rejectCallback) {
172 | ctx.rejectCallback()
173 | }
174 | }
175 |
176 | fn.call(this, rewriteResolve, rewriteReject, ctx)
177 | })
178 | }
179 |
180 | export function parseStrToDOM(str) {
181 | let tmp = document.createElement("div")
182 | tmp.innerHTML = str.trim()
183 | const childNodes = tmp.childNodes
184 | return childNodes.length === 1 ? childNodes[0] : childNodes
185 | }
186 |
187 | export function debounce(fn, wait = 1e3) {
188 | let timeoutID
189 | return function (...argv) {
190 | if (timeoutID) {
191 | clearTimeout(timeoutID)
192 | }
193 | timeoutID = setTimeout(() => {
194 | fn.apply(this, argv)
195 | }, wait)
196 | }
197 | }
198 |
199 | export function isElementInViewport(el) {
200 | var rect = el.getBoundingClientRect()
201 |
202 | return (
203 | rect.top >= 0 &&
204 | rect.left >= 0 &&
205 | rect.bottom <=
206 | (window.innerHeight || document.documentElement.clientHeight) &&
207 | rect.right <= (window.innerWidth || document.documentElement.clientWidth) &&
208 | rect.width > 0 &&
209 | rect.height > 0
210 | )
211 | }
212 |
213 | export default {
214 | uniqueId,
215 | loggerDecorator,
216 | proxyBindDecorator,
217 | importStyle,
218 | TimeoutPromise,
219 | parseStrToDOM,
220 | debounce,
221 | isElementInViewport,
222 | }
223 |
--------------------------------------------------------------------------------
/renderer_lib/BrowserManager.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 |
7 | var _Browser = require("./Browser.js");
8 |
9 | var _Browser2 = _interopRequireDefault(_Browser);
10 |
11 | var _KeyboardShortcuts = require("./KeyboardShortcuts.js");
12 |
13 | var _KeyboardShortcuts2 = _interopRequireDefault(_KeyboardShortcuts);
14 |
15 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16 |
17 | /**
18 | * @class BrowserManager
19 | */
20 | /**
21 | * @file BrowserManager类
22 | */
23 | class BrowserManager {
24 | /**
25 | * @constructor BrowserManager
26 | *
27 | */
28 | constructor() {
29 | this._browsers = new Map();
30 | // 快捷键
31 | new _KeyboardShortcuts2.default(this);
32 | }
33 | /**
34 | * 打开浏览器
35 | * @param {*} options 见Browser的options配置
36 | */
37 | launch(options) {
38 | const browser = new _Browser2.default(this, options);
39 | return browser.init().then(() => (this._browsers.set(browser.id, browser), browser));
40 | }
41 | get size() {
42 | return this._browsers.size;
43 | }
44 | /**
45 | * 获取最早打开的browser实例
46 | */
47 | getEarliest() {
48 | let browsers = [];
49 | this._browsers.forEach(item => {
50 | browsers.push(item);
51 | });
52 |
53 | return browsers.sort((a, b) => a.startTime - b.startTime).shift();
54 | }
55 | /**
56 | * 通过browserId获取browser实例
57 | * @param {string} browserId browser.id
58 | */
59 | get(browserId) {
60 | return this._browsers.get(browserId);
61 | }
62 | /**
63 | * 获取当前最视窗最前端的browser实例，也就是激活的browser实例
64 | */
65 | frontBrowser() {
66 | let front = null;
67 | this._browsers.forEach(item => {
68 | if (item.isFront === true) {
69 | front = item;
70 | }
71 | });
72 |
73 | return front;
74 | }
75 | frontPage() {
76 | let browser = this.frontBrowser();
77 | return browser && browser.frontPage();
78 | }
79 | /**
80 | * 删除browser，不可直接调用
81 | * 如需要关闭browser，请调用browser.close()
82 | * @private
83 | * @param {string} browserId
84 | */
85 | _removeBrowser(browserId) {
86 | this._browsers.delete(browserId);
87 | }
88 | /**
89 | * 激活browser，不可直接调用
90 | * 如需要激活页面，请调用browser.bringToFront()
91 | * @private
92 | * @param {string} pageId
93 | */
94 | _bringBrowserToFront(browserId) {
95 | this._browsers.forEach(browser => {
96 | if (browserId === browser.id) {
97 | browser._doFront();
98 | } else {
99 | browser._doBack();
100 | }
101 | });
102 | }
103 | }
104 | exports.default = BrowserManager;
--------------------------------------------------------------------------------
/renderer_lib/ElementHandle.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | Object.defineProperty(exports, "__esModule", {
4 | value: true
5 | });
6 |
7 | var _EventEmitter = require("./EventEmitter.js");
8 |
9 | var _EventEmitter2 = _interopRequireDefault(_EventEmitter);
10 |
11 | var _USKeyboardLayout = require("./USKeyboardLayout.js");
12 |
13 | var _USKeyboardLayout2 = _interopRequireDefault(_USKeyboardLayout);
14 |
15 | var _util = require("./util.js");
16 |
17 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18 |
19 | function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; } /**
20 | * @file ElementHandle类
21 | */
22 |
23 | /**
24 | * @class ElementHandle frame的dom操作句柄
25 | * @extends EventEmitter
26 | *
27 | * @property {Frame} frame 所属frame实例
28 | * @property {string} selector 选择器
29 | * @property {string} baseSelector 基础选择器，先查找baseSelector，再在baseSelector的基础上查找当前节点
30 | *
31 | */
32 | class ElementHandle extends _EventEmitter2.default {
33 | /**
34 | * @constructor ElementHandle
35 | *
36 | * @param {Frame} frame 所属frame实例
37 | * @param {string} selector 选择器
38 | * @param {string} baseSelector 基础选择器，先查找baseSelector，再在baseSelector的基础上查找当前节点
39 | *
40 | */
41 | constructor(frame, selector, baseSelector) {
42 | super();
43 |
44 | this.id = (0, _util.uniqueId)("ElementHandle_");
45 | this.ipc = frame.ipc;
46 | this.frame = frame;
47 | this.selector = selector;
48 | this.baseSelector = baseSelector;
49 | }
50 | _joinSelfSelector() {
51 | var baseSelector = this.baseSelector.slice(0);
52 | baseSelector.push(this.selector);
53 | return baseSelector;
54 | }
55 | _joinSelector(selector, baseSelector) {
56 | baseSelector = baseSelector.slice(0);
57 | baseSelector.push(selector);
58 | return baseSelector;
59 | }
60 | /**
61 | * 基于当前节点，查询新的单个节点, 对应elm.querySelector(selector)
62 | * @param {string} selector
63 | *
64 | * @return {ElementHandle}
65 | */
66 | $(selector) {
67 | return new ElementHandle(this.frame, selector, this._joinSelfSelector());
68 | }
69 | /**
70 | * 基于当前节点，查询新的节点集合, 对应elm.querySelectorAll(selector)
71 | * @param {string} selector
72 | *
73 | * @return {Promise}
74 | */
75 | $$(selector) {
76 | return this.ipc.send("elementHandle.$$", {
77 | selector: selector,
78 | baseSelector: this._joinSelfSelector()
79 | }).then(length => {
80 | return new Array(length).map((v, i) => {
81 | return new ElementHandle(this.contentFrame(), [selector, i], this._joinSelfSelector());
82 | });
83 | });
84 | }
85 | /**
86 | * 查找节点，并将查找的节点作为参数传为pageFunction
87 | * @param {string} selector
88 | * @param {Function} pageFunction
89 | *
90 | * @return {Promise<*>}
91 | */
92 | $eval(selector, pageFunction) {
93 | var args = [].slice.call(arguments, 1);
94 |
95 | return this.ipc.send("elementHandle.$eval", {
96 | selector: selector,
97 | baseSelector: this._joinSelfSelector(),
98 | pageFunction: pageFunction.toString(),
99 | args: args
100 | });
101 | }
102 | /**
103 | * 查找节点集合，并将查找的节点集合作为参数传为pageFunction
104 | * @param {string} selector
105 | * @param {Function} pageFunction
106 | *
107 | * @return {Promise<*>}
108 | */
109 | $$eval(selector, pageFunction) {
110 | var args = [].slice.call(arguments, 1);
111 |
112 | return this.ipc.send("elementHandle.$$eval", {
113 | selector: selector,
114 | baseSelector: this._joinSelfSelector(),
115 | pageFunction: pageFunction.toString(),
116 | args: args
117 | });
118 | }
119 | /**
120 | * todo
121 | */
122 | $x() /* expression */{
123 | return Promise.reject("todo");
124 | }
125 | /**
126 | * todo
127 | */
128 | asElement() {
129 | return Promise.reject("todo");
130 | }
131 | /**
132 | * boundingBox
133 | *
134 | * @return {Promise