boke-devops 0.0.30

package/packages/boke-js-bridge/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@devops/boke-js-bridge",
+  "version": "0.0.30",
+  "description": "boke-JS-BRIDGE",
+  "keywords": [
+    "modules",
+    "stdlib",
+    "util"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "boke-js-bridge"
+  },
+  "license": "MIT",
+  "main": "./es",
+  "author": "Julone Lee <julone@qq.com>",
+  "contributors": [
+    "Julone Lee <julone@qq.com>"
+  ],
+  "scripts": {
+    "build": "run-p esm-build umd-build",
+    "esm-build": "tsc -m EsNext --outDir es",
+    "umd-build": "tsc -m UMD --outDir umd"
+  },
+  "types": "./es/index.d.ts",
+  "devDependencies": {
+    "npm-run-all": "^4.1.5"
+  },
+  "homepage": "",
+  "files": [
+    "es",
+    "src",
+    "umd"
+  ]
+}

package/packages/boke-js-bridge/readme.md

@@ -0,0 +1,11 @@
+# `js-bridge`
+
+> TODO: description
+
+## Usage
+
+```
+const jsBridge = require('js-bridge');
+
+// TODO: DEMONSTRATE API
+```

package/packages/boke-js-bridge/src/child.ts

@@ -0,0 +1,174 @@
+import {childLogger} from './utils'
+interface ChildMethods {
+    /*** 获取授权 */
+    getAuthorization: () => Promise<any>,
+    /*** 获取用户信息 */
+    getUserInfo: () => Promise<any>,
+    /*** 获取自定义事件的数据 */
+    fetchCustomData: (tokenName /*** 获取授权 */: any) => Promise<any>;
+    /*** 触发parent的事件 */
+    triggerEvent: (methodName:string, methodData?: any) => any;
+    /**事件挂载函数到Child */
+    $on: (methodName: string, cb: (data: string) => void) => void,
+    /**事件移除函数到Child */
+    $off: (methodName: string) => void,
+    /**事件挂载函数到Child, 包含Parent回调函数 */
+    $onCallback: (methodName: string, cb: (data: string) => void) => void,
+    /**事件移除函数到Child, 包含Parent回调函数 */
+    $offCallback: (methodName: string) => void,
+    goPage: (path: string, params: any) => void,
+    refreshTag: () => void,
+    /*** 关闭弹窗 */
+    closeModal: () => void,
+    toast: (msg: string) => void,
+    cacheData: any,
+    version: string
+}
+
+const ChildHanlder: () => ChildMethods = () => {
+    let methods = {} as ChildMethods;
+    const triggerAppEvent = (eventName, eventData) => {
+        const webviewBridge = window || null;
+        if (!webviewBridge && window.bokeJsBridge) {
+            alert('请在 boke 中运行此页面!');
+        } else {
+            const postdata = {
+                eventName: eventName,
+                eventData: eventData,
+                msgScoped: "boke-JS-BRIDGE"
+            }
+            childLogger("boke-JS-BRIDGE", `postMessage to ParentSdk: ${postdata}`)
+            webviewBridge.parent.postMessage(
+                JSON.stringify(postdata),
+                '*',
+            );
+        }
+    };
+    methods.goPage = (path = '', params = {}) => {
+        triggerAppEvent('goPage', { path, params });
+    };
+    methods.refreshTag = () => {
+        triggerAppEvent('refreshTag', {});
+    };
+    methods.closeModal = () => {
+        triggerAppEvent('closeModal', {});
+    };
+    methods.toast = (text = '你触发了一个提示！') => {
+        triggerAppEvent('toast', text);
+    };
+    methods.$on = (eventName, callback) => {
+        window.messageArray.set(eventName, (eventData) => {
+            callback(eventData);
+        });
+    };
+
+    methods.$off = (eventName) => {
+        window.messageArray.delete(eventName);
+    };
+    methods.$onCallback = (eventName, callback) => {
+        methods.$on(eventName + '@Callback', callback);
+    };
+    methods.$offCallback = (eventName) => {
+        methods.$off(eventName + '@Callback');
+    };
+    methods.cacheData = {};
+    methods.version = '0.0.1'
+
+    const cratePromise = (asyncName, timeout = 1200) => {
+        let result = {
+            status: "pending",
+            data: null,
+            err: null
+        }
+
+        let pro = new Promise((resolve, rejected) => {
+            let autoTimer
+            const callback = (eventData) => {
+                autoTimer && clearTimeout(autoTimer);
+                methods.$offCallback(asyncName);
+                resolve(eventData);
+            }
+            autoTimer = setTimeout(()=> {
+                callback(null)
+            }, timeout) // 1.2秒内没有应答 直接结束.
+            methods.$onCallback(asyncName, callback);
+            triggerAppEvent(asyncName, null);
+        }).then(res => {
+            result.data = res;
+            result.status = "fulfiled";
+            methods.cacheData[asyncName] = result;
+            return result
+        }).catch(e => {
+            result.err = e;
+            result.status = "rejected";
+            methods.cacheData[asyncName] = result;
+            return result
+        })
+        return pro
+    }
+
+    function withAsyncContext(asyncName) {
+        let run = null;
+        try {
+            run = () => {
+                if (methods.cacheData[asyncName]) {
+                    if (methods.cacheData[asyncName].status === 'fulfiled') {
+                        return methods.cacheData[asyncName].data
+                    } else if (methods.cacheData[asyncName].status === 'rejected') {
+                        throw methods.cacheData[asyncName].err;
+                    }
+                }
+                throw cratePromise(asyncName).then(res => res.data)
+            }
+            return run();
+        } catch (e) {
+            if (e instanceof Promise) {
+                (e as any).finally(done => {
+                    throw methods.cacheData[asyncName].data
+                })
+            }
+        }
+    }
+
+    methods.getAuthorization = async () => {
+        return await cratePromise("getAuthorization").then(res => res.data)
+    };
+    methods.getUserInfo = async () => {
+        return await cratePromise("getUserInfo").then(res => res.data)
+    };
+    methods.fetchCustomData = async (tokenName) => {
+        return await cratePromise(tokenName, 3000).then(res => res.data)
+    }
+    methods.triggerEvent=async (eventName, eventArgs)=> {
+        triggerAppEvent(eventName, eventArgs);
+    }
+    if (!window.bokeJsBridge) {
+        window.bokeJsBridge = new Proxy(methods, {
+            get(target, property) {
+                if (property in target) {
+                    return target[property];
+                }
+            },
+        });
+        window.messageArray = new Map();
+        window.addEventListener('message', ({ data, source, origin }) => {
+            window.messageArray.forEach((callback, key) => {
+                try {
+                    const { eventName, eventData,msgScoped } = JSON.parse(data);
+                    if(msgScoped != "boke-JS-BRIDGE") {
+                        return; // 非boke的信息不处理
+                    }
+                    if (eventName == key) {
+                        callback(eventData);
+                        childLogger("boke-JS-BRIDGE", `postMessage to ChildSdk: ${data}`)
+                    }
+                } catch (e) {
+                }
+            });
+        });
+        childLogger("boke-JS-BRIDGE", "ChildSdk is ready")
+    }
+    return window.bokeJsBridge;
+}
+
+export default ChildHanlder()

