@openkey/sdk 0.0.1

package/.turbo/turbo-build.log

@@ -0,0 +1,79 @@
+$ tsup
+▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
+
+    package.json:12:6:
+      12 │       "types": "./dist/index.d.ts"
+         ╵       ~~~~~~~
+
+  The "import" condition comes earlier and will be used for all "import" statements:
+
+    package.json:10:6:
+      10 │       "import": "./dist/index.js",
+         ╵       ~~~~~~~~
+
+  The "require" condition comes earlier and will be used for all "require" calls:
+
+    package.json:11:6:
+      11 │       "require": "./dist/index.cjs",
+         ╵       ~~~~~~~~~
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: /Users/samgbafa/Documents/github/tinycloud/openkey/packages/sdk/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+ESM Build start
+CJS Build start
+
+ WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
+
+    package.json:12:6:
+      12 │       "types": "./dist/index.d.ts"
+         ╵       ~~~~~~~
+
+  The "import" condition comes earlier and will be used for all "import" statements:
+
+    package.json:10:6:
+      10 │       "import": "./dist/index.js",
+         ╵       ~~~~~~~~
+
+  The "require" condition comes earlier and will be used for all "require" calls:
+
+    package.json:11:6:
+      11 │       "require": "./dist/index.cjs",
+         ╵       ~~~~~~~~~
+
+
+
+
+ WARN  ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
+
+    package.json:12:6:
+      12 │       "types": "./dist/index.d.ts"
+         ╵       ~~~~~~~
+
+  The "import" condition comes earlier and will be used for all "import" statements:
+
+    package.json:10:6:
+      10 │       "import": "./dist/index.js",
+         ╵       ~~~~~~~~
+
+  The "require" condition comes earlier and will be used for all "require" calls:
+
+    package.json:11:6:
+      11 │       "require": "./dist/index.cjs",
+         ╵       ~~~~~~~~~
+
+
+
+CJS dist/index.cjs     4.24 KB
+CJS dist/index.cjs.map 13.89 KB
+CJS ⚡️ Build success in 50ms
+ESM dist/index.js     3.76 KB
+ESM dist/index.js.map 13.74 KB
+ESM ⚡️ Build success in 51ms
+DTS Build start
+DTS ⚡️ Build success in 2139ms
+DTS dist/index.d.ts  2.00 KB
+DTS dist/index.d.cts 2.00 KB

package/dist/index.cjs

