@applicaster/quick-brick-player 16.0.0-rc.7 → 16.0.0-rc.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/package.json +6 -6
  2. package/src/Player/AudioLayer/AudioDescription.tsx +46 -11
  3. package/src/Player/AudioLayer/AudioPlayerWrapper.tsx +38 -48
  4. package/src/Player/AudioLayer/Layout/Controls/__tests__/utils.test.ts +66 -0
  5. package/src/Player/AudioLayer/Layout/Controls/index.tsx +34 -14
  6. package/src/Player/AudioLayer/Layout/Controls/utils.ts +26 -0
  7. package/src/Player/AudioLayer/Layout/DockedControls/index.tsx +1 -13
  8. package/src/Player/AudioLayer/Layout/MobileLayout.tsx +0 -4
  9. package/src/Player/AudioLayer/Layout/TabletLandscapeLayout.tsx +0 -4
  10. package/src/Player/AudioLayer/Layout/TabletPortraitLayout.tsx +0 -4
  11. package/src/Player/AudioLayer/SleepTimerManager.ts +5 -1
  12. package/src/Player/AudioLayer/SpeedManager.ts +4 -0
  13. package/src/Player/AudioLayer/__tests__/AudioDescription.test.tsx +147 -0
  14. package/src/Player/AudioLayer/__tests__/AudioPlayerWrapper.test.tsx +130 -0
  15. package/src/Player/AudioLayer/__tests__/SleepTimerManager.test.ts +78 -0
  16. package/src/Player/AudioLayer/__tests__/SpeedManager.test.ts +57 -0
  17. package/src/Player/AudioLayer/__tests__/playerActions.test.ts +342 -0
  18. package/src/Player/AudioLayer/__tests__/usePlaylistNavigation.test.ts +387 -0
  19. package/src/Player/AudioLayer/playerActions.ts +277 -0
  20. package/src/Player/AudioLayer/usePlaylistNavigation.ts +134 -0
  21. package/src/Player/AudioLayer/useSleepTimerModal.ts +20 -57
  22. package/src/Player/__tests__/getNativeProps.test.ts +115 -0
  23. package/src/Player/__tests__/toNativeMetadata.test.ts +77 -0
  24. package/src/Player/index.tsx +72 -27
  25. package/src/Player/AudioLayer/components/SleepTimerModalHeader/SleepTimerModalHeader.tsx +0 -66
  26. package/src/Player/AudioLayer/components/SleepTimerModalHeader/index.ts +0 -1
