nostr-components 0.3.0 → 0.3.1

package/dist/src/nostr-profile-badge/render.d.ts

@@ -0,0 +1,11 @@
+import { NDKUser, NDKUserProfile } from '@nostr-dev-kit/ndk';
+export interface RenderProfileBadgeOptions {
+    isLoading: boolean;
+    isError: boolean;
+    errorMessage?: string;
+    userProfile: NDKUserProfile | null;
+    ndkUser: NDKUser | null;
+    showNpub: boolean;
+    showFollow: boolean;
+}
+export declare function renderProfileBadge({ isLoading, isError, errorMessage, userProfile, ndkUser, showNpub, showFollow }: RenderProfileBadgeOptions): string;

package/dist/src/nostr-profile-badge/style.d.ts

@@ -0,0 +1 @@
+export declare function getProfileBadgeStyles(): string;

package/dist/src/nostr-zap/dialog-help-style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Help dialog content styles for nostr-zap component
+ * Contains only content-specific styles (base dialog styles in DialogComponent)
+ */
+export declare const getHelpDialogStyles: () => string;

package/dist/src/nostr-zap/dialog-help.d.ts

@@ -0,0 +1,2 @@
+export declare const injectHelpDialogStyles: () => void;
+export declare const showHelpDialog: (theme?: "light" | "dark") => Promise<void>;

package/dist/src/nostr-zap/dialog-zap-style.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Dialog styles for nostr-zap component
+ * Extracted from dialog.ts for better organization
+ * Uses CSS variables from nostr-zap component for consistency
+ */
+export declare const getDialogStyles: (theme?: "light" | "dark") => string;

package/dist/src/nostr-zap/dialog-zap.d.ts

@@ -0,0 +1,31 @@
+import { DialogComponent } from '../base/dialog-component/dialog-component';
+interface WebLN {
+    enable: () => Promise<void>;
+    sendPayment: (invoice: string) => Promise<{
+        preimage: string;
+    }>;
+}
+declare global {
+    interface Window {
+        webln?: WebLN;
+    }
+}
+export interface OpenZapModalParams {
+    npub: string;
+    relays: string;
+    cachedDialogComponent?: DialogComponent | null;
+    buttonColor?: string;
+    theme?: 'light' | 'dark';
+    fixedAmount?: number;
+    defaultAmount?: number;
+    initialAmount?: number;
+    anon?: boolean;
+    url?: string;
+}
+export declare const injectCSS: (theme?: "light" | "dark") => void;
+/**
+ * Opens (or re-opens) the zap modal. Returns the DialogComponent so the caller
+ * can cache it between clicks.
+ */
+export declare function init(params: OpenZapModalParams): Promise<DialogComponent>;
+export {};

package/dist/src/nostr-zap/dialog-zappers-style.d.ts

@@ -0,0 +1 @@
+export declare function getZappersDialogStyles(theme?: 'light' | 'dark'): string;

package/dist/src/nostr-zap/dialog-zappers.d.ts

@@ -0,0 +1,25 @@
+import { DialogComponent } from '../base/dialog-component/dialog-component';
+import { ZapDetails } from './zap-utils';
+/**
+ * Modal dialog for displaying individual zap details (zappers).
+ *
+ * Shows a list of all zaps received by a user with:
+ * - Zap amount
+ * - Zap date (relative time)
+ * - Zap author's name
+ * - Zap author's profile picture
+ * - Clickable links to author profiles via njump.me
+ */
+export interface OpenZappersModalParams {
+    zapDetails: ZapDetails[];
+    theme?: 'light' | 'dark';
+}
+/**
+ * Inject zappers dialog content styles into document head
+ * Prevents duplicate injection by checking for existing styles
+ */
+export declare const injectZappersDialogStyles: (theme?: "light" | "dark") => void;
+/**
+ * Opens the zappers dialog showing individual zap details
+ */
+export declare function openZappersDialog(params: OpenZappersModalParams): Promise<DialogComponent>;

package/dist/src/nostr-zap/nostr-zap.d.ts

