@atpassport/client 0.1.7 → 0.1.9

package/README.md

@@ -68,9 +68,14 @@ console.log(AtPassportUI.en.description); // "@passport is a universal handle ma
 // Japanese translations
 console.log(AtPassportUI.ja.title); // "@passportでログイン"
 
-// Standard Icon (SVG String matching lucide-react's TicketsPlane)
-// Can be injected into HTML directly or using React's dangerouslySetInnerHTML
+// Standard Icon (SVG String)
 const svgString = AtPassportUI.iconSvg;
+
+// React Component
+import { AtPassportIcon } from '@atpassport/client';
+
+// Use it in your React component
+// <AtPassportIcon size={24} />
 ```
 
 ---
@@ -85,10 +90,4 @@ When @passport redirects back to your `callbackUrl`, the following information w
 - **`pdsurl`**: The endpoint URL of the user's Personal Data Server (PDS).
 - **`atpstate`**: The state string automatically generated for CSRF protection via `generateAuthUrl()`.
 
-### The `{handle}` and `{did}` Placeholder Replacement Feature
-Depending on the specific API endpoint used for integration or the exact implementation of the integrating client, there is a feature where placing `{handle}` or `{did}` string placeholders inside the `callbackUrl` string will instruct @passport to **dynamically string-replace** them with the actual handle/DID upon completion.
-
-**Example:**
-If the `callbackUrl` was `https://myapp.com/login?handle={handle}`, @passport would redirect back to `https://myapp.com/login?handle=alice.bsky.social`.
-
-*Note: With the standard flow using `@atpassport/client` (`generateAuthUrl` → `parseCallback`), @passport does not rely on string replacement. Instead, it securely appends parameters like `&handle=...` as standardized URL queries. This allows you to simply and securely receive all information using `parseCallback()` without manually formatting placeholders.*
+*Note: With the standard flow using `@atpassport/client` (`generateAuthUrl` → `parseCallback`), @passport securely appends parameters like `&handle=...` as standardized URL queries. This allows you to simply and securely receive all information using `parseCallback()` without manually formatting placeholders.*

package/dist/chunk-HQWY5EUQ.mjs

@@ -0,0 +1 @@
+var d=class{baseUrl;callbackUrl;lang;constructor(t){this.baseUrl=(t.baseUrl||"https://atpassport.net").replace(/\/$/,""),this.callbackUrl=t.callbackUrl,this.lang=t.lang}generateAuthUrl(t){let a=crypto.randomUUID(),e=this.lang?`${this.lang}/authentication`:"authentication",s=new URL(`${this.baseUrl}/${e}`),r=new URL(this.callbackUrl);if(t)for(let[i,n]of Object.entries(t))r.searchParams.set(i,n);return s.searchParams.set("callback",r.toString()),s.searchParams.set("atpstate",a),{url:s.toString(),atpstate:a}}parseCallback(t,a){let e=new URL(t),s=e.searchParams.get("handle"),r=e.searchParams.get("did"),i=e.searchParams.get("pdsurl"),n=e.searchParams.get("atpstate");if(a&&n!==a)throw new Error("Invalid atpstate: CSRF validation failed.");let l={};return e.searchParams.forEach((c,o)=>{["handle","did","pdsurl","atpstate"].includes(o)||(l[o]=c)}),{handle:s,did:r,pdsUrl:i,atpstate:n,customParams:l}}async pick(){return new Promise(t=>{let s=window.screenX+(window.outerWidth-400)/2,r=window.screenY+(window.outerHeight-500)/2,i=this.lang?`${this.lang}/picker`:"picker",n=`${this.baseUrl}/${i}`,l=window.open(n,"atpassport:picker",`width=400,height=500,left=${s},top=${r}`),c=h=>{h.origin===new URL(this.baseUrl).origin&&h.data?.type==="atpassport:pick"&&(window.removeEventListener("message",c),t(h.data.handle))};window.addEventListener("message",c);let o=setInterval(()=>{l?.closed&&clearInterval(o)},1e3)})}decorate(t){t.addEventListener("focus",async()=>{if(t.value)return;let a=await this.pick();a&&(t.value=a,t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))})}};export{d as a};

package/dist/chunk-LGB4WCG6.mjs

