@kbapp/js-bridge 0.1.0-alpha.0

package/README.MD

@@ -0,0 +1,88 @@
+# 开吧客户端桥接
+
+> 该桥接仅限于开吧 app 内使用
+
+## 下载
+
+npm:
+
+```js
+npm i '@kbapp/js-bridge'
+```
+
+yarn:
+
+```js
+yarn add '@kbapp/js-bridge'
+```
+
+pnpm:
+
+```js
+pnpm add '@kbapp/js-bridge'
+```
+
+## 示例
+
+```js
+import { saveImageToLocal } from '@kbapp/js-bridge'
+
+saveImageToLocal({
+    imageUrl: 'https://static.kaiba315.com.cn/kaiba-logo.png',
+})
+```
+
+## Api
+
+### saveImageToLocal
+
+> 保存图片到本地
+
+#### 请求参数
+
+| 参数     | 值类型 | 说明         |
+| -------- | ------ | ------------ |
+| imageUrl | string | 图片网络地址 |
+
+#### 返回值
+
+无
+
+---
+
+### saveVideoToLocal
+
+> 保存视频到本地
+
+#### 请求参数
+
+| 参数     | 值类型 | 说明         |
+| -------- | ------ | ------------ |
+| videoUrl | string | 视频网络地址 |
+
+#### 返回值
+
+无
+
+---
+
+### invokeMoreShareModal
+
+> 唤起分享更多模态框
+
+#### 请求参数
+
+| 参数     | 值类型 | 说明               |
+| -------- | ------ | ------------------ |
+| title    | string | 分享的标题         |
+| content  | string | 分享的内容(副标题) |
+| url      | string | 分享的网页链接     |
+| imageUrl | string | 分享的图片         |
+
+#### 返回值
+
+无
+
+## 常见问题
+
+1. 桥接触发无反应: 请检查当前是否处于开吧 app 内,以及当前网页是否在白名单内

package/dist/core/index.d.ts

@@ -0,0 +1,35 @@
+/** 桥接 */
+export declare const $bridge: {
+    registerHandler: (name: any, registerCallback: any) => void;
+    callHandler: (name: any, params: any, callback: any) => void;
+} | {
+    default: undefined;
+    /** 桥接 */
+    callHandler: (method: any, args: any, cb: any) => any;
+    register: (name: any, fun: any, asyn: any) => void;
+    registerHandler: (name: any, fun: any) => void;
+};
+/**
+ *
+ * @description 注册事件 提供给native端调用
+ */
+export declare const registerHandler: (name: string, cb: (data: unknown, cb: (data: Record<string, any>) => void) => void) => void;
+/**
+ *
+ * @description 主动触发 触发native端任务
+ */
+export declare const callHandler: <Result>(data: {
+    /** 任务名称 */
+    name: string;
+    /** 任务参数 */
+    params: {
+        type: number;
+        data?: any;
+    };
+    /** 表示 任务执行成功.有且当该任务有回调时触发, */
+    success?: ((result: Result) => void) | undefined;
+    /** 任务执行失败.有且当该任务有回调时触发 */
+    fail?: ((result: any) => void) | undefined;
+    /** 成功或失败均触发.有且当该任务有回调时触发 */
+    complete?: (() => void) | undefined;
+}) => void;

package/dist/core/index.js

@@ -0,0 +1,44 @@
+define(["require", "exports", "./lib/js-bridge", "./lib/ds-bridge", "./lib/flutter-ds-bridge"], function (require, exports, js_bridge_1, ds_bridge_1, flutter_ds_bridge_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.callHandler = exports.registerHandler = exports.$bridge = void 0;
+    /** 桥接 */
+    exports.$bridge = (function (user_agent) {
+        if (/(kb_dsbridge_android)/i.test(user_agent)) {
+            return (0, ds_bridge_1.default)();
+        }
+        if (/(kb_dsbridge_flutter)/i.test(user_agent)) {
+            return (0, flutter_ds_bridge_1.default)();
+        }
+        return (0, js_bridge_1.default)();
+    })(window.navigator.userAgent);
+    /**
+     *
+     * @description 注册事件 提供给native端调用
+     */
+    exports.registerHandler = exports.$bridge.registerHandler;
+    /**
+     *
+     * @description 主动触发 触发native端任务
+     */
+    var callHandler = function (data) {
+        exports.$bridge.callHandler(data.name, data.params, function (res) {
+            var _a, _b, _c;
+            var result;
+            try {
+                result = typeof res === 'string' ? JSON.parse(res) : res;
+            }
+            catch (error) {
+                result = {};
+            }
+            if (result.data) {
+                (_a = data.success) === null || _a === void 0 ? void 0 : _a.call(data, result);
+            }
+            else {
+                (_b = data.fail) === null || _b === void 0 ? void 0 : _b.call(data, result);
+            }
+            (_c = data.complete) === null || _c === void 0 ? void 0 : _c.call(data);
+        });
+    };
+    exports.callHandler = callHandler;
+});