@@ -0,0 +1,45 @@
+import { NostrUserComponent } from '../base/user-component/nostr-user-component';
+import { NCStatus } from '../base/base-component/nostr-base-component';
+/**
+ * <nostr-zap>
+ * Attributes:
+ *   - npub | pubkey | nip05   (required) : Nostr user to zap
+ *   - relays          (optional) : comma-separated relay URLs
+ *   - theme           (optional) : "light" | "dark" (default light)
+ *   - text            (optional) : custom text (default "Zap")
+ *   - amount          (optional) : pre-defined zap amount in sats
+ *   - default-amount  (optional) : default zap amount in sats (default 21)
+ *   - url             (optional) : URL to send zap to (enables URL-based zaps)
+ *
+ *  TODO: Doesn't yet support dynamic updates of attributes.
+ */
+export default class NostrZap extends NostrUserComponent {
+    protected zapActionStatus: {
+        set: (s: NCStatus, e?: string) => void;
+        get: () => NCStatus;
+    };
+    protected zapListStatus: {
+        set: (s: NCStatus, e?: string) => void;
+        get: () => NCStatus;
+    };
+    private totalZapAmount;
+    private cachedZapDetails;
+    private cachedAmountDialog;
+    constructor();
+    connectedCallback(): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    /** Base class functions */
+    protected onStatusChange(_status: NCStatus): void;
+    protected onUserReady(_user: any, _profile: any): void;
+    /** Protected methods */
+    protected validateInputs(): boolean;
+    /** Private functions */
+    private handleZapClick;
+    private handleHelpClick;
+    private handleZappersClick;
+    private attachDelegatedListeners;
+    private updateZapCount;
+    protected renderContent(): void;
+}

package/dist/src/nostr-zap/render.d.ts

@@ -0,0 +1,9 @@
+import { IRenderOptions } from '../base/render-options';
+export interface RenderZapButtonOptions extends IRenderOptions {
+    isAmountLoading: boolean;
+    isSuccess: boolean;
+    buttonText: string;
+    totalZapAmount: number | null;
+    hasZaps?: boolean;
+}
+export declare function renderZapButton({ isLoading, isError, isSuccess, errorMessage, buttonText, totalZapAmount, isAmountLoading, hasZaps, }: RenderZapButtonOptions): string;

package/dist/src/nostr-zap/style.d.ts

@@ -0,0 +1 @@
+export declare function getZapButtonStyles(): string;

package/dist/src/nostr-zap/zap-utils.d.ts

