@audiowalk/sdk 1.5.0 → 1.5.1

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./player/media-controls";
 export * from "./player/player-controller";
 export * from "./storage/local-storage";
 export * from "./story/story-controller";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from "./player/media-controls";
 export * from "./player/player-controller";
 export * from "./storage/local-storage";
 export * from "./story/story-controller";

package/dist/player/media-controls.d.ts

@@ -0,0 +1,9 @@
+import { PlayerController } from "./player-controller";
+export declare class MediaControlsController {
+    private playerDetachEvent;
+    setMetadata(metadata: MediaMetadataInit): void;
+    attachPlayer(player: PlayerController): void;
+    detachPlayer(): void;
+    clear(): void;
+}
+//# sourceMappingURL=media-controls.d.ts.map

package/dist/player/media-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-controls.d.ts","sourceRoot":"","sources":["../../src/player/media-controls.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,qBAAa,uBAAuB;IAClC,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,WAAW,CAAC,QAAQ,EAAE,iBAAiB;IAMvC,YAAY,CAAC,MAAM,EAAE,gBAAgB;IAoCrC,YAAY;IASZ,KAAK;CAMN"}

package/dist/player/media-controls.js

@@ -0,0 +1,54 @@
+import { combineLatest, Subject, takeUntil } from "rxjs";
+export class MediaControlsController {
+    playerDetachEvent = new Subject();
+    setMetadata(metadata) {
+        navigator.mediaSession.metadata = new MediaMetadata(metadata);
+        navigator.mediaSession.playbackState = "paused";
+        navigator.mediaSession.setActionHandler("play", () => console.log("play"));
+    }
+    attachPlayer(player) {
+        this.detachPlayer();
+        navigator.mediaSession.setActionHandler("play", () => player.play());
+        navigator.mediaSession.setActionHandler("pause", () => player.pause());
+        navigator.mediaSession.setActionHandler("seekbackward", () => player.back());
+        navigator.mediaSession.setActionHandler("seekforward", () => player.forward());
+        navigator.mediaSession.setActionHandler("previoustrack", () => player.back());
+        navigator.mediaSession.setActionHandler("nexttrack", () => player.forward());
+        navigator.mediaSession.setActionHandler("seekto", (details) => {
+            // The fastSeek dictionary member will be true if the seek action is being called
+            // multiple times as part of a sequence and this is not the last call in that sequence.
+            if (details.fastSeek !== true && details.seekTime !== undefined)
+                player.seekTo(details.seekTime);
+        });
+        player.status.pipe(takeUntil(this.playerDetachEvent)).subscribe((status) => {
+            switch (status) {
+                case "playing":
+                    navigator.mediaSession.playbackState = "playing";
+                    break;
+                case "paused":
+                    navigator.mediaSession.playbackState = "paused";
+                    break;
+            }
+        });
+        combineLatest([player.currentTime, player.totalTime])
+            .pipe(takeUntil(this.playerDetachEvent))
+            .subscribe(([currentTime, totalTime]) => {
+            navigator.mediaSession.setPositionState({
+                duration: Number.isNaN(totalTime) ? 0 : totalTime,
+                position: currentTime,
+            });
+        });
+    }
+    detachPlayer() {
+        this.playerDetachEvent.next();
+        navigator.mediaSession.setActionHandler("play", null);
+        navigator.mediaSession.setActionHandler("pause", null);
+        navigator.mediaSession.setActionHandler("previoustrack", null);
+        navigator.mediaSession.setActionHandler("nexttrack", null);
+    }
+    clear() {
+        this.detachPlayer();
+        navigator.mediaSession.playbackState = "none";
+        navigator.mediaSession.metadata = null;
+    }
+}

package/dist/player/player-controller.d.ts