package/dist/core/lib/ds-bridge.d.ts

@@ -0,0 +1,7 @@
+declare function _default(): {
+    default: undefined;
+    callHandler: (method: any, args: any, cb: any) => any;
+    register: (name: any, fun: any, asyn: any) => void;
+    registerHandler: (name: any, fun: any) => void;
+};
+export default _default;

package/dist/core/lib/ds-bridge.js

@@ -0,0 +1,128 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    var _this = this;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /*
+     * @Author: wangalong
+     * @LastEditTime: 2022-07-18 17:25:50
+     */
+    exports.default = (function () {
+        var bridge = {
+            default: _this,
+            callHandler: function (method, args, cb) {
+                var ret = '';
+                if (typeof args == 'function') {
+                    cb = args;
+                    args = {};
+                }
+                var arg = { data: args === undefined ? null : args };
+                if (typeof cb == 'function') {
+                    var cbName = 'dscb' + window.dscb++;
+                    window[cbName] = cb;
+                    arg['_dscbstub'] = cbName;
+                }
+                arg = JSON.stringify(arg);
+                //if in webview that dsBridge provided, call!
+                if (window._dsbridge) {
+                    ret = _dsbridge.call(method, arg);
+                }
+                else if (window._dswk ||
+                    navigator.userAgent.indexOf('_dsbridge') != -1) {
+                    ret = prompt('_dsbridge=' + method, arg);
+                }
+                // //TODO  待商榷 可优化
+                // this.registerHandler("CommonResult", cb);
+                // this.registerHandler("CommonRequest", cb);
+                return JSON.parse(ret || '{}').data;
+            },
+            register: function (name, fun, asyn) {
+                var q = asyn ? window._dsaf : window._dsf;
+                if (!window._dsInit) {
+                    window._dsInit = true;
+                    //notify native that js apis register successfully on next event loop
+                    setTimeout(function () {
+                        bridge.callHandler('_dsb.dsinit');
+                    }, 0);
+                }
+                if (typeof fun == 'object') {
+                    q._obs[name] = fun;
+                }
+                else {
+                    q[name] = fun;
+                }
+            },
+            registerHandler: function (name, fun) {
+                this.register(name, fun, true);
+            },
+        };
+        !(function () {
+            if (window._dsf)
+                return;
+            var ob = {
+                //保存JS同步方法
+                _dsf: {
+                    _obs: {},
+                },
+                //保存JS异步方法
+                _dsaf: {
+                    _obs: {},
+                },
+                dscb: 0,
+                jsBridge: bridge,
+                _handleMessageFromNative: function (info) {
+                    var arg = JSON.parse(info.data);
+                    var ret = {
+                        id: info.callbackId,
+                        complete: true,
+                    };
+                    var f = this._dsf[info.method];
+                    var af = this._dsaf[info.method];
+                    var callSyn = function (f, ob) {
+                        ret.data = f.apply(ob, arg);
+                        bridge.callHandler('_dsb.returnValue', ret);
+                    };
+                    var callAsyn = function (f, ob) {
+                        arg.push(function (data, complete) {
+                            ret.data = data;
+                            ret.complete = complete !== false;
+                            bridge.callHandler('_dsb.returnValue', ret);
+                        });
+                        f.apply(ob, arg);
+                    };
+                    if (f) {
+                        callSyn(f, this._dsf);
+                    }
+                    else if (af) {
+                        callAsyn(af, this._dsaf);
+                    }
+                    else {
+                        //with namespace
+                        var name = info.method.split('.');
+                        if (name.length < 2)
+                            return;
+                        var method = name.pop();
+                        var namespace = name.join('.');
+                        var obs = this._dsf._obs;
+                        var ob = obs[namespace] || {};
+                        var m = ob[method];
+                        if (m && typeof m == 'function') {
+                            callSyn(m, ob);
+                            return;
+                        }
+                        obs = this._dsaf._obs;
+                        ob = obs[namespace] || {};
+                        m = ob[method];
+                        if (m && typeof m == 'function') {
+                            callAsyn(m, ob);
+                            return;
+                        }
+                    }
+                },
+            };
+            for (var attr in ob) {
+                window[attr] = ob[attr];
+            }
+        })();
+        return bridge;
+    });
+});

