@yuntower/yuntower-account-web-sdk 0.0.7

package/README.md

@@ -0,0 +1,20 @@
+# YunTowerAccount-WebSDK
+
+云塔开放认证平台官方Web SDK   
+
+Apache License 2.0   
+
+- 官网：[https://account.yuntower.com](https://account.yuntower.cn)   
+- 文档：[https://account.yuntower.com/docs](https://account.yuntower.cn/docs)
+- NPM：[https://www.npmjs.com/package/@yuntower/yuntower-account-web-sdk](https://www.npmjs.com/package/yuntower-account-web-sdk)
+
+
+```
+// For versions <= 0.0.6
+npm i yuntower-account-web-sdk
+
+// For versions >= 0.0.7
+npm i yuntower/yuntower-account-web-sdk 
+```
+
+Provide by YunTower

package/index.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var YunTowerAccountSDK = /** @class */ (function () {
+    function YunTowerAccountSDK(_a) {
+        var type = _a.type, appid = _a.appid, _b = _a.redirect_url, redirect_url = _b === void 0 ? null : _b, _c = _a.state, state = _c === void 0 ? null : _c, _d = _a.scope, scope = _d === void 0 ? 'user_profile' : _d;
+        if (!appid || !scope) {
+            console.error('[YunTowerAccountSDK] 参数缺失');
+        }
+        if (!['window', 'redirect', 'iframe'].includes(type)) {
+            console.error('[YunTowerAccountSDK] [type]参数错误');
+        }
+        if (!['user_profile'].includes(scope)) {
+            console.error('[YunTowerAccountSDK] [scope]参数错误，目前只支持[user_profile]');
+        }
+        this.auth_status = false;
+        this.config = {
+            auth: 'https://account.yuntower.com',
+            origin_white_list: ['account.yuntower.cn', 'account.yuntower.com'],
+            type: type,
+            appid: appid,
+            scope: scope,
+            redirect_url: redirect_url,
+            state: state
+        };
+    }
+    /**
+     * 加载授权窗口
+     *
+     * @param {string} id 目标元素的ID
+     * @param {string} style 样式
+     * @param callback
+     */
+    YunTowerAccountSDK.prototype.loadAuthWindow = function (id, style, callback) {
+        var _this = this;
+        if (style === void 0) { style = ''; }
+        var auth_path = "".concat(this.config.auth, "/auth/app?type=").concat(this.config.type, "&appid=").concat(this.config.appid, "&redirect_url=").concat(this.config.redirect_url, "&scope=").concat(this.config.scope, "&state=").concat(this.config.state);
+        var iframe = document.getElementById(id);
+        if (!iframe) {
+            console.error('[YunTowerAccountSDK] 未找到id元素');
+            return;
+        }
+        if (this.config.type !== 'iframe') {
+            console.error('[YunTowerAccountSDK] type 参数错误，仅支持[iframe]类型');
+            return;
+        }
+        if (style === '') {
+            style = "height: 366px; width: 400px; border: unset; border-radius: 5px";
+        }
+        iframe.setAttribute('src', auth_path);
+        iframe.setAttribute('style', style);
+        // 监听来自子页面的消息
+        var messageListener = function (event) {
+            var _a, _b, _c, _d;
+            var origin = event.origin.replace(/^https?:\/\//, '');
+            if (!_this.config.origin_white_list.includes(origin))
+                return;
+            // 授权成功
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.action) === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.status) === 'success') {
+                    _this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: (_c = event.data) === null || _c === void 0 ? void 0 : _c.status,
+                        data: event.data.data
+                    });
+                }
+                else {
+                    callback({
+                        event: 'auth',
+                        status: (_d = event.data) === null || _d === void 0 ? void 0 : _d.status,
+                        msg: event.data.msg
+                    });
+                }
+            }
+        };
+        window.addEventListener('message', messageListener);
+    };
+    /**
+     * 开启授权窗口
+     * @param {*} callback
+     */
+    YunTowerAccountSDK.prototype.openAuthWindow = function (callback) {
+        var _this = this;
+        var auth_path = "".concat(this.config.auth, "/auth/app?type=").concat(this.config.type, "&appid=").concat(this.config.appid, "&redirect_url=").concat(this.config.redirect_url, "&scope=").concat(this.config.scope, "&state=").concat(this.config.state);
+        if (this.config.type == 'redirect') {
+            window.location.href = auth_path;
+            return false;
+        }
+        var child = window.open(auth_path, '_blank', 'width=500,height=600');
+        // 监听来自子页面的消息
+        var messageListener = function (event) {
+            var _a, _b, _c, _d;
+            var origin = event.origin.replace(/^https?:\/\//, '');
+            if (!_this.config.origin_white_list.includes(origin))
+                return;
+            // 授权成功
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.action) === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.status) === 'success') {
+                    _this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: (_c = event.data) === null || _c === void 0 ? void 0 : _c.status,
+                        data: event.data.data
+                    });
+                }
+                else {
+                    callback({
+                        event: 'auth',
+                        status: (_d = event.data) === null || _d === void 0 ? void 0 : _d.status,
+                        msg: event.data.msg
+                    });
+                }
+                child === null || child === void 0 ? void 0 : child.close();
+            }
+        };
+        window.addEventListener('message', messageListener);
+        if (child && !child.closed) {
+            var timer_1 = setInterval(function () {
+                if (child.closed) {
+                    clearInterval(timer_1);
+                    callback({
+                        event: 'closed',
+                        status: 'success'
+                    });
+                }
+                child.postMessage({ action: 'status' }, '*');
+            }, 3000);
+        }
+    };
+    return YunTowerAccountSDK;
+}());
+exports.default = YunTowerAccountSDK;

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@yuntower/yuntower-account-web-sdk",
+  "description": "YunTower Account Web SDK",
+  "version": "0.0.7",
+  "private": false,
+  "author": "yuntower",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "typescript": "^5.5.4"
+  },
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var YunTowerAccountSDK = /** @class */ (function () {
+    function YunTowerAccountSDK(_a) {
+        var type = _a.type, appid = _a.appid, _b = _a.redirect_url, redirect_url = _b === void 0 ? null : _b, _c = _a.state, state = _c === void 0 ? null : _c, _d = _a.scope, scope = _d === void 0 ? 'user_profile' : _d;
+        if (!appid || !scope) {
+            console.error('[YunTowerAccountSDK] 参数缺失');
+        }
+        if (!['window', 'redirect', 'iframe'].includes(type)) {
+            console.error('[YunTowerAccountSDK] [type]参数错误');
+        }
+        if (!['user_profile'].includes(scope)) {
+            console.error('[YunTowerAccountSDK] [scope]参数错误，目前只支持[user_profile]');
+        }
+        this.auth_status = false;
+        this.config = {
+            auth: 'https://account.yuntower.com',
+            origin_white_list: ['account.yuntower.cn', 'account.yuntower.com'],
+            type: type,
+            appid: appid,
+            scope: scope,
+            redirect_url: redirect_url,
+            state: state
+        };
+    }
+    /**
+     * 加载授权窗口
+     *
+     * @param {string} id 目标元素的ID
+     * @param {string} style 样式
+     * @param callback
+     */
+    YunTowerAccountSDK.prototype.loadAuthWindow = function (id, style, callback) {
+        var _this = this;
+        if (style === void 0) { style = ''; }
+        var auth_path = "".concat(this.config.auth, "/auth/app?type=").concat(this.config.type, "&appid=").concat(this.config.appid, "&redirect_url=").concat(this.config.redirect_url, "&scope=").concat(this.config.scope, "&state=").concat(this.config.state);
+        var iframe = document.getElementById(id);
+        if (!iframe) {
+            console.error('[YunTowerAccountSDK] 未找到id元素');
+            return;
+        }
+        if (this.config.type !== 'iframe') {
+            console.error('[YunTowerAccountSDK] type 参数错误，仅支持[iframe]类型');
+            return;
+        }
+        if (style === '') {
+            style = "height: 366px; width: 400px; border: unset; border-radius: 5px";
+        }
+        iframe.setAttribute('src', auth_path);
+        iframe.setAttribute('style', style);
+        // 监听来自子页面的消息
+        var messageListener = function (event) {
+            var _a, _b, _c, _d;
+            var origin = event.origin.replace(/^https?:\/\//, '');
+            if (!_this.config.origin_white_list.includes(origin))
+                return;
+            // 授权成功
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.action) === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.status) === 'success') {
+                    _this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: (_c = event.data) === null || _c === void 0 ? void 0 : _c.status,
+                        data: event.data.data
+                    });
+                }
+                else {
+                    callback({
+                        event: 'auth',
+                        status: (_d = event.data) === null || _d === void 0 ? void 0 : _d.status,
+                        msg: event.data.msg
+                    });
+                }
+            }
+        };
+        window.addEventListener('message', messageListener);
+    };
+    /**
+     * 开启授权窗口
+     * @param {*} callback
+     */
+    YunTowerAccountSDK.prototype.openAuthWindow = function (callback) {
+        var _this = this;
+        var auth_path = "".concat(this.config.auth, "/auth/app?type=").concat(this.config.type, "&appid=").concat(this.config.appid, "&redirect_url=").concat(this.config.redirect_url, "&scope=").concat(this.config.scope, "&state=").concat(this.config.state);
+        if (this.config.type == 'redirect') {
+            window.location.href = auth_path;
+            return false;
+        }
+        var child = window.open(auth_path, '_blank', 'width=500,height=600');
+        // 监听来自子页面的消息
+        var messageListener = function (event) {
+            var _a, _b, _c, _d;
+            var origin = event.origin.replace(/^https?:\/\//, '');
+            if (!_this.config.origin_white_list.includes(origin))
+                return;
+            // 授权成功
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.action) === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.status) === 'success') {
+                    _this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: (_c = event.data) === null || _c === void 0 ? void 0 : _c.status,
+                        data: event.data.data
+                    });
+                }
+                else {
+                    callback({
+                        event: 'auth',
+                        status: (_d = event.data) === null || _d === void 0 ? void 0 : _d.status,
+                        msg: event.data.msg
+                    });
+                }
+                child === null || child === void 0 ? void 0 : child.close();
+            }
+        };
+        window.addEventListener('message', messageListener);
+        if (child && !child.closed) {
+            var timer_1 = setInterval(function () {
+                if (child.closed) {
+                    clearInterval(timer_1);
+                    callback({
+                        event: 'closed',
+                        status: 'success'
+                    });
+                }
+                child.postMessage({ action: 'status' }, '*');
+            }, 3000);
+        }
+    };
+    return YunTowerAccountSDK;
+}());
+exports.default = YunTowerAccountSDK;