@@ -0,0 +1,57 @@
+import { Filter, Event } from 'nostr-tools';
+export declare const getProfileMetadata: (authorId: string) => Promise<any>;
+export declare const getBatchedProfileMetadata: (authorIds: string[]) => Promise<{
+    id: string;
+    profile: any;
+}[]>;
+export declare const extractProfileMetadataContent: (profileMetadata: any) => any;
+export declare const getZapEndpoint: (profileMetadata: any) => Promise<string>;
+export declare const fetchInvoice: ({ zapEndpoint, amount, comment, authorId, nip19Target, normalizedRelays, anon, url, }: {
+    zapEndpoint: string;
+    amount: number;
+    comment?: string;
+    authorId: string;
+    nip19Target?: string;
+    normalizedRelays: string[];
+    anon?: boolean;
+    url?: string;
+}) => Promise<string>;
+/**
+ * Check if NostrLogin is available
+ * @deprecated Use ensureInitialized() instead - it will initialize NostrLogin if needed
+ */
+export declare const isNip07ExtAvailable: () => boolean;
+export declare function resolveNip05(nip05Identifier: string): Promise<string | null>;
+declare module 'nostr-tools' {
+    interface SimplePool {
+        subscribe(relays: string[], filter: Filter, params: {
+            onevent: (event: Event) => void;
+            onclose?: () => void;
+            id?: string;
+            maxWait?: number;
+        }): {
+            close: () => void;
+        };
+    }
+}
+export interface ZapDetails {
+    amount: number;
+    date: Date;
+    authorPubkey: string;
+    comment?: string;
+}
+export interface ZapAmountResult {
+    totalAmount: number;
+    zapDetails: ZapDetails[];
+}
+export declare const fetchTotalZapAmount: ({ pubkey, relays, url, }: {
+    pubkey: string;
+    relays: string[];
+    url?: string;
+}) => Promise<ZapAmountResult>;
+export declare const listenForZapReceipt: ({ relays, receiversPubKey, invoice, onSuccess, }: {
+    relays: string[];
+    receiversPubKey: string;
+    invoice: string;
+    onSuccess: () => void;
+}) => () => void;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/dist/vite.config.esm.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/dist/vite.config.umd.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nostr-components",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "description": "Embed Nostr anywhere on the internet, a Zap Button for every webpage",
   "keywords": [

package/dist/assets/dialog-component-Dqg0QU9I.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-component-Dqg0QU9I.js","sources":["../../src/base/dialog-component/style.ts","../../src/base/dialog-component/dialog-component.ts"],"sourcesContent":["// SPDX-License-Identifier: MIT\n\n/**\n * Base dialog component styles\n * Provides common styling for all dialog components\n */\nexport const getDialogComponentStyles = (): string => {\n  return `\n    /* Base Dialog Styles */\n    .nostr-base-dialog {\n      width: 400px;\n      max-width: 90vw;\n      border: none;\n      border-radius: var(--nostrc-border-radius-lg, 10px);\n      padding: var(--nostrc-spacing-xl, 20px);\n      background: var(--nostrc-theme-bg, #ffffff);\n      color: var(--nostrc-theme-text-primary, #000000);\n      position: relative;\n      font-family: var(--nostrc-font-family-primary, ui-sans-serif, system-ui, sans-serif);\n    }\n\n    .nostr-base-dialog[open] {\n      display: block;\n    }\n\n    .nostr-base-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .dialog-header {\n      position: relative;\n      margin-bottom: var(--nostrc-spacing-lg, 16px);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .dialog-header h2 {\n      font-size: var(--nostrc-font-size-large, 1.25rem);\n      font-weight: var(--nostrc-font-weight-bold, 700);\n      margin: 0;\n      flex: 1;\n      text-align: left;\n      padding-top: 2px;\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n\n    .dialog-close-btn {\n      border: none;\n      background: var(--nostrc-theme-hover-bg, #f7fafc);\n      border-radius: var(--nostrc-border-radius-full, 50%);\n      width: 32px;\n      height: 32px;\n      min-width: 32px;\n      font-size: var(--nostrc-font-size-base, 16px);\n      cursor: pointer;\n      color: var(--nostrc-theme-text-secondary, #666666);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .dialog-close-btn:hover {\n      background: var(--nostrc-theme-border, rgba(0, 0, 0, 0.05));\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n\n    .dialog-content {\n      line-height: 1.6;\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n  `;\n};\n\n","// SPDX-License-Identifier: MIT\n\nimport { getDialogComponentStyles } from './style';\n\n/**\n * Base dialog component that extends HTMLElement\n * Provides common dialog functionality with header, close button, and content area\n * \n * Usage:\n * ```typescript\n * const dialog = document.createElement('dialog-component');\n * dialog.setAttribute('header', 'Dialog Title');\n * dialog.innerHTML = '<p>Your content goes here</p>';\n * dialog.showModal(); // Don't append to body, just call showModal()\n * ```\n * \n * Features:\n * - Header with customizable text\n * - Close button\n * - Click outside to close\n * - ESC key to close\n * - Automatic cleanup on close\n * \n * Important: Only one instance of this component should be added to the DOM at any time.\n * Multiple instances may cause conflicts with event listeners and cleanup behavior.\n */\nexport class DialogComponent extends HTMLElement {\n  private dialog: HTMLDialogElement | null = null;\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Observed attributes for the component\n   */\n  static get observedAttributes() {\n    return ['header', 'data-theme'];\n  }\n\n  /**\n   * Inject dialog styles into document head\n   * Prevents duplicate injection by checking for existing styles\n   */\n  private injectStyles(): void {\n    if (document.querySelector('style[data-dialog-component-styles]')) return;\n    \n    const style = document.createElement('style');\n    style.setAttribute('data-dialog-component-styles', 'true');\n    style.textContent = getDialogComponentStyles();\n    document.head.appendChild(style);\n  }\n\n  /**\n   * Render the dialog\n   */\n  private render(): void {\n    this.injectStyles();\n\n    const headerText = this.getAttribute('header') || 'Dialog';\n    const theme = this.getAttribute('data-theme');\n\n    this.dialog = document.createElement('dialog');\n    this.dialog.className = 'nostr-base-dialog';\n    if (theme) {\n      this.dialog.setAttribute('data-theme', theme);\n    }\n\n    const headerDiv = document.createElement('div');\n    headerDiv.className = 'dialog-header';\n    \n    const headerH2 = document.createElement('h2');\n    headerH2.textContent = headerText;\n    \n    const closeBtn = document.createElement('button');\n    closeBtn.className = 'dialog-close-btn';\n    closeBtn.setAttribute('aria-label', 'Close dialog');\n    closeBtn.textContent = '✕';\n    \n    headerDiv.appendChild(headerH2);\n    headerDiv.appendChild(closeBtn);\n\n    const contentDiv = document.createElement('div');\n    contentDiv.className = 'dialog-content';\n    \n    // Safely move child nodes from component to dialog content\n    // This preserves any existing DOM nodes without using innerHTML\n    while (this.firstChild) {\n      contentDiv.appendChild(this.firstChild);\n    }\n\n    this.dialog.appendChild(headerDiv);\n    this.dialog.appendChild(contentDiv);\n\n    document.body.appendChild(this.dialog);\n\n    this.setupEventListeners();\n  }\n\n  /**\n   * Setup event listeners for closing the dialog\n   */\n  private setupEventListeners(): void {\n    if (!this.dialog) return;\n\n    // Close button click\n    const closeBtn = this.dialog.querySelector('.dialog-close-btn');\n    closeBtn?.addEventListener('click', () => {\n      this.close();\n    });\n\n    // Click outside dialog (on backdrop)\n    this.dialog.addEventListener('click', (e) => {\n      if (e.target === this.dialog) {\n        this.close();\n      }\n    });\n\n    // ESC key handler\n    this.dialog.addEventListener('cancel', (e) => {\n      e.preventDefault();\n      this.close();\n    });\n\n    // Cleanup on close\n    this.dialog.addEventListener('close', () => {\n      this.cleanup();\n    });\n  }\n\n  /**\n   * Show the dialog (alias for showModal)\n   */\n  public show(): void {\n    this.showModal();\n  }\n\n  /**\n   * Show the dialog as modal\n   */\n  public showModal(): void {\n    if (!this.dialog) {\n      this.render();\n    }\n    this.dialog?.showModal();\n  }\n\n  /**\n   * Close the dialog\n   */\n  public close(): void {\n    this.dialog?.close();\n  }\n\n  /**\n   * Cleanup when dialog is closed\n   */\n  private cleanup(): void {\n    if (this.dialog && this.dialog.isConnected) {\n      this.dialog.remove();\n    }\n    if (this.isConnected) {\n      this.remove();\n    }\n    this.dialog = null;\n  }\n\n  /**\n   * Called when component is removed from DOM\n   */\n  disconnectedCallback(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Called when observed attributes change\n   */\n  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void {\n    if (name === 'header' && this.dialog) {\n      const heading = this.dialog.querySelector('.dialog-header h2');\n      if (heading) {\n        heading.textContent = newValue || 'Dialog';\n      }\n    } else if (name === 'data-theme' && this.dialog) {\n      if (newValue) {\n        this.dialog.setAttribute('data-theme', newValue);\n      } else {\n        this.dialog.removeAttribute('data-theme');\n      }\n    }\n  }\n}\n\n// Define custom element\nif (!customElements.get('dialog-component')) {\n  customElements.define('dialog-component', DialogComponent);\n}\n\n"],"names":["getDialogComponentStyles","DialogComponent","__publicField","style","headerText","theme","headerDiv","headerH2","closeBtn","contentDiv","e","_a","name","_oldValue","newValue","heading"],"mappings":"oKAMO,MAAMA,EAA2B,IAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ICmBF,MAAMC,UAAwB,WAAY,CAG/C,aAAc,CACZ,MAAA,EAHMC,EAAA,cAAmC,KAI3C,CAKA,WAAW,oBAAqB,CAC9B,MAAO,CAAC,SAAU,YAAY,CAChC,CAMQ,cAAqB,CAC3B,GAAI,SAAS,cAAc,qCAAqC,EAAG,OAEnE,MAAMC,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,aAAa,+BAAgC,MAAM,EACzDA,EAAM,YAAcH,EAAA,EACpB,SAAS,KAAK,YAAYG,CAAK,CACjC,CAKQ,QAAe,CACrB,KAAK,aAAA,EAEL,MAAMC,EAAa,KAAK,aAAa,QAAQ,GAAK,SAC5CC,EAAQ,KAAK,aAAa,YAAY,EAE5C,KAAK,OAAS,SAAS,cAAc,QAAQ,EAC7C,KAAK,OAAO,UAAY,oBACpBA,GACF,KAAK,OAAO,aAAa,aAAcA,CAAK,EAG9C,MAAMC,EAAY,SAAS,cAAc,KAAK,EAC9CA,EAAU,UAAY,gBAEtB,MAAMC,EAAW,SAAS,cAAc,IAAI,EAC5CA,EAAS,YAAcH,EAEvB,MAAMI,EAAW,SAAS,cAAc,QAAQ,EAChDA,EAAS,UAAY,mBACrBA,EAAS,aAAa,aAAc,cAAc,EAClDA,EAAS,YAAc,IAEvBF,EAAU,YAAYC,CAAQ,EAC9BD,EAAU,YAAYE,CAAQ,EAE9B,MAAMC,EAAa,SAAS,cAAc,KAAK,EAK/C,IAJAA,EAAW,UAAY,iBAIhB,KAAK,YACVA,EAAW,YAAY,KAAK,UAAU,EAGxC,KAAK,OAAO,YAAYH,CAAS,EACjC,KAAK,OAAO,YAAYG,CAAU,EAElC,SAAS,KAAK,YAAY,KAAK,MAAM,EAErC,KAAK,oBAAA,CACP,CAKQ,qBAA4B,CAClC,GAAI,CAAC,KAAK,OAAQ,OAGlB,MAAMD,EAAW,KAAK,OAAO,cAAc,mBAAmB,EAC9DA,GAAA,MAAAA,EAAU,iBAAiB,QAAS,IAAM,CACxC,KAAK,MAAA,CACP,GAGA,KAAK,OAAO,iBAAiB,QAAUE,GAAM,CACvCA,EAAE,SAAW,KAAK,QACpB,KAAK,MAAA,CAET,CAAC,EAGD,KAAK,OAAO,iBAAiB,SAAWA,GAAM,CAC5CA,EAAE,eAAA,EACF,KAAK,MAAA,CACP,CAAC,EAGD,KAAK,OAAO,iBAAiB,QAAS,IAAM,CAC1C,KAAK,QAAA,CACP,CAAC,CACH,CAKO,MAAa,CAClB,KAAK,UAAA,CACP,CAKO,WAAkB,CDtIpB,IAAAC,ECuIE,KAAK,QACR,KAAK,OAAA,GAEPA,EAAA,KAAK,SAAL,MAAAA,EAAa,WACf,CAKO,OAAc,CDhJhB,IAAAA,GCiJHA,EAAA,KAAK,SAAL,MAAAA,EAAa,OACf,CAKQ,SAAgB,CAClB,KAAK,QAAU,KAAK,OAAO,aAC7B,KAAK,OAAO,OAAA,EAEV,KAAK,aACP,KAAK,OAAA,EAEP,KAAK,OAAS,IAChB,CAKA,sBAA6B,CAC3B,KAAK,QAAA,CACP,CAKA,yBAAyBC,EAAcC,EAAmBC,EAAwB,CAChF,GAAIF,IAAS,UAAY,KAAK,OAAQ,CACpC,MAAMG,EAAU,KAAK,OAAO,cAAc,mBAAmB,EACzDA,IACFA,EAAQ,YAAcD,GAAY,SAEtC,MAAWF,IAAS,cAAgB,KAAK,SACnCE,EACF,KAAK,OAAO,aAAa,aAAcA,CAAQ,EAE/C,KAAK,OAAO,gBAAgB,YAAY,EAG9C,CACF,CAGK,eAAe,IAAI,kBAAkB,GACxC,eAAe,OAAO,mBAAoBb,CAAe"}

package/dist/assets/nostr-user-component-XEnanH-d.js

@@ -1,2 +0,0 @@
-var l=Object.defineProperty;var p=(i,r,e)=>r in i?l(i,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[r]=e;var n=(i,r,e)=>p(i,typeof r!="symbol"?r+"":r,e);import{N as h,a as o}from"./base-styles-DC0ilu4S.js";import{U as c}from"./user-resolver-DqI5KGh6.js";const d="nc:user";class C extends h{constructor(e=!0){super(e);n(this,"user",null);n(this,"profile",null);n(this,"userStatus",this.channel("user"));n(this,"loadSeq",0);n(this,"resolver",new c(this.nostrService));this.initChannelStatus("user",o.Loading,{reflectOverall:!1})}static get observedAttributes(){return[...super.observedAttributes,"npub","pubkey","nip05"]}connectedCallback(){var e;(e=super.connectedCallback)==null||e.call(this),this.validateInputs()&&this.resolveUserAndProfile().catch(t=>{console.error("[NostrUserComponent] init failed:",t)})}attributeChangedCallback(e,t,s){var u;t!==s&&((u=super.attributeChangedCallback)==null||u.call(this,e,t,s),(e==="npub"||e==="nip05"||e==="pubkey")&&this.validateInputs()&&this.resolveUserAndProfile())}validateInputs(){if(!super.validateInputs())return this.userStatus.set(o.Idle),!1;const e=this.getAttribute("npub"),t=this.getAttribute("pubkey"),s=this.getAttribute("nip05"),u=this.tagName.toLowerCase(),a=this.resolver.validateInputs({npub:e,pubkey:t,nip05:s});return a?(this.userStatus.set(o.Error,a),console.error(`Nostr-Components: ${u}: ${a}`),!1):(this.errorMessage="",!0)}async resolveUserAndProfile(){const e=++this.loadSeq;try{await this.ensureNostrConnected()}catch(t){if(e!==this.loadSeq)return;console.error("[NostrUserComponent] Relay connect failed before user/profile load:",t);return}this.userStatus.set(o.Loading);try{const{user:t,profile:s}=await this.resolver.resolveUser({npub:this.getAttribute("npub"),pubkey:this.getAttribute("pubkey"),nip05:this.getAttribute("nip05")});if(e!==this.loadSeq)return;if(s==null){this.userStatus.set(o.Error,"Profile not found");return}this.user=t,this.profile=s,this.userStatus.set(o.Ready),this.dispatchEvent(new CustomEvent(d,{detail:{user:this.user,profile:this.profile},bubbles:!0,composed:!0})),this.onUserReady(this.user,this.profile)}catch(t){if(e!==this.loadSeq)return;const s=t instanceof Error?t.message:"Failed to load user/profile";console.error("[NostrUserComponent] "+s,t),this.userStatus.set(o.Error,s)}}renderContent(){}onUserReady(e,t){}}export{C as N};
-//# sourceMappingURL=nostr-user-component-XEnanH-d.js.map

package/dist/assets/nostr-user-component-XEnanH-d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nostr-user-component-XEnanH-d.js","sources":["../../src/base/user-component/nostr-user-component.ts"],"sourcesContent":["// SPDX-License-Identifier: MIT\n\nimport { NDKUser, NDKUserProfile } from '@nostr-dev-kit/ndk';\nimport { NostrBaseComponent, NCStatus } from '../base-component/nostr-base-component';\nimport { UserResolver } from '../resolvers/user-resolver';\n\nconst EVT_USER = 'nc:user';\n\n/**\n * NostrUserComponent\n * ==================\n * Extension of `NostrBaseComponent` that resolves and manages a Nostr user.\n *\n * Overview\n * - Accepts identity attributes (`npub`, `nip05`, or `pubkey`) and validates them.\n * - Resolves an `NDKUser` via the shared `nostrService` and fetches its profile.\n * - Exposes resolved `user` and `profile` to subclasses for rendering or logic.\n * - Emits lifecycle events for status and user readiness.\n *\n * Observed attributes\n * - `npub`   — user's Nostr public key (bech32 npub)\n * - `nip05`  — NIP-05 identifier (e.g. `alice@example.com`)\n * - `pubkey` — raw hex-encoded public key\n *\n * Events\n * - `nc:status` — from base, reflects connection and user/profile loading status\n * - `nc:user`   — fired when a user and profile are successfully resolved\n */\n\nexport class NostrUserComponent extends NostrBaseComponent {\n\n  protected user: NDKUser | null = null;\n  protected profile: NDKUserProfile | null = null;\n\n  protected userStatus = this.channel('user');\n\n  // guard to ignore stale user fetches\n  private loadSeq = 0;\n\n  private resolver = new UserResolver(this.nostrService);\n\n  constructor(shadow: boolean = true) {\n    super(shadow);\n    this.initChannelStatus('user', NCStatus.Loading, { reflectOverall: false });\n  }\n\n  /** Lifecycle methods */\n  static get observedAttributes() {\n    return [\n      ...super.observedAttributes,\n      'npub',\n      'pubkey',\n      'nip05',\n    ];\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n\n    if (this.validateInputs()) {\n      this.resolveUserAndProfile().catch(e => {\n        console.error('[NostrUserComponent] init failed:', e);\n      });\n    }\n  }\n\n  attributeChangedCallback(\n    name: string,\n    oldValue: string | null,\n    newValue: string | null\n  ) {\n    if (oldValue === newValue) return;\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (name === 'npub' || name === 'nip05' || name === 'pubkey') {\n      if (this.validateInputs()) {\n        // Re-resolve user + profile on identity changes\n        void this.resolveUserAndProfile();\n      }\n    }\n  }\n\n  /** Protected methods */\n  protected validateInputs(): boolean {\n\n    if (!super.validateInputs()) {\n      this.userStatus.set(NCStatus.Idle);\n      return false;\n    }\n\n    const npub    = this.getAttribute(\"npub\");\n    const pubkey  = this.getAttribute(\"pubkey\");\n    const nip05   = this.getAttribute(\"nip05\");\n    const tagName = this.tagName.toLowerCase();\n\n    const err = this.resolver.validateInputs({\n      npub: npub,\n      pubkey: pubkey,\n      nip05: nip05,\n    });\n\n    if (err) {\n      this.userStatus.set(NCStatus.Error, err);\n      console.error(`Nostr-Components: ${tagName}: ${err}`);\n      return false;\n    }\n\n    this.errorMessage = \"\";\n    return true;\n\n  }\n\n  protected async resolveUserAndProfile(): Promise<void> {\n    const seq = ++this.loadSeq; // token to prevent stale writes\n\n    // Ensure relays are connected; handle failure inside to avoid unhandled rejection\n    try {\n      await this.ensureNostrConnected();\n    } catch (e) {\n      if (seq !== this.loadSeq) return; // stale\n      // Base already set status=Error, but make the failure explicit here too\n      console.error('[NostrUserComponent] Relay connect failed before user/profile load:', e);\n      return;\n    }\n\n    this.userStatus.set(NCStatus.Loading);\n\n    try {\n      const { user, profile } = await this.resolver.resolveUser({\n        npub: this.getAttribute('npub'),\n        pubkey: this.getAttribute('pubkey'),\n        nip05: this.getAttribute('nip05'),\n      });\n\n      // stale call check\n      if (seq !== this.loadSeq) return;\n\n      if (profile == null) {\n        this.userStatus.set(NCStatus.Error, \"Profile not found\");\n        return;\n      }\n\n      this.user = user;\n      this.profile = profile;\n      this.userStatus.set(NCStatus.Ready);\n      // Notify listeners that user + profile are available\n      this.dispatchEvent(new CustomEvent(EVT_USER, {\n        detail: { user: this.user, profile: this.profile },\n        bubbles: true,\n        composed: true,\n      }));\n      this.onUserReady(this.user!, this.profile);\n    } catch (err) {\n      if (seq !== this.loadSeq) return; // stale\n      const msg = err instanceof Error ? err.message : 'Failed to load user/profile';\n      console.error('[NostrUserComponent] ' + msg, err);\n      this.userStatus.set(NCStatus.Error, msg);\n    }\n  }\n\n  protected renderContent() { }\n\n  /** Hook for subclasses to react when user/profile are ready (e.g., render). */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected onUserReady(_user: NDKUser, _profile: NDKUserProfile | null) { }\n}\n"],"names":["EVT_USER","NostrUserComponent","NostrBaseComponent","shadow","__publicField","UserResolver","NCStatus","_a","e","name","oldValue","newValue","npub","pubkey","nip05","tagName","err","seq","user","profile","msg","_user","_profile"],"mappings":"yQAMA,MAAMA,EAAW,UAuBV,MAAMC,UAA2BC,CAAmB,CAYzD,YAAYC,EAAkB,GAAM,CAClC,MAAMA,CAAM,EAXJC,EAAA,YAAuB,MACvBA,EAAA,eAAiC,MAEjCA,EAAA,kBAAa,KAAK,QAAQ,MAAM,GAGlCA,EAAA,eAAU,GAEVA,EAAA,gBAAW,IAAIC,EAAa,KAAK,YAAY,GAInD,KAAK,kBAAkB,OAAQC,EAAS,QAAS,CAAE,eAAgB,GAAO,CAC5E,CAGA,WAAW,oBAAqB,CAC9B,MAAO,CACL,GAAG,MAAM,mBACT,OACA,SACA,OAAA,CAEJ,CAEA,mBAAoB,QAClBC,EAAA,MAAM,oBAAN,MAAAA,EAAA,WAEI,KAAK,kBACP,KAAK,sBAAA,EAAwB,MAAMC,GAAK,CACtC,QAAQ,MAAM,oCAAqCA,CAAC,CACtD,CAAC,CAEL,CAEA,yBACEC,EACAC,EACAC,EACA,OACID,IAAaC,KACjBJ,EAAA,MAAM,2BAAN,MAAAA,EAAA,UAAiCE,EAAMC,EAAUC,IAE7CF,IAAS,QAAUA,IAAS,SAAWA,IAAS,WAC9C,KAAK,kBAEF,KAAK,sBAAA,EAGhB,CAGU,gBAA0B,CAElC,GAAI,CAAC,MAAM,iBACT,YAAK,WAAW,IAAIH,EAAS,IAAI,EAC1B,GAGT,MAAMM,EAAU,KAAK,aAAa,MAAM,EAClCC,EAAU,KAAK,aAAa,QAAQ,EACpCC,EAAU,KAAK,aAAa,OAAO,EACnCC,EAAU,KAAK,QAAQ,YAAA,EAEvBC,EAAM,KAAK,SAAS,eAAe,CACvC,KAAAJ,EACA,OAAAC,EACA,MAAAC,CAAA,CACD,EAED,OAAIE,GACF,KAAK,WAAW,IAAIV,EAAS,MAAOU,CAAG,EACvC,QAAQ,MAAM,qBAAqBD,CAAO,KAAKC,CAAG,EAAE,EAC7C,KAGT,KAAK,aAAe,GACb,GAET,CAEA,MAAgB,uBAAuC,CACrD,MAAMC,EAAM,EAAE,KAAK,QAGnB,GAAI,CACF,MAAM,KAAK,qBAAA,CACb,OAAST,EAAG,CACV,GAAIS,IAAQ,KAAK,QAAS,OAE1B,QAAQ,MAAM,sEAAuET,CAAC,EACtF,MACF,CAEA,KAAK,WAAW,IAAIF,EAAS,OAAO,EAEpC,GAAI,CACF,KAAM,CAAE,KAAAY,EAAM,QAAAC,CAAA,EAAY,MAAM,KAAK,SAAS,YAAY,CACxD,KAAM,KAAK,aAAa,MAAM,EAC9B,OAAQ,KAAK,aAAa,QAAQ,EAClC,MAAO,KAAK,aAAa,OAAO,CAAA,CACjC,EAGD,GAAIF,IAAQ,KAAK,QAAS,OAE1B,GAAIE,GAAW,KAAM,CACnB,KAAK,WAAW,IAAIb,EAAS,MAAO,mBAAmB,EACvD,MACF,CAEA,KAAK,KAAOY,EACZ,KAAK,QAAUC,EACf,KAAK,WAAW,IAAIb,EAAS,KAAK,EAElC,KAAK,cAAc,IAAI,YAAYN,EAAU,CAC3C,OAAQ,CAAE,KAAM,KAAK,KAAM,QAAS,KAAK,OAAA,EACzC,QAAS,GACT,SAAU,EAAA,CACX,CAAC,EACF,KAAK,YAAY,KAAK,KAAO,KAAK,OAAO,CAC3C,OAASgB,EAAK,CACZ,GAAIC,IAAQ,KAAK,QAAS,OAC1B,MAAMG,EAAMJ,aAAe,MAAQA,EAAI,QAAU,8BACjD,QAAQ,MAAM,wBAA0BI,EAAKJ,CAAG,EAChD,KAAK,WAAW,IAAIV,EAAS,MAAOc,CAAG,CACzC,CACF,CAEU,eAAgB,CAAE,CAIlB,YAAYC,EAAgBC,EAAiC,CAAE,CAC3E"}