@@ -0,0 +1,21 @@
+"use strict";var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var E=(o,e)=>{for(var n in e)l(o,n,{get:e[n],enumerable:!0})},k=(o,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of T(e))!f.call(o,s)&&s!==n&&l(o,s,{get:()=>e[s],enumerable:!(i=m(e,s))||i.enumerable});return o};var P=o=>k(l({},"__esModule",{value:!0}),o);var U={};E(U,{OpenKey:()=>c,default:()=>I,getOpenKey:()=>O});module.exports=P(U);var w="https://openkey.so";var c=class{host;appName;usePopup;popup=null;iframe=null;constructor(e={}){this.host=e.host||w,this.appName=e.appName||window.location.hostname,this.usePopup=e.usePopup??!0}async connect(){return this.openFlow("connect",{type:"openkey:auth:request",appName:this.appName})}async signMessage(e){return this.openFlow("sign",{type:"openkey:sign:request",message:e.message,keyId:e.keyId})}async signTypedData(e){return this.openFlow("sign-typed-data",{type:"openkey:signTypedData:request",data:e})}async isConnected(){try{let e=await fetch(`${this.host}/api/auth/session`,{credentials:"include"});return e.ok?!!(await e.json()).user:!1}catch{return!1}}async openFlow(e,n){return new Promise((i,s)=>{let a=`${this.host}/widget/${e}?origin=${encodeURIComponent(window.location.origin)}`;this.usePopup?this.openPopup(a,n,i,s):this.openIframe(a,n,i,s)})}openPopup(e,n,i,s){let a=window.screenX+(window.outerWidth-400)/2,u=window.screenY+(window.outerHeight-600)/2;if(this.popup=window.open(e,"openkey",`width=400,height=600,left=${a},top=${u},popup=true`),!this.popup){s({code:"POPUP_BLOCKED",message:"Popup was blocked. Please allow popups for this site."});return}let p=()=>{window.removeEventListener("message",d),clearInterval(g),clearTimeout(y)},g=setInterval(()=>{this.popup?.closed&&(p(),s({code:"USER_CANCELLED",message:"User closed the popup"}))},500),y=setTimeout(()=>{p(),this.popup?.close(),s({code:"TIMEOUT",message:"Request timed out"})},3e5),d=t=>{if(t.origin!==this.host)return;let r=t.data;if(r.type==="openkey:ready"){this.popup?.postMessage(n,this.host);return}if(r.type==="openkey:close"){p(),this.popup?.close(),s({code:"USER_CANCELLED",message:"User cancelled the request"});return}(r.type==="openkey:auth:response"||r.type==="openkey:sign:response"||r.type==="openkey:signTypedData:response")&&(p(),this.popup?.close(),r.success?r.type==="openkey:auth:response"?i({address:r.address,keyId:r.keyId}):i({signature:r.signature,address:r.address}):s(r.error))};window.addEventListener("message",d)}openIframe(e,n,i,s){let a=document.createElement("div");a.style.cssText=`
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 999999;
+    `;let u=document.createElement("div");u.style.cssText=`
+      width: 400px;
+      height: 600px;
+      background: #1a1a1a;
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+    `,this.iframe=document.createElement("iframe"),this.iframe.src=e,this.iframe.style.cssText=`
+      width: 100%;
+      height: 100%;
+      border: none;
+    `,u.appendChild(this.iframe),a.appendChild(u),document.body.appendChild(a);let p=()=>{window.removeEventListener("message",y),clearTimeout(g),a.remove(),this.iframe=null};a.addEventListener("click",d=>{d.target===a&&(p(),s({code:"USER_CANCELLED",message:"User cancelled the request"}))});let g=setTimeout(()=>{p(),s({code:"TIMEOUT",message:"Request timed out"})},3e5),y=d=>{if(d.origin!==this.host)return;let t=d.data;if(t.type==="openkey:ready"){this.iframe?.contentWindow?.postMessage(n,this.host);return}if(t.type==="openkey:close"){p(),s({code:"USER_CANCELLED",message:"User cancelled the request"});return}(t.type==="openkey:auth:response"||t.type==="openkey:sign:response"||t.type==="openkey:signTypedData:response")&&(p(),t.success?t.type==="openkey:auth:response"?i({address:t.address,keyId:t.keyId}):i({signature:t.signature,address:t.address}):s(t.error))};window.addEventListener("message",y)}disconnect(){this.popup?.close(),this.popup=null,this.iframe?.parentElement?.parentElement?.remove(),this.iframe=null}},I=c,h=null;function O(o){return(!h||o)&&(h=new c(o)),h}0&&(module.exports={OpenKey,getOpenKey});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// OpenKey SDK - Browser client for third-party apps\n// Provides \"Sign with OpenKey\" functionality via popup or iframe\n\nexport interface OpenKeyConfig {\n  /** OpenKey host URL (default: https://openkey.so) */\n  host?: string;\n  /** App identifier for display */\n  appName?: string;\n  /** Use popup instead of iframe (default: true) */\n  usePopup?: boolean;\n}\n\nexport interface SignMessageRequest {\n  message: string;\n  keyId?: string; // If not provided, user selects\n}\n\nexport interface SignTypedDataRequest {\n  domain: {\n    name?: string;\n    version?: string;\n    chainId?: number;\n    verifyingContract?: string;\n  };\n  types: Record<string, Array<{ name: string; type: string }>>;\n  primaryType: string;\n  message: Record<string, unknown>;\n  keyId?: string;\n}\n\nexport interface SignResult {\n  signature: string;\n  address: string;\n}\n\nexport interface AuthResult {\n  address: string;\n  keyId: string;\n}\n\nexport interface OpenKeyError {\n  code: 'USER_CANCELLED' | 'POPUP_BLOCKED' | 'TIMEOUT' | 'NO_KEY' | 'UNAUTHORIZED' | 'UNKNOWN';\n  message: string;\n}\n\ntype MessageType =\n  | { type: 'openkey:auth:request'; appName: string }\n  | { type: 'openkey:auth:response'; success: true; address: string; keyId: string }\n  | { type: 'openkey:auth:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:sign:request'; message: string; keyId?: string }\n  | { type: 'openkey:sign:response'; success: true; signature: string; address: string }\n  | { type: 'openkey:sign:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:signTypedData:request'; data: SignTypedDataRequest }\n  | { type: 'openkey:signTypedData:response'; success: true; signature: string; address: string }\n  | { type: 'openkey:signTypedData:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:ready' }\n  | { type: 'openkey:close' };\n\nconst DEFAULT_HOST = 'https://openkey.so';\nconst POPUP_WIDTH = 400;\nconst POPUP_HEIGHT = 600;\nconst DEFAULT_TIMEOUT = 5 * 60 * 1000; // 5 minutes\n\nexport class OpenKey {\n  private host: string;\n  private appName: string;\n  private usePopup: boolean;\n  private popup: Window | null = null;\n  private iframe: HTMLIFrameElement | null = null;\n\n  constructor(config: OpenKeyConfig = {}) {\n    this.host = config.host || DEFAULT_HOST;\n    this.appName = config.appName || window.location.hostname;\n    this.usePopup = config.usePopup ?? true;\n  }\n\n  /**\n   * Connect to OpenKey and get user's wallet address\n   * Opens auth flow for user to select/create a key\n   */\n  async connect(): Promise<AuthResult> {\n    return this.openFlow<AuthResult>('connect', {\n      type: 'openkey:auth:request',\n      appName: this.appName,\n    });\n  }\n\n  /**\n   * Sign a message with the user's OpenKey wallet\n   */\n  async signMessage(request: SignMessageRequest): Promise<SignResult> {\n    return this.openFlow<SignResult>('sign', {\n      type: 'openkey:sign:request',\n      message: request.message,\n      keyId: request.keyId,\n    });\n  }\n\n  /**\n   * Sign typed data (EIP-712) with the user's OpenKey wallet\n   */\n  async signTypedData(request: SignTypedDataRequest): Promise<SignResult> {\n    return this.openFlow<SignResult>('sign-typed-data', {\n      type: 'openkey:signTypedData:request',\n      data: request,\n    });\n  }\n\n  /**\n   * Check if user is already authenticated\n   */\n  async isConnected(): Promise<boolean> {\n    // Check for existing session via API\n    try {\n      const res = await fetch(`${this.host}/api/auth/session`, {\n        credentials: 'include',\n      });\n      if (!res.ok) return false;\n      const data = await res.json();\n      return !!data.user;\n    } catch {\n      return false;\n    }\n  }\n\n  private async openFlow<T>(action: string, message: object): Promise<T> {\n    return new Promise((resolve, reject) => {\n      const url = `${this.host}/widget/${action}?origin=${encodeURIComponent(window.location.origin)}`;\n\n      if (this.usePopup) {\n        this.openPopup(url, message, resolve, reject);\n      } else {\n        this.openIframe(url, message, resolve, reject);\n      }\n    });\n  }\n\n  private openPopup<T>(\n    url: string,\n    message: object,\n    resolve: (value: T) => void,\n    reject: (error: OpenKeyError) => void\n  ) {\n    // Calculate popup position\n    const left = window.screenX + (window.outerWidth - POPUP_WIDTH) / 2;\n    const top = window.screenY + (window.outerHeight - POPUP_HEIGHT) / 2;\n\n    this.popup = window.open(\n      url,\n      'openkey',\n      `width=${POPUP_WIDTH},height=${POPUP_HEIGHT},left=${left},top=${top},popup=true`\n    );\n\n    if (!this.popup) {\n      reject({\n        code: 'POPUP_BLOCKED',\n        message: 'Popup was blocked. Please allow popups for this site.',\n      });\n      return;\n    }\n\n    const cleanup = () => {\n      window.removeEventListener('message', handleMessage);\n      clearInterval(pollClosed);\n      clearTimeout(timeout);\n    };\n\n    // Poll to detect popup close\n    const pollClosed = setInterval(() => {\n      if (this.popup?.closed) {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User closed the popup',\n        });\n      }\n    }, 500);\n\n    // Timeout\n    const timeout = setTimeout(() => {\n      cleanup();\n      this.popup?.close();\n      reject({\n        code: 'TIMEOUT',\n        message: 'Request timed out',\n      });\n    }, DEFAULT_TIMEOUT);\n\n    // Listen for messages\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== this.host) return;\n\n      const data = event.data as MessageType;\n\n      if (data.type === 'openkey:ready') {\n        // Widget is ready, send our request\n        this.popup?.postMessage(message, this.host);\n        return;\n      }\n\n      if (data.type === 'openkey:close') {\n        cleanup();\n        this.popup?.close();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n        return;\n      }\n\n      // Handle responses\n      if (\n        data.type === 'openkey:auth:response' ||\n        data.type === 'openkey:sign:response' ||\n        data.type === 'openkey:signTypedData:response'\n      ) {\n        cleanup();\n        this.popup?.close();\n\n        if (data.success) {\n          if (data.type === 'openkey:auth:response') {\n            resolve({ address: data.address, keyId: data.keyId } as T);\n          } else {\n            resolve({ signature: data.signature, address: data.address } as T);\n          }\n        } else {\n          reject(data.error);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n  }\n\n  private openIframe<T>(\n    url: string,\n    message: object,\n    resolve: (value: T) => void,\n    reject: (error: OpenKeyError) => void\n  ) {\n    // Create overlay\n    const overlay = document.createElement('div');\n    overlay.style.cssText = `\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 999999;\n    `;\n\n    // Create iframe container\n    const container = document.createElement('div');\n    container.style.cssText = `\n      width: ${POPUP_WIDTH}px;\n      height: ${POPUP_HEIGHT}px;\n      background: #1a1a1a;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n    `;\n\n    // Create iframe\n    this.iframe = document.createElement('iframe');\n    this.iframe.src = url;\n    this.iframe.style.cssText = `\n      width: 100%;\n      height: 100%;\n      border: none;\n    `;\n\n    container.appendChild(this.iframe);\n    overlay.appendChild(container);\n    document.body.appendChild(overlay);\n\n    const cleanup = () => {\n      window.removeEventListener('message', handleMessage);\n      clearTimeout(timeout);\n      overlay.remove();\n      this.iframe = null;\n    };\n\n    // Close on overlay click\n    overlay.addEventListener('click', (e) => {\n      if (e.target === overlay) {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n      }\n    });\n\n    // Timeout\n    const timeout = setTimeout(() => {\n      cleanup();\n      reject({\n        code: 'TIMEOUT',\n        message: 'Request timed out',\n      });\n    }, DEFAULT_TIMEOUT);\n\n    // Listen for messages\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== this.host) return;\n\n      const data = event.data as MessageType;\n\n      if (data.type === 'openkey:ready') {\n        this.iframe?.contentWindow?.postMessage(message, this.host);\n        return;\n      }\n\n      if (data.type === 'openkey:close') {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n        return;\n      }\n\n      // Handle responses\n      if (\n        data.type === 'openkey:auth:response' ||\n        data.type === 'openkey:sign:response' ||\n        data.type === 'openkey:signTypedData:response'\n      ) {\n        cleanup();\n\n        if (data.success) {\n          if (data.type === 'openkey:auth:response') {\n            resolve({ address: data.address, keyId: data.keyId } as T);\n          } else {\n            resolve({ signature: data.signature, address: data.address } as T);\n          }\n        } else {\n          reject(data.error);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n  }\n\n  /**\n   * Disconnect and close any open flows\n   */\n  disconnect() {\n    this.popup?.close();\n    this.popup = null;\n    this.iframe?.parentElement?.parentElement?.remove();\n    this.iframe = null;\n  }\n}\n\n// Default export for convenience\nexport default OpenKey;\n\n// Create singleton instance\nlet defaultInstance: OpenKey | null = null;\n\nexport function getOpenKey(config?: OpenKeyConfig): OpenKey {\n  if (!defaultInstance || config) {\n    defaultInstance = new OpenKey(config);\n  }\n  return defaultInstance;\n}\n"],"mappings":"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","names":["index_exports","__export","OpenKey","index_default","getOpenKey","__toCommonJS","DEFAULT_HOST","OpenKey","config","DEFAULT_HOST","request","res","action","message","resolve","reject","url","left","top","cleanup","handleMessage","pollClosed","timeout","event","data","overlay","container","e","index_default","defaultInstance","getOpenKey"]}