package/dist/core/lib/flutter-ds-bridge.d.ts

@@ -0,0 +1,7 @@
+declare function _default(): {
+    default: undefined;
+    callHandler: (method: any, args: any, cb: any) => any;
+    register: (name: any, fun: any, asyn: any) => void;
+    registerHandler: (name: any, fun: any) => void;
+};
+export default _default;

package/dist/core/lib/flutter-ds-bridge.js

@@ -0,0 +1,174 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    var _this = this;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /*
+     * @Describe:
+     * @Author: chenz
+     */
+    exports.default = (function () {
+        var callHandler = function (method, args, cb) {
+            var ret = '';
+            if (typeof args == 'function') {
+                cb = args;
+                args = {};
+            }
+            var arg = { data: args === undefined ? null : args };
+            if (typeof cb == 'function') {
+                var cbName = 'dscb' + window.dscb++;
+                window[cbName] = cb;
+                arg['_dscbstub'] = cbName;
+            }
+            arg = JSON.stringify(arg);
+            //if in webview that dsBridge provided, call!
+            if (window.flutter_inappwebview) {
+                // ret = _dsbridge.call(method, arg)
+                if (window.flutter_inappwebview.callHandler) {
+                    ret = window.flutter_inappwebview.callHandler('' + method, arg);
+                }
+            }
+            else if (window._dswk || navigator.userAgent.indexOf('_dsbridge') != -1) {
+                ret = prompt('_flutterDsbridge=' + method, arg);
+            }
+            // //TODO  待商榷 可优化
+            // this.registerHandler("CommonResult", cb);
+            // this.registerHandler("CommonRequest", cb);
+            /**
+             * @description flutter桥接存在部分ret为Promise的情况,导致JSON.parse异常,暂时不清楚callHandler的用意
+             */
+            if (ret instanceof Promise) {
+                return ret;
+            }
+            try {
+                return JSON.parse(ret || '{}').data;
+            }
+            catch (error) {
+                console.error('callHandle异常,JSON.parse错误');
+            }
+        };
+        /** 桥接准备完成 */
+        var flutterDSBridgeIsReady = function () {
+            if (window.navigator.userAgent.includes('Android')) {
+                return window.flutter_inappwebview && window.flutter_inappwebview._platformReady;
+            }
+            return true;
+        };
+        var insertInCache = (function () {
+            var cache = [];
+            var stophandle = setInterval(function () {
+                if (!flutterDSBridgeIsReady()) {
+                    return;
+                }
+                clearInterval(stophandle);
+                cache.forEach(function (params) {
+                    callHandler.apply(window, params);
+                });
+                cache.length = 0;
+            }, 500);
+            return function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                cache.push(params);
+            };
+        })();
+        var bridge = {
+            default: _this,
+            callHandler: function (method, args, cb) {
+                if (flutterDSBridgeIsReady()) {
+                    return callHandler(method, args, cb);
+                }
+                return insertInCache(method, args, cb);
+            },
+            register: function (name, fun, asyn) {
+                var q = asyn ? window._dsaf : window._dsf;
+                if (!window._dsInit) {
+                    window._dsInit = true;
+                    //notify native that js apis register successfully on next event loop
+                    setTimeout(function () {
+                        bridge.callHandler('_dsb.dsinit');
+                    }, 0);
+                }
+                if (typeof fun == 'object') {
+                    q._obs[name] = fun;
+                }
+                else {
+                    q[name] = fun;
+                }
+            },
+            registerHandler: function (name, fun) {
+                this.register(name, fun, true);
+            },
+        };
+        !(function () {
+            if (window._dsf)
+                return;
+            var ob = {
+                //保存JS同步方法
+                _dsf: {
+                    _obs: {},
+                },
+                //保存JS异步方法
+                _dsaf: {
+                    _obs: {},
+                },
+                dscb: 0,
+                jsBridge: bridge,
+                _handleMessageFromNative: function (info) {
+                    var arg = JSON.parse(info.data);
+                    var ret = {
+                        id: info.callbackId,
+                        complete: true,
+                    };
+                    var f = this._dsf[info.method];
+                    var af = this._dsaf[info.method];
+                    var callSyn = function (f, ob) {
+                        ret.data = f.apply(ob, arg);
+                        bridge.callHandler('_dsb.returnValue', ret);
+                    };
+                    var callAsyn = function (f, ob) {
+                        arg.push(function (data, complete) {
+                            ret.data = data;
+                            ret.complete = complete !== false;
+                            bridge.callHandler('_dsb.returnValue', ret);
+                        });
+                        f.apply(ob, arg);
+                    };
+                    if (f) {
+                        callSyn(f, this._dsf);
+                    }
+                    else if (af) {
+                        callAsyn(af, this._dsaf);
+                    }
+                    else {
+                        //with namespace
+                        var name = info.method.split('.');
+                        if (name.length < 2)
+                            return;
+                        var method = name.pop();
+                        var namespace = name.join('.');
+                        var obs = this._dsf._obs;
+                        var ob = obs[namespace] || {};
+                        var m = ob[method];
+                        if (m && typeof m == 'function') {
+                            callSyn(m, ob);
+                            return;
+                        }
+                        obs = this._dsaf._obs;
+                        ob = obs[namespace] || {};
+                        m = ob[method];
+                        if (m && typeof m == 'function') {
+                            callAsyn(m, ob);
+                            return;
+                        }
+                    }
+                },
+            };
+            for (var attr in ob) {
+                window[attr] = ob[attr];
+            }
+        })();
+        return bridge;
+    });
+});

