@taicode/common-web 1.1.17 → 1.1.19

package/output/signin/service.js

@@ -0,0 +1,520 @@
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+import { computed, observable, runInAction, reaction } from 'mobx';
+import { Service, debounce, Disposer } from '@taicode/common-base';
+const DEFAULT_CONFIG = {
+    pollInterval: 2000,
+    errorAutoCloseDelay: 3000,
+    successDisplayDuration: 1500
+};
+const STORAGE_KEY = '__signin_service_state__';
+let SigninService = (() => {
+    var _a, _SigninService_inited_accessor_storage, _SigninService_check_accessor_storage, _SigninService_ticket_accessor_storage, _SigninService_dialogStatus_accessor_storage, _SigninService_errorMessage_accessor_storage;
+    var _b, _c;
+    let _classSuper = Service;
+    let _instanceExtraInitializers = [];
+    let _inited_decorators;
+    let _inited_initializers = [];
+    let _inited_extraInitializers = [];
+    let _check_decorators;
+    let _check_initializers = [];
+    let _check_extraInitializers = [];
+    let _ticket_decorators;
+    let _ticket_initializers = [];
+    let _ticket_extraInitializers = [];
+    let _dialogStatus_decorators;
+    let _dialogStatus_initializers = [];
+    let _dialogStatus_extraInitializers = [];
+    let _errorMessage_decorators;
+    let _errorMessage_initializers = [];
+    let _errorMessage_extraInitializers = [];
+    let _get_status_decorators;
+    let _get_signinUrl_decorators;
+    let _get_isDialogOpen_decorators;
+    let _get_hasActiveTicket_decorators;
+    let _start_decorators;
+    let _closeDialog_decorators;
+    let _cancel_decorators;
+    let _init_decorators;
+    return _a = class SigninService extends _classSuper {
+            get inited() { return __classPrivateFieldGet(this, _SigninService_inited_accessor_storage, "f"); }
+            set inited(value) { __classPrivateFieldSet(this, _SigninService_inited_accessor_storage, value, "f"); }
+            get check() { return __classPrivateFieldGet(this, _SigninService_check_accessor_storage, "f"); }
+            set check(value) { __classPrivateFieldSet(this, _SigninService_check_accessor_storage, value, "f"); }
+            get ticket() { return __classPrivateFieldGet(this, _SigninService_ticket_accessor_storage, "f"); }
+            set ticket(value) { __classPrivateFieldSet(this, _SigninService_ticket_accessor_storage, value, "f"); }
+            // UI 状态管理
+            get dialogStatus() { return __classPrivateFieldGet(this, _SigninService_dialogStatus_accessor_storage, "f"); }
+            set dialogStatus(value) { __classPrivateFieldSet(this, _SigninService_dialogStatus_accessor_storage, value, "f"); }
+            get errorMessage() { return __classPrivateFieldGet(this, _SigninService_errorMessage_accessor_storage, "f"); }
+            set errorMessage(value) { __classPrivateFieldSet(this, _SigninService_errorMessage_accessor_storage, value, "f"); }
+            constructor(apiConfig, config = {}) {
+                super();
+                _SigninService_inited_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _inited_initializers, false)));
+                this.isPolling = (__runInitializers(this, _inited_extraInitializers), false);
+                this.disposer = new Disposer();
+                this.pollingTimer = null;
+                _SigninService_check_accessor_storage.set(this, __runInitializers(this, _check_initializers, null));
+                _SigninService_ticket_accessor_storage.set(this, (__runInitializers(this, _check_extraInitializers), __runInitializers(this, _ticket_initializers, null
+                // UI 状态管理
+                )));
+                _SigninService_dialogStatus_accessor_storage.set(this, (__runInitializers(this, _ticket_extraInitializers), __runInitializers(this, _dialogStatus_initializers, 'idle')));
+                _SigninService_errorMessage_accessor_storage.set(this, (__runInitializers(this, _dialogStatus_extraInitializers), __runInitializers(this, _errorMessage_initializers, '')));
+                __runInitializers(this, _errorMessage_extraInitializers);
+                this.apiConfig = apiConfig;
+                this.config = Object.assign(Object.assign({}, DEFAULT_CONFIG), config);
+            }
+            get status() {
+                if (this.ticket == null)
+                    return null;
+                if (this.check == null)
+                    return null;
+                return this.check.status;
+            }
+            get signinUrl() {
+                var _b, _c;
+                return (_c = (_b = this.ticket) === null || _b === void 0 ? void 0 : _b.signinUrl) !== null && _c !== void 0 ? _c : null;
+            }
+            get isDialogOpen() {
+                return this.dialogStatus !== 'idle';
+            }
+            get hasActiveTicket() {
+                return this.ticket != null;
+            }
+            /**
+             * 检查票据是否过期
+             */
+            isTicketExpired(ticket) {
+                const expiredTime = new Date(ticket.expiredTime);
+                return new Date() > expiredTime;
+            }
+            /**
+             * 保存状态到 localStorage
+             */
+            saveState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return;
+                try {
+                    const state = {
+                        ticket: this.ticket,
+                        dialogStatus: this.dialogStatus,
+                        errorMessage: this.errorMessage,
+                        timestamp: Date.now()
+                    };
+                    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+                }
+                catch (error) {
+                    console.warn('Failed to save signin state:', error);
+                }
+            }
+            /**
+             * 从 localStorage 恢复状态
+             */
+            restoreState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return false;
+                try {
+                    const data = localStorage.getItem(STORAGE_KEY);
+                    if (!data)
+                        return false;
+                    const state = JSON.parse(data);
+                    // 检查票据是否存在且未过期（使用票据本身的过期时间）
+                    if (state.ticket && !this.isTicketExpired(state.ticket)) {
+                        runInAction(() => {
+                            this.ticket = state.ticket;
+                            this.dialogStatus = state.dialogStatus;
+                            this.errorMessage = state.errorMessage;
+                        });
+                        // 如果是等待或打开中状态，恢复轮询并显示弹窗
+                        if (state.dialogStatus === 'waiting' || state.dialogStatus === 'opening') {
+                            // 确保弹窗显示
+                            runInAction(() => {
+                                this.dialogStatus = 'waiting';
+                            });
+                            this.watchTicketStatus();
+                        }
+                        return true;
+                    }
+                    // 票据无效或过期，清理状态
+                    this.clearPersistedState();
+                    return false;
+                }
+                catch (error) {
+                    console.warn('Failed to restore signin state:', error);
+                    this.clearPersistedState();
+                    return false;
+                }
+            }
+            /**
+             * 清理持久化状态
+             */
+            clearPersistedState() {
+                if (typeof window === 'undefined' || !window.localStorage)
+                    return;
+                try {
+                    localStorage.removeItem(STORAGE_KEY);
+                }
+                catch (error) {
+                    console.warn('Failed to clear signin state:', error);
+                }
+            }
+            /**
+             * 设置错误状态
+             */
+            setError(message, autoClose = true) {
+                runInAction(() => {
+                    this.dialogStatus = 'error';
+                    this.errorMessage = message;
+                });
+                if (autoClose) {
+                    setTimeout(() => {
+                        if (this.dialogStatus === 'error') {
+                            runInAction(() => this.dialogStatus = 'idle');
+                        }
+                    }, this.config.errorAutoCloseDelay);
+                }
+            }
+            /**
+             * 停止票据状态轮询
+             */
+            stopPolling() {
+                this.isPolling = false;
+                if (this.pollingTimer) {
+                    clearTimeout(this.pollingTimer);
+                    this.pollingTimer = null;
+                }
+            }
+            /**
+             * 处理认证成功
+             */
+            async handleAuthSuccess(token) {
+                try {
+                    runInAction(() => {
+                        this.ticket = null;
+                        this.dialogStatus = 'success';
+                    });
+                    this.clearPersistedState();
+                    // 显示成功状态一段时间
+                    await new Promise(resolve => setTimeout(resolve, this.config.successDisplayDuration));
+                    if (this.apiConfig.onSuccess) {
+                        await this.apiConfig.onSuccess(token);
+                    }
+                    runInAction(() => {
+                        this.dialogStatus = 'idle';
+                        this.errorMessage = '';
+                    });
+                }
+                catch (error) {
+                    console.error('Auth success handler failed:', error);
+                    this.setError('Failed to complete authentication');
+                }
+            }
+            /**
+             * 轮询检查票据状态
+             */
+            async watchTicketStatus() {
+                if (!this.ticket || this.isPolling)
+                    return;
+                this.isPolling = true;
+                const poll = async () => {
+                    if (!this.ticket || !this.isPolling) {
+                        this.stopPolling();
+                        return;
+                    }
+                    try {
+                        // 检查票据是否过期
+                        if (this.isTicketExpired(this.ticket)) {
+                            this.stopPolling();
+                            this.setError('Ticket expired');
+                            return;
+                        }
+                        // 调用外部提供的检查方法
+                        const result = await this.apiConfig.checkStatus(this.ticket.ticket);
+                        // 检查是否有错误
+                        if (result.isError()) {
+                            console.error('Check ticket failed:', result.error);
+                            // API 调用失败，继续轮询
+                            this.scheduleNextPoll(poll);
+                            return;
+                        }
+                        const check = result.value;
+                        // 更新检查结果
+                        runInAction(() => this.check = check);
+                        // 根据状态处理
+                        switch (check.status) {
+                            case 'Finished':
+                                this.stopPolling();
+                                if (check.token) {
+                                    await this.handleAuthSuccess(check.token);
+                                }
+                                else {
+                                    this.setError('Authentication completed but no token received');
+                                }
+                                break;
+                            case 'Cancelled':
+                                this.stopPolling();
+                                runInAction(() => {
+                                    this.dialogStatus = 'cancelled';
+                                    this.ticket = null;
+                                });
+                                this.clearPersistedState();
+                                // 调用 onCancel 回调
+                                if (this.apiConfig.onCancel) {
+                                    try {
+                                        await this.apiConfig.onCancel();
+                                    }
+                                    catch (error) {
+                                        console.error('Cancel handler error:', error);
+                                    }
+                                }
+                                // 显示取消状态后自动关闭
+                                setTimeout(() => {
+                                    if (this.dialogStatus === 'cancelled') {
+                                        runInAction(() => this.dialogStatus = 'idle');
+                                    }
+                                }, this.config.errorAutoCloseDelay);
+                                break;
+                            case 'Expired':
+                                this.stopPolling();
+                                runInAction(() => {
+                                    this.dialogStatus = 'expired';
+                                    this.ticket = null;
+                                });
+                                this.clearPersistedState();
+                                // 显示过期状态后自动关闭
+                                setTimeout(() => {
+                                    if (this.dialogStatus === 'expired') {
+                                        runInAction(() => this.dialogStatus = 'idle');
+                                    }
+                                }, this.config.errorAutoCloseDelay);
+                                break;
+                            case 'Pending':
+                                // 继续轮询
+                                this.scheduleNextPoll(poll);
+                                break;
+                            default:
+                                // 未知状态，继续轮询
+                                this.scheduleNextPoll(poll);
+                        }
+                    }
+                    catch (error) {
+                        console.error('Ticket polling error:', error);
+                        // 出错继续轮询，避免暂时性网络问题导致整个流程中断
+                        this.scheduleNextPoll(poll);
+                    }
+                };
+                // 开始轮询
+                poll();
+            }
+            /**
+             * 安排下一次轮询
+             */
+            scheduleNextPoll(pollFn) {
+                if (!this.isPolling)
+                    return;
+                this.pollingTimer = setTimeout(() => {
+                    pollFn();
+                }, this.config.pollInterval);
+            }
+            /**
+             * 开始登录流程
+             */
+            async start() {
+                // 防止重复启动
+                if (this.dialogStatus !== 'idle') {
+                    console.warn('Login already in progress');
+                    return null;
+                }
+                runInAction(() => {
+                    this.dialogStatus = 'opening';
+                    this.errorMessage = '';
+                });
+                try {
+                    // 调用外部提供的申请票据方法
+                    const result = await this.apiConfig.applySignin();
+                    // 检查是否有错误
+                    if (result.isError()) {
+                        this.setError(result.error.message || 'Failed to get signin ticket');
+                        return null;
+                    }
+                    const ticket = result.value;
+                    // 验证票据有效性
+                    if (this.isTicketExpired(ticket)) {
+                        this.setError('Received expired ticket');
+                        return null;
+                    }
+                    runInAction(() => {
+                        this.check = null;
+                        this.ticket = ticket;
+                        this.dialogStatus = 'waiting';
+                    });
+                    // 开始轮询
+                    this.watchTicketStatus();
+                    return this.signinUrl;
+                }
+                catch (error) {
+                    const message = error instanceof Error ? error.message : 'Unknown error';
+                    this.setError(message);
+                    return null;
+                }
+            }
+            /**
+             * 关闭对话框
+             */
+            async closeDialog() {
+                this.stopPolling();
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 取消登录流程
+             */
+            async cancel() {
+                this.stopPolling();
+                // 调用 onCancel 回调
+                if (this.apiConfig.onCancel) {
+                    try {
+                        await this.apiConfig.onCancel();
+                    }
+                    catch (error) {
+                        console.error('Cancel handler error:', error);
+                    }
+                }
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.ticket = null;
+                    this.check = null;
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 初始化服务
+             */
+            async init() {
+                this.disposer.addDisposer(() => this.cleanup());
+                // 监听状态变化并自动保存
+                this.disposer.addDisposer(reaction(() => ({
+                    ticket: this.ticket,
+                    dialogStatus: this.dialogStatus,
+                    errorMessage: this.errorMessage
+                }), () => {
+                    // 只在有活跃票据或等待状态时保存
+                    if (this.ticket || this.dialogStatus !== 'idle') {
+                        this.saveState();
+                    }
+                }, { delay: 100 } // 防抖，避免过于频繁的保存
+                ));
+                // 尝试恢复持久化状态
+                const restored = this.restoreState();
+                if (restored) {
+                    console.log('Signin state restored from localStorage');
+                }
+                return true;
+            }
+            /**
+             * 清理资源
+             */
+            cleanup() {
+                this.stopPolling();
+                this.clearPersistedState();
+                runInAction(() => {
+                    this.ticket = null;
+                    this.check = null;
+                    this.dialogStatus = 'idle';
+                    this.errorMessage = '';
+                });
+            }
+            /**
+             * 销毁服务
+             */
+            dispose() {
+                this.cleanup();
+                this.disposer.dispose();
+            }
+        },
+        _SigninService_inited_accessor_storage = new WeakMap(),
+        _SigninService_check_accessor_storage = new WeakMap(),
+        _SigninService_ticket_accessor_storage = new WeakMap(),
+        _SigninService_dialogStatus_accessor_storage = new WeakMap(),
+        _SigninService_errorMessage_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _inited_decorators = [observable];
+            _check_decorators = [(_b = observable).ref.bind(_b)];
+            _ticket_decorators = [(_c = observable).ref.bind(_c)];
+            _dialogStatus_decorators = [observable];
+            _errorMessage_decorators = [observable];
+            _get_status_decorators = [computed];
+            _get_signinUrl_decorators = [computed];
+            _get_isDialogOpen_decorators = [computed];
+            _get_hasActiveTicket_decorators = [computed];
+            _start_decorators = [debounce(100)];
+            _closeDialog_decorators = [debounce(100)];
+            _cancel_decorators = [debounce(100)];
+            _init_decorators = [debounce(100)];
+            __esDecorate(_a, null, _inited_decorators, { kind: "accessor", name: "inited", static: false, private: false, access: { has: obj => "inited" in obj, get: obj => obj.inited, set: (obj, value) => { obj.inited = value; } }, metadata: _metadata }, _inited_initializers, _inited_extraInitializers);
+            __esDecorate(_a, null, _check_decorators, { kind: "accessor", name: "check", static: false, private: false, access: { has: obj => "check" in obj, get: obj => obj.check, set: (obj, value) => { obj.check = value; } }, metadata: _metadata }, _check_initializers, _check_extraInitializers);
+            __esDecorate(_a, null, _ticket_decorators, { kind: "accessor", name: "ticket", static: false, private: false, access: { has: obj => "ticket" in obj, get: obj => obj.ticket, set: (obj, value) => { obj.ticket = value; } }, metadata: _metadata }, _ticket_initializers, _ticket_extraInitializers);
+            __esDecorate(_a, null, _dialogStatus_decorators, { kind: "accessor", name: "dialogStatus", static: false, private: false, access: { has: obj => "dialogStatus" in obj, get: obj => obj.dialogStatus, set: (obj, value) => { obj.dialogStatus = value; } }, metadata: _metadata }, _dialogStatus_initializers, _dialogStatus_extraInitializers);
+            __esDecorate(_a, null, _errorMessage_decorators, { kind: "accessor", name: "errorMessage", static: false, private: false, access: { has: obj => "errorMessage" in obj, get: obj => obj.errorMessage, set: (obj, value) => { obj.errorMessage = value; } }, metadata: _metadata }, _errorMessage_initializers, _errorMessage_extraInitializers);
+            __esDecorate(_a, null, _get_status_decorators, { kind: "getter", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_signinUrl_decorators, { kind: "getter", name: "signinUrl", static: false, private: false, access: { has: obj => "signinUrl" in obj, get: obj => obj.signinUrl }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_isDialogOpen_decorators, { kind: "getter", name: "isDialogOpen", static: false, private: false, access: { has: obj => "isDialogOpen" in obj, get: obj => obj.isDialogOpen }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_hasActiveTicket_decorators, { kind: "getter", name: "hasActiveTicket", static: false, private: false, access: { has: obj => "hasActiveTicket" in obj, get: obj => obj.hasActiveTicket }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _start_decorators, { kind: "method", name: "start", static: false, private: false, access: { has: obj => "start" in obj, get: obj => obj.start }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _closeDialog_decorators, { kind: "method", name: "closeDialog", static: false, private: false, access: { has: obj => "closeDialog" in obj, get: obj => obj.closeDialog }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _cancel_decorators, { kind: "method", name: "cancel", static: false, private: false, access: { has: obj => "cancel" in obj, get: obj => obj.cancel }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SigninService };

package/output/signin/service.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=service.test.d.ts.map

package/output/signin/service.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.test.d.ts","sourceRoot":"","sources":["../../source/signin/service.test.ts"],"names":[],"mappings":""}