@@ -0,0 +1 @@
+import{jsx as r,jsxs as a}from"react/jsx-runtime";var o="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z",s="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z",t=(C=128)=>`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="${C}" height="${C}" viewBox="0 0 128 128"><path d="${o}" fill="currentColor" transform="translate(54.3,21.1)"/><path d="${s}" fill="currentColor" transform="translate(6.8,97.9)"/></svg>`,e=({size:C=24,...n})=>a("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:C,height:C,viewBox:"0 0 128 128",fill:"currentColor",...n,children:[r("path",{d:o,transform:"translate(54.3,21.1)"}),r("path",{d:s,transform:"translate(6.8,97.9)"})]}),p={ja:{title:"@passport\u3067\u30ED\u30B0\u30A4\u30F3",description:"@passport\u306F\u3001\u5404atproto\u30A2\u30D7\u30EA\u3067\u30CF\u30F3\u30C9\u30EB\u3092\u90FD\u5EA6\u5165\u529B\u3059\u308B\u624B\u9593\u304C\u7701\u3051\u308B\u5171\u901A\u30CF\u30F3\u30C9\u30EB\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u3059\u3002"},en:{title:"Login with @passport",description:"@passport is a universal handle manager that saves you from typing your handle repeatedly across atproto apps."},iconSvg:t(128),getIconSvg:t};export{e as a,p as b};

package/dist/core.d.mts

@@ -0,0 +1,46 @@
+interface AtPassportOptions {
+    callbackUrl: string;
+    baseUrl?: string;
+    lang?: 'en' | 'ja';
+}
+/**
+ * AtPassport Client
+ */
+declare class AtPassport {
+    private readonly baseUrl;
+    private readonly callbackUrl;
+    private readonly lang?;
+    constructor(options: AtPassportOptions);
+    /**
+     * Generates the authentication URL and state.
+     * By saving the state on the app side and verifying it in parseCallback,
+     * you can prevent CSRF attacks. Custom parameters will be attached to the callback.
+     */
+    generateAuthUrl(customParams?: Record<string, string>): {
+        url: string;
+        atpstate: string;
+    };
+    /**
+     * Parses the callback URL returned from AtPassport and extracts parameters.
+     * If `expectedState` is provided, it throws an error if the returned state does not match.
+     */
+    parseCallback(currentUrl: string, expectedState?: string | null): {
+        handle: string | null;
+        did: string | null;
+        pdsUrl: string | null;
+        atpstate: string | null;
+        customParams: Record<string, string>;
+    };
+    /**
+     * Opens a popup to let user pick a handle.
+     * Returns a promise that resolves with the selected handle.
+     */
+    pick(): Promise<string>;
+    /**
+     * Attaches the picker to an input element.
+     * Automatically fills the input when a handle is picked on focus.
+     */
+    decorate(input: HTMLInputElement): void;
+}
+
+export { AtPassport, type AtPassportOptions };

package/dist/core.d.ts

@@ -0,0 +1,46 @@
+interface AtPassportOptions {
+    callbackUrl: string;
+    baseUrl?: string;
+    lang?: 'en' | 'ja';
+}
+/**
+ * AtPassport Client
+ */
+declare class AtPassport {
+    private readonly baseUrl;
+    private readonly callbackUrl;
+    private readonly lang?;
+    constructor(options: AtPassportOptions);
+    /**
+     * Generates the authentication URL and state.
+     * By saving the state on the app side and verifying it in parseCallback,
+     * you can prevent CSRF attacks. Custom parameters will be attached to the callback.
+     */
+    generateAuthUrl(customParams?: Record<string, string>): {
+        url: string;
+        atpstate: string;
+    };
+    /**
+     * Parses the callback URL returned from AtPassport and extracts parameters.
+     * If `expectedState` is provided, it throws an error if the returned state does not match.
+     */
+    parseCallback(currentUrl: string, expectedState?: string | null): {
+        handle: string | null;
+        did: string | null;
+        pdsUrl: string | null;
+        atpstate: string | null;
+        customParams: Record<string, string>;
+    };
+    /**
+     * Opens a popup to let user pick a handle.
+     * Returns a promise that resolves with the selected handle.
+     */
+    pick(): Promise<string>;
+    /**
+     * Attaches the picker to an input element.
+     * Automatically fills the input when a handle is picked on focus.
+     */
+    decorate(input: HTMLInputElement): void;
+}
+
+export { AtPassport, type AtPassportOptions };

package/dist/core.js

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var U=(r,t)=>{for(var a in t)g(r,a,{get:t[a],enumerable:!0})},k=(r,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of w(t))!b.call(r,e)&&e!==a&&g(r,e,{get:()=>t[e],enumerable:!(s=u(t,e))||s.enumerable});return r};var m=r=>k(g({},"__esModule",{value:!0}),r);var v={};U(v,{AtPassport:()=>p});module.exports=m(v);var p=class{baseUrl;callbackUrl;lang;constructor(t){this.baseUrl=(t.baseUrl||"https://atpassport.net").replace(/\/$/,""),this.callbackUrl=t.callbackUrl,this.lang=t.lang}generateAuthUrl(t){let a=crypto.randomUUID(),s=this.lang?`${this.lang}/authentication`:"authentication",e=new URL(`${this.baseUrl}/${s}`),n=new URL(this.callbackUrl);if(t)for(let[l,i]of Object.entries(t))n.searchParams.set(l,i);return e.searchParams.set("callback",n.toString()),e.searchParams.set("atpstate",a),{url:e.toString(),atpstate:a}}parseCallback(t,a){let s=new URL(t),e=s.searchParams.get("handle"),n=s.searchParams.get("did"),l=s.searchParams.get("pdsurl"),i=s.searchParams.get("atpstate");if(a&&i!==a)throw new Error("Invalid atpstate: CSRF validation failed.");let c={};return s.searchParams.forEach((o,h)=>{["handle","did","pdsurl","atpstate"].includes(h)||(c[h]=o)}),{handle:e,did:n,pdsUrl:l,atpstate:i,customParams:c}}async pick(){return new Promise(t=>{let e=window.screenX+(window.outerWidth-400)/2,n=window.screenY+(window.outerHeight-500)/2,l=this.lang?`${this.lang}/picker`:"picker",i=`${this.baseUrl}/${l}`,c=window.open(i,"atpassport:picker",`width=400,height=500,left=${e},top=${n}`),o=d=>{d.origin===new URL(this.baseUrl).origin&&d.data?.type==="atpassport:pick"&&(window.removeEventListener("message",o),t(d.data.handle))};window.addEventListener("message",o);let h=setInterval(()=>{c?.closed&&clearInterval(h)},1e3)})}decorate(t){t.addEventListener("focus",async()=>{if(t.value)return;let a=await this.pick();a&&(t.value=a,t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))})}};0&&(module.exports={AtPassport});