package/dist/index.d.cts

@@ -0,0 +1,75 @@
+interface OpenKeyConfig {
+    /** OpenKey host URL (default: https://openkey.so) */
+    host?: string;
+    /** App identifier for display */
+    appName?: string;
+    /** Use popup instead of iframe (default: true) */
+    usePopup?: boolean;
+}
+interface SignMessageRequest {
+    message: string;
+    keyId?: string;
+}
+interface SignTypedDataRequest {
+    domain: {
+        name?: string;
+        version?: string;
+        chainId?: number;
+        verifyingContract?: string;
+    };
+    types: Record<string, Array<{
+        name: string;
+        type: string;
+    }>>;
+    primaryType: string;
+    message: Record<string, unknown>;
+    keyId?: string;
+}
+interface SignResult {
+    signature: string;
+    address: string;
+}
+interface AuthResult {
+    address: string;
+    keyId: string;
+}
+interface OpenKeyError {
+    code: 'USER_CANCELLED' | 'POPUP_BLOCKED' | 'TIMEOUT' | 'NO_KEY' | 'UNAUTHORIZED' | 'UNKNOWN';
+    message: string;
+}
+declare class OpenKey {
+    private host;
+    private appName;
+    private usePopup;
+    private popup;
+    private iframe;
+    constructor(config?: OpenKeyConfig);
+    /**
+     * Connect to OpenKey and get user's wallet address
+     * Opens auth flow for user to select/create a key
+     */
+    connect(): Promise<AuthResult>;
+    /**
+     * Sign a message with the user's OpenKey wallet
+     */
+    signMessage(request: SignMessageRequest): Promise<SignResult>;
+    /**
+     * Sign typed data (EIP-712) with the user's OpenKey wallet
+     */
+    signTypedData(request: SignTypedDataRequest): Promise<SignResult>;
+    /**
+     * Check if user is already authenticated
+     */
+    isConnected(): Promise<boolean>;
+    private openFlow;
+    private openPopup;
+    private openIframe;
+    /**
+     * Disconnect and close any open flows
+     */
+    disconnect(): void;
+}
+
+declare function getOpenKey(config?: OpenKeyConfig): OpenKey;
+
+export { type AuthResult, OpenKey, type OpenKeyConfig, type OpenKeyError, type SignMessageRequest, type SignResult, type SignTypedDataRequest, OpenKey as default, getOpenKey };