package/packages/boke-js-bridge/src/index.ts

@@ -0,0 +1,3 @@
+export {default as bokeJsBridgeParent} from './parent';
+export {default as bokeJsBridgeChild} from './child';
+export * from './utils'

package/packages/boke-js-bridge/src/parent.ts

@@ -0,0 +1,92 @@
+import {parentLogger} from './utils'
+(() => {
+  if (!(window.bokeMessageQueue)) {
+    window.bokeMessageQueue = new Map();
+    window.addEventListener("message", (data) => {
+      window.bokeMessageQueue.forEach((cb, key) => {
+        key && cb(data);
+      });
+    });
+  }
+  parentLogger("boke-JS-BRIDGE", "ParentSDK is Ready")
+  return;
+})()
+
+interface CommonEvent {
+  [props: string]: (prop: any) => any;
+}
+
+interface CallbackEvent {
+  getAuthorization?: (data?: any) => any
+  getUserInfo?: (data?: any) => any
+  [props: string]: (prop?: any) => any;
+}
+type ConfigType = { 
+  /***自定义事件的具体实现 */
+  events: CommonEvent, 
+  /***异步自定义事件的具体实现: 支持async异步方法 */
+  eventsCallback: CallbackEvent,
+  /***自动启动父iframe事件绑定, 默认: 是 */
+  autoStart?: boolean
+}
+export default function (iframeTarget: HTMLIFrameElement, configs: ConfigType) {
+  const frameUUID = encodeURIComponent(iframeTarget.src);
+  let { events = {}, eventsCallback = {}, autoStart = true } = configs as any;
+
+  const handler = function (e) {
+    try {
+      const { eventName, eventData, msgScoped } = JSON.parse(e.data);
+      if(msgScoped != "boke-JS-BRIDGE") {
+        return // 没有msgScoped, 不属于sdk传递的消息
+      }
+      Object.keys(events).forEach((key) => {
+        if (eventName == key) {
+          events[key](eventData);
+          parentLogger("boke-JS-BRIDGE", `postMessage to ParentSdk: ${e.data}`)
+        }
+      });
+
+      Object.keys(eventsCallback).forEach( async (key) => {
+        if (eventName == key) {
+          let cbdata = await eventsCallback[key](eventData);
+          let data = JSON.stringify({
+            eventName: eventName + "@Callback",
+            eventData: cbdata,
+            msgScoped: "boke-JS-BRIDGE"
+          });
+          parentLogger("boke-JS-BRIDGE", `callbackListener to ChildSdk: ${data}`)
+          iframeTarget.contentWindow.postMessage(data, "*");
+        }
+      });
+    } catch (error) {
+    }
+  };
+  const methods = {
+      postMessage(eventName, eventData) {
+        const data = JSON.stringify({
+          eventName: eventName,
+          eventData: eventData,
+          msgScoped: "boke-JS-BRIDGE"
+        });
+        parentLogger("boke-JS-BRIDGE", `postMessage to ChildSdk: ${data}`)
+        iframeTarget.contentWindow.postMessage(data, "*");
+      },
+      destory() {
+        window.bokeMessageQueue.delete(frameUUID);
+      },
+      start(){
+        window.bokeMessageQueue.set(frameUUID, handler);
+      },
+      on(eventName, cb) {
+        events[eventName] = cb;
+      },
+      off(key) {
+        delete events[key];
+      },
+  }
+  autoStart && methods.start();
+  return {
+    ...methods
+  }
+  
+}