package/dist/core.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-HQWY5EUQ.mjs";export{a as AtPassport};

package/dist/index.d.mts

@@ -1,73 +1,4 @@
-interface AtPassportOptions {
-    callbackUrl: string;
-    baseUrl?: string;
-    lang?: 'en' | 'ja';
-}
-/**
- * Standard UI texts and icons for AtPassport integration components.
- * Useful for building "Login with @passport" buttons and explanation dialogues.
- */
-declare const AtPassportUI: {
-    ja: {
-        title: string;
-        description: string;
-    };
-    en: {
-        title: string;
-        description: string;
-    };
-    iconSvg: string;
-    /**
-     * Returns the @passport icon SVG string with a custom size.
-     */
-    getIconSvg: (size?: number | string) => string;
-};
-/**
- * AtPassport Client
- */
-declare class AtPassport {
-    private readonly baseUrl;
-    private readonly callbackUrl;
-    private readonly lang?;
-    constructor(options: AtPassportOptions);
-    /**
-     * Generates the URL for handle registration.
-     */
-    registerUrl(handle: string, callback: string): string;
-    /**
-     * Generates the URL for identity resolution.
-     */
-    resolveUrl(callback: string): string;
-    /**
-     * Generates the authentication URL and state.
-     * By saving the state on the app side and verifying it in parseCallback,
-     * you can prevent CSRF attacks. Custom parameters will be attached to the callback.
-     */
-    generateAuthUrl(customParams?: Record<string, string>): {
-        url: string;
-        atpstate: string;
-    };
-    /**
-     * Parses the callback URL returned from AtPassport and extracts parameters.
-     * If `expectedState` is provided, it throws an error if the returned state does not match.
-     */
-    parseCallback(currentUrl: string, expectedState?: string | null): {
-        handle: string | null;
-        did: string | null;
-        pdsUrl: string | null;
-        atpstate: string | null;
-        customParams: Record<string, string>;
-    };
-    /**
-     * Opens a popup to let user pick a handle.
-     * Returns a promise that resolves with the selected handle.
-     */
-    pick(): Promise<string>;
-    /**
-     * Attaches the picker to an input element.
-     * Automatically fills the input when a handle is picked on focus.
-     */
-    decorate(input: HTMLInputElement): void;
-}
-
-export { AtPassport, type AtPassportOptions, AtPassportUI };
+export { AtPassport, AtPassportOptions } from './core.mjs';
+export { AtPassportIcon, AtPassportIconProps, AtPassportUI } from './ui.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.d.ts

