Update api

src/element/nostr-provider-dialog.tsx

@@ -1,5 +1,5 @@
 import { NostrEvent } from "@snort/system";
-import { StreamProvider, StreamProviderInfo } from "providers";
+import { StreamProvider, StreamProviderEndpoint, StreamProviderInfo } from "providers";
 import { useEffect, useState } from "react";
 import { SendZaps } from "./send-zap";
 import { StreamEditor, StreamEditorProps } from "./stream-editor";
@@ -11,9 +11,13 @@ const DummyEvent = { content: "", id: "", pubkey: "", sig: "", kind: LIVE_STREAM
 export function NostrProviderDialog({ provider, ...others }: { provider: StreamProvider } & StreamEditorProps) {
     const [topup, setTopup] = useState(false);
     const [info, setInfo] = useState<StreamProviderInfo>();
+    const [ep, setEndpoint] = useState<StreamProviderEndpoint>();
 
     useEffect(() => {
-        provider.info().then(v => setInfo(v));
+        provider.info().then(v => {
+            setInfo(v);
+            setEndpoint(v.endpoints[0]);
+        });
     }, [provider]);
 
     if (!info) {
@@ -38,30 +42,39 @@ export function NostrProviderDialog({ provider, ...others }: { provider: StreamP
     }
 
     function calcEstimate() {
-        if (!info?.rate || !info?.unit || !info?.balance || !info.balance) return;
+        if (!ep?.rate || !ep?.unit || !info?.balance || !info.balance) return;
 
-        const raw = Math.max(0, info.balance / info.rate);
-        if (info.unit === "min" && raw > 60) {
-            return `${(raw / 60).toFixed(0)} hour`
+        const raw = Math.max(0, info.balance / ep.rate);
+        if (ep.unit === "min" && raw > 60) {
+            return `${(raw / 60).toFixed(0)} hour @ ${ep.rate} sats/${ep.unit}`
         }
-        return `${raw.toFixed(0)} ${info.unit}`
+        return `${raw.toFixed(0)} ${ep.unit} @ ${ep.rate} sats/${ep.unit}`
     }
 
     const streamEvent = others.ev ?? info.publishedEvent ?? DummyEvent;
     return <>
+        {info.endpoints.length > 1 && <div>
+            <p>Endpoint</p>
+            <div className="flex g12">
+                {info.endpoints.map(a => <span className={`pill${ep?.name === a.name ? " active" : ""}`}
+                    onClick={() => setEndpoint(a)}>
+                    {a.name}
+                </span>)}
+            </div>
+        </div>}
         <div>
             <p>Stream Url</p>
             <div className="paper">
-                <input type="text" value={info.ingressUrl} disabled />
+                <input type="text" value={ep?.url} disabled />
             </div>
         </div>
         <div>
             <p>Stream Key</p>
             <div className="flex g12">
                 <div className="paper f-grow">
-                    <input type="password" value={info.ingressKey} disabled />
+                    <input type="password" value={ep?.key} disabled />
                 </div>
-                <button className="btn btn-primary" onClick={() => window.navigator.clipboard.writeText(info.ingressKey ?? "")}>
+                <button className="btn btn-primary" onClick={() => window.navigator.clipboard.writeText(ep?.key ?? "")}>
                     Copy
                 </button>
             </div>
@@ -76,7 +89,7 @@ export function NostrProviderDialog({ provider, ...others }: { provider: StreamP
                     Topup
                 </button>
             </div>
-            <small>About {calcEstimate()} @ {info.rate} sats/{info.unit}</small>
+            <small>About {calcEstimate()}</small>
         </div>
         {streamEvent && <StreamEditor onFinish={(ex) => {
             provider.updateStreamInfo(ex);

src/providers/index.ts

@@ -44,14 +44,18 @@ export interface StreamProviderInfo {
     version?: string
     state: StreamState
     viewers?: number
-    ingressUrl?: string
-    ingressKey?: string
-    balance?: number
     publishedEvent?: NostrEvent
+    balance?: number
+    endpoints: Array<StreamProviderEndpoint>
+}
+
+export interface StreamProviderEndpoint {
+    name: string
+    url: string
+    key: string
     rate?: number
     unit?: string
 }
-
 export class ProviderStore extends ExternalStore<Array<StreamProvider>> {
     #providers: Array<StreamProvider> = []
 
@@ -86,7 +90,8 @@ export class ProviderStore extends ExternalStore<Array<StreamProvider>> {
     }
 
     takeSnapshot() {
-        return [new Nip103StreamProvider("https://api.zap.stream/api/nostr/"), new ManualProvider(), ...this.#providers];
+        //const defaultProvider = new Nip103StreamProvider("https://api.zap.stream/api/nostr/");
+        return [new ManualProvider(), ...this.#providers];
     }
 
     #save() {

src/providers/nip103.ts

@@ -1,4 +1,4 @@
-import { StreamProvider, StreamProviderInfo, StreamProviders } from ".";
+import { StreamProvider, StreamProviderEndpoint, StreamProviderInfo, StreamProviders } from ".";
 import { EventKind, NostrEvent } from "@snort/system";
 import { Login } from "index";
 import { getPublisher } from "login";
@@ -28,12 +28,17 @@ export class Nip103StreamProvider implements StreamProvider {
             name: title ?? "",
             state: state,
             viewers: 0,
-            ingressUrl: rsp.url,
-            ingressKey: rsp.key,
-            balance: rsp.quota.remaining,
             publishedEvent: rsp.event,
-            rate: rsp.quota.rate,
-            unit: rsp.quota.unit
+            balance: rsp.balance,
+            endpoints: rsp.endpoints.map(a => {
+                return {
+                    name: a.name,
+                    url: a.url,
+                    key: a.key,
+                    rate: a.cost.rate,
+                    unit: a.cost.unit,
+                } as StreamProviderEndpoint
+            })
         } as StreamProviderInfo
     }
 
@@ -89,14 +94,20 @@ export class Nip103StreamProvider implements StreamProvider {
 }
 
 interface AccountResponse {
+    balance: number
+    event?: NostrEvent
+    endpoints: Array<IngestEndpoint>
+}
+
+interface IngestEndpoint {
+    name: string
     url: string
     key: string
-    event?: NostrEvent
-    quota: {
+    cost: {
         unit: string
         rate: number
-        remaining: number
     }
+    capabilities: Array<string>
 }
 
 interface TopUpResponse {