@streamlayer/sdk-web-core 0.15.1 → 0.16.0

package/lib/auth/bypass/index.d.ts

@@ -9,14 +9,41 @@ import { CoreStore } from '../../store/store';
 export declare class BypassAuth extends AbstractAuthenticationProvider {
     private readonly $coreStore;
     private readonly transport;
-    private readonly $bypassLogin;
+    private readonly bypassLogin;
     constructor(store: CoreStore, transport: Transport);
     me: () => Promise<import("@streamlayer/sl-eslib/users/users_common_pb").User | undefined>;
-    login: (schema: string, userKey: string) => Promise<import("@streamlayer/sl-eslib/users/users_common_pb").User | undefined>;
+    /**
+     * Login user by token and schema.
+     * On success, save the user and update the token to the Transport, UserStore and cache.
+     * @param schema - schema created by the host app and provided to the StreamLayer SDK.
+     * @param userKey - user token received from the host app.
+     */
+    login: (schema: string, userKey: string) => Promise<string>;
     isAuthenticated: () => Promise<import("@streamlayer/sl-eslib/users/users_common_pb").User | undefined>;
+    /**
+     * Logout user. Clears the all user data from the store.
+     */
     logout: () => void;
     /**
-     * subscribe to user store and set auth header to the Transport on user update
+     * Soft logout, only clears the StreamLayer user data from the store.
+     * Does not clear the external token. And automatically tries to re-login by external token.
+     */
+    softLogout: () => void;
+    /**
+     * Try to re-login.
+     * - If the user has an token, then try to login by it, by calling the me() method.
+     * - If the user has an external token, then try to login by it, by calling the login() method. On failure, logout.
+     * -
+     * - If no one of the above is true, then logout.
+     */
+    reLogin: () => Promise<import("@streamlayer/sl-eslib/users/users_common_pb").User | undefined> | undefined;
+    /**
+     * Write token to the Transport and UserStore
+     */
+    private saveToken;
+    /**
+     * Add interceptor to the Transport to handle 401 and 403 errors.
+     * If the user is logged in (auth header is set), then make a soft logout.
      */
-    private subscribe;
+    private connect;
 }

package/lib/auth/bypass/index.js

@@ -1,5 +1,6 @@
 import { AbstractAuthenticationProvider } from '@streamlayer/sdk-web-interfaces';
 import { queries } from '@streamlayer/sdk-web-api';
+import { UserStorage } from '../../storage';
 /**
  * An authorization service manages user access by providing login, logout,
  * authentication checks, and the ability to revoke access.
@@ -8,40 +9,116 @@ import { queries } from '@streamlayer/sdk-web-api';
 export class BypassAuth extends AbstractAuthenticationProvider {
     $coreStore;
     transport;
-    $bypassLogin;
+    bypassLogin;
     constructor(store, transport) {
         super();
         this.$coreStore = store;
         this.transport = transport;
-        this.$bypassLogin = queries.$bypassLogin(this.transport);
-        this.subscribe();
+        this.bypassLogin = queries.bypassLogin(this.transport);
+        this.connect();
     }
     me = async () => {
+        this.$coreStore.getValues().user.invalidate();
         const res = await this.$coreStore.getValues().user.getValue();
         return res?.data;
     };
+    /**
+     * Login user by token and schema.
+     * On success, save the user and update the token to the Transport, UserStore and cache.
+     * @param schema - schema created by the host app and provided to the StreamLayer SDK.
+     * @param userKey - user token received from the host app.
+     */
     login = async (schema, userKey) => {
         this.$coreStore.getValues().userKey.setValue(userKey);
-        await this.$bypassLogin.mutate({ schema, userKey, init: false });
-        return this.me();
+        const user = await this.bypassLogin({ schema, userKey, init: false });
+        const token = user.meta?.jwt;
+        if (!token) {
+            throw new Error('internal: token missing');
+        }
+        this.$coreStore.getValues().user.getStore().mutate(user);
+        this.saveToken(token);
+        return token;
     };
     isAuthenticated = () => {
         return this.me();
     };
+    /**
+     * Logout user. Clears the all user data from the store.
+     */
     logout = () => {
         this.$coreStore.getValues().user.setValue();
         this.$coreStore.getValues().userKey.setValue();
         this.$coreStore.getValues().userToken.setValue();
         this.transport.setAuth('');
+        const storage = new UserStorage();
+        storage.clear();
     };
     /**
-     * subscribe to user store and set auth header to the Transport on user update
+     * Soft logout, only clears the StreamLayer user data from the store.
+     * Does not clear the external token. And automatically tries to re-login by external token.
      */