@@ -1,73 +1,4 @@
-interface AtPassportOptions {
-    callbackUrl: string;
-    baseUrl?: string;
-    lang?: 'en' | 'ja';
-}
-/**
- * Standard UI texts and icons for AtPassport integration components.
- * Useful for building "Login with @passport" buttons and explanation dialogues.
- */
-declare const AtPassportUI: {
-    ja: {
-        title: string;
-        description: string;
-    };
-    en: {
-        title: string;
-        description: string;
-    };
-    iconSvg: string;
-    /**
-     * Returns the @passport icon SVG string with a custom size.
-     */
-    getIconSvg: (size?: number | string) => string;
-};
-/**
- * AtPassport Client
- */
-declare class AtPassport {
-    private readonly baseUrl;
-    private readonly callbackUrl;
-    private readonly lang?;
-    constructor(options: AtPassportOptions);
-    /**
-     * Generates the URL for handle registration.
-     */
-    registerUrl(handle: string, callback: string): string;
-    /**
-     * Generates the URL for identity resolution.
-     */
-    resolveUrl(callback: string): string;
-    /**
-     * Generates the authentication URL and state.
-     * By saving the state on the app side and verifying it in parseCallback,
-     * you can prevent CSRF attacks. Custom parameters will be attached to the callback.
-     */
-    generateAuthUrl(customParams?: Record<string, string>): {
-        url: string;
-        atpstate: string;
-    };
-    /**
-     * Parses the callback URL returned from AtPassport and extracts parameters.
-     * If `expectedState` is provided, it throws an error if the returned state does not match.
-     */
-    parseCallback(currentUrl: string, expectedState?: string | null): {
-        handle: string | null;
-        did: string | null;
-        pdsUrl: string | null;
-        atpstate: string | null;
-        customParams: Record<string, string>;
-    };
-    /**
-     * Opens a popup to let user pick a handle.
-     * Returns a promise that resolves with the selected handle.
-     */
-    pick(): Promise<string>;
-    /**
-     * Attaches the picker to an input element.
-     * Automatically fills the input when a handle is picked on focus.
-     */
-    decorate(input: HTMLInputElement): void;
-}
-
-export { AtPassport, type AtPassportOptions, AtPassportUI };
+export { AtPassport, AtPassportOptions } from './core.js';
+export { AtPassportIcon, AtPassportIconProps, AtPassportUI } from './ui.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var r in t)g(e,r,{get:t[r],enumerable:!0})},U=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of u(t))!w.call(e,a)&&a!==r&&g(e,a,{get:()=>t[a],enumerable:!(s=d(t,a))||s.enumerable});return e};var m=e=>U(g({},"__esModule",{value:!0}),e);var f={};v(f,{AtPassport:()=>p,AtPassportUI:()=>b});module.exports=m(f);var b={ja:{title:"@passport\u3067\u30ED\u30B0\u30A4\u30F3",description:"@passport\u306F\u3001\u5404atproto\u30A2\u30D7\u30EA\u3067\u30CF\u30F3\u30C9\u30EB\u3092\u90FD\u5EA6\u5165\u529B\u3059\u308B\u624B\u9593\u304C\u7701\u3051\u308B\u5171\u901A\u30CF\u30F3\u30C9\u30EB\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u3059\u3002"},en:{title:"Login with @passport",description:"@passport is a universal handle manager that saves you from typing your handle repeatedly across atproto apps."},iconSvg:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z" fill="currentColor" transform="translate(54.3,21.1)"/><path d="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z" fill="currentColor" transform="translate(6.8,97.9)"/></svg>',getIconSvg:(e=128)=>`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 128 128"><path d="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z" fill="currentColor" transform="translate(54.3,21.1)"/><path d="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z" fill="currentColor" transform="translate(6.8,97.9)"/></svg>`},p=class{baseUrl;callbackUrl;lang;constructor(t){this.baseUrl=(t.baseUrl||"https://atpassport.net").replace(/\/$/,""),this.callbackUrl=t.callbackUrl,this.lang=t.lang}registerUrl(t,r){let s=new URL(`${this.baseUrl}/api/register`);return s.searchParams.set("handle",t),s.searchParams.set("callbackUrl",r),s.toString()}resolveUrl(t){let r=new URL(`${this.baseUrl}/api/resolve`);return r.searchParams.set("callbackUrl",t),r.toString()}generateAuthUrl(t){let r=crypto.randomUUID(),s=this.lang?`${this.lang}/authentication`:"authentication",a=new URL(`${this.baseUrl}/${s}`),n=new URL(this.callbackUrl);if(t)for(let[i,C]of Object.entries(t))n.searchParams.set(i,C);return a.searchParams.set("callback",n.toString()),a.searchParams.set("atpstate",r),{url:a.toString(),atpstate:r}}parseCallback(t,r){let s=new URL(t),a=s.searchParams.get("handle"),n=s.searchParams.get("did"),i=s.searchParams.get("pdsurl"),C=s.searchParams.get("atpstate");if(r&&C!==r)throw new Error("Invalid atpstate: CSRF validation failed.");let l={};return s.searchParams.forEach((o,c)=>{["handle","did","pdsurl","atpstate"].includes(c)||(l[c]=o)}),{handle:a,did:n,pdsUrl:i,atpstate:C,customParams:l}}async pick(){return new Promise(t=>{let a=window.screenX+(window.outerWidth-400)/2,n=window.screenY+(window.outerHeight-500)/2,i=this.lang?`${this.lang}/picker`:"picker",C=`${this.baseUrl}/${i}`,l=window.open(C,"atpassport:picker",`width=400,height=500,left=${a},top=${n}`),o=h=>{h.origin===new URL(this.baseUrl).origin&&h.data?.type==="atpassport:pick"&&(window.removeEventListener("message",o),t(h.data.handle))};window.addEventListener("message",o);let c=setInterval(()=>{l?.closed&&clearInterval(c)},1e3)})}decorate(t){t.addEventListener("focus",async()=>{if(t.value)return;let r=await this.pick();r&&(t.value=r,t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))})}};0&&(module.exports={AtPassport,AtPassportUI});
+"use strict";var g=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var P=(r,t)=>{for(var s in t)g(r,s,{get:t[s],enumerable:!0})},U=(r,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!b.call(r,e)&&e!==s&&g(r,e,{get:()=>t[e],enumerable:!(a=m(t,e))||a.enumerable});return r};var k=r=>U(g({},"__esModule",{value:!0}),r);var E={};P(E,{AtPassport:()=>d,AtPassportIcon:()=>$,AtPassportUI:()=>I});module.exports=k(E);var d=class{baseUrl;callbackUrl;lang;constructor(t){this.baseUrl=(t.baseUrl||"https://atpassport.net").replace(/\/$/,""),this.callbackUrl=t.callbackUrl,this.lang=t.lang}generateAuthUrl(t){let s=crypto.randomUUID(),a=this.lang?`${this.lang}/authentication`:"authentication",e=new URL(`${this.baseUrl}/${a}`),n=new URL(this.callbackUrl);if(t)for(let[i,o]of Object.entries(t))n.searchParams.set(i,o);return e.searchParams.set("callback",n.toString()),e.searchParams.set("atpstate",s),{url:e.toString(),atpstate:s}}parseCallback(t,s){let a=new URL(t),e=a.searchParams.get("handle"),n=a.searchParams.get("did"),i=a.searchParams.get("pdsurl"),o=a.searchParams.get("atpstate");if(s&&o!==s)throw new Error("Invalid atpstate: CSRF validation failed.");let c={};return a.searchParams.forEach((p,C)=>{["handle","did","pdsurl","atpstate"].includes(C)||(c[C]=p)}),{handle:e,did:n,pdsUrl:i,atpstate:o,customParams:c}}async pick(){return new Promise(t=>{let e=window.screenX+(window.outerWidth-400)/2,n=window.screenY+(window.outerHeight-500)/2,i=this.lang?`${this.lang}/picker`:"picker",o=`${this.baseUrl}/${i}`,c=window.open(o,"atpassport:picker",`width=400,height=500,left=${e},top=${n}`),p=h=>{h.origin===new URL(this.baseUrl).origin&&h.data?.type==="atpassport:pick"&&(window.removeEventListener("message",p),t(h.data.handle))};window.addEventListener("message",p);let C=setInterval(()=>{c?.closed&&clearInterval(C)},1e3)})}decorate(t){t.addEventListener("focus",async()=>{if(t.value)return;let s=await this.pick();s&&(t.value=s,t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))})}};var l=require("react/jsx-runtime"),w="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z",v="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z",u=(r=128)=>`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 128 128"><path d="${w}" fill="currentColor" transform="translate(54.3,21.1)"/><path d="${v}" fill="currentColor" transform="translate(6.8,97.9)"/></svg>`,$=({size:r=24,...t})=>(0,l.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:"0 0 128 128",fill:"currentColor",...t,children:[(0,l.jsx)("path",{d:w,transform:"translate(54.3,21.1)"}),(0,l.jsx)("path",{d:v,transform:"translate(6.8,97.9)"})]}),I={ja:{title:"@passport\u3067\u30ED\u30B0\u30A4\u30F3",description:"@passport\u306F\u3001\u5404atproto\u30A2\u30D7\u30EA\u3067\u30CF\u30F3\u30C9\u30EB\u3092\u90FD\u5EA6\u5165\u529B\u3059\u308B\u624B\u9593\u304C\u7701\u3051\u308B\u5171\u901A\u30CF\u30F3\u30C9\u30EB\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u3059\u3002"},en:{title:"Login with @passport",description:"@passport is a universal handle manager that saves you from typing your handle repeatedly across atproto apps."},iconSvg:u(128),getIconSvg:u};0&&(module.exports={AtPassport,AtPassportIcon,AtPassportUI});