package/dist/core/lib/js-bridge.d.ts

@@ -0,0 +1,22 @@
+declare function _default(): {
+    /**
+     *  Android / IOS 调用JS,需要明确调用的`function名称` .
+     *
+     *
+     * @param name `function name`
+     * @param registerCallback 回调的响应事件
+     */
+    registerHandler: (name: any, registerCallback: any) => void;
+    /**
+     *  JS 调用 Android / IOS
+     *
+     *  name: 回调名称, android/ios 名称 ,eg: 'getUserInfo'
+     *  params 请求参数, eg: { 'userId' : 1}
+     *  callback: response(响应函数)
+     *
+     *  eg: this.$bridge.callHandler('getUserInfo',{'userId':1},function(data){...})
+     *
+     */
+    callHandler: (name: any, params: any, callback: any) => void;
+};
+export default _default;

package/dist/core/lib/js-bridge.js

@@ -0,0 +1,190 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.default = (function () {
+        /**
+         *  vue-bridge-webview config
+         *
+         * @type {{bridgeWebViewDelay: number}}
+         */
+        var bridgeConfig = {
+            bridgeWebViewDelay: 500,
+            callHandle: {}, // bridge android / ios
+        };
+        var cache = [];
+        var $bridge = {
+            registerHandler: function () {
+                cache.push({
+                    type: 'registerHandler',
+                    params: __spreadArray([], arguments, true),
+                });
+            },
+            callHandler: function () {
+                cache.push({
+                    type: 'callHandler',
+                    params: __spreadArray([], arguments, true),
+                });
+            },
+        };
+        /* ios 初始化 */
+        function setupWebViewJavascriptBridge(callback) {
+            if (window.WebViewJavascriptBridge) {
+                return callback(window.WebViewJavascriptBridge);
+            }
+            if (window.WVJBCallbacks) {
+                return window.WVJBCallbacks.push(callback);
+            }
+            window.WVJBCallbacks = [callback];
+            var WVJBIframe = document.createElement('iframe');
+            WVJBIframe.style.display = 'none';
+            WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
+            document.documentElement.appendChild(WVJBIframe);
+            setTimeout(function () {
+                document.documentElement.removeChild(WVJBIframe);
+            }, 0);
+        }
+        /* 用于创建桥接对象的函数 , android 初始化 */
+        function connectWebViewJavascriptBridge(callback) {
+            //如果桥接对象已存在，则直接调用callback函数
+            if (window.WebViewJavascriptBridge) {
+                callback(window.WebViewJavascriptBridge);
+            }
+            //否则添加一个监听器来执行callback函数
+            else {
+                document.addEventListener('WebViewJavascriptBridgeReady', function () {
+                    callback(window.WebViewJavascriptBridge);
+                }, false);
+            }
+        }
+        /* ios/android */
+        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
+            //ios 新版桥接
+            if (/(kbapp)/i.test(navigator.userAgent)) {
+                setupWebViewJavascriptBridge(function (bridge) {
+                    $bridge = bridge;
+                    initRegister(bridge);
+                });
+            }
+            else {
+                connectWebViewJavascriptBridge(function (bridge) {
+                    $bridge = bridge;
+                    initRegister(bridge);
+                });
+            }
+        }
+        else if (/(Android)/i.test(navigator.userAgent)) {
+            connectWebViewJavascriptBridge(function (bridge) {
+                $bridge = bridge;
+                initRegister(bridge);
+            });
+        }
+        // IOS中会主动调用该方法,不清楚为什么
+        window.setWebViewFlag = function () { };
+        function initRegister(bridge) {
+            bridge.init &&
+                bridge.init(function (message, responseCallback) {
+                    var data = { 'Javascript Responds': 'Wee!' };
+                    responseCallback(data);
+                });
+            bridge.registerHandler('AppPayResult', function (data, responseCallback) {
+                var responseData = { 'Javascript Says': 'Right back atcha!' };
+                responseCallback(responseData);
+            });
+            bridge.registerHandler('UploadImageResult', function (data, responseCallback) {
+                var responseData = { 'Javascript Says': 'Upload Success!' };
+                responseCallback(responseData);
+            });
+            bridge.registerHandler('RichInputResult', function (data, responseCallback) {
+                var responseData = { 'Javascript Says': 'Upload Success!' };
+                responseCallback(responseData);
+            });
+            bridge.registerHandler('CommonResult', function (data, responseCallback) {
+                var responseData = {
+                    'Javascript Says': 'CommonResult Success!',
+                };
+                responseCallback(responseData);
+            });
+            bridge.registerHandler('CommonRequest', function (data, responseCallback) {
+                var responseData = {
+                    'Javascript Says': 'CommonRequest Success!',
+                };
+                responseCallback(responseData);
+            });
+            cache.forEach(function (_a) {
+                var type = _a.type, params = _a.params;
+                switch (type) {
+                    case 'registerHandler':
+                        bridge.registerHandler.apply(bridge, params);
+                        break;
+                    case 'callHandler':
+                        bridge.callHandler.apply(bridge, params);
+                        break;
+                    default:
+                        break;
+                }
+            });
+        }
+        var VueBridgeWebView = {
+            /**
+             *  Android / IOS 调用JS,需要明确调用的`function名称` .
+             *
+             *
+             * @param name `function name`
+             * @param registerCallback 回调的响应事件
+             */
+            registerHandler: function (name, registerCallback) {
+                if ($bridge['registerHandler']) {
+                    setTimeout(function () {
+                        $bridge.registerHandler(name, registerCallback);
+                    }, bridgeConfig.bridgeWebViewDelay);
+                }
+                else {
+                    console.log("don't built-in WebView invoking ", name, '{registerHandler}');
+                }
+            },
+            /**
+             *  JS 调用 Android / IOS
+             *
+             *  name: 回调名称, android/ios 名称 ,eg: 'getUserInfo'
+             *  params 请求参数, eg: { 'userId' : 1}
+             *  callback: response(响应函数)
+             *
+             *  eg: this.$bridge.callHandler('getUserInfo',{'userId':1},function(data){...})
+             *
+             */
+            callHandler: function (name, params, callback) {
+                if ($bridge['callHandler']) {
+                    try {
+                        $bridge.callHandler(name, params, function (data) {
+                            if (typeof callback == 'function') {
+                                /* 解决部分系统加载延迟导致 ios/android 不响应问题 */
+                                setTimeout(function () {
+                                    callback(data);
+                                }, bridgeConfig.bridgeWebViewDelay);
+                            }
+                        });
+                        //TODO  待商榷 可优化
+                        $bridge.registerHandler('CommonResult', callback);
+                        $bridge.registerHandler('CommonRequest', callback);
+                    }
+                    catch (error) {
+                        console.log(error);
+                    }
+                }
+                else {
+                    console.log("don't built-in WebView invoking ", name, '{callHandler}');
+                }
+            },
+        };
+        return VueBridgeWebView;
+    });
+});

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+/**
+ *
+ * @description 唤起更多分享模态框
+ *
+ *
+ * **示例代码**
+```js
+import { invokeMoreShareModal } from '@kbapp/js-bridge';
+
+invokeMoreShareModal({
+    title: '开吧分享',
+    content: '开吧，开汽车上新生活！',
+    url: 'http://www.kaiba315.com.cn/',
+    imageUrl: 'https://static.kaiba315.com.cn/kaiba-logo.png'
+})
+```
+ *
+ * @returns {void} 该函数无返回值
+ */
+export declare function invokeMoreShareModal(data: {
+    /** 分享出去的h5地址 */
+    url: string;
+    /** 分享出去的标题 */
+    title: string;
+    /** 分享出去的正文内容 */
+    content: string;
+    /** 分享出去的封面图片 */
+    imageUrl: string;
+}): void;
+/**
+ *
+ * @description 保存图片到本地.
+ *
+ * **示例代码**
+```js
+import { saveImageToLocal } from '@kbapp/js-bridge';
+
+saveImageToLocal({
+    imageUrl: 'https://static.kaiba315.com.cn/kaiba-logo.png'
+})
+```
+ *
+ * @returns {void} 无法确认是否正常保存,因此该函数无返回值
+ */
+export declare function saveImageToLocal(data: {
+    /** 图片url(仅支持网络地址) */
+    imageUrl: string;
+}): void;
+/**
+ *
+ * @description 保存视频到本地.
+ *
+ * **示例代码**
+```js
+import { saveVideoToLocal } from '@kbapp/js-bridge';
+
+saveVideoToLocal({
+    videoUrl: 'https://static.kaiba315.com.cn/c6e16a556489430fb00557a27be64229.mp4'
+})
+```
+ *
+ * @returns {void} 无法确认是否正常保存,因此该函数无返回值
+ */
+export declare function saveVideoToLocal(data: {
+    /** 视频url(仅支持网络地址) */
+    videoUrl: string;
+}): void;