-    subscribe = () => {
-        this.$bypassLogin.subscribe((user, key) => {
-            if (key === 'data') {
-                this.transport.setAuth(user?.data?.meta?.jwt);
-                this.$coreStore.getValues().userToken.setValue(user?.data?.meta?.jwt);
+    softLogout = () => {
+        const storage = new UserStorage();
+        this.$coreStore.getValues().user.setValue();
+        this.$coreStore.getValues().userToken.setValue();
+        this.transport.setAuth('');
+        storage.setToken('');
+        void this.reLogin();
+    };
+    /**
+     * Try to re-login.
+     * - If the user has an token, then try to login by it, by calling the me() method.
+     * - If the user has an external token, then try to login by it, by calling the login() method. On failure, logout.
+     * -
+     * - If no one of the above is true, then logout.
+     */
+    reLogin = () => {
+        const storage = new UserStorage();
+        const prevUserToken = storage.getToken();
+        const prevUserExternalToken = storage.getExternalToken();
+        this.$coreStore.getValues().userKey.setValue(prevUserExternalToken);
+        this.$coreStore.getValues().userToken.setValue(prevUserToken);
+        if (prevUserToken) {
+            this.saveToken(prevUserToken);
+            return this.me();
+        }
+        if (prevUserExternalToken && !prevUserToken) {
+            const prevUserSchema = storage.getSchema();
+            if (prevUserSchema && prevUserExternalToken) {
+                this.login(prevUserSchema, prevUserExternalToken).catch(() => {
+                    this.logout();
+                });
+            }
+        }
+        return undefined;
+    };
+    /**
+     * Write token to the Transport and UserStore
+     */
+    saveToken = (token) => {
+        this.transport.setAuth(token);
+        this.$coreStore.getValues().userToken.setValue(token);
+        const storage = new UserStorage();
+        storage.setToken(token);
+    };
+    /**
+     * Add interceptor to the Transport to handle 401 and 403 errors.
+     * If the user is logged in (auth header is set), then make a soft logout.
+     */
+    connect = () => {
+        this.transport.registerInterceptor((next) => async (req) => {
+            try {
+                return await next(req);
+            }
+            catch (err) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                if (err.code && (err.code === 7 || err.code === 16)) {
+                    if (this.transport.getHeader('authorization')) {
+                        this.softLogout();
+                    }
+                }
+                throw err;
             }
         });
     };

package/lib/auth/index.d.ts

@@ -12,4 +12,8 @@ declare module '@streamlayer/sdk-web-interfaces' {
         auth: BypassAuth;
     }
 }
+/**
+ * Bypass authorization, used for login with external token.
+ * Automatically login user if SDK initialized and READY.
+ */
 export declare const bypass: (instance: StreamLayerContext, opts: unknown, done: () => void) => void;

package/lib/auth/index.js

@@ -1,25 +1,26 @@
 import { CoreStatus } from '../store/store';
 import { UserStorage } from '../storage';
 import { BypassAuth } from './bypass';
+const storage = new UserStorage();
+/**
+ * Bypass authorization, used for login with external token.
+ * Automatically login user if SDK initialized and READY.
+ */
 export const bypass = (instance, opts, done) => {
     instance.auth = new BypassAuth(instance.store, instance.transport);
-    const storage = new UserStorage();
-    instance.stores.status.listen(async (status) => {
+    instance.stores.status.listen((status) => {
         if (status === CoreStatus.READY) {
-            const prevUserSchema = storage.getSchema();
-            const prevUserToken = storage.getToken();
-            if (prevUserSchema && prevUserToken) {
-                await instance.auth.login(prevUserSchema, prevUserToken);
-            }
+            void instance.auth.reLogin();
         }
     });
     instance.sdk.authorizationBypass = async (schema, userKey) => {
         await instance.auth.login(schema, userKey);
-        // ToDo: implement right cache user keys
-        storage.setSchema('streamlayer:streamlayer');
+        storage.setSchema(schema);
+        storage.setExternalToken(userKey);
     };
     instance.sdk.logout = () => {
         instance.auth.logout();
+        storage.clear();
     };
     instance.sdk.getUserStore = () => {
         return instance.stores.user.getStore();

package/lib/storage.d.ts

@@ -5,6 +5,7 @@ export declare class UserStorage extends Storage {
     getSchema: () => string | undefined;
     setToken: (value: string) => void;
     getToken: () => string | undefined;
+    setExternalToken: (value: string) => void;
+    getExternalToken: () => string | undefined;
     removeToken: () => void;
-    clearNotification: () => void;
 }

package/lib/storage.js

@@ -2,6 +2,7 @@ import { Storage } from '@streamlayer/sdk-web-storage';
 var KEY_PREFIX;
 (function (KEY_PREFIX) {
     KEY_PREFIX["SCHEMA"] = "schema";
+    KEY_PREFIX["EXTERNAL_TOKEN"] = "eToken";
     KEY_PREFIX["TOKEN"] = "token";
 })(KEY_PREFIX || (KEY_PREFIX = {}));
 export class UserStorage extends Storage {
@@ -22,10 +23,14 @@ export class UserStorage extends Storage {
     getToken = () => {
         return this.read(KEY_PREFIX.TOKEN);
     };
+    // External Token
+    setExternalToken = (value) => {
+        this.write(KEY_PREFIX.EXTERNAL_TOKEN, value);
+    };
+    getExternalToken = () => {
+        return this.read(KEY_PREFIX.EXTERNAL_TOKEN);
+    };
     removeToken = () => {
         this.remove(KEY_PREFIX.TOKEN);
     };
-    clearNotification = () => {
-        this.clear();
-    };
 }

package/lib/store/init.d.ts

@@ -0,0 +1,54 @@
+import { SingleStore, ApiStore } from '@streamlayer/sdk-web-interfaces';
+import { Transport } from '@streamlayer/sdk-web-api';
+export declare enum CoreStatus {
+    DISABLED = "disabled",
+    INITIALIZATION = "initialization",
+    READY = "ready",
+    FAILED = "failed",
+    SUSPENDED = "suspended"
+}
+export declare const initializeStore: (transport: Transport) => {
+    readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
+    readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus>>;
+    readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+    readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined, any>>;
+    readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, any>>;
+    readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, any>>;
+    readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+    readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+    readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, any>>;
+    readonly organizationSettings: ApiStore<{
+        id: string;
+        overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
+        buttonIcon?: string | undefined;
+        tinodeHost?: string | undefined;
+        audience?: string | undefined;
+        name?: string | undefined;
+        provider?: string | undefined;
+        primaryColor?: string | undefined;
+        secondaryColor?: string | undefined;
+        moderationPrimaryColor?: string | undefined;
+        linkShareIcon?: string | undefined;
+        linkShareText?: string | undefined;
+        brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
+        pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
+        getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+    } | undefined, import("@nanostores/query").FetcherStore<{
+        id: string;
+        overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
+        buttonIcon?: string | undefined;
+        tinodeHost?: string | undefined;
+        audience?: string | undefined;
+        name?: string | undefined;
+        provider?: string | undefined;
+        primaryColor?: string | undefined;
+        secondaryColor?: string | undefined;
+        moderationPrimaryColor?: string | undefined;
+        linkShareIcon?: string | undefined;
+        linkShareText?: string | undefined;
+        brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
+        pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
+        getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
+    } | undefined, any>>;
+    readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
+};

package/lib/store/init.js

@@ -0,0 +1,71 @@
+import { createSingleStore, SingleStore, ApiStore } from '@streamlayer/sdk-web-interfaces';
+import { queries } from '@streamlayer/sdk-web-api';
+import { UserStorage } from '../storage';
+export var CoreStatus;
+(function (CoreStatus) {
+    CoreStatus["DISABLED"] = "disabled";
+    CoreStatus["INITIALIZATION"] = "initialization";
+    CoreStatus["READY"] = "ready";
+    CoreStatus["FAILED"] = "failed";
+    CoreStatus["SUSPENDED"] = "suspended";
+})(CoreStatus || (CoreStatus = {}));
+const initializeUserStores = (transport) => {
+    const storage = new UserStorage();
+    // host user key
+    const userKey = new SingleStore(createSingleStore(storage.getExternalToken()), 'userKey');
+    // sl user key
+    const userToken = new SingleStore(createSingleStore(storage.getToken()), 'userToken');
+    // sl user data
+    const user = new ApiStore(queries.$user(userToken.getStore(), transport), 'user', (data) => data?.data?.data?.id);
+    // sl user settings
+    const userSettings = new ApiStore(queries.$userSettings(userToken.getStore(), transport), 'userSettings');
+    return {
+        userKey,
+        userToken,
+        user,
+        userSettings,
+    };
+};
+const initializeStreamStores = (transport) => {
+    // host event id
+    const providerStreamId = new SingleStore(createSingleStore(undefined), 'providerStreamId');
+    // sl event id
+    const slStreamId = new ApiStore(queries.$retrieveEventId(providerStreamId.getStore(), transport), 'slStreamId', (data) => data?.data);
+    // sl stream settings
+    const streamSettings = new ApiStore(queries.$streamSettings(slStreamId.getAtomStore(), transport), 'streamSettings');
+    slStreamId.getAtomStore().listen((eventId) => {
+        if (eventId === '' || eventId === undefined) {
+            streamSettings.getStore().mutate(undefined);
+        }
+    });
+    return {
+        providerStreamId,
+        slStreamId,
+        streamSettings,
+    };
+};
+export const initializeStore = (transport) => {
+    // sdk toggle
+    const enabled = new SingleStore(createSingleStore(undefined), 'enabled');
+    // sdk status
+    const status = new SingleStore(createSingleStore(CoreStatus.DISABLED), 'status');
+    // sl organization settings
+    const organizationSettings = new ApiStore(queries.$organizationSettings(enabled.getStore(), transport), 'organizationSettings', (data) => data?.data?.id);
+    // sl organization advertising
+    const organizationAdvertising = new ApiStore(queries.$organizationAdvertising(organizationSettings.getAtomStore(), transport), 'organizationAdvertising');
+    const userStores = initializeUserStores(transport);
+    const streamStores = initializeStreamStores(transport);
+    return {
+        enabled,
+        status,
+        providerStreamId: streamStores.providerStreamId,
+        slStreamId: streamStores.slStreamId,
+        streamSettings: streamStores.streamSettings,
+        user: userStores.user,
+        userKey: userStores.userKey,
+        userToken: userStores.userToken,
+        userSettings: userStores.userSettings,
+        organizationSettings,
+        organizationAdvertising,
+    };
+};

package/lib/store/store.d.ts

@@ -1,15 +1,10 @@
 import type { OrganizationAdvertising, StreamSettings, OrganizationSettings, User, UserSettings } from '@streamlayer/sdk-web-types';
-import { AbstractStore, SingleStore, ApiStore } from '@streamlayer/sdk-web-interfaces';
+import { AbstractStore } from '@streamlayer/sdk-web-interfaces';
 import { Transport } from '@streamlayer/sdk-web-api';
 import { ReadableAtom } from 'nanostores';
 import { FetcherValue } from '@nanostores/query';
-export declare enum CoreStatus {
-    DISABLED = "disabled",
-    INITIALIZATION = "initialization",
-    READY = "ready",
-    FAILED = "failed",
-    SUSPENDED = "suspended"
-}
+import { initializeStore, CoreStatus } from './init';
+export { CoreStatus };
 export interface CoreStoreInterface {
     enabled?: 'on';
     status: string;
@@ -25,51 +20,6 @@ export interface CoreStoreInterface {
     providerStreamId?: string;
     slStreamId?: string;
 }
-declare const initializeStore: (transport: Transport) => {
-    readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
-    readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus>>;
-    readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-    readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined, any>>;
-    readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, any>>;
-    readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, any>>;
-    readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-    readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-    readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, any>>;
-    readonly organizationSettings: ApiStore<{
-        id: string;
-        overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
-        buttonIcon?: string | undefined;
-        tinodeHost?: string | undefined;
-        audience?: string | undefined;
-        name?: string | undefined;
-        provider?: string | undefined;
-        primaryColor?: string | undefined;
-        secondaryColor?: string | undefined;
-        moderationPrimaryColor?: string | undefined;
-        linkShareIcon?: string | undefined;
-        linkShareText?: string | undefined;
-        brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
-        pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
-        getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
-    } | undefined, import("@nanostores/query").FetcherStore<{
-        id: string;
-        overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
-        buttonIcon?: string | undefined;
-        tinodeHost?: string | undefined;
-        audience?: string | undefined;
-        name?: string | undefined;
-        provider?: string | undefined;
-        primaryColor?: string | undefined;
-        secondaryColor?: string | undefined;
-        moderationPrimaryColor?: string | undefined;
-        linkShareIcon?: string | undefined;
-        linkShareText?: string | undefined;
-        brandDefaults?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").BrandDefaults | undefined;
-        pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
-        getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
-    } | undefined, any>>;
-    readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
-};
 export type StoreObj = ReturnType<typeof initializeStore>;
 export type CoreStores = {
     [Index in keyof StoreObj]: ReturnType<StoreObj[Index]['getStore']>;
@@ -79,23 +29,35 @@ export type CoreStoresValues = {
 };
 export type CoreStoreInstance = ReadableAtom<CoreStoresValues>;
 /**
- * @description main app store
+ * @description `CoreStore` is a store that contains all the necessary data for the SDK to work.
+ * `CoreStore` is a singleton and is created when the SDK is initialized. It includes the following stores:
+ * - `enabled` - the status of the SDK. The SDK is enabled when the `on` value is set.
+ * - `status` - the status of the SDK. Can be one of the following values: `disabled`, `initialization`, `ready`, `failed`, `suspended`.
+ * - `userKey` - the user key provided by the host.
+ * - `userToken` - the user token received from the StreamLayer after login.
+ * - `organizationSettings` - the organization settings.
+ * - `organizationAdvertising` - the organization advertising.
+ * - `streamSettings` - the stream settings.
+ * - `user` - the user data.
+ * - `userSettings` - the user settings.
+ * - `providerStreamId` - the event id provided by the host.
+ * - `slStreamId` - the event id received from the StreamLayer, resolved by the `providerStreamId`.
  */
 export declare class CoreStore extends AbstractStore<CoreStoreInstance> {
     private stores;
     constructor(transport: Transport);
     getValue(): unknown;
     getValues(): {
-        readonly enabled: SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
-        readonly status: SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus>>;
-        readonly providerStreamId: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-        readonly slStreamId: ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined, any>>;
-        readonly streamSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, any>>;
-        readonly user: ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, any>>;
-        readonly userKey: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-        readonly userToken: SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
-        readonly userSettings: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, any>>;
-        readonly organizationSettings: ApiStore<{
+        readonly enabled: import("@streamlayer/sdk-web-interfaces").SingleStore<unknown, import("nanostores").WritableAtom<"on" | undefined>>;
+        readonly status: import("@streamlayer/sdk-web-interfaces").SingleStore<unknown, import("nanostores").WritableAtom<CoreStatus>>;
+        readonly providerStreamId: import("@streamlayer/sdk-web-interfaces").SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+        readonly slStreamId: import("@streamlayer/sdk-web-interfaces").ApiStore<string | undefined, import("@nanostores/query").FetcherStore<string | undefined, any>>;
+        readonly streamSettings: import("@streamlayer/sdk-web-interfaces").ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").StreamSettings | undefined, any>>;
+        readonly user: import("@streamlayer/sdk-web-interfaces").ApiStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/users/users_pb").MeResponse | undefined, any>>;
+        readonly userKey: import("@streamlayer/sdk-web-interfaces").SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+        readonly userToken: import("@streamlayer/sdk-web-interfaces").SingleStore<unknown, import("nanostores").WritableAtom<string | undefined>>;
+        readonly userSettings: import("@streamlayer/sdk-web-interfaces").ApiStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/client/client_pb").ClientSettings | undefined, any>>;
+        readonly organizationSettings: import("@streamlayer/sdk-web-interfaces").ApiStore<{
             id: string;
             overlays?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").SdkOverlay[] | undefined;
             buttonIcon?: string | undefined;
@@ -128,7 +90,7 @@ export declare class CoreStore extends AbstractStore<CoreStoreInstance> {
             pub?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").JWK | undefined;
             getstream?: import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").GetStreamSettingsClient | undefined;
         } | undefined, any>>;
-        readonly organizationAdvertising: ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
+        readonly organizationAdvertising: import("@streamlayer/sdk-web-interfaces").ApiStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb").Advertising | undefined, any>>;
     };
     setValue(): void;
     subscribe: (subscribes: Partial<StoreListeners>) => void;
@@ -137,4 +99,3 @@ export declare class CoreStore extends AbstractStore<CoreStoreInstance> {
 export type StoreListeners = {
     [Index in keyof StoreObj]: (params: FetcherValue<CoreStoreInterface[Index]>) => void;
 };
-export {};

package/lib/store/store.js

@@ -1,67 +1,20 @@
-import { AbstractStore, createSingleStore, SingleStore, mergeStores, ApiStore } from '@streamlayer/sdk-web-interfaces';
-import { queries } from '@streamlayer/sdk-web-api';
-import { UserStorage } from '../storage';
-export var CoreStatus;
-(function (CoreStatus) {
-    CoreStatus["DISABLED"] = "disabled";
-    CoreStatus["INITIALIZATION"] = "initialization";
-    CoreStatus["READY"] = "ready";
-    CoreStatus["FAILED"] = "failed";
-    CoreStatus["SUSPENDED"] = "suspended";
-})(CoreStatus || (CoreStatus = {}));
-const initializeStore = (transport) => {
-    // sdk toggle
-    const enabled = new SingleStore(createSingleStore(undefined), 'enabled');
-    // sdk status
-    const status = new SingleStore(createSingleStore(CoreStatus.DISABLED), 'status');
-    // host user key
-    const userKey = new SingleStore(createSingleStore(undefined), 'userKey');
-    // sl user key
-    const userToken = new SingleStore(createSingleStore(undefined), 'userToken');
-    const storage = new UserStorage();
-    userToken.listen((token) => {
-        if (token) {
-            storage.setToken(token);
-        }
-        else {
-            storage.removeToken();
-        }
-    });
-    // host event id
-    const providerStreamId = new SingleStore(createSingleStore(undefined), 'providerStreamId');
-    // sl event id
-    const slStreamId = new ApiStore(queries.$retrieveEventId(providerStreamId.getStore(), transport), 'slStreamId', (data) => data?.data);
-    // sl user data
-    const user = new ApiStore(queries.$user(userToken.getStore(), transport), 'user', (data) => data?.data?.data?.id);
-    // sl user settings
-    const userSettings = new ApiStore(queries.$userSettings(userToken.getStore(), transport), 'userSettings');
-    // sl stream settings
-    const streamSettings = new ApiStore(queries.$streamSettings(slStreamId.getAtomStore(), transport), 'streamSettings');
-    slStreamId.getAtomStore().listen((eventId) => {
-        if (eventId === '' || eventId === undefined) {
-            streamSettings.getStore().mutate(undefined);
-        }
-    });
-    // sl organization settings
-    const organizationSettings = new ApiStore(queries.$organizationSettings(enabled.getStore(), transport), 'organizationSettings', (data) => data?.data?.id);
-    // sl organization advertising
-    const organizationAdvertising = new ApiStore(queries.$organizationAdvertising(organizationSettings.getAtomStore(), transport), 'organizationAdvertising');
-    return {
-        enabled,
-        status,
-        providerStreamId,
-        slStreamId,
-        streamSettings,
-        user,
-        userKey,
-        userToken,
-        userSettings,
-        organizationSettings,
-        organizationAdvertising,
-    };
-};
+import { AbstractStore, mergeStores } from '@streamlayer/sdk-web-interfaces';
+import { initializeStore, CoreStatus } from './init';
+export { CoreStatus };
 /**
- * @description main app store
+ * @description `CoreStore` is a store that contains all the necessary data for the SDK to work.
+ * `CoreStore` is a singleton and is created when the SDK is initialized. It includes the following stores:
+ * - `enabled` - the status of the SDK. The SDK is enabled when the `on` value is set.
+ * - `status` - the status of the SDK. Can be one of the following values: `disabled`, `initialization`, `ready`, `failed`, `suspended`.
+ * - `userKey` - the user key provided by the host.
+ * - `userToken` - the user token received from the StreamLayer after login.
+ * - `organizationSettings` - the organization settings.
+ * - `organizationAdvertising` - the organization advertising.
+ * - `streamSettings` - the stream settings.
+ * - `user` - the user data.
+ * - `userSettings` - the user settings.
+ * - `providerStreamId` - the event id provided by the host.
+ * - `slStreamId` - the event id received from the StreamLayer, resolved by the `providerStreamId`.
  */
 export class CoreStore extends AbstractStore {
     stores;

package/package.json

@@ -9,7 +9,7 @@
     "@streamlayer/sl-eslib": "^5.52.0",
     "@streamlayer/sdk-web-interfaces": "^0.18.5",
     "@streamlayer/sdk-web-storage": "^0.3.7",
-    "@streamlayer/sdk-web-api": "^0.0.7",
+    "@streamlayer/sdk-web-api": "^0.1.0",
     "@streamlayer/sdk-web-types": "^0.16.5"
   },
   "exports": {
@@ -39,7 +39,7 @@
       "default": "./lib/auth/index.js"
     }
   },
-  "version": "0.15.1",
+  "version": "0.16.0",
   "type": "module",
   "main": "./lib/index.js",
   "module": "./lib/index.js",