package/dist/index.mjs

@@ -1 +1 @@
-var p={ja:{title:"@passport\u3067\u30ED\u30B0\u30A4\u30F3",description:"@passport\u306F\u3001\u5404atproto\u30A2\u30D7\u30EA\u3067\u30CF\u30F3\u30C9\u30EB\u3092\u90FD\u5EA6\u5165\u529B\u3059\u308B\u624B\u9593\u304C\u7701\u3051\u308B\u5171\u901A\u30CF\u30F3\u30C9\u30EB\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u3059\u3002"},en:{title:"Login with @passport",description:"@passport is a universal handle manager that saves you from typing your handle repeatedly across atproto apps."},iconSvg:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z" fill="currentColor" transform="translate(54.3,21.1)"/><path d="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z" fill="currentColor" transform="translate(6.8,97.9)"/></svg>',getIconSvg:(c=128)=>`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="${c}" height="${c}" viewBox="0 0 128 128"><path d="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z" fill="currentColor" transform="translate(54.3,21.1)"/><path d="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z" fill="currentColor" transform="translate(6.8,97.9)"/></svg>`},g=class{baseUrl;callbackUrl;lang;constructor(t){this.baseUrl=(t.baseUrl||"https://atpassport.net").replace(/\/$/,""),this.callbackUrl=t.callbackUrl,this.lang=t.lang}registerUrl(t,r){let s=new URL(`${this.baseUrl}/api/register`);return s.searchParams.set("handle",t),s.searchParams.set("callbackUrl",r),s.toString()}resolveUrl(t){let r=new URL(`${this.baseUrl}/api/resolve`);return r.searchParams.set("callbackUrl",t),r.toString()}generateAuthUrl(t){let r=crypto.randomUUID(),s=this.lang?`${this.lang}/authentication`:"authentication",a=new URL(`${this.baseUrl}/${s}`),e=new URL(this.callbackUrl);if(t)for(let[C,n]of Object.entries(t))e.searchParams.set(C,n);return a.searchParams.set("callback",e.toString()),a.searchParams.set("atpstate",r),{url:a.toString(),atpstate:r}}parseCallback(t,r){let s=new URL(t),a=s.searchParams.get("handle"),e=s.searchParams.get("did"),C=s.searchParams.get("pdsurl"),n=s.searchParams.get("atpstate");if(r&&n!==r)throw new Error("Invalid atpstate: CSRF validation failed.");let i={};return s.searchParams.forEach((l,o)=>{["handle","did","pdsurl","atpstate"].includes(o)||(i[o]=l)}),{handle:a,did:e,pdsUrl:C,atpstate:n,customParams:i}}async pick(){return new Promise(t=>{let a=window.screenX+(window.outerWidth-400)/2,e=window.screenY+(window.outerHeight-500)/2,C=this.lang?`${this.lang}/picker`:"picker",n=`${this.baseUrl}/${C}`,i=window.open(n,"atpassport:picker",`width=400,height=500,left=${a},top=${e}`),l=h=>{h.origin===new URL(this.baseUrl).origin&&h.data?.type==="atpassport:pick"&&(window.removeEventListener("message",l),t(h.data.handle))};window.addEventListener("message",l);let o=setInterval(()=>{i?.closed&&clearInterval(o)},1e3)})}decorate(t){t.addEventListener("focus",async()=>{if(t.value)return;let r=await this.pick();r&&(t.value=r,t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})))})}};export{g as AtPassport,p as AtPassportUI};
+import{a as o}from"./chunk-HQWY5EUQ.mjs";import{a as r,b as e}from"./chunk-LGB4WCG6.mjs";export{o as AtPassport,r as AtPassportIcon,e as AtPassportUI};

package/dist/ui.d.mts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SVGProps } from 'react';
+
+/**
+ * AtPassport Icon Component for React.
+ */
+interface AtPassportIconProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const AtPassportIcon: ({ size, ...props }: AtPassportIconProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Standard UI texts and icons for AtPassport integration components.
+ * Useful for building "Login with @passport" buttons and explanation dialogues.
+ */
+declare const AtPassportUI: {
+    ja: {
+        title: string;
+        description: string;
+    };
+    en: {
+        title: string;
+        description: string;
+    };
+    iconSvg: string;
+    /**
+     * Returns the @passport icon SVG string with a custom size.
+     */
+    getIconSvg: (size?: number | string) => string;
+};
+
+export { AtPassportIcon, type AtPassportIconProps, AtPassportUI };

package/dist/ui.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SVGProps } from 'react';
+
+/**
+ * AtPassport Icon Component for React.
+ */
+interface AtPassportIconProps extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const AtPassportIcon: ({ size, ...props }: AtPassportIconProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Standard UI texts and icons for AtPassport integration components.
+ * Useful for building "Login with @passport" buttons and explanation dialogues.
+ */
+declare const AtPassportUI: {
+    ja: {
+        title: string;
+        description: string;
+    };
+    en: {
+        title: string;
+        description: string;
+    };
+    iconSvg: string;
+    /**
+     * Returns the @passport icon SVG string with a custom size.
+     */
+    getIconSvg: (size?: number | string) => string;
+};
+
+export { AtPassportIcon, type AtPassportIconProps, AtPassportUI };

package/dist/ui.js

@@ -0,0 +1 @@
+"use strict";var n=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var h=(C,t)=>{for(var s in t)n(C,s,{get:t[s],enumerable:!0})},v=(C,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!c.call(C,r)&&r!==s&&n(C,r,{get:()=>t[r],enumerable:!(a=l(t,r))||a.enumerable});return C};var w=C=>v(n({},"__esModule",{value:!0}),C);var f={};h(f,{AtPassportIcon:()=>d,AtPassportUI:()=>m});module.exports=w(f);var o=require("react/jsx-runtime"),p="M0 0 C1 0.5 2 1 3 1.5 C9.5 4.7 15.9 8.1 22.1 11.8 C25.2 13.2 27.3 13.3 30.7 12.9 C33.3 11.9 33.3 11.9 35.8 10.5 C44.4 5.8 54.9 5.7 64.5 7.5 C67.3 8.4 69.5 9.8 71.8 11.7 C73.2 15.3 72.9 17.3 71.7 20.9 C64.5 26.2 56.2 29.7 48.1 33.6 C46.6 34.3 45.2 35 43.7 35.7 C40 37.5 36.3 39.2 32.7 41 C29.9 42.3 27 43.7 24.2 45 C20.5 46.8 16.8 48.6 13.2 50.3 C9.2 52.2 5.3 54.1 1.3 56 C0.3 56.5 -0.8 57 -1.8 57.6 C-3.9 58.5 -5.9 59.5 -7.9 60.5 C-8.8 60.9 -9.7 61.4 -10.6 61.8 C-11.4 62.2 -12.2 62.6 -13 63 C-18.7 65.3 -24.9 66.1 -30.8 64.1 C-36.8 61.3 -41 57.8 -45.3 52.9 C-46 52.2 -46.6 51.6 -47.3 50.9 C-52.6 45 -52.6 45 -53.3 40.9 C-52 40.1 -50.7 39.3 -49.4 38.5 C-48.7 38 -48 37.6 -47.3 37.1 C-43.7 34.9 -41.5 34.6 -37.3 34.9 C-34.4 36.3 -31.8 38 -29.1 39.7 C-25.5 41.3 -24.1 41.1 -20.3 39.9 C-16.9 38.4 -13.7 36.7 -10.4 34.9 C-9.1 34.2 -9.1 34.2 -7.8 33.4 C-5.6 32.3 -3.5 31.1 -1.3 29.9 C-3.6 26.9 -5.9 24.2 -8.8 21.8 C-13 18.3 -17 14.6 -21 10.8 C-24 8.1 -27.1 5.5 -30.3 2.9 C-30.3 0.6 -30.3 0.6 -29.3 -2.1 C-18.8 -7.6 -10.1 -5.2 0 0 Z",i="M0 0 C1 -0 2.1 -0 3.2 -0 C4.3 -0 5.5 -0 6.7 -0 C7.9 -0 9.1 -0 10.3 -0 C13.6 -0 17 -0 20.3 -0 C23.8 -0 27.2 -0 30.7 -0 C36.5 -0 42.4 -0 48.2 -0 C54.9 0 61.7 0 68.4 -0 C74.2 -0 80 -0 85.8 -0 C89.2 -0 92.7 -0 96.1 -0 C100 -0 103.8 -0 107.7 -0 C109.4 -0 109.4 -0 111.2 -0 C112.8 -0 112.8 -0 114.4 0 C115.3 0 116.2 0 117.1 0 C119.2 0.1 119.2 0.1 120.2 1.1 C120.3 3.1 120.3 5.1 120.3 7.1 C120.3 8.8 120.3 8.8 120.3 10.4 C120.2 13.1 120.2 13.1 119.2 14.1 C117.6 14.2 116 14.3 114.4 14.3 C113.3 14.3 112.3 14.3 111.2 14.3 C110 14.3 108.9 14.3 107.7 14.3 C106.5 14.3 105.3 14.3 104 14.3 C100.7 14.3 97.4 14.3 94.1 14.3 C90.6 14.3 87.1 14.3 83.7 14.3 C77.8 14.3 72 14.3 66.2 14.3 C59.4 14.3 52.7 14.3 45.9 14.3 C40.2 14.3 34.4 14.3 28.6 14.3 C25.1 14.3 21.7 14.3 18.2 14.3 C14.4 14.3 10.5 14.3 6.7 14.3 C4.9 14.3 4.9 14.3 3.2 14.3 C1.6 14.3 1.6 14.3 0 14.3 C-0.9 14.3 -1.8 14.3 -2.8 14.3 C-4.8 14.1 -4.8 14.1 -5.8 13.1 C-5.9 11.1 -6 9.1 -5.9 7.1 C-5.9 6 -6 4.9 -6 3.8 C-5.7 -0.7 -4.1 0 0 0 Z",e=(C=128)=>`<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="${C}" height="${C}" viewBox="0 0 128 128"><path d="${p}" fill="currentColor" transform="translate(54.3,21.1)"/><path d="${i}" fill="currentColor" transform="translate(6.8,97.9)"/></svg>`,d=({size:C=24,...t})=>(0,o.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:C,height:C,viewBox:"0 0 128 128",fill:"currentColor",...t,children:[(0,o.jsx)("path",{d:p,transform:"translate(54.3,21.1)"}),(0,o.jsx)("path",{d:i,transform:"translate(6.8,97.9)"})]}),m={ja:{title:"@passport\u3067\u30ED\u30B0\u30A4\u30F3",description:"@passport\u306F\u3001\u5404atproto\u30A2\u30D7\u30EA\u3067\u30CF\u30F3\u30C9\u30EB\u3092\u90FD\u5EA6\u5165\u529B\u3059\u308B\u624B\u9593\u304C\u7701\u3051\u308B\u5171\u901A\u30CF\u30F3\u30C9\u30EB\u30DE\u30CD\u30FC\u30B8\u30E3\u30FC\u3067\u3059\u3002"},en:{title:"Login with @passport",description:"@passport is a universal handle manager that saves you from typing your handle repeatedly across atproto apps."},iconSvg:e(128),getIconSvg:e};0&&(module.exports={AtPassportIcon,AtPassportUI});

