streemo-video-call-sdk 0.1.0

package/dist/styles.css

@@ -0,0 +1,99 @@
+.vc-root {
+  display: grid;
+  gap: 12px;
+}
+
+.vc-row {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.vc-wrap {
+  flex-wrap: wrap;
+}
+
+.vc-toolbar {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  align-items: center;
+}
+
+.vc-video-grid {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.vc-video-tile {
+  background: #111827;
+  border-radius: 12px;
+  overflow: hidden;
+  position: relative;
+}
+
+.vc-video-tile video {
+  width: 100%;
+  min-height: 210px;
+  background: #000;
+}
+
+.vc-video-tile video.vc-video-mirrored {
+  transform: scaleX(-1);
+}
+
+.vc-video-placeholder {
+  min-height: 210px;
+  display: grid;
+  place-items: center;
+  gap: 10px;
+  color: #d1d5db;
+  padding: 16px;
+}
+
+.vc-avatar-circle {
+  width: 72px;
+  height: 72px;
+  border-radius: 999px;
+  background: #374151;
+  color: #f9fafb;
+  display: grid;
+  place-items: center;
+  font-weight: 700;
+  font-size: 22px;
+}
+
+.vc-video-play-button {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  z-index: 2;
+  background: rgba(17, 24, 39, 0.88);
+  color: #f9fafb;
+  border: 1px solid #4b5563;
+  border-radius: 10px;
+  padding: 10px 14px;
+  cursor: pointer;
+}
+
+.vc-video-tile p {
+  padding: 8px 10px;
+  color: #e5e7eb;
+  font-size: 13px;
+  margin: 0;
+}
+
+.vc-video-subtitle {
+  padding: 0 10px 10px;
+  color: #9ca3af;
+  font-size: 12px;
+}
+
+.vc-muted {
+  color: #6b7280;
+}
+
+.vc-error {
+  color: #b91c1c;
+}

package/dist/tokenProvider.d.ts

@@ -0,0 +1,16 @@
+import { type ServerAuthConfig } from './auth';
+export type TokenProviderContext = {
+    roomId: string;
+    userId: string;
+};
+export type TokenProvider = (ctx: TokenProviderContext) => Promise<string>;
+export type ServerTokenProviderOptions = {
+    apiBaseUrl?: string;
+    auth: ServerAuthConfig;
+    joinPathBuilder?: (roomId: string) => string;
+    tokenPathBuilder?: (roomId: string) => string;
+};
+export declare function defaultWsBaseUrlFromApi(apiBaseUrl: string): string;
+export declare function defaultApiBaseUrl(): string;
+export declare function createServerTokenProvider(options: ServerTokenProviderOptions): TokenProvider;
+//# sourceMappingURL=tokenProvider.d.ts.map

package/dist/tokenProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenProvider.d.ts","sourceRoot":"","sources":["../src/tokenProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAGhE,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,oBAAoB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;AAE1E,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,gBAAgB,CAAA;IACtB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9C,CAAA;AAgDD,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CASlE;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,0BAA0B,GAAG,aAAa,CA+B5F"}

package/dist/tokenProvider.js

@@ -0,0 +1,89 @@
+import { buildAuthHeaders } from './auth';
+import { SDKError } from './sdkErrors';
+function mapServerError(status, serverMessage) {
+    const message = serverMessage.toLowerCase();
+    if (status === 403 && message.includes('app id')) {
+        return new SDKError('invalid_app', 'invalid_app', status);
+    }
+    if (status === 403 && message.includes('client id')) {
+        return new SDKError('invalid_client', 'invalid_client', status);
+    }
+    if (status === 401 && message.includes('expired token')) {
+        return new SDKError('expired_token', 'expired_token', status);
+    }
+    if (status === 401) {
+        return new SDKError('unauthorized', 'unauthorized', status);
+    }
+    if (status === 403) {
+        return new SDKError('forbidden', 'forbidden', status);
+    }
+    return new SDKError('unknown_error', serverMessage || 'unknown_error', status);
+}
+async function fetchJson(input, init) {
+    let response;
+    try {
+        response = await fetch(input, init);
+    }
+    catch {
+        throw new SDKError('network_error', 'network_error');
+    }
+    if (!response.ok) {
+        let serverMessage = response.statusText;
+        try {
+            const payload = (await response.json());
+            serverMessage = payload.error || payload.message || serverMessage;
+        }
+        catch {
+            const text = await response.text();
+            if (text)
+                serverMessage = text;
+        }
+        throw mapServerError(response.status, serverMessage);
+    }
+    return response.json();
+}
+export function defaultWsBaseUrlFromApi(apiBaseUrl) {
+    const normalized = apiBaseUrl.replace(/\/+$/, '');
+    if (normalized.startsWith('https://')) {
+        return normalized.replace(/^https:\/\//, 'wss://');
+    }
+    if (normalized.startsWith('http://')) {
+        return normalized.replace(/^http:\/\//, 'ws://');
+    }
+    return normalized;
+}
+export function defaultApiBaseUrl() {
+    if (typeof window !== 'undefined' && window.location?.origin) {
+        return window.location.origin;
+    }
+    return '';
+}
+export function createServerTokenProvider(options) {
+    const joinPathBuilder = options.joinPathBuilder ?? ((roomId) => `/v1/rooms/${roomId}/join`);
+    const tokenPathBuilder = options.tokenPathBuilder ?? ((roomId) => `/v1/rooms/${roomId}/token`);
+    return async ({ roomId, userId }) => {
+        const base = (options.apiBaseUrl || defaultApiBaseUrl()).replace(/\/+$/, '');
+        if (!base) {
+            throw new SDKError('unknown_error', 'api_base_url_required');
+        }
+        const headers = {
+            'Content-Type': 'application/json',
+            'X-Guest-Id': userId,
+            ...buildAuthHeaders(options.auth),
+        };
+        await fetchJson(`${base}${joinPathBuilder(roomId)}`, {
+            method: 'POST',
+            headers,
+            body: '{}',
+        });
+        const tokenResponse = await fetchJson(`${base}${tokenPathBuilder(roomId)}`, {
+            method: 'POST',
+            headers,
+        });
+        if (!tokenResponse.token) {
+            throw new Error('Room token is empty');
+        }
+        return tokenResponse.token;
+    };
+}
+//# sourceMappingURL=tokenProvider.js.map

package/dist/tokenProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenProvider.js","sourceRoot":"","sources":["../src/tokenProvider.ts"],"names":[],"mappings":"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"}

package/dist/useWebRTCCall.d.ts

@@ -0,0 +1,32 @@
+import type { ServerAuthConfig } from './auth';
+import { type TokenProvider } from './tokenProvider';
+export type UseWebRTCCallParams = {
+    roomId: string;
+    userId: string;
+    roomToken?: string;
+    wsBaseUrl?: string;
+    tokenProvider?: TokenProvider;
+    apiBaseUrl?: string;
+    auth?: ServerAuthConfig;
+    enabled: boolean;
+};
+export type RemoteTrackState = {
+    audio: boolean;
+    video: boolean;
+    connectionState: RTCPeerConnectionState;
+};
+export declare function useWebRTCCall(params: UseWebRTCCallParams): {
+    localStream: MediaStream | null;
+    remoteStreams: Record<string, MediaStream>;
+    participants: string[];
+    remoteTrackStates: Record<string, RemoteTrackState>;
+    connected: boolean;
+    error: string | null;
+    micEnabled: boolean;
+    cameraEnabled: boolean;
+    hasMicTrack: boolean;
+    hasCameraTrack: boolean;
+    toggleMic: () => void;
+    toggleCamera: () => void;
+};
+//# sourceMappingURL=useWebRTCCall.d.ts.map

package/dist/useWebRTCCall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebRTCCall.d.ts","sourceRoot":"","sources":["../src/useWebRTCCall.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAC9C,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAA;AAYxB,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,sBAAsB,CAAA;CACxC,CAAA;AAiKD,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB;;;;;;;;;;;;;EAgqBxD"}