package/src/index.ts

@@ -0,0 +1,181 @@
+class YunTowerAccountSDK {
+    auth_status: boolean;
+    config: {
+        auth: string,
+        origin_white_list: string[];
+        type: 'window' | 'redirect' | 'iframe';
+        appid: string;
+        scope: string | '';
+        redirect_url: null | string;
+        state: null | string;
+    };
+
+    constructor({
+                    type,
+                    appid,
+                    redirect_url = null,
+                    state = null,
+                    scope = 'user_profile'
+                }: {
+        type: 'window' | 'redirect' | 'iframe';
+        appid: string;
+        scope: string | 'user_profile';
+        redirect_url?: null | string;
+        state?: null | string;
+    }) {
+        if (!appid || !scope) {
+            console.error('[YunTowerAccountSDK] 参数缺失');
+        }
+
+        if (!['window', 'redirect', 'iframe'].includes(type)) {
+            console.error('[YunTowerAccountSDK] [type]参数错误');
+        }
+
+        if (!['user_profile'].includes(scope)) {
+            console.error('[YunTowerAccountSDK] [scope]参数错误，目前只支持[user_profile]');
+        }
+
+        this.auth_status = false;
+        this.config = {
+            auth: 'https://account.yuntower.com',
+            origin_white_list: ['account.yuntower.cn', 'account.yuntower.com'],
+            type,
+            appid,
+            scope,
+            redirect_url,
+            state
+        };
+    }
+
+    /**
+     * 加载授权窗口
+     *
+     * @param {string} id 目标元素的ID
+     * @param {string} style 样式
+     * @param callback
+     */
+    loadAuthWindow(id: string, style: string = '', callback: (arg0: {
+        event: string;
+        status: 'success' | 'failed' | 'error' | 'noLogin' | 'denied';
+        data?: any;
+        msg?: string;
+    }) => void) {
+        const auth_path = `${this.config.auth}/auth/app?type=${this.config.type}&appid=${this.config.appid}&redirect_url=${this.config.redirect_url}&scope=${this.config.scope}&state=${this.config.state}`;
+        const iframe = document.getElementById(id);
+        if (!iframe) {
+            console.error('[YunTowerAccountSDK] 未找到id元素');
+            return;
+        }
+
+        if (this.config.type !== 'iframe') {
+            console.error('[YunTowerAccountSDK] type 参数错误，仅支持[iframe]类型');
+            return;
+        }
+
+        if (style === '') {
+            style = "height: 366px; width: 400px; border: unset; border-radius: 5px"
+        }
+
+
+        iframe.setAttribute('src', auth_path);
+        iframe.setAttribute('style', style);
+
+        // 监听来自子页面的消息
+        const messageListener = (event: MessageEvent) => {
+            const origin = event.origin.replace(/^https?:\/\//, '');
+
+            if (!this.config.origin_white_list.includes(origin)) return;
+
+            // 授权成功
+            if (event.data?.action === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (event.data?.status === 'success') {
+                    this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: event.data?.status,
+                        data: event.data.data
+                    });
+                } else {
+                    callback({
+                        event: 'auth',
+                        status: event.data?.status,
+                        msg: event.data.msg
+                    });
+                }
+            }
+        };
+
+        window.addEventListener('message', messageListener);
+    }
+
+    /**
+     * 开启授权窗口
+     * @param {*} callback
+     */
+    openAuthWindow(callback: (arg0: {
+        event: string;
+        status: 'success' | 'failed' | 'error' | 'noLogin' | 'denied';
+        data?: any;
+        msg?: string;
+    }) => void) {
+        const auth_path = `${this.config.auth}/auth/app?type=${this.config.type}&appid=${this.config.appid}&redirect_url=${this.config.redirect_url}&scope=${this.config.scope}&state=${this.config.state}`;
+
+        if (this.config.type == 'redirect') {
+            window.location.href = auth_path;
+            return false;
+        }
+
+        let child = window.open(
+            auth_path,
+            '_blank',
+            'width=500,height=600'
+        );
+
+
+        // 监听来自子页面的消息
+        const messageListener = (event: MessageEvent) => {
+            const origin = event.origin.replace(/^https?:\/\//, '');
+
+            if (!this.config.origin_white_list.includes(origin)) return;
+
+            // 授权成功
+            if (event.data?.action === 'status') {
+                window.removeEventListener('message', messageListener);
+                if (event.data?.status === 'success') {
+                    this.auth_status = true;
+                    callback({
+                        event: 'auth',
+                        status: event.data?.status,
+                        data: event.data.data
+                    });
+                } else {
+                    callback({
+                        event: 'auth',
+                        status: event.data?.status,
+                        msg: event.data.msg
+                    });
+                }
+                child?.close();
+            }
+        };
+
+        window.addEventListener('message', messageListener);
+
+
+        if (child && !child.closed) {
+            const timer = setInterval(() => {
+                if (child.closed) {
+                    clearInterval(timer);
+                    callback({
+                        event: 'closed',
+                        status: 'success'
+                    });
+                }
+                child.postMessage({action: 'status'}, '*');
+            }, 3000);
+        }
+    }
+}
+
+export default YunTowerAccountSDK;

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "lib": ["es2020", "dom", "es2015.promise"],
+    "strict": true,
+    "esModuleInterop": true,
+    "outDir": "./dist"
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts"
+  ]
+}