package/packages/boke-js-bridge/src/utils.ts

@@ -0,0 +1,15 @@
+
+export const  parentLogger = (title, msg)=> {
+    console.log(
+      ` %c ${title}  %c ${msg} `,
+      'color: #fff; background: #4B60CF; padding:5px 0;',
+      'background: #030307; color: #fff; padding:5px 0;word-break:break-all'
+    )
+}
+export const childLogger = (title, msg)=> {
+    console.log(
+      ` %c ${title}  %c ${msg}`,
+      'color: #fa8c16; background: #fff7e6; padding:5px 0;',
+      'background: #030307; color: #fff; padding:5px 0;word-break:break-all'
+    )
+}

package/packages/boke-js-bridge/tsconfig.json

@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+      "target": "ES2015",
+      "module": "ESNext",
+      "moduleResolution": "node",
+      "importHelpers": true,
+      "esModuleInterop": true,
+      "sourceMap": false,
+      "baseUrl": "./",
+      "strict": false,
+      "paths": {
+        "@/*": ["./src/*"]
+      },
+      "allowSyntheticDefaultImports": true,
+      "outDir": "./es",
+      "declarationDir": "./es",
+      "declaration": true,
+      "rootDirs": ["."]
+    },
+    "include": [
+      "./src/**/*",
+      "typings.d.ts"
+    ],
+    "exclude": ["./../../node_modules"]
+  }
+  

package/packages/boke-js-bridge/typings.d.ts

@@ -0,0 +1,4 @@
+
+declare interface Window {
+  [props: string]: any;
+}

package/packages/boke-js-bridge/umd/child.js

