boke-devops 0.0.30

package/packages/boke-docs/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@devops/boke-docs": ["./src"],
+      "@devops/boke-devops-vue": ["./../boke-devops-vue"]
+    },
+    "allowJs": true,
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "strictNullChecks": false
+  },
+  "include": [".dumirc.ts", "src/**/*", "docs/**/*"]
+}

package/packages/boke-docs/tsconfig.vue.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "strictNullChecks": false
+  },
+  "include": ["src/**/*", "docs/**/*", "./../boke-devops-vue/src"]
+}

package/packages/boke-js-bridge/es/child.d.ts

@@ -0,0 +1,27 @@
+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;
+}
+declare const _default: ChildMethods;
+export default _default;

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

@@ -0,0 +1,144 @@
+import * as tslib_1 from "tslib";
+import { childLogger } from './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"
+            };
+            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);
+                        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/es/index.d.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/es/index.js

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

package/packages/boke-js-bridge/es/parent.d.ts

@@ -0,0 +1,24 @@
+interface CommonEvent {
+    [props: string]: (prop: any) => any;
+}
+interface CallbackEvent {
+    getAuthorization?: (data?: any) => any;
+    getUserInfo?: (data?: any) => any;
+    [props: string]: (prop?: any) => any;
+}
+declare type ConfigType = {
+    /***自定义事件的具体实现 */
+    events: CommonEvent;
+    /***异步自定义事件的具体实现: 支持async异步方法 */
+    eventsCallback: CallbackEvent;
+    /***自动启动父iframe事件绑定, 默认: 是 */
+    autoStart?: boolean;
+};
+export default function (iframeTarget: HTMLIFrameElement, configs: ConfigType): {
+    postMessage(eventName: any, eventData: any): void;
+    destory(): void;
+    start(): void;
+    on(eventName: any, cb: any): void;
+    off(key: any): void;
+};
+export {};

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

@@ -0,0 +1,71 @@
+import * as tslib_1 from "tslib";
+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;
+})();
+export default function (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);
+                    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"
+                    });
+                    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 Object.assign({}, methods);
+}

package/packages/boke-js-bridge/es/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const parentLogger: (title: any, msg: any) => void;
+export declare const childLogger: (title: any, msg: any) => void;

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

@@ -0,0 +1,6 @@
+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');
+};