package/dist/ui.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-LGB4WCG6.mjs";export{a as AtPassportIcon,b as AtPassportUI};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atpassport/client",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "AtPassport client library for integrating secure handle input assist into applications.",
   "keywords": [
     "atproto",
@@ -12,13 +12,6 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
   "files": [
     "dist",
     "README.md"
@@ -27,12 +20,39 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --minify",
+    "build": "tsup src/index.ts src/core.ts src/ui.tsx --format cjs,esm --dts --minify --clean",
     "deploy": "pnpm build && npm publish --access public",
     "test": "vitest run"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.mjs",
+      "require": "./dist/core.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.mjs",
+      "require": "./dist/ui.js"
+    }
+  },
   "devDependencies": {
     "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.4",
     "tsup": "^8.5.1",
     "typescript": "^5.0.0",
     "vitest": "^2.0.0"

package/dist/__tests__/client.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/client.test.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const index_1 = require("../index");
-(0, vitest_1.describe)('AtPassport', () => {
-    const baseUrl = 'https://passport.atproto.com';
-    const callbackUrl = 'https://app.com/callback';
-    (0, vitest_1.beforeEach)(async () => {
-        // Polyfill crypto.randomUUID for vitest environment if needed
-        if (typeof crypto === 'undefined' || typeof crypto.randomUUID !== 'function') {
-            const g = global;
-            if (!g.crypto)
-                g.crypto = {};
-            g.crypto.randomUUID = () => 'test-uuid-1234';
-        }
-    });
-    (0, vitest_1.it)('generates correct register URL', () => {
-        const passport = new index_1.AtPassport({ baseUrl, callbackUrl });
-        const url = passport.registerUrl('alice.bsky.social', 'https://app.com/register-callback');
-        const parsed = new URL(url);
-        (0, vitest_1.expect)(parsed.origin).toBe(baseUrl);
-        (0, vitest_1.expect)(parsed.pathname).toBe('/api/register');
-        (0, vitest_1.expect)(parsed.searchParams.get('handle')).toBe('alice.bsky.social');
-        (0, vitest_1.expect)(parsed.searchParams.get('callbackUrl')).toBe('https://app.com/register-callback');
-    });
-    (0, vitest_1.it)('generates correct resolve URL', () => {
-        const passport = new index_1.AtPassport({ baseUrl, callbackUrl });
-        const url = passport.resolveUrl('https://app.com/resolve-callback');
-        const parsed = new URL(url);
-        (0, vitest_1.expect)(parsed.origin).toBe(baseUrl);
-        (0, vitest_1.expect)(parsed.pathname).toBe('/api/resolve');
-        (0, vitest_1.expect)(parsed.searchParams.get('callbackUrl')).toBe('https://app.com/resolve-callback');
-    });
-    (0, vitest_1.it)('generates correct auth URL and state', () => {
-        const passport = new index_1.AtPassport({ baseUrl, callbackUrl });
-        const { url, atpstate } = passport.generateAuthUrl({ theme: 'dark' });
-        const parsed = new URL(url);
-        (0, vitest_1.expect)(parsed.origin).toBe(baseUrl);
-        (0, vitest_1.expect)(parsed.pathname).toBe('/authentication');
-        (0, vitest_1.expect)(parsed.searchParams.get('atpstate')).toBe(atpstate);
-        const innerCallback = new URL(parsed.searchParams.get('callback'));
-        (0, vitest_1.expect)(innerCallback.origin).toBe('https://app.com');
-        (0, vitest_1.expect)(innerCallback.searchParams.get('theme')).toBe('dark');
-    });
-    (0, vitest_1.it)('parses callback URL correctly', () => {
-        const passport = new index_1.AtPassport({ callbackUrl });
-        const testUrl = 'https://app.com/callback?handle=alice.bsky.social&did=did:plc:123&pdsurl=https://pds.example.com&atpstate=test-state&extra=param';
-        const result = passport.parseCallback(testUrl, 'test-state');
-        (0, vitest_1.expect)(result.handle).toBe('alice.bsky.social');
-        (0, vitest_1.expect)(result.did).toBe('did:plc:123');
-        (0, vitest_1.expect)(result.pdsUrl).toBe('https://pds.example.com');
-        (0, vitest_1.expect)(result.atpstate).toBe('test-state');
-        (0, vitest_1.expect)(result.customParams.extra).toBe('param');
-        (0, vitest_1.expect)(result.customParams.handle).toBeUndefined();
-    });
-    (0, vitest_1.it)('throws on CSRF state mismatch', () => {
-        const passport = new index_1.AtPassport({ callbackUrl });
-        const testUrl = 'https://app.com/callback?handle=alice.bsky.social&atpstate=test-state';
-        (0, vitest_1.expect)(() => passport.parseCallback(testUrl, 'wrong-state')).toThrow('Invalid atpstate: CSRF validation failed.');
-    });
-});