@@ -0,0 +1,342 @@
1
+ import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
2
+ import {
3
+ actionExecutor,
4
+ ActionResult,
5
+ } from "@applicaster/zapp-react-native-utils/actionsExecutor/ActionExecutor";
6
+ import { uiActionsRegistry } from "@applicaster/zapp-react-native-utils/uiActionsRegistrator";
7
+ import { modalOrchestrator } from "@applicaster/zapp-react-native-utils/modalState/ModalOrchestrator";
8
+ import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
9
+ import { firstValueFrom } from "rxjs";
10
+
11
+ import {
12
+ PLAYER_ACTION_IDENTIFIERS,
13
+ PLAYER_ACTION_TYPES,
14
+ registerPlayerActions,
15
+ } from "../playerActions";
16
+ import { SpeedController } from "../SpeedManager";
17
+ import { SleepTimerController } from "../SleepTimerManager";
18
+
19
+ jest.mock("../../Const/sleepTimerOptions", () => ({
20
+ getSleepTimerOptions: (offLabel: string, sleepTimerValue: number | null) => [
21
+ sleepTimerValue ? { label: offLabel, value: 0 } : null,
22
+ { label: "5 minutes", value: 5 },
23
+ { label: "15 minutes", value: 15 },
24
+ ],
25
+ }));
26
+
27
+ jest.mock("@applicaster/zapp-react-native-utils/appUtils", () => ({
28
+ playerManager: {
29
+ getActivePlayer: jest.fn(),
30
+ },
31
+ }));
32
+
33
+ jest.mock(
34
+ "@applicaster/zapp-react-native-utils/modalState/ModalOrchestrator",
35
+ () => ({
36
+ modalOrchestrator: {
37
+ close: jest.fn(),
38
+ stackSize: 0,
39
+ },
40
+ })
41
+ );
42
+
43
+ jest.mock(
44
+ "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage",
45
+ () => ({
46
+ localStorage: {
47
+ getItem: jest.fn(),
48
+ setItem: jest.fn(),
49
+ removeItem: jest.fn(),
50
+ },
51
+ })
52
+ );
53
+
54
+ describe("playerActions", () => {
55
+ const openedSheets: ActionType[] = [];
56
+
57
+ let player: {
58
+ getConfig: () => Record<string, string>;
59
+ setPlaybackRate: jest.Mock;
60
+ startSleepTimer: jest.Mock;
61
+ cancelSleepTimer: jest.Mock;
62
+ };
63
+
64
+ let speedController: SpeedController;
65
+ let sleepController: SleepTimerController;
66
+ let unregisterPlayerActions: () => void;
67
+
68
+ beforeEach(() => {
69
+ openedSheets.length = 0;
70
+ jest.clearAllMocks();
71
+ (localStorage.setItem as jest.Mock).mockResolvedValue(undefined);
72
+ (localStorage.removeItem as jest.Mock).mockResolvedValue(undefined);
73
+
74
+ player = {
75
+ getConfig: () => ({
76
+ playback_speed_title: "Playback Speed",
77
+ playback_sleep_title: "Sleep Timer",
78
+ playback_sleep_off_label: "Off",
79
+ sleep_timer: "sleep_timer",
80
+ sleep_timer_active: "sleep_timer_active",
81
+ }),
82
+ setPlaybackRate: jest.fn(),
83
+ startSleepTimer: jest.fn(),
84
+ cancelSleepTimer: jest.fn(),
85
+ };
86
+
87
+ (playerManager.getActivePlayer as jest.Mock).mockReturnValue(player);
88
+ speedController = new SpeedController(player as any);
89
+ sleepController = new SleepTimerController(player as any);
90
+
91
+ [
92
+ "openBottomSheet",
93
+ PLAYER_ACTION_TYPES.OPEN_PLAYBACK_SPEED,
94
+ PLAYER_ACTION_TYPES.OPEN_SLEEP_TIMER,
95
+ PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
96
+ PLAYER_ACTION_TYPES.SET_SLEEP_TIMER,
97
+ ].forEach((type) => actionExecutor.unregisterAction(type));
98
+
99
+ actionExecutor.registerAction("openBottomSheet", async (action) => {
100
+ openedSheets.push(action);
101
+
102
+ return ActionResult.Success;
103
+ });
104
+
105
+ unregisterPlayerActions = registerPlayerActions({
106
+ speedController,
107
+ sleepController,
108
+ });
109
+ });
110
+
111
+ afterEach(() => {
112
+ unregisterPlayerActions?.();
113
+ });
114
+
115
+ it("does not register actions until a player controller is provided", async () => {
116
+ unregisterPlayerActions();
117
+ unregisterPlayerActions = registerPlayerActions({});
118
+
119
+ const result = await actionExecutor.handleAction({
120
+ type: PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
121
+ options: { value: 1.5, dismissSheet: true },
122
+ });
123
+
124
+ expect(result).toBeUndefined();
125
+ expect(player.setPlaybackRate).not.toHaveBeenCalled();
126
+
127
+ expect(
128
+ uiActionsRegistry.getAction(PLAYER_ACTION_IDENTIFIERS.PLAYBACK_SPEED)
129
+ ).toBeUndefined();
130
+
131
+ expect(
132
+ uiActionsRegistry.getAction(PLAYER_ACTION_IDENTIFIERS.SLEEP_TIMER)
133
+ ).toBeUndefined();
134
+ });
135
+
136
+ it("unregisters player actions when the player goes away", async () => {
137
+ unregisterPlayerActions();
138
+
139
+ expect(
140
+ uiActionsRegistry.getAction(PLAYER_ACTION_IDENTIFIERS.PLAYBACK_SPEED)
141
+ ).toBeUndefined();
142
+
143
+ const result = await actionExecutor.handleAction({
144
+ type: PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
145
+ options: { value: 1.5 },
146
+ });
147
+
148
+ expect(result).toBeUndefined();
149
+ expect(player.setPlaybackRate).not.toHaveBeenCalled();
150
+ });
151
+
152
+ it("opens playback speed through openBottomSheet with the current speed selected", async () => {
153
+ await speedController.setPlaybackSpeed({
154
+ asset: "speed_1",
155
+ value: 1,
156
+ });
157
+
158
+ const result = await actionExecutor.handleAction({
159
+ type: PLAYER_ACTION_TYPES.OPEN_PLAYBACK_SPEED,
160
+ });
161
+
162
+ expect(result).toBe(ActionResult.Success);
163
+
164
+ const sheet = openedSheets[0];
165
+
166
+ expect(sheet.options.replace).toBe(true);
167
+ expect(sheet.options.header.title).toBe("Playback Speed");
168
+ expect(sheet.options.content.role).toBe("collection_selector");
169
+ expect(sheet.options.content.behavior.currentSelection).toEqual(["1"]);
170
+
171
+ expect(sheet.options.content.items.map((item) => item.title)).toEqual([
172
+ "0.8x",
173
+ "1x",
174
+ "1.2x",
175
+ "1.5x",
176
+ "2x",
177
+ ]);
178
+
179
+ expect(
180
+ sheet.options.content.items[0].extensions.tap_actions.actions[0].options
181
+ .dismissSheet
182
+ ).toBe(true);
183
+ });
184
+
185
+ it("opens sleep timer with the ticking countdown header", async () => {
186
+ const timerDate = Date.now() + 15 * 60 * 1000;
187
+
188
+ await sleepController.setSleepTimer(
189
+ { label: "15 minutes", value: 15 },
190
+ timerDate
191
+ );
192
+
193
+ const result = await actionExecutor.handleAction({
194
+ type: PLAYER_ACTION_TYPES.OPEN_SLEEP_TIMER,
195
+ });
196
+
197
+ expect(result).toBe(ActionResult.Success);
198
+
199
+ const sheet = openedSheets[0];
200
+
201
+ expect(sheet.options.replace).toBe(true);
202
+ expect(sheet.options.header.title).toBe("Sleep Timer");
203
+ expect(sheet.options.header.subtitle).toBeUndefined();
204
+ expect(sheet.options.content.behavior.currentSelection).toEqual(["15"]);
205
+
206
+ expect(
207
+ sheet.options.content.items[0].extensions.tap_actions.actions[0].type
208
+ ).toBe(PLAYER_ACTION_TYPES.SET_SLEEP_TIMER);
209
+ });
210
+
211
+ it("setPlaybackSpeed applies the rate and closes the sheet when opened from the picker", async () => {
212
+ const result = await actionExecutor.handleAction({
213
+ type: PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
214
+ options: { value: 1.5, dismissSheet: true },
215
+ });
216
+
217
+ expect(result).toBe(ActionResult.Success);
218
+ expect(player.setPlaybackRate).toHaveBeenCalledWith(1.5);
219
+ expect(localStorage.setItem).toHaveBeenCalled();
220
+ expect(modalOrchestrator.close).toHaveBeenCalled();
221
+ });
222
+
223
+ it("setSleepTimer starts the timer, writes storage, and closes the sheet", async () => {
224
+ const result = await actionExecutor.handleAction({
225
+ type: PLAYER_ACTION_TYPES.SET_SLEEP_TIMER,
226
+ options: { value: 15, label: "15 minutes", dismissSheet: true },
227
+ });
228
+
229
+ expect(result).toBe(ActionResult.Success);
230
+ expect(player.startSleepTimer).toHaveBeenCalled();
231
+ expect(localStorage.setItem).toHaveBeenCalled();
232
+ expect(modalOrchestrator.close).toHaveBeenCalled();
233
+ expect(sleepController.currentState.timer.value).toBe(15);
234
+ });
235
+
236
+ it("setSleepTimer with value 0 cancels the timer", async () => {
237
+ await sleepController.setSleepTimer({
238
+ label: "15 minutes",
239
+ value: 15,
240
+ });
241
+
242
+ player.cancelSleepTimer.mockClear();
243
+ (localStorage.removeItem as jest.Mock).mockClear();
244
+ (modalOrchestrator.close as jest.Mock).mockClear();
245
+
246
+ const result = await actionExecutor.handleAction({
247
+ type: PLAYER_ACTION_TYPES.SET_SLEEP_TIMER,
248
+ options: { value: 0, label: "Off", dismissSheet: true },
249
+ });
250
+
251
+ expect(result).toBe(ActionResult.Success);
252
+ expect(player.cancelSleepTimer).toHaveBeenCalled();
253
+ expect(localStorage.removeItem).toHaveBeenCalled();
254
+ expect(sleepController.currentState.timer.value).toBe(0);
255
+ expect(modalOrchestrator.close).toHaveBeenCalled();
256
+ });
257
+
258
+ it.each([undefined, "foo"])(
259
+ "rejects invalid setPlaybackSpeed value %p",
260
+ async (value) => {
261
+ player.setPlaybackRate.mockClear();
262
+ (localStorage.setItem as jest.Mock).mockClear();
263
+
264
+ const result = await actionExecutor.handleAction({
265
+ type: PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
266
+ options: { value, dismissSheet: true },
267
+ });
268
+
269
+ expect(result).toBe(ActionResult.Error);
270
+ expect(player.setPlaybackRate).not.toHaveBeenCalled();
271
+ expect(localStorage.setItem).not.toHaveBeenCalled();
272
+ expect(modalOrchestrator.close).not.toHaveBeenCalled();
273
+ }
274
+ );
275
+
276
+ it.each([undefined, "foo"])(
277
+ "rejects invalid setSleepTimer value %p",
278
+ async (value) => {
279
+ const result = await actionExecutor.handleAction({
280
+ type: PLAYER_ACTION_TYPES.SET_SLEEP_TIMER,
281
+ options: { value, dismissSheet: true },
282
+ });
283
+
284
+ expect(result).toBe(ActionResult.Error);
285
+ expect(player.startSleepTimer).not.toHaveBeenCalled();
286
+ expect(localStorage.setItem).not.toHaveBeenCalled();
287
+ expect(modalOrchestrator.close).not.toHaveBeenCalled();
288
+ }
289
+ );
290
+
291
+ it("does not close an unrelated sheet when setPlaybackSpeed is invoked standalone", async () => {
292
+ const result = await actionExecutor.handleAction({
293
+ type: PLAYER_ACTION_TYPES.SET_PLAYBACK_SPEED,
294
+ options: { value: 1.5 },
295
+ });
296
+
297
+ expect(result).toBe(ActionResult.Success);
298
+ expect(player.setPlaybackRate).toHaveBeenCalledWith(1.5);
299
+ expect(modalOrchestrator.close).not.toHaveBeenCalled();
300
+ });
301
+
302
+ it("initialEntryState for sleep-timer reflects an active timer", async () => {
303
+ await sleepController.setSleepTimer({
304
+ label: "15 minutes",
305
+ value: 15,
306
+ });
307
+
308
+ const action = uiActionsRegistry.getAction(
309
+ PLAYER_ACTION_IDENTIFIERS.SLEEP_TIMER
310
+ );
311
+
312
+ expect(action.initialEntryState({} as ZappEntry)).toMatchObject({
313
+ state: 1,
314
+ asset: "sleep_timer_active",
315
+ label: "Sleep Timer",
316
+ });
317
+
318
+ const observed = await firstValueFrom(
319
+ action.observeEntryState({} as ZappEntry)
320
+ );
321
+
322
+ expect(observed).toMatchObject({
323
+ state: 1,
324
+ asset: "sleep_timer_active",
325
+ });
326
+ });
327
+
328
+ it("registers UI action identifiers that open the matching sheets", async () => {
329
+ await uiActionsRegistry
330
+ .getAction(PLAYER_ACTION_IDENTIFIERS.PLAYBACK_SPEED)
331
+ .invokeAction({} as ZappEntry);
332
+
333
+ await uiActionsRegistry
334
+ .getAction(PLAYER_ACTION_IDENTIFIERS.SLEEP_TIMER)
335
+ .invokeAction({} as ZappEntry);
336
+
337
+ expect(openedSheets.map((action) => action.options.header.title)).toEqual([
338
+ "Playback Speed",
339
+ "Sleep Timer",
340
+ ]);
341
+ });
342
+ });