@@ -1,7 +1,11 @@
 import { BehaviorSubject, Subject } from "rxjs";
 export interface PlayerControllerOptions {
-    playOnInit?: boolean;
     autoSave?: boolean;
+    audioElement?: HTMLAudioElement;
+    loop?: boolean;
+    fadeIn?: boolean;
+    fadeOut?: boolean;
+    fadeInterval?: number;
 }
 export declare enum PlayerStatus {
     "playing" = "playing",
@@ -9,8 +13,6 @@ export declare enum PlayerStatus {
     "ended" = "ended"
 }
 export declare class PlayerController {
-    private readonly playerElement;
-    private options;
     readonly onPlay: Subject<void>;
     readonly onPause: Subject<void>;
     readonly onStop: Subject<void>;
@@ -20,13 +22,24 @@ export declare class PlayerController {
     private trackId;
     readonly status: BehaviorSubject<PlayerStatus | null>;
     readonly playing: import("rxjs").Observable<boolean>;
+    private playerElement;
     private localStorage;
-    constructor(playerElement: HTMLAudioElement, options?: PlayerControllerOptions);
+    private options;
+    private defaultOptions;
+    private destroyEvent;
+    private fadeIntervalSubscription?;
+    private fadePromiseResolve?;
+    constructor(trackId: string, trackUrl: string, options?: PlayerControllerOptions);
     open(id: string, file: string): Promise<void>;
-    setMetadata(metadata: MediaMetadataInit): void;
-    close(): void;
-    play(): void;
-    pause(): void;
+    destroy(): Promise<void>;
+    play(options?: {
+        fadeIn?: boolean;
+    }): Promise<void>;
+    fadeIn(): Promise<void>;
+    fadeOut(): Promise<void>;
+    pause(options?: {
+        fadeIn?: boolean;
+    }): Promise<void>;
     seekTo(seconds: number): void;
     back(seconds?: number): void;
     forward(seconds?: number): void;

package/dist/player/player-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player-controller.d.ts","sourceRoot":"","sources":["../../src/player/player-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAsB,OAAO,EAAE,MAAM,MAAM,CAAC;AAGpE,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,qBAAa,gBAAgB;IAmBf,OAAO,CAAC,QAAQ,CAAC,aAAa;IAAoB,OAAO,CAAC,OAAO;IAlB7E,SAAgB,MAAM,gBAAuB;IAC7C,SAAgB,OAAO,gBAAuB;IAC9C,SAAgB,MAAM,gBAAuB;IAE7C,SAAgB,WAAW,0BAAkC;IAC7D,SAAgB,SAAS,0BAAkC;IAC3D,SAAgB,QAAQ,oCAEtB;IAEF,OAAO,CAAC,OAAO,CAAuB;IAEtC,SAAgB,MAAM,uCAAkD;IAExE,SAAgB,OAAO,qCAA2D;IAElF,OAAO,CAAC,YAAY,CAAsB;gBAEb,aAAa,EAAE,gBAAgB,EAAU,OAAO,GAAE,uBAA4B;IAoErG,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAUnC,WAAW,CAAC,QAAQ,EAAE,iBAAiB;IAIvC,KAAK;IAYL,IAAI;IAOJ,KAAK;IAML,MAAM,CAAC,OAAO,EAAE,MAAM;IAOtB,IAAI,CAAC,OAAO,GAAE,MAAW;IAOzB,OAAO,CAAC,OAAO,GAAE,MAAW;YAQd,YAAY;IAK1B,OAAO,CAAC,GAAG;CAOZ"}
+{"version":3,"file":"player-controller.d.ts","sourceRoot":"","sources":["../../src/player/player-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAsB,OAAO,EAA8B,MAAM,MAAM,CAAC;AAGhG,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,qBAAa,gBAAgB;IAC3B,SAAgB,MAAM,gBAAuB;IAC7C,SAAgB,OAAO,gBAAuB;IAC9C,SAAgB,MAAM,gBAAuB;IAE7C,SAAgB,WAAW,0BAAkC;IAC7D,SAAgB,SAAS,0BAAkC;IAC3D,SAAgB,QAAQ,oCAEtB;IAEF,OAAO,CAAC,OAAO,CAAuB;IAEtC,SAAgB,MAAM,uCAAkD;IACxE,SAAgB,OAAO,qCAA2D;IAElF,OAAO,CAAC,aAAa,CAAmB;IAExC,OAAO,CAAC,YAAY,CAA0C;IAE9D,OAAO,CAAC,OAAO,CAAoF;IACnG,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,YAAY,CAAuB;IAE3C,OAAO,CAAC,wBAAwB,CAAC,CAAS;IAC1C,OAAO,CAAC,kBAAkB,CAAC,CAAa;gBAE5B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,uBAA4B;IA8D9E,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAQ7B,OAAO;IAQP,IAAI,CAAC,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAO;IASvC,MAAM;IAoBN,OAAO;IAmBP,KAAK,CAAC,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAO;IAQ9C,MAAM,CAAC,OAAO,EAAE,MAAM;IAOtB,IAAI,CAAC,OAAO,GAAE,MAAW;IAOzB,OAAO,CAAC,OAAO,GAAE,MAAW;YAQd,YAAY;IAK1B,OAAO,CAAC,GAAG;CAOZ"}

package/dist/player/player-controller.js

@@ -1,4 +1,4 @@
-import { BehaviorSubject, combineLatest, map, Subject } from "rxjs";
+import { BehaviorSubject, combineLatest, map, Subject, take, takeUntil, takeWhile } from "rxjs";
 import { LocalStorage } from "../storage/local-storage";
 export var PlayerStatus;
 (function (PlayerStatus) {
@@ -7,8 +7,6 @@ export var PlayerStatus;
     PlayerStatus["ended"] = "ended";
 })(PlayerStatus || (PlayerStatus = {}));
 export class PlayerController {
-    playerElement;
-    options;
     onPlay = new Subject();
     onPause = new Subject();
     onStop = new Subject();
@@ -18,36 +16,18 @@ export class PlayerController {
     trackId = null;
     status = new BehaviorSubject(null);
     playing = this.status.pipe(map((status) => status === "playing"));
-    localStorage = new LocalStorage();
-    constructor(playerElement, options = {}) {
-        this.playerElement = playerElement;
-        this.options = options;
-        navigator.mediaSession.setActionHandler("play", () => this.play());
-        navigator.mediaSession.setActionHandler("pause", () => this.pause());
-        navigator.mediaSession.setActionHandler("seekbackward", () => this.back());
-        navigator.mediaSession.setActionHandler("seekforward", () => this.forward());
-        navigator.mediaSession.setActionHandler("previoustrack", () => this.back());
-        navigator.mediaSession.setActionHandler("nexttrack", () => this.forward());
-        navigator.mediaSession.setActionHandler("seekto", (details) => {
-            // The fastSeek dictionary member will be true if the seek action is being called
-            // multiple times as part of a sequence and this is not the last call in that sequence.
-            if (details.fastSeek !== true && details.seekTime !== undefined)
-                this.seekTo(details.seekTime);
-        });
-        this.status.subscribe((status) => {
-            switch (status) {
-                case "playing":
-                    navigator.mediaSession.playbackState = "playing";
-                    break;
-                case "paused":
-                    navigator.mediaSession.playbackState = "paused";
-                    break;
-                default:
-                case "ended":
-                    navigator.mediaSession.playbackState = "none";
-                    break;
-            }
-        });
+    playerElement;
+    localStorage = new LocalStorage({ prefix: "player" });
+    options;
+    defaultOptions = {
+        fadeInterval: 2000,
+    };
+    destroyEvent = new Subject();
+    fadeIntervalSubscription;
+    fadePromiseResolve;
+    constructor(trackId, trackUrl, options = {}) {
+        this.options = { ...this.defaultOptions, ...options };
+        this.playerElement = this.options.audioElement ?? new Audio();
         this.playerElement.addEventListener("play", () => {
             this.onPlay.next();
             this.status.next(PlayerStatus.playing);
@@ -66,19 +46,30 @@ export class PlayerController {
             }
         });
         this.playerElement.addEventListener("timeupdate", () => {
-            navigator.mediaSession.setPositionState({
-                duration: Number.isNaN(this.playerElement.duration) ? 0 : this.playerElement.duration,
-                playbackRate: this.playerElement.playbackRate,
-                position: this.playerElement.currentTime,
-            });
             this.currentTime.next(this.playerElement.currentTime);
             if (this.playerElement.duration) {
                 this.totalTime.next(this.playerElement.duration);
             }
-            if (this.options.autoSave) {
-                this.savePosition(this.playerElement.currentTime);
-            }
         });
+        if (this.options.autoSave) {
+            this.currentTime.pipe(takeUntil(this.destroyEvent)).subscribe((currentTime) => this.savePosition(currentTime));
+        }
+        if (this.options.fadeOut && !this.options.loop) {
+            combineLatest([this.currentTime, this.totalTime])
+                .pipe(takeUntil(this.destroyEvent))
+                .pipe(takeWhile(([currentTime, totalTime]) => totalTime - currentTime < this.options.fadeInterval), take(1))
+                .subscribe(async (currentTime) => {
+                this.fadeOut();
+            });
+        }
+        if (this.options.loop) {
+            this.onStop.pipe(takeUntil(this.destroyEvent)).subscribe(() => {
+                this.playerElement.currentTime = 0;
+                this.playerElement.play();
+            });
+        }
+        this.open(trackId, trackUrl);
+        this.log("Initialized player", this.playerElement);
     }
     async open(id, file) {
         this.trackId = id;
@@ -86,33 +77,61 @@ export class PlayerController {
         const position = await this.localStorage.get(`progress-${this.trackId}`, (value) => typeof value === "number");
         if (position && this.options.autoSave)
             this.playerElement.currentTime = position;
-        if (this.options.playOnInit)
-            await this.playerElement.play();
-    }
-    setMetadata(metadata) {
-        navigator.mediaSession.metadata = new MediaMetadata(metadata);
     }
-    close() {
-        this.playerElement.pause();
-        // this.playerElement.src = "";
-        navigator.mediaSession.setActionHandler("play", null);
-        navigator.mediaSession.setActionHandler("pause", null);
-        navigator.mediaSession.setActionHandler("previoustrack", null);
-        navigator.mediaSession.setActionHandler("nexttrack", null);
-        navigator.mediaSession.playbackState = "none";
-        navigator.mediaSession.metadata = null;
+    async destroy() {
+        this.destroyEvent.next();
+        await this.pause();
+        this.playerElement.remove();
     }
-    play() {
+    async play(options = {}) {
         if (!this.playerElement.src)
             throw new Error("No file opened");
         this.log("Called play");
         this.playerElement?.play();
+        if (options.fadeIn !== undefined ? options.fadeIn : this.options.fadeIn)
+            await this.fadeIn();
+    }
+    async fadeIn() {
+        if (!this.options.fadeInterval) {
+            clearInterval(this.fadeIntervalSubscription);
+            this.fadePromiseResolve?.();
+        }
+        return new Promise((resolve) => {
+            this.playerElement.volume = 0;
+            this.fadePromiseResolve = resolve;
+            this.fadeIntervalSubscription = setInterval(() => {
+                if (this.playerElement.volume >= 1) {
+                    clearInterval(this.fadeIntervalSubscription);
+                    return resolve();
+                }
+                this.playerElement.volume += (1 / this.options.fadeInterval) * 100;
+            }, 100);
+        });
+    }
+    async fadeOut() {
+        if (!this.options.fadeInterval) {
+            clearInterval(this.fadeIntervalSubscription);
+            this.fadePromiseResolve?.();
+        }
+        return new Promise((resolve) => {
+            this.fadePromiseResolve = resolve;
+            this.fadeIntervalSubscription = setInterval(() => {
+                if (this.playerElement.volume <= 0) {
+                    clearInterval(this.fadeIntervalSubscription);
+                    this.playerElement.pause();
+                    return;
+                }
+                this.playerElement.volume -= (1 / this.options.fadeInterval) * 100;
+            }, 100);
+        });
     }
-    pause() {
+    async pause(options = {}) {
         if (!this.playerElement.src)
             throw new Error("No file opened");
         this.log("Called pause");
         this.playerElement?.pause();
+        if (options.fadeIn !== undefined ? options.fadeIn : this.options.fadeIn)
+            await this.fadeOut();
     }
     seekTo(seconds) {
         if (!this.playerElement.src)
@@ -138,10 +157,10 @@ export class PlayerController {
             return;
         await this.localStorage.set(`progress-${this.trackId}`, currentTime);
     }
-    log(message) {
+    log(message, ...args) {
         const time = this.playerElement?.currentTime ? Math.round(this.playerElement?.currentTime) : null;
         if (time)
             message += ` @${time}s`;
-        console.log(`[PlayerController] ${message}`);
+        console.log(`[PlayerController] ${message}`, ...args);
     }
 }

package/dist/story/story-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"story-controller.d.ts","sourceRoot":"","sources":["../../src/story/story-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAO,OAAO,EAAE,MAAM,MAAM,CAAC;AAGrD,MAAM,WAAW,sBAAsB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,UAAU,SAAS,EAAE,GAAG,EAAE;IACnG,EAAE,EAAE,SAAS,CAAC;IACd,WAAW,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;CAClH;AAED,MAAM,WAAW,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IAChE,cAAc,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,IAAI,UAAU,CAAC;CACrD;AAED,MAAM,WAAW,eAAe,CAC9B,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,UAAU,SAAS;IAAE,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,CAAC,SAAS,CAAC,EAC9E,iBAAiB,SAAS,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,sBAAsB,CAC9F,SAAS,EACT,UAAU,CACX;IAED,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IAC/C,YAAY,EAAE,UAAU,CAAC;CAC1B;AAED,qBAAa,eAAe,CAC1B,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,UAAU,SAAS;IAAE,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,CAAC,SAAS,CAAC,EAC9E,iBAAiB,SAAS,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,sBAAsB,CAC9F,SAAS,EACT,UAAU,CACX;aAWiB,KAAK,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,CAAC;IAChF,OAAO,CAAC,OAAO;IAVjB,SAAgB,UAAU,8BAA8C;IACxE,SAAgB,cAAc,4CAAuD;IACrF,SAAgB,GAAG,gBAAuB;IAE1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAe;IAE5C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAW;gBAGzB,KAAK,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,CAAC,EACxE,OAAO,GAAE,sBAAsB,CAAC,UAAU,CAAM;IAcpD,QAAQ,CAAC,KAAK,EAAE,UAAU;IAK1B,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,UAAU,CAAC;IAa7E,UAAU,CAAC,MAAM,EAAE,SAAS;IAI5B,WAAW;IAuBX,UAAU;IAMhB,QAAQ;YAIM,SAAS;YAaT,SAAS;CAGxB"}
+{"version":3,"file":"story-controller.d.ts","sourceRoot":"","sources":["../../src/story/story-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,OAAO,EAAE,MAAM,MAAM,CAAC;AAG3E,MAAM,WAAW,sBAAsB,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,UAAU,SAAS,EAAE,GAAG,EAAE;IACnG,EAAE,EAAE,SAAS,CAAC;IACd,WAAW,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;CAClH;AAED,MAAM,WAAW,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IAChE,cAAc,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,IAAI,UAAU,CAAC;CACrD;AAED,MAAM,WAAW,eAAe,CAC9B,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,UAAU,SAAS;IAAE,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,CAAC,SAAS,CAAC,EAC9E,iBAAiB,SAAS,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,sBAAsB,CAC9F,SAAS,EACT,UAAU,CACX;IAED,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IAC/C,YAAY,EAAE,UAAU,CAAC;CAC1B;AAED,qBAAa,eAAe,CAC1B,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,UAAU,SAAS;IAAE,cAAc,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,CAAC,SAAS,CAAC,EAC9E,iBAAiB,SAAS,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,sBAAsB,CAC9F,SAAS,EACT,UAAU,CACX;aAWiB,KAAK,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,CAAC;IAChF,OAAO,CAAC,OAAO;IAVjB,SAAgB,UAAU,8BAA8C;IACxE,SAAgB,cAAc,4CAAuD;IACrF,SAAgB,GAAG,gBAAuB;IAE1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAe;IAE5C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAW;gBAGzB,KAAK,EAAE,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,iBAAiB,CAAC,EACxE,OAAO,GAAE,sBAAsB,CAAC,UAAU,CAAM;IAgBpD,QAAQ,CAAC,KAAK,EAAE,UAAU;IAK1B,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,UAAU,CAAC;IAa7E,UAAU,CAAC,MAAM,EAAE,SAAS;IAI5B,WAAW;IAuBX,UAAU;IAKhB,QAAQ;YAIM,SAAS;YAaT,SAAS;CAGxB"}

package/dist/story/story-controller.js

@@ -1,4 +1,4 @@
-import { BehaviorSubject, map, Subject } from "rxjs";
+import { BehaviorSubject, distinctUntilChanged, map, Subject } from "rxjs";
 import { LocalStorage } from "../storage/local-storage";
 export class StoryController {
     story;
@@ -13,7 +13,9 @@ export class StoryController {
         this.options = options;
         this.localStorage = new LocalStorage({ prefix: options.stateStorageKey ?? "story-state" });
         this.storyState
-            .pipe(map((state) => (state.currentChapter ? story.chapters[state.currentChapter] : null)))
+            .pipe(map((state) => state.currentChapter))
+            .pipe(distinctUntilChanged())
+            .pipe(map((currentChapter) => (currentChapter ? story.chapters[currentChapter] : null)))
             .subscribe(this.currentChapter);
         this.loadState().then((state) => {
             if (state)
@@ -53,13 +55,13 @@ export class StoryController {
         if (typeof chapter.nextChapter === "function") {
             const storyState = this.storyState.value;
             const string = await chapter.nextChapter(storyState);
-            this.setChapter(string);
+            return this.setChapter(string);
         }
         throw new Error(`Invalid nextChapter type in chapter ${chapter.id}`);
     }
     async resetStory() {
-        await this.setState(this.story.initialState);
         await LocalStorage.clearAll();
+        await this.setState(this.story.initialState);
     }
     endStory() {
         this.end.next();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audiowalk/sdk",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/audiowalk-cz/components.git"