@@ -0,0 +1,156 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "tslib", "./utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const tslib_1 = require("tslib");
+    const utils_1 = require("./utils");
+    const ChildHanlder = () => {
+        let methods = {};
+        const triggerAppEvent = (eventName, eventData) => {
+            const webviewBridge = window || null;
+            if (!webviewBridge && window.bokeJsBridge) {
+                alert('请在 boke 中运行此页面!');
+            }
+            else {
+                const postdata = {
+                    eventName: eventName,
+                    eventData: eventData,
+                    msgScoped: "boke-JS-BRIDGE"
+                };
+                utils_1.childLogger("boke-JS-BRIDGE", `postMessage to ParentSdk: ${postdata}`);
+                webviewBridge.parent.postMessage(JSON.stringify(postdata), '*');
+            }
+        };
+        methods.goPage = (path = '', params = {}) => {
+            triggerAppEvent('goPage', { path, params });
+        };
+        methods.refreshTag = () => {
+            triggerAppEvent('refreshTag', {});
+        };
+        methods.closeModal = () => {
+            triggerAppEvent('closeModal', {});
+        };
+        methods.toast = (text = '你触发了一个提示！') => {
+            triggerAppEvent('toast', text);
+        };
+        methods.$on = (eventName, callback) => {
+            window.messageArray.set(eventName, (eventData) => {
+                callback(eventData);
+            });
+        };
+        methods.$off = (eventName) => {
+            window.messageArray.delete(eventName);
+        };
+        methods.$onCallback = (eventName, callback) => {
+            methods.$on(eventName + '@Callback', callback);
+        };
+        methods.$offCallback = (eventName) => {
+            methods.$off(eventName + '@Callback');
+        };
+        methods.cacheData = {};
+        methods.version = '0.0.1';
+        const cratePromise = (asyncName, timeout = 1200) => {
+            let result = {
+                status: "pending",
+                data: null,
+                err: null
+            };
+            let pro = new Promise((resolve, rejected) => {
+                let autoTimer;
+                const callback = (eventData) => {
+                    autoTimer && clearTimeout(autoTimer);
+                    methods.$offCallback(asyncName);
+                    resolve(eventData);
+                };
+                autoTimer = setTimeout(() => {
+                    callback(null);
+                }, timeout); // 1.2秒内没有应答 直接结束.
+                methods.$onCallback(asyncName, callback);
+                triggerAppEvent(asyncName, null);
+            }).then(res => {
+                result.data = res;
+                result.status = "fulfiled";
+                methods.cacheData[asyncName] = result;
+                return result;
+            }).catch(e => {
+                result.err = e;
+                result.status = "rejected";
+                methods.cacheData[asyncName] = result;
+                return result;
+            });
+            return pro;
+        };
+        function withAsyncContext(asyncName) {
+            let run = null;
+            try {
+                run = () => {
+                    if (methods.cacheData[asyncName]) {
+                        if (methods.cacheData[asyncName].status === 'fulfiled') {
+                            return methods.cacheData[asyncName].data;
+                        }
+                        else if (methods.cacheData[asyncName].status === 'rejected') {
+                            throw methods.cacheData[asyncName].err;
+                        }
+                    }
+                    throw cratePromise(asyncName).then(res => res.data);
+                };
+                return run();
+            }
+            catch (e) {
+                if (e instanceof Promise) {
+                    e.finally(done => {
+                        throw methods.cacheData[asyncName].data;
+                    });
+                }
+            }
+        }
+        methods.getAuthorization = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return yield cratePromise("getAuthorization").then(res => res.data);
+        });
+        methods.getUserInfo = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return yield cratePromise("getUserInfo").then(res => res.data);
+        });
+        methods.fetchCustomData = (tokenName) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return yield cratePromise(tokenName, 3000).then(res => res.data);
+        });
+        methods.triggerEvent = (eventName, eventArgs) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            triggerAppEvent(eventName, eventArgs);
+        });
+        if (!window.bokeJsBridge) {
+            window.bokeJsBridge = new Proxy(methods, {
+                get(target, property) {
+                    if (property in target) {
+                        return target[property];
+                    }
+                },
+            });
+            window.messageArray = new Map();
+            window.addEventListener('message', ({ data, source, origin }) => {
+                window.messageArray.forEach((callback, key) => {
+                    try {
+                        const { eventName, eventData, msgScoped } = JSON.parse(data);
+                        if (msgScoped != "boke-JS-BRIDGE") {
+                            return; // 非boke的信息不处理
+                        }
+                        if (eventName == key) {
+                            callback(eventData);
+                            utils_1.childLogger("boke-JS-BRIDGE", `postMessage to ChildSdk: ${data}`);
+                        }
+                    }
+                    catch (e) {
+                    }
+                });
+            });
+            utils_1.childLogger("boke-JS-BRIDGE", "ChildSdk is ready");
+        }
+        return window.bokeJsBridge;
+    };
+    exports.default = ChildHanlder();
+});

