@hylid/call 3.2.0-alpha.1 → 3.2.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/mpCall.d.ts +2 -3
- package/lib/mpWebBridge.d.ts +1 -1
- package/lib/mpWebBridge.js +20 -65
- package/lib/mpWebCall.d.ts +5 -5
- package/lib/mpWebCall.js +29 -18
- package/lib/notFound.js +2 -4
- package/lib/types.d.ts +23 -11
- package/lib/utils.d.ts +30 -0
- package/lib/utils.js +54 -0
- package/lib/webCall.d.ts +3 -3
- package/lib/webCall.js +2 -2
- package/lib/webviewBridge/index.d.ts +26 -0
- package/lib/webviewBridge/index.js +129 -0
- package/lib/webviewBridge/internal/canIUse.d.ts +3 -0
- package/lib/webviewBridge/internal/canIUse.js +4 -0
- package/lib/webviewBridge/internal/getCurrentPages.d.ts +1 -0
- package/lib/webviewBridge/internal/getCurrentPages.js +3 -0
- package/lib/webviewBridge/internal/index.d.ts +18 -0
- package/lib/webviewBridge/internal/index.js +156 -0
- package/lib/webviewBridge/internal/memory.d.ts +10 -0
- package/lib/webviewBridge/internal/memory.js +12 -0
- package/lib/webviewBridge/utils.d.ts +4 -0
- package/lib/webviewBridge/utils.js +205 -0
- package/package.json +3 -3
- package/lib/webviewBridge.d.ts +0 -38
- package/lib/webviewBridge.js +0 -176
package/lib/mpCall.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { MPApi, PickMPArgs, Callback, PickMpReturns } from '@hylid/types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}): any;
|
|
2
|
+
import { JsApiConfig } from './types';
|
|
3
|
+
export declare function mpCall<T extends keyof MPApi>(apiName: T | ({} & string), options?: PickMPArgs<T> | Callback<PickMpReturns<T>>, config?: JsApiConfig): any;
|
package/lib/mpWebBridge.d.ts
CHANGED
package/lib/mpWebBridge.js
CHANGED
|
@@ -1,75 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
4
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
5
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
6
|
-
}
|
|
7
|
-
return t;
|
|
8
|
-
};
|
|
9
|
-
/** 加载 appx 脚本 */
|
|
10
|
-
var loadAppxBridge = function loadAppxBridge(cb) {
|
|
11
|
-
var _a;
|
|
12
|
-
try {
|
|
13
|
-
// umd 包用的 IFF 模式,会立即向 window.my 上注入 jsapi,所以不能使用 window.my 判断是否已经加载了 appx 脚本
|
|
14
|
-
// umd 版本和 modules 版本不能混用
|
|
15
|
-
if ((_a = window.my) === null || _a === void 0 ? void 0 : _a.__hy_mounted__) {
|
|
16
|
-
cb && cb("ready" /* BridgeReady.READY */);
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
var hyMy_1 = window.my || {};
|
|
20
|
-
var script_1 = document.createElement('script');
|
|
21
|
-
script_1.src = 'https://appx/web-view.min.js';
|
|
22
|
-
script_1.onload = function onload() {
|
|
23
|
-
var readyState = script_1['readyState'];
|
|
24
|
-
if (typeof readyState === 'undefined' || /^(loaded|complete)$/.test(readyState)) {
|
|
25
|
-
script_1.onload = null;
|
|
26
|
-
// appx 脚本覆盖了 window 的 my 属性,这里再把 hylid-bridge 的 API 挂上去
|
|
27
|
-
var postMessage_1 = hyMy_1.postMessage,
|
|
28
|
-
api = __rest(hyMy_1, ["postMessage"]);
|
|
29
|
-
Object.assign(window.my, api, {
|
|
30
|
-
__hy_mounted__: true
|
|
31
|
-
});
|
|
32
|
-
cb && cb("loaded" /* BridgeReady.LOADED */);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
var head = document.getElementsByTagName('head')[0] || document.body;
|
|
36
|
-
head.appendChild(script_1);
|
|
37
|
-
} catch (e) {
|
|
38
|
-
cb && cb(null);
|
|
39
|
-
}
|
|
40
|
-
};
|
|
1
|
+
import { alipayJSBridge } from "./webCall";
|
|
41
2
|
var isListening = false;
|
|
42
|
-
var WAITING_QUEUE = [];
|
|
43
3
|
var MESSAGE_HANDLER = [];
|
|
44
4
|
export function mpWebOnMessage(cb) {
|
|
45
5
|
MESSAGE_HANDLER.push(cb);
|
|
46
6
|
return function () {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
7
|
+
MESSAGE_HANDLER = MESSAGE_HANDLER.filter(function (o) {
|
|
8
|
+
return o !== cb;
|
|
9
|
+
});
|
|
51
10
|
};
|
|
52
11
|
}
|
|
53
12
|
export function mpWebPostMessage(message) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
window.my.postMessage(message);
|
|
71
|
-
} else {
|
|
72
|
-
WAITING_QUEUE.push(message);
|
|
73
|
-
}
|
|
13
|
+
if (!isListening) {
|
|
14
|
+
document.addEventListener('onToWebViewMessage', function (e) {
|
|
15
|
+
var res = e.data.res;
|
|
16
|
+
if (!res || res.type !== 'message') return;
|
|
17
|
+
var data = JSON.parse(res.data);
|
|
18
|
+
MESSAGE_HANDLER.forEach(function (fn) {
|
|
19
|
+
return fn(data);
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
isListening = true;
|
|
23
|
+
}
|
|
24
|
+
return alipayJSBridge(function () {
|
|
25
|
+
window.AlipayJSBridge.call('postWebViewMessage', {
|
|
26
|
+
type: 'message',
|
|
27
|
+
detail: message
|
|
28
|
+
});
|
|
74
29
|
});
|
|
75
30
|
}
|
package/lib/mpWebCall.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { MPApi } from '@hylid/types';
|
|
2
|
-
import {
|
|
2
|
+
import { JsApiConfig, MpWebJsApiOptions } from './types';
|
|
3
3
|
import { mpWebOnMessage, mpWebPostMessage } from './mpWebBridge';
|
|
4
|
-
export declare function mpWebCall<T extends keyof MPApi>(api: T | ({} & string), options?: MpWebJsApiOptions<T>, config?:
|
|
4
|
+
export declare function mpWebCall<T extends keyof MPApi>(api: T | ({} & string), options?: MpWebJsApiOptions<T>, config?: JsApiConfig): void;
|
|
5
5
|
export declare namespace mpWebCall {
|
|
6
6
|
var onMessage: typeof mpWebOnMessage;
|
|
7
7
|
var postMessage: typeof mpWebPostMessage;
|
|
8
|
-
var broadcastGlobalData: (key: string,
|
|
9
|
-
var onReceiveGlobalData: (key: string, callback: (data: any, form: string) => void) => () => void;
|
|
10
|
-
var onPageEvent: (event: ({} & string) | "onShow" | "onHide" | "onTitleClick" | "onOptionMenuClick" | "onTabItemTap", callback: (data: any) => void) => () => void;
|
|
8
|
+
var broadcastGlobalData: (key: string, result: any) => void;
|
|
9
|
+
var onReceiveGlobalData: (key: string, callback: (data: any, error: any, form: string) => void) => () => void;
|
|
10
|
+
var onPageEvent: (event: ({} & string) | "onShow" | "onHide" | "onTitleClick" | "onOptionMenuClick" | "onTabItemTap", callback: (data: any, err?: any) => void) => () => void;
|
|
11
11
|
}
|
package/lib/mpWebCall.js
CHANGED
|
@@ -7,20 +7,26 @@ mpWebOnMessage(function (msg) {
|
|
|
7
7
|
var message = msg;
|
|
8
8
|
var serialId = message.serialId;
|
|
9
9
|
// 不是 jsapi 的调用的消息
|
|
10
|
-
if (message.type !== 'apiCall') return;
|
|
10
|
+
if (message.type && message.type !== 'apiCall') return;
|
|
11
11
|
if (!serialId) return;
|
|
12
12
|
if (!callMap[serialId]) return;
|
|
13
13
|
var callback = callMap[serialId];
|
|
14
14
|
var data = message.result;
|
|
15
15
|
var type = (_a = message.config) === null || _a === void 0 ? void 0 : _a.type; // JsApi 的类型
|
|
16
|
-
if (type === 'callback')
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
if (type === 'callback') {
|
|
17
|
+
var _b = data || {},
|
|
18
|
+
_data_1 = _b._data_,
|
|
19
|
+
_type_1 = _b._type_;
|
|
20
|
+
if (_type_1 === 'success') return callback(_data_1);
|
|
21
|
+
return callback(undefined, _data_1);
|
|
22
|
+
}
|
|
23
|
+
var _c = callback || {},
|
|
24
|
+
success = _c.success,
|
|
25
|
+
fail = _c.fail,
|
|
26
|
+
complete = _c.complete;
|
|
27
|
+
var _d = data || {},
|
|
28
|
+
_data_ = _d._data_,
|
|
29
|
+
_type_ = _d._type_;
|
|
24
30
|
// 新版本协议
|
|
25
31
|
if (_type_) {
|
|
26
32
|
if (_type_ === 'success') success === null || success === void 0 ? void 0 : success(_data_);
|
|
@@ -55,27 +61,28 @@ export function mpWebCall(api, options, config) {
|
|
|
55
61
|
};
|
|
56
62
|
mpWebPostMessage(message);
|
|
57
63
|
}
|
|
58
|
-
function broadcastGlobalData(key,
|
|
64
|
+
function broadcastGlobalData(key, result) {
|
|
59
65
|
var message = {
|
|
60
66
|
source: 'hylid',
|
|
61
67
|
type: 'broadcast',
|
|
62
68
|
from: window.location.href,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
payload: payload
|
|
66
|
-
}
|
|
69
|
+
key: key,
|
|
70
|
+
result: result
|
|
67
71
|
};
|
|
68
72
|
mpWebPostMessage(message);
|
|
69
73
|
}
|
|
70
74
|
function onReceiveGlobalData(key, callback) {
|
|
71
75
|
return mpWebOnMessage(function (msg) {
|
|
72
|
-
var _a, _b;
|
|
73
76
|
var message = msg;
|
|
74
77
|
if (message.source !== 'hylid') return;
|
|
75
78
|
if (message.type !== 'broadcast') return;
|
|
76
79
|
// 不是接收的目标消息
|
|
77
|
-
if (
|
|
78
|
-
|
|
80
|
+
if (message.key !== key) return;
|
|
81
|
+
var _a = message.result || {},
|
|
82
|
+
_data_ = _a._data_,
|
|
83
|
+
_type_ = _a._type_;
|
|
84
|
+
if (_type_ === 'success') return callback(_data_, undefined, message.from);
|
|
85
|
+
return callback(undefined, _data_, message.from);
|
|
79
86
|
});
|
|
80
87
|
}
|
|
81
88
|
function onPageEvent(event, callback) {
|
|
@@ -90,7 +97,11 @@ function onPageEvent(event, callback) {
|
|
|
90
97
|
if (message.source !== 'hylid') return;
|
|
91
98
|
if (message.type !== 'pageEvent') return;
|
|
92
99
|
if (message.event !== event) return;
|
|
93
|
-
|
|
100
|
+
var _a = message.result || {},
|
|
101
|
+
_data_ = _a._data_,
|
|
102
|
+
_type_ = _a._type_;
|
|
103
|
+
if (_type_ === 'success') return callback(_data_);
|
|
104
|
+
return callback(undefined, _data_);
|
|
94
105
|
});
|
|
95
106
|
}
|
|
96
107
|
mpWebCall.onMessage = mpWebOnMessage;
|
package/lib/notFound.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { createError } from "./utils";
|
|
1
2
|
export var notFound = function notFound(name, opt, config) {
|
|
2
3
|
var _a;
|
|
3
4
|
if (config === void 0) {
|
|
@@ -5,10 +6,7 @@ export var notFound = function notFound(name, opt, config) {
|
|
|
5
6
|
}
|
|
6
7
|
var _b = config.type,
|
|
7
8
|
type = _b === void 0 ? 'async' : _b;
|
|
8
|
-
var response =
|
|
9
|
-
error: -1,
|
|
10
|
-
errorMessage: "".concat(name, " is not found")
|
|
11
|
-
};
|
|
9
|
+
var response = createError('NOTFOUND', name);
|
|
12
10
|
if (type === 'sync') return response;
|
|
13
11
|
if (type === 'callback') {
|
|
14
12
|
opt === null || opt === void 0 ? void 0 : opt(response);
|
package/lib/types.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { JsApiType, MPApi, PickMPArgs, PickMpReturns } from '@hylid/types';
|
|
2
2
|
export declare type JsApi = keyof MPApi;
|
|
3
|
-
export interface
|
|
3
|
+
export interface JsApiConfig {
|
|
4
4
|
type?: JsApiType;
|
|
5
5
|
}
|
|
6
|
-
export declare type Config =
|
|
7
|
-
export interface
|
|
6
|
+
export declare type Config = JsApiConfig;
|
|
7
|
+
export interface MpWebMessageResult<T = any> {
|
|
8
8
|
_type_: 'success' | 'fail';
|
|
9
|
-
_data_:
|
|
9
|
+
_data_: T;
|
|
10
10
|
}
|
|
11
11
|
export interface MpWebJsApiMessage {
|
|
12
12
|
source: 'hylid';
|
|
@@ -14,26 +14,38 @@ export interface MpWebJsApiMessage {
|
|
|
14
14
|
api: string;
|
|
15
15
|
serialId: string;
|
|
16
16
|
options: any;
|
|
17
|
-
config?:
|
|
18
|
-
result?:
|
|
17
|
+
config?: JsApiConfig;
|
|
18
|
+
result?: MpWebMessageResult;
|
|
19
19
|
}
|
|
20
20
|
export interface MpWebBroadcastMessage {
|
|
21
21
|
source: 'hylid';
|
|
22
22
|
type: 'broadcast';
|
|
23
23
|
from: string;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
payload: any;
|
|
27
|
-
};
|
|
24
|
+
key: string;
|
|
25
|
+
result?: MpWebMessageResult;
|
|
28
26
|
}
|
|
29
27
|
export interface MpWebPageEventMessage {
|
|
30
28
|
source: 'hylid';
|
|
31
29
|
type: 'pageEvent';
|
|
32
30
|
event: 'onShow' | 'onHide' | 'onTitleClick' | 'onOptionMenuClick' | 'onTabItemTap' | ({} & string);
|
|
33
|
-
result?:
|
|
31
|
+
result?: MpWebMessageResult;
|
|
34
32
|
}
|
|
35
33
|
export declare type Message = MpWebJsApiMessage | MpWebBroadcastMessage | MpWebPageEventMessage;
|
|
36
34
|
export declare type MessageHandler = (message: Message) => void;
|
|
37
35
|
declare type Callback<T> = (result?: T) => void;
|
|
38
36
|
export declare type MpWebJsApiOptions<T extends keyof MPApi> = PickMPArgs<T> | Callback<PickMpReturns<T>>;
|
|
37
|
+
export interface WebviewBridgeConfig {
|
|
38
|
+
/** 允许调用 jsApi 的白名单 */
|
|
39
|
+
whitelist?: string[];
|
|
40
|
+
/** 禁止调用 jsApi 的黑名单 */
|
|
41
|
+
blacklist?: string[];
|
|
42
|
+
/** 自定义 jsApi [ 优先级比较高,可以覆盖原生的 jsApi ] */
|
|
43
|
+
customApi?: CustomApi;
|
|
44
|
+
}
|
|
45
|
+
export interface CustomApi {
|
|
46
|
+
[key: string]: (params: {
|
|
47
|
+
success(v: any): void;
|
|
48
|
+
fail(v: any): void;
|
|
49
|
+
}) => void;
|
|
50
|
+
}
|
|
39
51
|
export {};
|
package/lib/utils.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { MpWebMessageResult } from './types';
|
|
2
|
+
declare const ERROR: {
|
|
3
|
+
NOTFOUND: {
|
|
4
|
+
code: number;
|
|
5
|
+
message: (name: string) => string;
|
|
6
|
+
};
|
|
7
|
+
NOTALLOWED: {
|
|
8
|
+
code: number;
|
|
9
|
+
message: (name: string) => string;
|
|
10
|
+
};
|
|
11
|
+
INVALID: {
|
|
12
|
+
code: number;
|
|
13
|
+
message: (name: string) => string;
|
|
14
|
+
};
|
|
15
|
+
NOTBIND: {
|
|
16
|
+
code: number;
|
|
17
|
+
message: (name: string) => string;
|
|
18
|
+
};
|
|
19
|
+
PARAMS_ERROR: {
|
|
20
|
+
code: number;
|
|
21
|
+
message: (name: string) => string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare const createError: (type: keyof typeof ERROR, name?: string) => {
|
|
25
|
+
errorCode: number;
|
|
26
|
+
errorMessage: string;
|
|
27
|
+
errorSouce: string;
|
|
28
|
+
};
|
|
29
|
+
export declare function createMessage(message: any, type?: 'success' | 'fail'): MpWebMessageResult;
|
|
30
|
+
export {};
|
package/lib/utils.js
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
var ERROR = {
|
|
2
|
+
NOTFOUND: {
|
|
3
|
+
code: -1,
|
|
4
|
+
message: function message(name) {
|
|
5
|
+
return "".concat(name, " is not found");
|
|
6
|
+
}
|
|
7
|
+
},
|
|
8
|
+
NOTALLOWED: {
|
|
9
|
+
code: -2,
|
|
10
|
+
message: function message(name) {
|
|
11
|
+
return "".concat(name, " is not allowed");
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
INVALID: {
|
|
15
|
+
code: -3,
|
|
16
|
+
message: function message(name) {
|
|
17
|
+
return "".concat(name, " is invalid");
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
NOTBIND: {
|
|
21
|
+
code: -4,
|
|
22
|
+
message: function message(name) {
|
|
23
|
+
return "".concat(name, " exec fail, webviewBridge not bind context");
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
PARAMS_ERROR: {
|
|
27
|
+
code: -5,
|
|
28
|
+
message: function message(name) {
|
|
29
|
+
return "".concat(name, " exec fail, params error");
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
export var createError = function createError(type, name) {
|
|
34
|
+
if (name === void 0) {
|
|
35
|
+
name = '';
|
|
36
|
+
}
|
|
37
|
+
var _a = ERROR[type],
|
|
38
|
+
code = _a.code,
|
|
39
|
+
message = _a.message;
|
|
40
|
+
return {
|
|
41
|
+
errorCode: code,
|
|
42
|
+
errorMessage: message(name),
|
|
43
|
+
errorSouce: 'hylid'
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export function createMessage(message, type) {
|
|
47
|
+
if (type === void 0) {
|
|
48
|
+
type = 'success';
|
|
49
|
+
}
|
|
50
|
+
return {
|
|
51
|
+
_type_: type,
|
|
52
|
+
_data_: message
|
|
53
|
+
};
|
|
54
|
+
}
|
package/lib/webCall.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { AliJsApi } from '@hylid/types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}): void;
|
|
2
|
+
import { JsApiConfig } from './types';
|
|
3
|
+
export declare const alipayJSBridge: (cb: Function) => any;
|
|
4
|
+
export declare function webCall<T extends keyof AliJsApi.Api>(apiName: T | ({} & string), options?: any, config?: JsApiConfig): void;
|
package/lib/webCall.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var
|
|
1
|
+
export var alipayJSBridge = function alipayJSBridge(cb) {
|
|
2
2
|
if (window.AlipayJSBridge) return cb();
|
|
3
3
|
document.addEventListener('AlipayJSBridgeReady', function () {
|
|
4
4
|
return cb();
|
|
5
5
|
}, false);
|
|
6
6
|
};
|
|
7
7
|
export function webCall(apiName, options, config) {
|
|
8
|
-
|
|
8
|
+
alipayJSBridge(function () {
|
|
9
9
|
var _a = (config || {}).type,
|
|
10
10
|
type = _a === void 0 ? 'async' : _a;
|
|
11
11
|
if (type === 'async') {
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Message, WebviewBridgeConfig } from '../types';
|
|
2
|
+
interface WebViewContext {
|
|
3
|
+
postMessage(message: Message): void;
|
|
4
|
+
}
|
|
5
|
+
export declare class WebViewBridge {
|
|
6
|
+
private webview;
|
|
7
|
+
private config;
|
|
8
|
+
private context;
|
|
9
|
+
private MESSAGE_HANDLER;
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
* @param webviewId webview 组件的 id,可传字符串,或者 my.createWebViewContext 创建出的实例
|
|
13
|
+
* @param config Config 配置
|
|
14
|
+
* @param context 页面上下文,传 this 即可。传入后,H5 侧可以使用广播、可以监听页面事件
|
|
15
|
+
*/
|
|
16
|
+
constructor(webviewId: string | WebViewContext, config?: WebviewBridgeConfig, context?: any);
|
|
17
|
+
listen: (data: {
|
|
18
|
+
detail: Message;
|
|
19
|
+
}) => void;
|
|
20
|
+
private jsApiHandler;
|
|
21
|
+
private broadcastHandler;
|
|
22
|
+
private pageEventHandler;
|
|
23
|
+
private bindCtxEvent;
|
|
24
|
+
private sendMessage;
|
|
25
|
+
}
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
var __assign = this && this.__assign || function () {
|
|
2
|
+
__assign = Object.assign || function (t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6
|
+
}
|
|
7
|
+
return t;
|
|
8
|
+
};
|
|
9
|
+
return __assign.apply(this, arguments);
|
|
10
|
+
};
|
|
11
|
+
import { __hy_internal__ } from "./internal";
|
|
12
|
+
import { callbackApi, getApiResult, isAllowed } from "./utils";
|
|
13
|
+
import { createMessage, createError } from "../utils";
|
|
14
|
+
var broadcastTargets = [];
|
|
15
|
+
var WebViewBridge = /** @class */function () {
|
|
16
|
+
/**
|
|
17
|
+
*
|
|
18
|
+
* @param webviewId webview 组件的 id,可传字符串,或者 my.createWebViewContext 创建出的实例
|
|
19
|
+
* @param config Config 配置
|
|
20
|
+
* @param context 页面上下文,传 this 即可。传入后,H5 侧可以使用广播、可以监听页面事件
|
|
21
|
+
*/
|
|
22
|
+
function WebViewBridge(webviewId, config, context) {
|
|
23
|
+
if (config === void 0) {
|
|
24
|
+
config = {};
|
|
25
|
+
}
|
|
26
|
+
var _this = this;
|
|
27
|
+
this.config = {};
|
|
28
|
+
this.MESSAGE_HANDLER = [];
|
|
29
|
+
this.listen = function (data) {
|
|
30
|
+
if (data.detail.source !== 'hylid') return;
|
|
31
|
+
_this.MESSAGE_HANDLER.forEach(function (fn) {
|
|
32
|
+
return fn(data.detail);
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
this.jsApiHandler = function (data) {
|
|
36
|
+
var _a;
|
|
37
|
+
if (data.type !== 'apiCall') return;
|
|
38
|
+
var config = data.config,
|
|
39
|
+
api = data.api;
|
|
40
|
+
var type = (config || {}).type;
|
|
41
|
+
// 权限管控不允许调用 JSAPI
|
|
42
|
+
if (!isAllowed(_this.config, api)) {
|
|
43
|
+
return _this.sendMessage(data, createMessage(createError('NOTALLOWED', api), 'fail'));
|
|
44
|
+
}
|
|
45
|
+
var jsapi = ((_a = _this.config.customApi) === null || _a === void 0 ? void 0 : _a[api]) || {
|
|
46
|
+
__hy_internal__: __hy_internal__
|
|
47
|
+
}[api] || my[api];
|
|
48
|
+
if (type === 'callback') {
|
|
49
|
+
callbackApi(jsapi, data, function (result) {
|
|
50
|
+
return _this.sendMessage(data, result);
|
|
51
|
+
});
|
|
52
|
+
} else {
|
|
53
|
+
getApiResult(jsapi, data).then(function (result) {
|
|
54
|
+
_this.sendMessage(data, result);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
this.broadcastHandler = function (data) {
|
|
59
|
+
if (data.type !== 'broadcast') return;
|
|
60
|
+
if (!_this.context) {
|
|
61
|
+
_this.sendMessage(data, createMessage(createError('NOTBIND', 'broadcast'), 'fail'));
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
broadcastTargets.forEach(function (target) {
|
|
65
|
+
if (target === _this) return;
|
|
66
|
+
_this.sendMessage(data, createMessage(data.result), target);
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
this.pageEventHandler = function (data) {
|
|
70
|
+
var _a;
|
|
71
|
+
if (data.type !== 'pageEvent') return;
|
|
72
|
+
var event = data.event;
|
|
73
|
+
if (!event) {
|
|
74
|
+
_this.sendMessage(data, createMessage(createError('PARAMS_ERROR'), 'fail'));
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
if (!_this.context) {
|
|
78
|
+
_this.sendMessage(data, createMessage(createError('NOTBIND', event), 'fail'));
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
// 已经监听过了
|
|
82
|
+
if ((_a = _this.context[event]) === null || _a === void 0 ? void 0 : _a._hy_listener_) return;
|
|
83
|
+
_this.bindCtxEvent(event, function (payload) {
|
|
84
|
+
return _this.sendMessage(data, payload);
|
|
85
|
+
});
|
|
86
|
+
_this.context[event]._hy_listener_ = true;
|
|
87
|
+
};
|
|
88
|
+
if (typeof webviewId === 'string') {
|
|
89
|
+
this.webview = my.createWebViewContext(webviewId);
|
|
90
|
+
} else {
|
|
91
|
+
this.webview = webviewId;
|
|
92
|
+
}
|
|
93
|
+
this.config = config;
|
|
94
|
+
this.context = context;
|
|
95
|
+
this.MESSAGE_HANDLER.push(this.jsApiHandler);
|
|
96
|
+
this.MESSAGE_HANDLER.push(this.broadcastHandler);
|
|
97
|
+
this.MESSAGE_HANDLER.push(this.pageEventHandler);
|
|
98
|
+
if (context) {
|
|
99
|
+
broadcastTargets.push(this);
|
|
100
|
+
this.bindCtxEvent('onUnload', function () {
|
|
101
|
+
broadcastTargets = broadcastTargets.filter(function (target) {
|
|
102
|
+
return target !== _this;
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
} else {
|
|
106
|
+
console.info("[hylid-call]: context \u5728\u5C0F\u7A0B\u5E8F\u4FA7\u672A\u4F20\u5165\uFF0Cbroadcast \u529F\u80FD\u3001\u9875\u9762\u76D1\u542C\u5C06\u65E0\u6CD5\u4F7F\u7528");
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
WebViewBridge.prototype.bindCtxEvent = function (event, callback) {
|
|
110
|
+
if (!this.context) {
|
|
111
|
+
return callback(createMessage(createError('NOTBIND', event), 'fail'));
|
|
112
|
+
}
|
|
113
|
+
var userEvent = this.context[event];
|
|
114
|
+
this.context[event] = function (opts) {
|
|
115
|
+
if (userEvent) userEvent.bind(this.context)(opts);
|
|
116
|
+
callback(createMessage(opts));
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
WebViewBridge.prototype.sendMessage = function (origin, result, context) {
|
|
120
|
+
if (context === void 0) {
|
|
121
|
+
context = this;
|
|
122
|
+
}
|
|
123
|
+
context.webview.postMessage(__assign(__assign({}, origin), {
|
|
124
|
+
result: result
|
|
125
|
+
}));
|
|
126
|
+
};
|
|
127
|
+
return WebViewBridge;
|
|
128
|
+
}();
|
|
129
|
+
export { WebViewBridge };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function _getCurrentPages(): any[];
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { _getCurrentPages as getCurrentPages } from './getCurrentPages';
|
|
2
|
+
import { getMemory, removeMemory, setMemory } from './memory';
|
|
3
|
+
import { canIUse } from './canIUse';
|
|
4
|
+
declare const jsapis: {
|
|
5
|
+
getMemory: typeof getMemory;
|
|
6
|
+
setMemory: typeof setMemory;
|
|
7
|
+
removeMemory: typeof removeMemory;
|
|
8
|
+
getCurrentPages: typeof getCurrentPages;
|
|
9
|
+
canIUse: typeof canIUse;
|
|
10
|
+
};
|
|
11
|
+
interface InternalOptions {
|
|
12
|
+
name: keyof typeof jsapis;
|
|
13
|
+
payload: any;
|
|
14
|
+
success(res: any): void;
|
|
15
|
+
fail(e: any): void;
|
|
16
|
+
}
|
|
17
|
+
export declare function __hy_internal__(options: InternalOptions): Promise<void>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) {
|
|
3
|
+
return value instanceof P ? value : new P(function (resolve) {
|
|
4
|
+
resolve(value);
|
|
5
|
+
});
|
|
6
|
+
}
|
|
7
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
8
|
+
function fulfilled(value) {
|
|
9
|
+
try {
|
|
10
|
+
step(generator.next(value));
|
|
11
|
+
} catch (e) {
|
|
12
|
+
reject(e);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function rejected(value) {
|
|
16
|
+
try {
|
|
17
|
+
step(generator["throw"](value));
|
|
18
|
+
} catch (e) {
|
|
19
|
+
reject(e);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
function step(result) {
|
|
23
|
+
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
24
|
+
}
|
|
25
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
var __generator = this && this.__generator || function (thisArg, body) {
|
|
29
|
+
var _ = {
|
|
30
|
+
label: 0,
|
|
31
|
+
sent: function sent() {
|
|
32
|
+
if (t[0] & 1) throw t[1];
|
|
33
|
+
return t[1];
|
|
34
|
+
},
|
|
35
|
+
trys: [],
|
|
36
|
+
ops: []
|
|
37
|
+
},
|
|
38
|
+
f,
|
|
39
|
+
y,
|
|
40
|
+
t,
|
|
41
|
+
g;
|
|
42
|
+
return g = {
|
|
43
|
+
next: verb(0),
|
|
44
|
+
"throw": verb(1),
|
|
45
|
+
"return": verb(2)
|
|
46
|
+
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
|
|
47
|
+
return this;
|
|
48
|
+
}), g;
|
|
49
|
+
function verb(n) {
|
|
50
|
+
return function (v) {
|
|
51
|
+
return step([n, v]);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
function step(op) {
|
|
55
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
56
|
+
while (_) try {
|
|
57
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
58
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
59
|
+
switch (op[0]) {
|
|
60
|
+
case 0:
|
|
61
|
+
case 1:
|
|
62
|
+
t = op;
|
|
63
|
+
break;
|
|
64
|
+
case 4:
|
|
65
|
+
_.label++;
|
|
66
|
+
return {
|
|
67
|
+
value: op[1],
|
|
68
|
+
done: false
|
|
69
|
+
};
|
|
70
|
+
case 5:
|
|
71
|
+
_.label++;
|
|
72
|
+
y = op[1];
|
|
73
|
+
op = [0];
|
|
74
|
+
continue;
|
|
75
|
+
case 7:
|
|
76
|
+
op = _.ops.pop();
|
|
77
|
+
_.trys.pop();
|
|
78
|
+
continue;
|
|
79
|
+
default:
|
|
80
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
81
|
+
_ = 0;
|
|
82
|
+
continue;
|
|
83
|
+
}
|
|
84
|
+
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
|
|
85
|
+
_.label = op[1];
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
89
|
+
_.label = t[1];
|
|
90
|
+
t = op;
|
|
91
|
+
break;
|
|
92
|
+
}
|
|
93
|
+
if (t && _.label < t[2]) {
|
|
94
|
+
_.label = t[2];
|
|
95
|
+
_.ops.push(op);
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
if (t[2]) _.ops.pop();
|
|
99
|
+
_.trys.pop();
|
|
100
|
+
continue;
|
|
101
|
+
}
|
|
102
|
+
op = body.call(thisArg, _);
|
|
103
|
+
} catch (e) {
|
|
104
|
+
op = [6, e];
|
|
105
|
+
y = 0;
|
|
106
|
+
} finally {
|
|
107
|
+
f = t = 0;
|
|
108
|
+
}
|
|
109
|
+
if (op[0] & 5) throw op[1];
|
|
110
|
+
return {
|
|
111
|
+
value: op[0] ? op[1] : void 0,
|
|
112
|
+
done: true
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
import { _getCurrentPages as getCurrentPages } from "./getCurrentPages";
|
|
117
|
+
import { getMemory, removeMemory, setMemory } from "./memory";
|
|
118
|
+
import { canIUse } from "./canIUse";
|
|
119
|
+
import { createError } from "../../utils";
|
|
120
|
+
var jsapis = {
|
|
121
|
+
getMemory: getMemory,
|
|
122
|
+
setMemory: setMemory,
|
|
123
|
+
removeMemory: removeMemory,
|
|
124
|
+
getCurrentPages: getCurrentPages,
|
|
125
|
+
canIUse: canIUse
|
|
126
|
+
};
|
|
127
|
+
export function __hy_internal__(options) {
|
|
128
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
129
|
+
var _a, success, fail, name, payload, jsapi, res, e_1;
|
|
130
|
+
return __generator(this, function (_b) {
|
|
131
|
+
switch (_b.label) {
|
|
132
|
+
case 0:
|
|
133
|
+
_a = options || {}, success = _a.success, fail = _a.fail, name = _a.name, payload = _a.payload;
|
|
134
|
+
jsapi = jsapis[name];
|
|
135
|
+
if (!jsapi) {
|
|
136
|
+
fail(createError('NOTFOUND', "internal jsapi ".concat(name)));
|
|
137
|
+
return [2 /*return*/];
|
|
138
|
+
}
|
|
139
|
+
_b.label = 1;
|
|
140
|
+
case 1:
|
|
141
|
+
_b.trys.push([1, 3,, 4]);
|
|
142
|
+
return [4 /*yield*/, jsapi(payload)];
|
|
143
|
+
case 2:
|
|
144
|
+
res = _b.sent();
|
|
145
|
+
success(res);
|
|
146
|
+
return [3 /*break*/, 4];
|
|
147
|
+
case 3:
|
|
148
|
+
e_1 = _b.sent();
|
|
149
|
+
fail(e_1);
|
|
150
|
+
return [3 /*break*/, 4];
|
|
151
|
+
case 4:
|
|
152
|
+
return [2 /*return*/];
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
});
|
|
156
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { MpWebJsApiMessage, MpWebMessageResult, WebviewBridgeConfig } from '../types';
|
|
2
|
+
export declare function callbackApi(jsapi: any, data: MpWebJsApiMessage, cb: (msg: MpWebMessageResult) => void): void;
|
|
3
|
+
export declare const getApiResult: (jsapi: any, data: MpWebJsApiMessage) => Promise<MpWebMessageResult>;
|
|
4
|
+
export declare function isAllowed(config: WebviewBridgeConfig, api: string): boolean;
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
var __assign = this && this.__assign || function () {
|
|
2
|
+
__assign = Object.assign || function (t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6
|
+
}
|
|
7
|
+
return t;
|
|
8
|
+
};
|
|
9
|
+
return __assign.apply(this, arguments);
|
|
10
|
+
};
|
|
11
|
+
var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
|
|
12
|
+
function adopt(value) {
|
|
13
|
+
return value instanceof P ? value : new P(function (resolve) {
|
|
14
|
+
resolve(value);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
18
|
+
function fulfilled(value) {
|
|
19
|
+
try {
|
|
20
|
+
step(generator.next(value));
|
|
21
|
+
} catch (e) {
|
|
22
|
+
reject(e);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
function rejected(value) {
|
|
26
|
+
try {
|
|
27
|
+
step(generator["throw"](value));
|
|
28
|
+
} catch (e) {
|
|
29
|
+
reject(e);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
function step(result) {
|
|
33
|
+
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
|
|
34
|
+
}
|
|
35
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
var __generator = this && this.__generator || function (thisArg, body) {
|
|
39
|
+
var _ = {
|
|
40
|
+
label: 0,
|
|
41
|
+
sent: function sent() {
|
|
42
|
+
if (t[0] & 1) throw t[1];
|
|
43
|
+
return t[1];
|
|
44
|
+
},
|
|
45
|
+
trys: [],
|
|
46
|
+
ops: []
|
|
47
|
+
},
|
|
48
|
+
f,
|
|
49
|
+
y,
|
|
50
|
+
t,
|
|
51
|
+
g;
|
|
52
|
+
return g = {
|
|
53
|
+
next: verb(0),
|
|
54
|
+
"throw": verb(1),
|
|
55
|
+
"return": verb(2)
|
|
56
|
+
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
|
|
57
|
+
return this;
|
|
58
|
+
}), g;
|
|
59
|
+
function verb(n) {
|
|
60
|
+
return function (v) {
|
|
61
|
+
return step([n, v]);
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
function step(op) {
|
|
65
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
66
|
+
while (_) try {
|
|
67
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
68
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
69
|
+
switch (op[0]) {
|
|
70
|
+
case 0:
|
|
71
|
+
case 1:
|
|
72
|
+
t = op;
|
|
73
|
+
break;
|
|
74
|
+
case 4:
|
|
75
|
+
_.label++;
|
|
76
|
+
return {
|
|
77
|
+
value: op[1],
|
|
78
|
+
done: false
|
|
79
|
+
};
|
|
80
|
+
case 5:
|
|
81
|
+
_.label++;
|
|
82
|
+
y = op[1];
|
|
83
|
+
op = [0];
|
|
84
|
+
continue;
|
|
85
|
+
case 7:
|
|
86
|
+
op = _.ops.pop();
|
|
87
|
+
_.trys.pop();
|
|
88
|
+
continue;
|
|
89
|
+
default:
|
|
90
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
91
|
+
_ = 0;
|
|
92
|
+
continue;
|
|
93
|
+
}
|
|
94
|
+
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
|
|
95
|
+
_.label = op[1];
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
99
|
+
_.label = t[1];
|
|
100
|
+
t = op;
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
if (t && _.label < t[2]) {
|
|
104
|
+
_.label = t[2];
|
|
105
|
+
_.ops.push(op);
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
if (t[2]) _.ops.pop();
|
|
109
|
+
_.trys.pop();
|
|
110
|
+
continue;
|
|
111
|
+
}
|
|
112
|
+
op = body.call(thisArg, _);
|
|
113
|
+
} catch (e) {
|
|
114
|
+
op = [6, e];
|
|
115
|
+
y = 0;
|
|
116
|
+
} finally {
|
|
117
|
+
f = t = 0;
|
|
118
|
+
}
|
|
119
|
+
if (op[0] & 5) throw op[1];
|
|
120
|
+
return {
|
|
121
|
+
value: op[0] ? op[1] : void 0,
|
|
122
|
+
done: true
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
import { createMessage, createError } from "../utils";
|
|
127
|
+
function getAttributeApi(apiName, jsapi) {
|
|
128
|
+
// my 上该 api 不存在
|
|
129
|
+
if (typeof jsapi === 'undefined') {
|
|
130
|
+
return createMessage(createError('NOTFOUND', apiName), 'fail');
|
|
131
|
+
}
|
|
132
|
+
return createMessage(jsapi);
|
|
133
|
+
}
|
|
134
|
+
function getSyncApi(apiName, jsapi, options) {
|
|
135
|
+
// 同步场景无该 API
|
|
136
|
+
if (!jsapi) {
|
|
137
|
+
return createMessage(createError('NOTFOUND', apiName), 'fail');
|
|
138
|
+
}
|
|
139
|
+
// 传进来的 API 不是函数
|
|
140
|
+
if (typeof jsapi !== 'function') {
|
|
141
|
+
return createMessage(createError('INVALID', apiName), 'fail');
|
|
142
|
+
}
|
|
143
|
+
return createMessage(jsapi(options));
|
|
144
|
+
}
|
|
145
|
+
function getAsyncApi(apiName, jsapi, _options) {
|
|
146
|
+
return new Promise(function (resolve) {
|
|
147
|
+
var options = __assign(__assign({}, _options), {
|
|
148
|
+
success: function success(res) {
|
|
149
|
+
resolve(createMessage(res));
|
|
150
|
+
},
|
|
151
|
+
fail: function fail(res) {
|
|
152
|
+
resolve(createMessage(res, 'fail'));
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
// @ts-ignore
|
|
156
|
+
if (!jsapi) return my.call(api, options);
|
|
157
|
+
if (typeof jsapi !== 'function') {
|
|
158
|
+
return options.fail(createError('INVALID', apiName));
|
|
159
|
+
}
|
|
160
|
+
jsapi(options);
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
export function callbackApi(jsapi, data, cb) {
|
|
164
|
+
var api = (data || {}).api;
|
|
165
|
+
// 无该 API
|
|
166
|
+
if (!jsapi) {
|
|
167
|
+
return cb(createMessage(createError('NOTFOUND', api), 'fail'));
|
|
168
|
+
}
|
|
169
|
+
// 传进来的 API 不是函数
|
|
170
|
+
if (typeof jsapi !== 'function') {
|
|
171
|
+
return cb(createMessage(createError('INVALID', api), 'fail'));
|
|
172
|
+
}
|
|
173
|
+
jsapi(function (result) {
|
|
174
|
+
return cb(createMessage(result));
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
export var getApiResult = function getApiResult(jsapi, data) {
|
|
178
|
+
return __awaiter(void 0, void 0, void 0, function () {
|
|
179
|
+
var api, options, config, _a, type;
|
|
180
|
+
return __generator(this, function (_b) {
|
|
181
|
+
api = data.api, options = data.options, config = data.config;
|
|
182
|
+
_a = (config || {}).type, type = _a === void 0 ? 'async' : _a;
|
|
183
|
+
if (type === 'sync') {
|
|
184
|
+
return [2 /*return*/, getSyncApi(api, jsapi, options)];
|
|
185
|
+
}
|
|
186
|
+
if (type === 'async') {
|
|
187
|
+
return [2 /*return*/, getAsyncApi(api, jsapi, options)];
|
|
188
|
+
}
|
|
189
|
+
if (type === 'attribute') {
|
|
190
|
+
return [2 /*return*/, getAttributeApi(api, jsapi)];
|
|
191
|
+
}
|
|
192
|
+
// 不识别的类型
|
|
193
|
+
return [2 /*return*/, createMessage(createError('INVALID', api), 'fail')];
|
|
194
|
+
});
|
|
195
|
+
});
|
|
196
|
+
};
|
|
197
|
+
export function isAllowed(config, api) {
|
|
198
|
+
var _a = config || {},
|
|
199
|
+
whitelist = _a.whitelist,
|
|
200
|
+
blacklist = _a.blacklist;
|
|
201
|
+
// 黑白名单校验
|
|
202
|
+
if (whitelist && !whitelist.includes(api)) return false;
|
|
203
|
+
if (blacklist && blacklist.includes(api)) return false;
|
|
204
|
+
return true;
|
|
205
|
+
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hylid/call",
|
|
3
|
-
"version": "3.2.0-alpha.
|
|
3
|
+
"version": "3.2.0-alpha.11",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib"
|
|
7
7
|
],
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@hylid/env": "^3.2.0-alpha.
|
|
10
|
-
"@hylid/types": "^3.2.0-alpha.
|
|
9
|
+
"@hylid/env": "^3.2.0-alpha.11",
|
|
10
|
+
"@hylid/types": "^3.2.0-alpha.11"
|
|
11
11
|
},
|
|
12
12
|
"publishConfig": {
|
|
13
13
|
"access": "public"
|
package/lib/webviewBridge.d.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/// <reference types="miniprogram" />
|
|
2
|
-
import { Message, MessageHandler, MpWebBroadcastMessage, MpWebJsApiMessage, MpWebPageEventMessage } from './types';
|
|
3
|
-
interface Config {
|
|
4
|
-
/** 允许调用 jsApi 的白名单 */
|
|
5
|
-
whitelist?: string[];
|
|
6
|
-
/** 禁止调用 jsApi 的黑名单 */
|
|
7
|
-
blacklist?: string[];
|
|
8
|
-
/** 自定义 jsApi [ 优先级比较高,可以覆盖原生的 jsApi ] */
|
|
9
|
-
customApi?: CustomApi;
|
|
10
|
-
}
|
|
11
|
-
interface CustomApi {
|
|
12
|
-
[key: string]: (params: {
|
|
13
|
-
success(v: any): void;
|
|
14
|
-
fail(v: any): void;
|
|
15
|
-
}) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare class WebViewBridge {
|
|
18
|
-
webview: WebViewContext;
|
|
19
|
-
config: Config;
|
|
20
|
-
context: any;
|
|
21
|
-
MESSAGE_HANDLER: MessageHandler[];
|
|
22
|
-
/**
|
|
23
|
-
*
|
|
24
|
-
* @param webviewId webview 组件的 id,可传字符串,或者 my.createWebViewContext 创建出的实例
|
|
25
|
-
* @param config Config 配置
|
|
26
|
-
* @param context 页面上下文,传 this 即可。传入后,H5 侧可以使用广播、可以监听页面事件
|
|
27
|
-
*/
|
|
28
|
-
constructor(webviewId: string | WebViewContext, config?: Config, context?: any);
|
|
29
|
-
listen: (data: {
|
|
30
|
-
detail: Message;
|
|
31
|
-
}) => void;
|
|
32
|
-
isAllowed(api: string): boolean;
|
|
33
|
-
jsApiHandler: (command: MpWebJsApiMessage) => void;
|
|
34
|
-
broadcastHandler: (data: MpWebBroadcastMessage) => void;
|
|
35
|
-
pageEventHandler: (data: MpWebPageEventMessage) => void;
|
|
36
|
-
bindCtxEvent(event: string, callback: (...rest: any) => void): void;
|
|
37
|
-
}
|
|
38
|
-
export {};
|
package/lib/webviewBridge.js
DELETED
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
var __assign = this && this.__assign || function () {
|
|
2
|
-
__assign = Object.assign || function (t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6
|
-
}
|
|
7
|
-
return t;
|
|
8
|
-
};
|
|
9
|
-
return __assign.apply(this, arguments);
|
|
10
|
-
};
|
|
11
|
-
var broadcastTargets = [];
|
|
12
|
-
var WebViewBridge = /** @class */function () {
|
|
13
|
-
/**
|
|
14
|
-
*
|
|
15
|
-
* @param webviewId webview 组件的 id,可传字符串,或者 my.createWebViewContext 创建出的实例
|
|
16
|
-
* @param config Config 配置
|
|
17
|
-
* @param context 页面上下文,传 this 即可。传入后,H5 侧可以使用广播、可以监听页面事件
|
|
18
|
-
*/
|
|
19
|
-
function WebViewBridge(webviewId, config, context) {
|
|
20
|
-
if (config === void 0) {
|
|
21
|
-
config = {};
|
|
22
|
-
}
|
|
23
|
-
var _this = this;
|
|
24
|
-
this.config = {};
|
|
25
|
-
this.MESSAGE_HANDLER = [];
|
|
26
|
-
this.listen = function (data) {
|
|
27
|
-
if (data.detail.source !== 'hylid') return;
|
|
28
|
-
_this.MESSAGE_HANDLER.forEach(function (fn) {
|
|
29
|
-
return fn(data.detail);
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
this.jsApiHandler = function (command) {
|
|
33
|
-
if (command.type !== 'apiCall') return;
|
|
34
|
-
var getApiResult = function getApiResult(data) {
|
|
35
|
-
var api = data.api,
|
|
36
|
-
_options = data.options,
|
|
37
|
-
config = data.config;
|
|
38
|
-
var _a = (config || {}).type,
|
|
39
|
-
type = _a === void 0 ? 'async' : _a;
|
|
40
|
-
return new Promise(function (resolve) {
|
|
41
|
-
var _a;
|
|
42
|
-
var options = __assign(__assign({}, _options), {
|
|
43
|
-
success: function success(res) {
|
|
44
|
-
resolve({
|
|
45
|
-
_type_: 'success',
|
|
46
|
-
_data_: res
|
|
47
|
-
});
|
|
48
|
-
},
|
|
49
|
-
fail: function fail(res) {
|
|
50
|
-
resolve({
|
|
51
|
-
_type_: 'fail',
|
|
52
|
-
_data_: res
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
// @ts-ignore
|
|
57
|
-
var mpApi = ((_a = _this.config.customApi) === null || _a === void 0 ? void 0 : _a[api]) || my[api];
|
|
58
|
-
if (type === 'sync') {
|
|
59
|
-
var data_1 = mpApi(_options);
|
|
60
|
-
resolve({
|
|
61
|
-
_type_: 'success',
|
|
62
|
-
_data_: data_1
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
if (type === 'async') {
|
|
66
|
-
if (!mpApi) {
|
|
67
|
-
// @ts-ignore
|
|
68
|
-
my.call(api, options);
|
|
69
|
-
} else {
|
|
70
|
-
mpApi(options);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
var config = command.config,
|
|
76
|
-
api = command.api;
|
|
77
|
-
var type = (config || {}).type;
|
|
78
|
-
// 权限管控不允许调用 JSAPI
|
|
79
|
-
if (!_this.isAllowed(api)) {
|
|
80
|
-
var notAllowedMessage = __assign(__assign({}, command), {
|
|
81
|
-
result: {
|
|
82
|
-
_type_: 'fail',
|
|
83
|
-
_data_: {
|
|
84
|
-
errorCode: -2,
|
|
85
|
-
errorMessage: 'api is not allowed'
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
_this.webview.postMessage(notAllowedMessage);
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
if (type === 'callback') {
|
|
93
|
-
// @ts-ignore
|
|
94
|
-
my[api](function (result) {
|
|
95
|
-
_this.webview.postMessage(__assign(__assign({}, command), {
|
|
96
|
-
result: result
|
|
97
|
-
}));
|
|
98
|
-
});
|
|
99
|
-
} else {
|
|
100
|
-
getApiResult(command).then(function (result) {
|
|
101
|
-
_this.webview.postMessage(__assign(__assign({}, command), {
|
|
102
|
-
result: result
|
|
103
|
-
}));
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
this.broadcastHandler = function (data) {
|
|
108
|
-
if (data.type !== 'broadcast') return;
|
|
109
|
-
broadcastTargets.forEach(function (target) {
|
|
110
|
-
if (target === _this) return;
|
|
111
|
-
target.webview.postMessage(data);
|
|
112
|
-
});
|
|
113
|
-
};
|
|
114
|
-
this.pageEventHandler = function (data) {
|
|
115
|
-
var _a;
|
|
116
|
-
if (data.type !== 'pageEvent') return;
|
|
117
|
-
var event = data.event;
|
|
118
|
-
if (!event) return;
|
|
119
|
-
if (!_this.context) {
|
|
120
|
-
console.info("[hylid-call]: context \u5728\u5C0F\u7A0B\u5E8F\u4FA7\u672A\u4F20\u5165\uFF0C".concat(event, " \u76D1\u542C\u5931\u8D25"));
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
// 已经监听过了
|
|
124
|
-
if ((_a = _this.context[event]) === null || _a === void 0 ? void 0 : _a._hy_listener_) return;
|
|
125
|
-
_this.bindCtxEvent(event, function (payload) {
|
|
126
|
-
_this.webview.postMessage(__assign(__assign({}, data), {
|
|
127
|
-
result: payload
|
|
128
|
-
}));
|
|
129
|
-
});
|
|
130
|
-
_this.context[event]._hy_listener_ = true;
|
|
131
|
-
};
|
|
132
|
-
if (typeof webviewId === 'string') {
|
|
133
|
-
this.webview = my.createWebViewContext(webviewId);
|
|
134
|
-
} else {
|
|
135
|
-
this.webview = webviewId;
|
|
136
|
-
}
|
|
137
|
-
this.config = config;
|
|
138
|
-
this.context = context;
|
|
139
|
-
this.MESSAGE_HANDLER.push(this.jsApiHandler);
|
|
140
|
-
this.MESSAGE_HANDLER.push(this.broadcastHandler);
|
|
141
|
-
this.MESSAGE_HANDLER.push(this.pageEventHandler);
|
|
142
|
-
if (context) {
|
|
143
|
-
broadcastTargets.push(this);
|
|
144
|
-
this.bindCtxEvent('onUnload', function () {
|
|
145
|
-
broadcastTargets = broadcastTargets.filter(function (target) {
|
|
146
|
-
return target !== _this;
|
|
147
|
-
});
|
|
148
|
-
});
|
|
149
|
-
} else {
|
|
150
|
-
console.info("[hylid-call]: context \u5728\u5C0F\u7A0B\u5E8F\u4FA7\u672A\u4F20\u5165\uFF0Cbroadcast \u529F\u80FD\u3001\u9875\u9762\u76D1\u542C\u5C06\u65E0\u6CD5\u4F7F\u7528");
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
WebViewBridge.prototype.isAllowed = function (api) {
|
|
154
|
-
var _a = this.config || {},
|
|
155
|
-
whitelist = _a.whitelist,
|
|
156
|
-
blacklist = _a.blacklist;
|
|
157
|
-
// 黑白名单校验
|
|
158
|
-
if (whitelist && !whitelist.includes(api)) return false;
|
|
159
|
-
if (blacklist && blacklist.includes(api)) return false;
|
|
160
|
-
return true;
|
|
161
|
-
};
|
|
162
|
-
WebViewBridge.prototype.bindCtxEvent = function (event, callback) {
|
|
163
|
-
if (!this.context) return;
|
|
164
|
-
var userEvent = this.context[event];
|
|
165
|
-
this.context[event] = function () {
|
|
166
|
-
var rest = [];
|
|
167
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
168
|
-
rest[_i] = arguments[_i];
|
|
169
|
-
}
|
|
170
|
-
if (userEvent) userEvent.apply(void 0, rest);
|
|
171
|
-
callback.apply(void 0, rest);
|
|
172
|
-
}.bind(this.context);
|
|
173
|
-
};
|
|
174
|
-
return WebViewBridge;
|
|
175
|
-
}();
|
|
176
|
-
export { WebViewBridge };
|