@seaverse/auth-sdk 0.4.3 → 0.4.4

package/dist/index.d.ts

@@ -88,16 +88,12 @@ declare class AuthFactory {
     static fromEnv(): AuthProvider;
     /**
      * 从配置文件创建认证提供者
-     * @deprecated This method requires Node.js fs module and should not be used in browser environments.
-     * Use AuthFactory.create() with a config object instead.
      */
-    static fromFile(_path: string): Promise<AuthProvider>;
+    static fromFile(path: string): Promise<AuthProvider>;
     /**
      * 从profile创建认证提供者
-     * @deprecated This method requires Node.js fs module and should not be used in browser environments.
-     * Use AuthFactory.create() with a config object instead.
      */
-    static fromProfile(_profileName?: string): Promise<AuthProvider>;
+    static fromProfile(profileName?: string): Promise<AuthProvider>;
 }
 
 type HookType = 'beforeRequest' | 'afterResponse' | 'onError' | 'onRetry';
@@ -1470,6 +1466,14 @@ declare class AuthModal {
     private createLeftPanel;
     private createRightPanel;
     private createLoginForm;
+    /**
+     * Create new style login view (OAuth-first)
+     */
+    private createNewStyleLoginView;
+    /**
+     * Create old style login view (Traditional email/password form with original CSS)
+     */
+    private createOldStyleLoginView;
     private createSignupForm;
     private createForgotPasswordForm;
     private createResetPasswordForm;
@@ -1497,6 +1501,14 @@ declare class AuthModal {
      */
     private bindSocialLoginButtons;
     private switchView;
+    /**
+     * Show new style login view (OAuth-first)
+     */
+    private showNewStyleLogin;
+    /**
+     * Show old style login view (traditional email/password form)
+     */
+    private showOldStyleLogin;
     private handleLogin;
     private handleSignup;
     private handleForgotPassword;

package/dist/index.js

@@ -1,4 +1,7 @@
 import axios from 'axios';
+import * as fs from 'fs/promises';
+import * as path from 'path';
+import * as os from 'os';
 
 /**
  * 生成UUID的跨平台函数
@@ -745,6 +748,113 @@ class CustomAuthProvider extends AuthProvider {
     }
 }
 
+/**
+ * 配置管理器
+ */
+class ConfigManager {
+    constructor(configDir) {
+        this.configDir = configDir || path.join(os.homedir(), '.openapi-sdk');
+        this.configPath = path.join(this.configDir, 'config.json');
+    }
+    /**
+     * 保存认证配置
+     */
+    async saveAuth(profileName, authConfig) {
+        await this.ensureConfigDir();
+        const config = await this.loadConfig();
+        config.profiles[profileName] = authConfig;
+        await fs.writeFile(this.configPath, JSON.stringify(config, null, 2), 'utf-8');
+    }
+    /**
+     * 加载认证配置
+     */
+    async loadAuth(profileName) {
+        const config = await this.loadConfig();
+        const authConfig = config.profiles[profileName];
+        if (!authConfig) {
+            throw new Error(`Profile '${profileName}' not found`);
+        }
+        return authConfig;
+    }
+    /**
+     * 列出所有profile
+     */
+    async listProfiles() {
+        const config = await this.loadConfig();
+        return Object.keys(config.profiles);
+    }
+    /**
+     * 删除profile
+     */
+    async removeProfile(profileName) {
+        const config = await this.loadConfig();
+        delete config.profiles[profileName];
+        await fs.writeFile(this.configPath, JSON.stringify(config, null, 2), 'utf-8');
+    }
+    /**
+     * 从文件加载配置
+     */
+    async loadFromFile(filePath) {
+        try {
+            const content = await fs.readFile(filePath, 'utf-8');
+            return JSON.parse(content);
+        }
+        catch (error) {
+            throw new Error(`Failed to load config from ${filePath}: ${error}`);
+        }
+    }
+    /**
+     * 保存配置到文件
+     */
+    async saveToFile(filePath, authConfig) {
+        try {
+            await fs.writeFile(filePath, JSON.stringify(authConfig, null, 2), 'utf-8');
+        }
+        catch (error) {
+            throw new Error(`Failed to save config to ${filePath}: ${error}`);
+        }
+    }
+    /**
+     * 加载完整配置文件
+     */
+    async loadConfig() {
+        try {
+            const content = await fs.readFile(this.configPath, 'utf-8');
+            return JSON.parse(content);
+        }
+        catch (error) {
+            if (error.code === 'ENOENT') {
+                // 文件不存在，返回默认配置
+                return { profiles: {} };
+            }
+            throw error;
+        }
+    }
+    /**
+     * 确保配置目录存在
+     */
+    async ensureConfigDir() {
+        try {
+            await fs.mkdir(this.configDir, { recursive: true });
+        }
+        catch (error) {
+            // 忽略错误，可能目录已存在
+        }
+    }
+    /**
+     * 获取配置目录路径
+     */
+    getConfigDir() {
+        return this.configDir;
+    }
+    /**
+     * 获取配置文件路径
+     */
+    getConfigPath() {
+        return this.configPath;
+    }
+}
+
 /**
  * 跨平台环境配置工具
  * 支持 Node.js 和浏览器环境
@@ -877,19 +987,19 @@ class AuthFactory {
     }
     /**
      * 从配置文件创建认证提供者
-     * @deprecated This method requires Node.js fs module and should not be used in browser environments.
-     * Use AuthFactory.create() with a config object instead.
      */
-    static async fromFile(_path) {
-        throw new Error('AuthFactory.fromFile() is not available in browser environments. Please use AuthFactory.create() instead.');
+    static async fromFile(path) {
+        const configManager = new ConfigManager();
+        const config = await configManager.loadFromFile(path);
+        return this.create(config);
     }
     /**
      * 从profile创建认证提供者
-     * @deprecated This method requires Node.js fs module and should not be used in browser environments.
-     * Use AuthFactory.create() with a config object instead.
      */
-    static async fromProfile(_profileName = 'default') {
-        throw new Error('AuthFactory.fromProfile() is not available in browser environments. Please use AuthFactory.create() instead.');
+    static async fromProfile(profileName = 'default') {
+        const configManager = new ConfigManager();
+        const config = await configManager.loadAuth(profileName);
+        return this.create(config);
     }
 }
 
@@ -2804,6 +2914,97 @@ class AuthModal {
         const container = document.createElement('div');
         container.id = 'loginForm';
         container.className = 'auth-form-view';
+        // NEW STYLE VIEW (OAuth-first, shown by default)
+        const newStyleView = this.createNewStyleLoginView();
+        container.appendChild(newStyleView);
+        // OLD STYLE VIEW (Traditional email/password, hidden by default)
+        const oldStyleView = this.createOldStyleLoginView();
+        container.appendChild(oldStyleView);
+        return container;
+    }
+    /**
+     * Create new style login view (OAuth-first)
+     */
+    createNewStyleLoginView() {
+        const view = document.createElement('div');
+        view.id = 'newStyleLoginView';
+        view.className = 'new-style-login-view';
+        // Header
+        const header = document.createElement('div');
+        header.className = 'auth-form-header';
+        const title = document.createElement('h2');
+        title.className = 'auth-form-title';
+        title.textContent = 'Welcome back';
+        const subtitle = document.createElement('p');
+        subtitle.className = 'auth-form-subtitle';
+        subtitle.textContent = 'Please choose a login method to continue';
+        header.appendChild(title);
+        header.appendChild(subtitle);
+        view.appendChild(header);
+        // Form container
+        const form = document.createElement('div');
+        form.className = 'auth-form';
+        // OAuth buttons - only show if enabled
+        const hasOAuth = this.options.enableOAuth &&
+            (this.options.enableOAuth.google || this.options.enableOAuth.discord || this.options.enableOAuth.github);
+        if (hasOAuth) {
+            // Google button (full width, primary style)
+            if (this.options.enableOAuth?.google) {
+                const googleBtn = this.createSocialButton('google', 'Continue with Google', 'login', true);
+                googleBtn.className = 'btn-auth-primary';
+                form.appendChild(googleBtn);
+            }
+            // Social buttons grid (GitHub + Discord)
+            const socialGrid = document.createElement('div');
+            socialGrid.className = 'social-buttons-grid';
+            if (this.options.enableOAuth?.github) {
+                const githubBtn = this.createSocialButton('github', 'GitHub', 'login');
+                socialGrid.appendChild(githubBtn);
+            }
+            if (this.options.enableOAuth?.discord) {
+                const discordBtn = this.createSocialButton('discord', 'Discord', 'login');
+                socialGrid.appendChild(discordBtn);
+            }
+            if (socialGrid.children.length > 0) {
+                form.appendChild(socialGrid);
+            }
+            // Divider
+            const divider = document.createElement('div');
+            divider.className = 'divider';
+            divider.textContent = 'or continue with';
+            form.appendChild(divider);
+        }
+        // "Sign in with Email" button
+        const emailBtn = document.createElement('button');
+        emailBtn.type = 'button';
+        emailBtn.id = 'showOldStyleLogin';
+        emailBtn.className = 'btn-email-toggle';
+        emailBtn.innerHTML = `
+      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
+      </svg>
+      <span>Sign in with Email</span>
+    `;
+        form.appendChild(emailBtn);
+        // Terms text
+        const termsText = document.createElement('p');
+        termsText.className = 'terms-text';
+        termsText.innerHTML = `
+      By clicking continue, you agree to our
+      <a href="#" class="terms-link">Terms of Service</a> and
+      <a href="#" class="terms-link">Privacy Policy</a>.
+    `;
+        form.appendChild(termsText);
+        view.appendChild(form);
+        return view;
+    }
+    /**
+     * Create old style login view (Traditional email/password form with original CSS)
+     */
+    createOldStyleLoginView() {
+        const view = document.createElement('div');
+        view.id = 'oldStyleLoginView';
+        view.className = 'old-style-login-view hidden';
         // Header
         const header = document.createElement('div');
         header.className = 'auth-form-header';
@@ -2821,7 +3022,7 @@ class AuthModal {
         subtitle.appendChild(signupLink);
         header.appendChild(title);
         header.appendChild(subtitle);
-        container.appendChild(header);
+        view.appendChild(header);
         // Form
         const form = document.createElement('form');
         form.id = 'loginFormElement';
@@ -2875,28 +3076,25 @@ class AuthModal {
             // Social buttons grid (Google + GitHub)
             const socialGrid = document.createElement('div');
             socialGrid.className = 'social-buttons-grid';
-            // Google button - only if enabled
             if (this.options.enableOAuth?.google) {
                 const googleBtn = this.createSocialButton('google', 'Google', 'login');
                 socialGrid.appendChild(googleBtn);
             }
-            // GitHub button - only if configured
             if (this.options.enableOAuth?.github) {
                 const githubBtn = this.createSocialButton('github', 'Github', 'login');
                 socialGrid.appendChild(githubBtn);
             }
-            // Only add grid if it has buttons
             if (socialGrid.children.length > 0) {
                 form.appendChild(socialGrid);
             }
-            // Discord button (full width) - only if configured
+            // Discord button (full width)
             if (this.options.enableOAuth?.discord) {
                 const discordBtn = this.createSocialButton('discord', 'Discord', 'login', true);
                 form.appendChild(discordBtn);
             }
         }
-        container.appendChild(form);
-        return container;
+        view.appendChild(form);
+        return view;
     }
     createSignupForm() {
         const container = document.createElement('div');
@@ -3504,17 +3702,46 @@ class AuthModal {
         // Backdrop click to close
         const backdrop = this.modal.querySelector('.auth-modal-backdrop');
         backdrop?.addEventListener('click', () => this.hide());
-        // View switching
-        const showSignup = this.modal.querySelector('#showSignup');
-        showSignup?.addEventListener('click', (e) => {
-            e.preventDefault();
-            this.switchView('signup');
+        // Email form toggle
+        const showEmailForm = this.modal.querySelector('#showEmailForm');
+        showEmailForm?.addEventListener('click', () => {
+            const emailForm = this.modal.querySelector('#emailLoginForm');
+            const emailBtn = this.modal.querySelector('#showEmailForm');
+            emailForm?.classList.remove('hidden');
+            emailBtn?.classList.add('hidden');
+            // Update header
+            const title = this.modal.querySelector('#loginForm .auth-form-title');
+            const subtitle = this.modal.querySelector('#loginForm .auth-form-subtitle');
+            if (title)
+                title.textContent = 'Sign in with Email';
+            if (subtitle)
+                subtitle.textContent = 'Enter your details below';
+        });
+        const backToSocialLogin = this.modal.querySelector('#backToSocialLogin');
+        backToSocialLogin?.addEventListener('click', () => {
+            const emailForm = this.modal.querySelector('#emailLoginForm');
+            const emailBtn = this.modal.querySelector('#showEmailForm');
+            emailForm?.classList.add('hidden');
+            emailBtn?.classList.remove('hidden');
+            // Restore header
+            const title = this.modal.querySelector('#loginForm .auth-form-title');
+            const subtitle = this.modal.querySelector('#loginForm .auth-form-subtitle');
+            if (title)
+                title.textContent = 'Welcome back';
+            if (subtitle)
+                subtitle.textContent = 'Please choose a login method to continue';
         });
+        // View switching
         const showLogin = this.modal.querySelector('#showLogin');
         showLogin?.addEventListener('click', (e) => {
             e.preventDefault();
             this.switchView('login');
         });
+        const showSignup = this.modal.querySelector('#showSignup');
+        showSignup?.addEventListener('click', (e) => {
+            e.preventDefault();
+            this.switchView('signup');
+        });
         const forgotPasswordLink = this.modal.querySelector('#forgotPasswordLink');
         forgotPasswordLink?.addEventListener('click', (e) => {
             e.preventDefault();
@@ -3568,6 +3795,11 @@ class AuthModal {
                 }
             });
         });
+        // Login view style switching
+        const showOldStyleLogin = this.modal.querySelector('#showOldStyleLogin');
+        showOldStyleLogin?.addEventListener('click', () => {
+            this.showOldStyleLogin();
+        });
         // Form submissions
         const loginForm = this.modal.querySelector('#loginFormElement');
         loginForm?.addEventListener('submit', (e) => this.handleLogin(e));
@@ -3668,6 +3900,32 @@ class AuthModal {
         const targetView = this.modal.querySelector(`#${viewMap[view]}`);
         targetView?.classList.remove('hidden');
         this.currentView = view;
+        // When switching to login view, reset to new style
+        if (view === 'login') {
+            this.showNewStyleLogin();
+        }
+    }
+    /**
+     * Show new style login view (OAuth-first)
+     */
+    showNewStyleLogin() {
+        if (!this.modal)
+            return;
+        const newStyleView = this.modal.querySelector('#newStyleLoginView');
+        const oldStyleView = this.modal.querySelector('#oldStyleLoginView');
+        newStyleView?.classList.remove('hidden');
+        oldStyleView?.classList.add('hidden');
+    }
+    /**
+     * Show old style login view (traditional email/password form)
+     */
+    showOldStyleLogin() {
+        if (!this.modal)
+            return;
+        const newStyleView = this.modal.querySelector('#newStyleLoginView');
+        const oldStyleView = this.modal.querySelector('#oldStyleLoginView');
+        newStyleView?.classList.add('hidden');
+        oldStyleView?.classList.remove('hidden');
     }
     async handleLogin(e) {
         e.preventDefault();