package/packages/boke-js-bridge/umd/index.js

@@ -0,0 +1,18 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "tslib", "./parent", "./child", "./utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const tslib_1 = require("tslib");
+    var parent_1 = require("./parent");
+    exports.bokeJsBridgeParent = parent_1.default;
+    var child_1 = require("./child");
+    exports.bokeJsBridgeChild = child_1.default;
+    tslib_1.__exportStar(require("./utils"), exports);
+});

package/packages/boke-js-bridge/umd/parent.js

@@ -0,0 +1,84 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "tslib", "./utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const tslib_1 = require("tslib");
+    const utils_1 = require("./utils");
+    (() => {
+        if (!(window.bokeMessageQueue)) {
+            window.bokeMessageQueue = new Map();
+            window.addEventListener("message", (data) => {
+                window.bokeMessageQueue.forEach((cb, key) => {
+                    key && cb(data);
+                });
+            });
+        }
+        utils_1.parentLogger("boke-JS-BRIDGE", "ParentSDK is Ready");
+        return;
+    })();
+    function default_1(iframeTarget, configs) {
+        const frameUUID = encodeURIComponent(iframeTarget.src);
+        let { events = {}, eventsCallback = {}, autoStart = true } = configs;
+        const handler = function (e) {
+            try {
+                const { eventName, eventData, msgScoped } = JSON.parse(e.data);
+                if (msgScoped != "boke-JS-BRIDGE") {
+                    return; // 没有msgScoped, 不属于sdk传递的消息
+                }
+                Object.keys(events).forEach((key) => {
+                    if (eventName == key) {
+                        events[key](eventData);
+                        utils_1.parentLogger("boke-JS-BRIDGE", `postMessage to ParentSdk: ${e.data}`);
+                    }
+                });
+                Object.keys(eventsCallback).forEach((key) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    if (eventName == key) {
+                        let cbdata = yield eventsCallback[key](eventData);
+                        let data = JSON.stringify({
+                            eventName: eventName + "@Callback",
+                            eventData: cbdata,
+                            msgScoped: "boke-JS-BRIDGE"
+                        });
+                        utils_1.parentLogger("boke-JS-BRIDGE", `callbackListener to ChildSdk: ${data}`);
+                        iframeTarget.contentWindow.postMessage(data, "*");
+                    }
+                }));
+            }
+            catch (error) {
+            }
+        };
+        const methods = {
+            postMessage(eventName, eventData) {
+                const data = JSON.stringify({
+                    eventName: eventName,
+                    eventData: eventData,
+                    msgScoped: "boke-JS-BRIDGE"
+                });
+                utils_1.parentLogger("boke-JS-BRIDGE", `postMessage to ChildSdk: ${data}`);
+                iframeTarget.contentWindow.postMessage(data, "*");
+            },
+            destory() {
+                window.bokeMessageQueue.delete(frameUUID);
+            },
+            start() {
+                window.bokeMessageQueue.set(frameUUID, handler);
+            },
+            on(eventName, cb) {
+                events[eventName] = cb;
+            },
+            off(key) {
+                delete events[key];
+            },
+        };
+        autoStart && methods.start();
+        return Object.assign({}, methods);
+    }
+    exports.default = default_1;
+});

package/packages/boke-js-bridge/umd/utils.js

@@ -0,0 +1,18 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.parentLogger = (title, msg) => {
+        console.log(` %c ${title}  %c ${msg} `, 'color: #fff; background: #4B60CF; padding:5px 0;', 'background: #030307; color: #fff; padding:5px 0;word-break:break-all');
+    };
+    exports.childLogger = (title, msg) => {
+        console.log(` %c ${title}  %c ${msg}`, 'color: #fa8c16; background: #fff7e6; padding:5px 0;', 'background: #030307; color: #fff; padding:5px 0;word-break:break-all');
+    };
+});