@authon/js 0.4.1 → 0.4.2

package/README.ko.md

@@ -23,9 +23,7 @@ npm install @authon/js
   <script type="module">
     import { Authon } from '@authon/js';
 
-    const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY', {
-      apiUrl: 'https://your-authon-server.com',
-    });
+    const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY');
 
     document.getElementById('sign-in-btn').addEventListener('click', () => {
       authon.openSignIn();
@@ -80,7 +78,6 @@ await authon.signOut();
 
 | 변수 | 필수 | 설명 |
 |------|------|------|
-| `AUTHON_API_URL` | Yes | Authon 서버 URL |
 | `AUTHON_PUBLISHABLE_KEY` | Yes | 프로젝트 퍼블리셔블 키 |
 
 ## 비교

package/README.md

@@ -2,7 +2,7 @@
 
 # @authon/js
 
-> Drop-in browser authentication SDK — self-hosted Clerk alternative, Auth0 alternative, open-source auth
+> Drop-in browser authentication SDK — Auth0 alternative, open-source auth
 
 [![npm version](https://img.shields.io/npm/v/@authon/js?color=6d28d9)](https://www.npmjs.com/package/@authon/js)
 [![License](https://img.shields.io/badge/license-MIT-blue)](../../LICENSE)
@@ -16,8 +16,8 @@ Before installing the SDK, create an Authon project and get your API keys:
    - Select the authentication methods you want (Email/Password, OAuth providers, etc.)
 
 2. **Get your API keys** from Project Settings → API Keys
-   - **Publishable Key** (`pk_live_...` or `pk_test_...`) — safe to use in client-side code
-   - **Secret Key** (`sk_live_...` or `sk_test_...`) — server-side only, never expose to clients
+   - **Publishable Key** (`pk_live_...`) — use in your frontend code
+   - **Test Key** (`pk_test_...`) — for development, enables Dev Teleport
 
 3. **Configure OAuth providers** (optional) in Project Settings → OAuth
    - Add Google, Apple, GitHub, etc. with their respective Client ID and Secret
@@ -45,9 +45,7 @@ npm install @authon/js
   <script type="module">
     import { Authon } from '@authon/js';
 
-    const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY', {
-      apiUrl: 'https://your-authon-server.com',
-    });
+    const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY');
 
     document.getElementById('sign-in-btn').addEventListener('click', () => {
       authon.openSignIn();
@@ -69,9 +67,7 @@ npm install @authon/js
 ```ts
 import { Authon } from '@authon/js';
 
-const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY', {
-  apiUrl: 'https://your-authon-server.com',
-});
+const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY');
 
 // Opens popup, falls back to redirect if blocked
 await authon.signInWithOAuth('google');
@@ -88,9 +84,7 @@ await authon.signInWithOAuth('google', { flowMode: 'redirect' });
 ```ts
 import { Authon } from '@authon/js';
 
-const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY', {
-  apiUrl: 'https://your-authon-server.com',
-});
+const authon = new Authon('pk_live_YOUR_PUBLISHABLE_KEY');
 
 // Sign up
 const user = await authon.signUpWithEmail('user@example.com', 'MyP@ssw0rd', {
@@ -181,8 +175,8 @@ authon.on('tokenRefreshed', (token) => { /* update API client */ });
 
 | Variable | Required | Description |
 |----------|----------|-------------|
-| `AUTHON_API_URL` | Yes | Your Authon server URL (e.g. `https://your-authon-server.com`) |
 | `AUTHON_PUBLISHABLE_KEY` | Yes | Project publishable key (`pk_live_...` or `pk_test_...`) |
+| `AUTHON_API_URL` | No | Optional — defaults to `api.authon.dev` |
 
 ## API Reference
 
@@ -280,7 +274,6 @@ new Authon(publishableKey: string, config?: AuthonConfig)
 
 | Feature | Authon | Clerk | Auth.js |
 |---------|--------|-------|---------|
-| Self-hosted | Yes | No | Partial |
 | Pricing | Free | $25/mo+ | Free |
 | OAuth providers | 10+ | 20+ | 80+ |
 | ShadowDOM modal | Yes | No | No |

package/dist/index.cjs

@@ -450,7 +450,8 @@ var ModalRenderer = class {
               <span>${config.label}</span>
             </button>`;
     }).join("") : "";
-    const divider = showProviders && b.showDivider !== false && b.showEmailPassword !== false ? `<div class="divider"><span>or</span></div>` : "";
+    const hasVisibleProviders = showProviders && this.enabledProviders.filter((p) => !b.hiddenProviders?.includes(p)).length > 0;
+    const divider = hasVisibleProviders && b.showDivider !== false && b.showEmailPassword !== false ? `<div class="divider"><span>or</span></div>` : "";
     const emailForm = b.showEmailPassword !== false ? `<form class="email-form" id="email-form">
           <input type="email" placeholder="Email address" name="email" required class="input" autocomplete="email" />
           <input type="password" placeholder="Password" name="password" required class="input" autocomplete="${isSignUp ? "new-password" : "current-password"}" />