A music player that connects to your cloud/distributed storage.
fix: more loading issues
+15
-7
+1
-2
src/components/engine/queue/element.js
+1
-2
src/components/engine/queue/element.js
···
1
1
import { DiffuseElement } from "@common/element.js";
2
2
import { signal } from "@common/signal.js";
3
3
import { listen } from "@common/worker.js";
4
-
import { hash } from "@common/utils.js";
5
4
6
5
/**
7
6
* @import {ProxiedActions} from "@common/worker.d.ts";
···
37
36
#future = signal(/** @type {Array<Item>} */ ([]));
38
37
#now = signal(/** @type {Item | null} */ (null));
39
38
#past = signal(/** @type {Array<Item>} */ ([]));
40
-
#poolHash = signal(hash([]));
39
+
#poolHash = signal(/** @type {string | undefined} */ (undefined));
41
40
42
41
// STATE
43
42
+1
-1
src/components/engine/queue/types.d.ts
+1
-1
src/components/engine/queue/types.d.ts
+2
-2
src/components/engine/queue/worker.js
+2
-2
src/components/engine/queue/worker.js
···
17
17
export const $future = signal(/** @type {Item[]} */ ([]));
18
18
export const $now = signal(/** @type {Item | null} */ (null));
19
19
export const $past = signal(/** @type {Item[]} */ ([]));
20
-
export const $poolHash = signal(hash([]));
20
+
export const $poolHash = signal(/** @type {string | undefined} */ (undefined));
21
21
22
22
////////////////////////////////////////////
23
23
// ACTIONS
···
55
55
*/
56
56
export function pool(tracks) {
57
57
$lake.value = tracks;
58
-
$poolHash.value = hash(tracks);
58
+
$poolHash.value = tracks.length ? hash(tracks) : undefined;
59
59
}
60
60
61
61
/**
+8
-2
src/themes/webamp/browser/element.js
+8
-2
src/themes/webamp/browser/element.js
···
19
19
20
20
// SIGNALS
21
21
22
+
#collectionSize = signal(0);
22
23
#searchResults = signal(/** @type {Track[]} */ ([]));
23
24
24
25
$input = signal(
···
70
71
});
71
72
72
73
this.effect(() => {
73
-
this.forceRender();
74
+
this.#collectionSize.value = output.tracks.collection().filter(
75
+
(t) => t.kind !== "placeholder",
76
+
).length;
74
77
});
78
+
79
+
this.forceRender();
75
80
});
76
81
77
82
// Effects
···
112
117
*/
113
118
render({ html }) {
114
119
const isLoading = this.$output.value?.tracks?.state() !== "loaded" ||
115
-
(this.$output.value?.tracks?.collection()?.length &&
120
+
(this.#collectionSize.value > 0 &&
116
121
this.$search.value?.cacheId() === undefined);
122
+
117
123
const tracks = this.#searchResults.value;
118
124
119
125
return html`