package/dist/index.d.ts

@@ -0,0 +1,75 @@
+interface OpenKeyConfig {
+    /** OpenKey host URL (default: https://openkey.so) */
+    host?: string;
+    /** App identifier for display */
+    appName?: string;
+    /** Use popup instead of iframe (default: true) */
+    usePopup?: boolean;
+}
+interface SignMessageRequest {
+    message: string;
+    keyId?: string;
+}
+interface SignTypedDataRequest {
+    domain: {
+        name?: string;
+        version?: string;
+        chainId?: number;
+        verifyingContract?: string;
+    };
+    types: Record<string, Array<{
+        name: string;
+        type: string;
+    }>>;
+    primaryType: string;
+    message: Record<string, unknown>;
+    keyId?: string;
+}
+interface SignResult {
+    signature: string;
+    address: string;
+}
+interface AuthResult {
+    address: string;
+    keyId: string;
+}
+interface OpenKeyError {
+    code: 'USER_CANCELLED' | 'POPUP_BLOCKED' | 'TIMEOUT' | 'NO_KEY' | 'UNAUTHORIZED' | 'UNKNOWN';
+    message: string;
+}
+declare class OpenKey {
+    private host;
+    private appName;
+    private usePopup;
+    private popup;
+    private iframe;
+    constructor(config?: OpenKeyConfig);
+    /**
+     * Connect to OpenKey and get user's wallet address
+     * Opens auth flow for user to select/create a key
+     */
+    connect(): Promise<AuthResult>;
+    /**
+     * Sign a message with the user's OpenKey wallet
+     */
+    signMessage(request: SignMessageRequest): Promise<SignResult>;
+    /**
+     * Sign typed data (EIP-712) with the user's OpenKey wallet
+     */
+    signTypedData(request: SignTypedDataRequest): Promise<SignResult>;
+    /**
+     * Check if user is already authenticated
+     */
+    isConnected(): Promise<boolean>;
+    private openFlow;
+    private openPopup;
+    private openIframe;
+    /**
+     * Disconnect and close any open flows
+     */
+    disconnect(): void;
+}
+
+declare function getOpenKey(config?: OpenKeyConfig): OpenKey;
+
+export { type AuthResult, OpenKey, type OpenKeyConfig, type OpenKeyError, type SignMessageRequest, type SignResult, type SignTypedDataRequest, OpenKey as default, getOpenKey };

package/dist/index.js