package/dist/index.js

@@ -0,0 +1,84 @@
+define(["require", "exports", "./core"], function (require, exports, core_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.saveVideoToLocal = exports.saveImageToLocal = exports.invokeMoreShareModal = void 0;
+    /**
+     *
+     * @description 唤起更多分享模态框
+     *
+     *
+     * **示例代码**
+    ```js
+    import { invokeMoreShareModal } from '@kbapp/js-bridge';
+    
+    invokeMoreShareModal({
+        title: '开吧分享',
+        content: '开吧，开汽车上新生活！',
+        url: 'http://www.kaiba315.com.cn/',
+        imageUrl: 'https://static.kaiba315.com.cn/kaiba-logo.png'
+    })
+    ```
+     *
+     * @returns {void} 该函数无返回值
+     */
+    function invokeMoreShareModal(data) {
+        (0, core_1.callHandler)({
+            name: 'OpenActRequest',
+            params: {
+                type: 58,
+                data: data,
+            },
+        });
+    }
+    exports.invokeMoreShareModal = invokeMoreShareModal;
+    /**
+     *
+     * @description 保存图片到本地.
+     *
+     * **示例代码**
+    ```js
+    import { saveImageToLocal } from '@kbapp/js-bridge';
+    
+    saveImageToLocal({
+        imageUrl: 'https://static.kaiba315.com.cn/kaiba-logo.png'
+    })
+    ```
+     *
+     * @returns {void} 无法确认是否正常保存,因此该函数无返回值
+     */
+    function saveImageToLocal(data) {
+        (0, core_1.callHandler)({
+            name: 'OpenActRequest',
+            params: {
+                type: 62,
+                data: data,
+            },
+        });
+    }
+    exports.saveImageToLocal = saveImageToLocal;
+    /**
+     *
+     * @description 保存视频到本地.
+     *
+     * **示例代码**
+    ```js
+    import { saveVideoToLocal } from '@kbapp/js-bridge';
+    
+    saveVideoToLocal({
+        videoUrl: 'https://static.kaiba315.com.cn/c6e16a556489430fb00557a27be64229.mp4'
+    })
+    ```
+     *
+     * @returns {void} 无法确认是否正常保存,因此该函数无返回值
+     */
+    function saveVideoToLocal(data) {
+        (0, core_1.callHandler)({
+            name: 'OpenActRequest',
+            params: {
+                type: 63,
+                data: data,
+            },
+        });
+    }
+    exports.saveVideoToLocal = saveVideoToLocal;
+});

package/package.json

@@ -0,0 +1,10 @@
+{
+    "name": "@kbapp/js-bridge",
+    "publishConfig": {
+        "access": "public"
+    },
+    "version": "0.1.0-alpha.0",
+    "description": "开吧客户端桥接",
+    "main": "./dist/index.js",
+    "author": "along"
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "target": "ES5",
+        "module": "es2015",
+        "allowJs": true,
+        "strict": true,
+        "outDir": "./dist",
+        "baseUrl": ".",
+        "declaration": true,
+        "lib": [
+            "esnext",
+            "dom"
+        ],
+        "sourceMap": false,
+        "moduleResolution": "Node"
+    },
+    "include": [
+        "src"
+    ]
+}