@@ -0,0 +1,21 @@
+var h="https://openkey.so";var c=class{host;appName;usePopup;popup=null;iframe=null;constructor(e={}){this.host=e.host||h,this.appName=e.appName||window.location.hostname,this.usePopup=e.usePopup??!0}async connect(){return this.openFlow("connect",{type:"openkey:auth:request",appName:this.appName})}async signMessage(e){return this.openFlow("sign",{type:"openkey:sign:request",message:e.message,keyId:e.keyId})}async signTypedData(e){return this.openFlow("sign-typed-data",{type:"openkey:signTypedData:request",data:e})}async isConnected(){try{let e=await fetch(`${this.host}/api/auth/session`,{credentials:"include"});return e.ok?!!(await e.json()).user:!1}catch{return!1}}async openFlow(e,a){return new Promise((i,t)=>{let r=`${this.host}/widget/${e}?origin=${encodeURIComponent(window.location.origin)}`;this.usePopup?this.openPopup(r,a,i,t):this.openIframe(r,a,i,t)})}openPopup(e,a,i,t){let r=window.screenX+(window.outerWidth-400)/2,d=window.screenY+(window.outerHeight-600)/2;if(this.popup=window.open(e,"openkey",`width=400,height=600,left=${r},top=${d},popup=true`),!this.popup){t({code:"POPUP_BLOCKED",message:"Popup was blocked. Please allow popups for this site."});return}let o=()=>{window.removeEventListener("message",p),clearInterval(g),clearTimeout(u)},g=setInterval(()=>{this.popup?.closed&&(o(),t({code:"USER_CANCELLED",message:"User closed the popup"}))},500),u=setTimeout(()=>{o(),this.popup?.close(),t({code:"TIMEOUT",message:"Request timed out"})},3e5),p=s=>{if(s.origin!==this.host)return;let n=s.data;if(n.type==="openkey:ready"){this.popup?.postMessage(a,this.host);return}if(n.type==="openkey:close"){o(),this.popup?.close(),t({code:"USER_CANCELLED",message:"User cancelled the request"});return}(n.type==="openkey:auth:response"||n.type==="openkey:sign:response"||n.type==="openkey:signTypedData:response")&&(o(),this.popup?.close(),n.success?n.type==="openkey:auth:response"?i({address:n.address,keyId:n.keyId}):i({signature:n.signature,address:n.address}):t(n.error))};window.addEventListener("message",p)}openIframe(e,a,i,t){let r=document.createElement("div");r.style.cssText=`
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 999999;
+    `;let d=document.createElement("div");d.style.cssText=`
+      width: 400px;
+      height: 600px;
+      background: #1a1a1a;
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+    `,this.iframe=document.createElement("iframe"),this.iframe.src=e,this.iframe.style.cssText=`
+      width: 100%;
+      height: 100%;
+      border: none;
+    `,d.appendChild(this.iframe),r.appendChild(d),document.body.appendChild(r);let o=()=>{window.removeEventListener("message",u),clearTimeout(g),r.remove(),this.iframe=null};r.addEventListener("click",p=>{p.target===r&&(o(),t({code:"USER_CANCELLED",message:"User cancelled the request"}))});let g=setTimeout(()=>{o(),t({code:"TIMEOUT",message:"Request timed out"})},3e5),u=p=>{if(p.origin!==this.host)return;let s=p.data;if(s.type==="openkey:ready"){this.iframe?.contentWindow?.postMessage(a,this.host);return}if(s.type==="openkey:close"){o(),t({code:"USER_CANCELLED",message:"User cancelled the request"});return}(s.type==="openkey:auth:response"||s.type==="openkey:sign:response"||s.type==="openkey:signTypedData:response")&&(o(),s.success?s.type==="openkey:auth:response"?i({address:s.address,keyId:s.keyId}):i({signature:s.signature,address:s.address}):t(s.error))};window.addEventListener("message",u)}disconnect(){this.popup?.close(),this.popup=null,this.iframe?.parentElement?.parentElement?.remove(),this.iframe=null}},m=c,l=null;function T(y){return(!l||y)&&(l=new c(y)),l}export{c as OpenKey,m as default,T as getOpenKey};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// OpenKey SDK - Browser client for third-party apps\n// Provides \"Sign with OpenKey\" functionality via popup or iframe\n\nexport interface OpenKeyConfig {\n  /** OpenKey host URL (default: https://openkey.so) */\n  host?: string;\n  /** App identifier for display */\n  appName?: string;\n  /** Use popup instead of iframe (default: true) */\n  usePopup?: boolean;\n}\n\nexport interface SignMessageRequest {\n  message: string;\n  keyId?: string; // If not provided, user selects\n}\n\nexport interface SignTypedDataRequest {\n  domain: {\n    name?: string;\n    version?: string;\n    chainId?: number;\n    verifyingContract?: string;\n  };\n  types: Record<string, Array<{ name: string; type: string }>>;\n  primaryType: string;\n  message: Record<string, unknown>;\n  keyId?: string;\n}\n\nexport interface SignResult {\n  signature: string;\n  address: string;\n}\n\nexport interface AuthResult {\n  address: string;\n  keyId: string;\n}\n\nexport interface OpenKeyError {\n  code: 'USER_CANCELLED' | 'POPUP_BLOCKED' | 'TIMEOUT' | 'NO_KEY' | 'UNAUTHORIZED' | 'UNKNOWN';\n  message: string;\n}\n\ntype MessageType =\n  | { type: 'openkey:auth:request'; appName: string }\n  | { type: 'openkey:auth:response'; success: true; address: string; keyId: string }\n  | { type: 'openkey:auth:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:sign:request'; message: string; keyId?: string }\n  | { type: 'openkey:sign:response'; success: true; signature: string; address: string }\n  | { type: 'openkey:sign:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:signTypedData:request'; data: SignTypedDataRequest }\n  | { type: 'openkey:signTypedData:response'; success: true; signature: string; address: string }\n  | { type: 'openkey:signTypedData:response'; success: false; error: OpenKeyError }\n  | { type: 'openkey:ready' }\n  | { type: 'openkey:close' };\n\nconst DEFAULT_HOST = 'https://openkey.so';\nconst POPUP_WIDTH = 400;\nconst POPUP_HEIGHT = 600;\nconst DEFAULT_TIMEOUT = 5 * 60 * 1000; // 5 minutes\n\nexport class OpenKey {\n  private host: string;\n  private appName: string;\n  private usePopup: boolean;\n  private popup: Window | null = null;\n  private iframe: HTMLIFrameElement | null = null;\n\n  constructor(config: OpenKeyConfig = {}) {\n    this.host = config.host || DEFAULT_HOST;\n    this.appName = config.appName || window.location.hostname;\n    this.usePopup = config.usePopup ?? true;\n  }\n\n  /**\n   * Connect to OpenKey and get user's wallet address\n   * Opens auth flow for user to select/create a key\n   */\n  async connect(): Promise<AuthResult> {\n    return this.openFlow<AuthResult>('connect', {\n      type: 'openkey:auth:request',\n      appName: this.appName,\n    });\n  }\n\n  /**\n   * Sign a message with the user's OpenKey wallet\n   */\n  async signMessage(request: SignMessageRequest): Promise<SignResult> {\n    return this.openFlow<SignResult>('sign', {\n      type: 'openkey:sign:request',\n      message: request.message,\n      keyId: request.keyId,\n    });\n  }\n\n  /**\n   * Sign typed data (EIP-712) with the user's OpenKey wallet\n   */\n  async signTypedData(request: SignTypedDataRequest): Promise<SignResult> {\n    return this.openFlow<SignResult>('sign-typed-data', {\n      type: 'openkey:signTypedData:request',\n      data: request,\n    });\n  }\n\n  /**\n   * Check if user is already authenticated\n   */\n  async isConnected(): Promise<boolean> {\n    // Check for existing session via API\n    try {\n      const res = await fetch(`${this.host}/api/auth/session`, {\n        credentials: 'include',\n      });\n      if (!res.ok) return false;\n      const data = await res.json();\n      return !!data.user;\n    } catch {\n      return false;\n    }\n  }\n\n  private async openFlow<T>(action: string, message: object): Promise<T> {\n    return new Promise((resolve, reject) => {\n      const url = `${this.host}/widget/${action}?origin=${encodeURIComponent(window.location.origin)}`;\n\n      if (this.usePopup) {\n        this.openPopup(url, message, resolve, reject);\n      } else {\n        this.openIframe(url, message, resolve, reject);\n      }\n    });\n  }\n\n  private openPopup<T>(\n    url: string,\n    message: object,\n    resolve: (value: T) => void,\n    reject: (error: OpenKeyError) => void\n  ) {\n    // Calculate popup position\n    const left = window.screenX + (window.outerWidth - POPUP_WIDTH) / 2;\n    const top = window.screenY + (window.outerHeight - POPUP_HEIGHT) / 2;\n\n    this.popup = window.open(\n      url,\n      'openkey',\n      `width=${POPUP_WIDTH},height=${POPUP_HEIGHT},left=${left},top=${top},popup=true`\n    );\n\n    if (!this.popup) {\n      reject({\n        code: 'POPUP_BLOCKED',\n        message: 'Popup was blocked. Please allow popups for this site.',\n      });\n      return;\n    }\n\n    const cleanup = () => {\n      window.removeEventListener('message', handleMessage);\n      clearInterval(pollClosed);\n      clearTimeout(timeout);\n    };\n\n    // Poll to detect popup close\n    const pollClosed = setInterval(() => {\n      if (this.popup?.closed) {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User closed the popup',\n        });\n      }\n    }, 500);\n\n    // Timeout\n    const timeout = setTimeout(() => {\n      cleanup();\n      this.popup?.close();\n      reject({\n        code: 'TIMEOUT',\n        message: 'Request timed out',\n      });\n    }, DEFAULT_TIMEOUT);\n\n    // Listen for messages\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== this.host) return;\n\n      const data = event.data as MessageType;\n\n      if (data.type === 'openkey:ready') {\n        // Widget is ready, send our request\n        this.popup?.postMessage(message, this.host);\n        return;\n      }\n\n      if (data.type === 'openkey:close') {\n        cleanup();\n        this.popup?.close();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n        return;\n      }\n\n      // Handle responses\n      if (\n        data.type === 'openkey:auth:response' ||\n        data.type === 'openkey:sign:response' ||\n        data.type === 'openkey:signTypedData:response'\n      ) {\n        cleanup();\n        this.popup?.close();\n\n        if (data.success) {\n          if (data.type === 'openkey:auth:response') {\n            resolve({ address: data.address, keyId: data.keyId } as T);\n          } else {\n            resolve({ signature: data.signature, address: data.address } as T);\n          }\n        } else {\n          reject(data.error);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n  }\n\n  private openIframe<T>(\n    url: string,\n    message: object,\n    resolve: (value: T) => void,\n    reject: (error: OpenKeyError) => void\n  ) {\n    // Create overlay\n    const overlay = document.createElement('div');\n    overlay.style.cssText = `\n      position: fixed;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 999999;\n    `;\n\n    // Create iframe container\n    const container = document.createElement('div');\n    container.style.cssText = `\n      width: ${POPUP_WIDTH}px;\n      height: ${POPUP_HEIGHT}px;\n      background: #1a1a1a;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n    `;\n\n    // Create iframe\n    this.iframe = document.createElement('iframe');\n    this.iframe.src = url;\n    this.iframe.style.cssText = `\n      width: 100%;\n      height: 100%;\n      border: none;\n    `;\n\n    container.appendChild(this.iframe);\n    overlay.appendChild(container);\n    document.body.appendChild(overlay);\n\n    const cleanup = () => {\n      window.removeEventListener('message', handleMessage);\n      clearTimeout(timeout);\n      overlay.remove();\n      this.iframe = null;\n    };\n\n    // Close on overlay click\n    overlay.addEventListener('click', (e) => {\n      if (e.target === overlay) {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n      }\n    });\n\n    // Timeout\n    const timeout = setTimeout(() => {\n      cleanup();\n      reject({\n        code: 'TIMEOUT',\n        message: 'Request timed out',\n      });\n    }, DEFAULT_TIMEOUT);\n\n    // Listen for messages\n    const handleMessage = (event: MessageEvent) => {\n      if (event.origin !== this.host) return;\n\n      const data = event.data as MessageType;\n\n      if (data.type === 'openkey:ready') {\n        this.iframe?.contentWindow?.postMessage(message, this.host);\n        return;\n      }\n\n      if (data.type === 'openkey:close') {\n        cleanup();\n        reject({\n          code: 'USER_CANCELLED',\n          message: 'User cancelled the request',\n        });\n        return;\n      }\n\n      // Handle responses\n      if (\n        data.type === 'openkey:auth:response' ||\n        data.type === 'openkey:sign:response' ||\n        data.type === 'openkey:signTypedData:response'\n      ) {\n        cleanup();\n\n        if (data.success) {\n          if (data.type === 'openkey:auth:response') {\n            resolve({ address: data.address, keyId: data.keyId } as T);\n          } else {\n            resolve({ signature: data.signature, address: data.address } as T);\n          }\n        } else {\n          reject(data.error);\n        }\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n  }\n\n  /**\n   * Disconnect and close any open flows\n   */\n  disconnect() {\n    this.popup?.close();\n    this.popup = null;\n    this.iframe?.parentElement?.parentElement?.remove();\n    this.iframe = null;\n  }\n}\n\n// Default export for convenience\nexport default OpenKey;\n\n// Create singleton instance\nlet defaultInstance: OpenKey | null = null;\n\nexport function getOpenKey(config?: OpenKeyConfig): OpenKey {\n  if (!defaultInstance || config) {\n    defaultInstance = new OpenKey(config);\n  }\n  return defaultInstance;\n}\n"],"mappings":"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","names":["DEFAULT_HOST","OpenKey","config","DEFAULT_HOST","request","res","action","message","resolve","reject","url","left","top","cleanup","handleMessage","pollClosed","timeout","event","data","overlay","container","e","index_default","defaultInstance","getOpenKey"]}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@openkey/sdk",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,369 @@
+// OpenKey SDK - Browser client for third-party apps
+// Provides "Sign with OpenKey" functionality via popup or iframe
+
+export interface OpenKeyConfig {
+  /** OpenKey host URL (default: https://openkey.so) */
+  host?: string;
+  /** App identifier for display */
+  appName?: string;
+  /** Use popup instead of iframe (default: true) */
+  usePopup?: boolean;
+}
+
+export interface SignMessageRequest {
+  message: string;
+  keyId?: string; // If not provided, user selects
+}
+
+export interface SignTypedDataRequest {
+  domain: {
+    name?: string;
+    version?: string;
+    chainId?: number;
+    verifyingContract?: string;
+  };
+  types: Record<string, Array<{ name: string; type: string }>>;
+  primaryType: string;
+  message: Record<string, unknown>;
+  keyId?: string;
+}
+
+export interface SignResult {
+  signature: string;
+  address: string;
+}
+
+export interface AuthResult {
+  address: string;
+  keyId: string;
+}
+
+export interface OpenKeyError {
+  code: 'USER_CANCELLED' | 'POPUP_BLOCKED' | 'TIMEOUT' | 'NO_KEY' | 'UNAUTHORIZED' | 'UNKNOWN';
+  message: string;
+}
+
+type MessageType =
+  | { type: 'openkey:auth:request'; appName: string }
+  | { type: 'openkey:auth:response'; success: true; address: string; keyId: string }
+  | { type: 'openkey:auth:response'; success: false; error: OpenKeyError }
+  | { type: 'openkey:sign:request'; message: string; keyId?: string }
+  | { type: 'openkey:sign:response'; success: true; signature: string; address: string }
+  | { type: 'openkey:sign:response'; success: false; error: OpenKeyError }
+  | { type: 'openkey:signTypedData:request'; data: SignTypedDataRequest }
+  | { type: 'openkey:signTypedData:response'; success: true; signature: string; address: string }
+  | { type: 'openkey:signTypedData:response'; success: false; error: OpenKeyError }
+  | { type: 'openkey:ready' }
+  | { type: 'openkey:close' };
+
+const DEFAULT_HOST = 'https://openkey.so';
+const POPUP_WIDTH = 400;
+const POPUP_HEIGHT = 600;
+const DEFAULT_TIMEOUT = 5 * 60 * 1000; // 5 minutes
+
+export class OpenKey {
+  private host: string;
+  private appName: string;
+  private usePopup: boolean;
+  private popup: Window | null = null;
+  private iframe: HTMLIFrameElement | null = null;
+
+  constructor(config: OpenKeyConfig = {}) {
+    this.host = config.host || DEFAULT_HOST;
+    this.appName = config.appName || window.location.hostname;
+    this.usePopup = config.usePopup ?? true;
+  }
+
+  /**
+   * Connect to OpenKey and get user's wallet address
+   * Opens auth flow for user to select/create a key
+   */
+  async connect(): Promise<AuthResult> {
+    return this.openFlow<AuthResult>('connect', {
+      type: 'openkey:auth:request',
+      appName: this.appName,
+    });
+  }
+
+  /**
+   * Sign a message with the user's OpenKey wallet
+   */
+  async signMessage(request: SignMessageRequest): Promise<SignResult> {
+    return this.openFlow<SignResult>('sign', {
+      type: 'openkey:sign:request',
+      message: request.message,
+      keyId: request.keyId,
+    });
+  }
+
+  /**
+   * Sign typed data (EIP-712) with the user's OpenKey wallet
+   */
+  async signTypedData(request: SignTypedDataRequest): Promise<SignResult> {
+    return this.openFlow<SignResult>('sign-typed-data', {
+      type: 'openkey:signTypedData:request',
+      data: request,
+    });
+  }
+
+  /**
+   * Check if user is already authenticated
+   */
+  async isConnected(): Promise<boolean> {
+    // Check for existing session via API
+    try {
+      const res = await fetch(`${this.host}/api/auth/session`, {
+        credentials: 'include',
+      });
+      if (!res.ok) return false;
+      const data = await res.json();
+      return !!data.user;
+    } catch {
+      return false;
+    }
+  }
+
+  private async openFlow<T>(action: string, message: object): Promise<T> {
+    return new Promise((resolve, reject) => {
+      const url = `${this.host}/widget/${action}?origin=${encodeURIComponent(window.location.origin)}`;
+
+      if (this.usePopup) {
+        this.openPopup(url, message, resolve, reject);
+      } else {
+        this.openIframe(url, message, resolve, reject);
+      }
+    });
+  }
+
+  private openPopup<T>(
+    url: string,
+    message: object,
+    resolve: (value: T) => void,
+    reject: (error: OpenKeyError) => void
+  ) {
+    // Calculate popup position
+    const left = window.screenX + (window.outerWidth - POPUP_WIDTH) / 2;
+    const top = window.screenY + (window.outerHeight - POPUP_HEIGHT) / 2;
+
+    this.popup = window.open(
+      url,
+      'openkey',
+      `width=${POPUP_WIDTH},height=${POPUP_HEIGHT},left=${left},top=${top},popup=true`
+    );
+
+    if (!this.popup) {
+      reject({
+        code: 'POPUP_BLOCKED',
+        message: 'Popup was blocked. Please allow popups for this site.',
+      });
+      return;
+    }
+
+    const cleanup = () => {
+      window.removeEventListener('message', handleMessage);
+      clearInterval(pollClosed);
+      clearTimeout(timeout);
+    };
+
+    // Poll to detect popup close
+    const pollClosed = setInterval(() => {
+      if (this.popup?.closed) {
+        cleanup();
+        reject({
+          code: 'USER_CANCELLED',
+          message: 'User closed the popup',
+        });
+      }
+    }, 500);
+
+    // Timeout
+    const timeout = setTimeout(() => {
+      cleanup();
+      this.popup?.close();
+      reject({
+        code: 'TIMEOUT',
+        message: 'Request timed out',
+      });
+    }, DEFAULT_TIMEOUT);
+
+    // Listen for messages
+    const handleMessage = (event: MessageEvent) => {
+      if (event.origin !== this.host) return;
+
+      const data = event.data as MessageType;
+
+      if (data.type === 'openkey:ready') {
+        // Widget is ready, send our request
+        this.popup?.postMessage(message, this.host);
+        return;
+      }
+
+      if (data.type === 'openkey:close') {
+        cleanup();
+        this.popup?.close();
+        reject({
+          code: 'USER_CANCELLED',
+          message: 'User cancelled the request',
+        });
+        return;
+      }
+
+      // Handle responses
+      if (
+        data.type === 'openkey:auth:response' ||
+        data.type === 'openkey:sign:response' ||
+        data.type === 'openkey:signTypedData:response'
+      ) {
+        cleanup();
+        this.popup?.close();
+
+        if (data.success) {
+          if (data.type === 'openkey:auth:response') {
+            resolve({ address: data.address, keyId: data.keyId } as T);
+          } else {
+            resolve({ signature: data.signature, address: data.address } as T);
+          }
+        } else {
+          reject(data.error);
+        }
+      }
+    };
+
+    window.addEventListener('message', handleMessage);
+  }
+
+  private openIframe<T>(
+    url: string,
+    message: object,
+    resolve: (value: T) => void,
+    reject: (error: OpenKeyError) => void
+  ) {
+    // Create overlay
+    const overlay = document.createElement('div');
+    overlay.style.cssText = `
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.5);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 999999;
+    `;
+
+    // Create iframe container
+    const container = document.createElement('div');
+    container.style.cssText = `
+      width: ${POPUP_WIDTH}px;
+      height: ${POPUP_HEIGHT}px;
+      background: #1a1a1a;
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+    `;
+
+    // Create iframe
+    this.iframe = document.createElement('iframe');
+    this.iframe.src = url;
+    this.iframe.style.cssText = `
+      width: 100%;
+      height: 100%;
+      border: none;
+    `;
+
+    container.appendChild(this.iframe);
+    overlay.appendChild(container);
+    document.body.appendChild(overlay);
+
+    const cleanup = () => {
+      window.removeEventListener('message', handleMessage);
+      clearTimeout(timeout);
+      overlay.remove();
+      this.iframe = null;
+    };
+
+    // Close on overlay click
+    overlay.addEventListener('click', (e) => {
+      if (e.target === overlay) {
+        cleanup();
+        reject({
+          code: 'USER_CANCELLED',
+          message: 'User cancelled the request',
+        });
+      }
+    });
+
+    // Timeout
+    const timeout = setTimeout(() => {
+      cleanup();
+      reject({
+        code: 'TIMEOUT',
+        message: 'Request timed out',
+      });
+    }, DEFAULT_TIMEOUT);
+
+    // Listen for messages
+    const handleMessage = (event: MessageEvent) => {
+      if (event.origin !== this.host) return;
+
+      const data = event.data as MessageType;
+
+      if (data.type === 'openkey:ready') {
+        this.iframe?.contentWindow?.postMessage(message, this.host);
+        return;
+      }
+
+      if (data.type === 'openkey:close') {
+        cleanup();
+        reject({
+          code: 'USER_CANCELLED',
+          message: 'User cancelled the request',
+        });
+        return;
+      }
+
+      // Handle responses
+      if (
+        data.type === 'openkey:auth:response' ||
+        data.type === 'openkey:sign:response' ||
+        data.type === 'openkey:signTypedData:response'
+      ) {
+        cleanup();
+
+        if (data.success) {
+          if (data.type === 'openkey:auth:response') {
+            resolve({ address: data.address, keyId: data.keyId } as T);
+          } else {
+            resolve({ signature: data.signature, address: data.address } as T);
+          }
+        } else {
+          reject(data.error);
+        }
+      }
+    };
+
+    window.addEventListener('message', handleMessage);
+  }
+
+  /**
+   * Disconnect and close any open flows
+   */
+  disconnect() {
+    this.popup?.close();
+    this.popup = null;
+    this.iframe?.parentElement?.parentElement?.remove();
+    this.iframe = null;
+  }
+}
+
+// Default export for convenience
+export default OpenKey;
+
+// Create singleton instance
+let defaultInstance: OpenKey | null = null;
+
+export function getOpenKey(config?: OpenKeyConfig): OpenKey {
+  if (!defaultInstance || config) {
+    defaultInstance = new OpenKey(config);
+  }
+  return defaultInstance;
+}

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "lib": ["ES2022", "DOM"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  clean: true,
+  sourcemap: true,
+  minify: true,
+});