A music player that connects to your cloud/distributed storage.
fix: remaining facet paths
+12
-12
+1
-1
src/facets/examples/generate-playlist.html
src/facets/examples/generate-playlist/index.html
+1
-1
src/facets/examples/generate-playlist.html
src/facets/examples/generate-playlist/index.html
src/facets/examples/generate-playlist.inline.js
src/facets/examples/generate-playlist/index.inline.js
src/facets/examples/generate-playlist.inline.js
src/facets/examples/generate-playlist/index.inline.js
+1
-1
src/facets/examples/now-playing.html
src/facets/examples/now-playing/index.html
+1
-1
src/facets/examples/now-playing.html
src/facets/examples/now-playing/index.html
src/facets/examples/now-playing.inline.js
src/facets/examples/now-playing/index.inline.js
src/facets/examples/now-playing.inline.js
src/facets/examples/now-playing/index.inline.js
+8
-8
src/facets/index.vto
+8
-8
src/facets/index.vto
···
12
12
- facets/index.js
13
13
14
14
examples:
15
-
- url: "facets/examples/now-playing.html"
15
+
- url: "facets/examples/now-playing/index.html"
16
16
title: "Now playing"
17
17
desc: >
18
18
Shows what's currently set to "now playing" in the queue, along with a button to shift the queue to the next track.
19
-
- url: "facets/examples/generate-playlist.html"
19
+
- url: "facets/examples/generate-playlist/index.html"
20
20
title: "Generate playlist"
21
21
desc: >
22
22
Make a list of what previously played in the queue.
···
71
71
<li>
72
72
<p>
73
73
<i class="ph-fill ph-plus"></i>
74
-
<strong><a href="{{ ('themes/webamp/configurators/input/facet.html') |> facetLoaderURL }}">Add</a></strong> audio from various places on the web and your device.
74
+
<strong><a href="{{ ('themes/webamp/configurators/input/facet/index.html') |> facetLoaderURL }}">Add</a></strong> audio from various places on the web and your device.
75
75
</p>
76
76
</li>
77
77
<li>
78
78
<p>
79
79
<i class="ph-fill ph-queue"></i>
80
-
<strong><a href="{{ ('themes/webamp/browser/facet.html') |> facetLoaderURL }}">Browse</a></strong> your collection to put something into the queue.
80
+
<strong><a href="{{ ('themes/webamp/browser/facet/index.html') |> facetLoaderURL }}">Browse</a></strong> your collection to put something into the queue.
81
81
</p>
82
82
</li>
83
83
<li>
84
84
<p>
85
85
<i class="ph-fill ph-queue"></i>
86
-
<strong><a href="{{ ('facets/tools/auto-queue.html') |> facetLoaderURL }}">Automate</a></strong> adding items to the queue, for infinite playback or listening to a playlist.
86
+
<strong><a href="{{ ('facets/tools/auto-queue/index.html') |> facetLoaderURL }}">Automate</a></strong> adding items to the queue, for infinite playback or listening to a playlist.
87
87
</p>
88
88
</li>
89
89
<li>
90
90
<p>
91
91
<i class="ph-fill ph-music-note"></i>
92
-
<strong><a href="{{ ('themes/blur/artwork-controller/facet.html') |> facetLoaderURL }}">Play</a></strong> queued songs.
92
+
<strong><a href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}">Play</a></strong> queued songs.
93
93
</p>
94
94
</li>
95
95
<li>
96
96
<p>
97
97
<i class="ph-fill ph-person"></i>
98
-
<strong><a href="{{ ('themes/webamp/configurators/output/facet.html') |> facetLoaderURL }}">Manage</a></strong> your user data, sync with your other devices or other people.
98
+
<strong><a href="{{ ('themes/webamp/configurators/output/facet/index.html') |> facetLoaderURL }}">Manage</a></strong> your user data, sync with your other devices or other people.
99
99
</p>
100
100
</li>
101
101
</ol>
···
107
107
To use these facets, simply open whichever ones provide the functionality that you're looking for at a given moment. You can browse existing ones here and create one below.
108
108
</p>
109
109
<p>
110
-
For example, say you want to play music; two options would be: (1) <a href="{{ ('themes/webamp/browser/facet.html') |> facetLoaderURL }}">browse</a> for a specific song and add it to the queue, or (2) <a href="{{ ('facets/tools/auto-queue.html') |> facetLoaderURL }}">automatically</a> add a bunch of shuffled songs to the queue. Next, you need a way to play the items you added to the queue. That's where a <a href="{{ ('themes/blur/artwork-controller/facet.html') |> facetLoaderURL }}">controller</a> could be used.
110
+
For example, say you want to play music; two options would be: (1) <a href="{{ ('themes/webamp/browser/facet/index.html') |> facetLoaderURL }}">browse</a> for a specific song and add it to the queue, or (2) <a href="{{ ('facets/tools/auto-queue/index.html') |> facetLoaderURL }}">automatically</a> add a bunch of shuffled songs to the queue. Next, you need a way to play the items you added to the queue. That's where a <a href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}">controller</a> could be used.
111
111
</p>
112
112
<p>
113
113
<em>You might ask, why can't I do all of this in just one window? That's what <a href="themes/">themes</a> are for, if you need something more streamlined. If you however want a customised experience, or prefer certain interfaces for certain things, that's what facets are for.</em>
+2
-2
src/facets/tools/split-view/index.vto
+2
-2
src/facets/tools/split-view/index.vto
···
32
32
<wa-dialog id="facet-picker" label="Choose a facet" style="--width: 360px">
33
33
<div class="wa-stack wa-gap-s">
34
34
<wa-select id="facet-select" placeholder="Built-in facets…">
35
-
{{ for item of facets }}{{ if item.url !== "facets/tools/split-view.html" }}
35
+
{{ for item of facets }}{{ if item.url !== "facets/tools/split-view/index.html" }}
36
36
<wa-option value="{{ item.url }}">{{ item.title }}</wa-option>
37
37
{{ /if }}{{ /for }}
38
38
</wa-select>
39
39
<wa-input
40
40
id="custom-path"
41
-
placeholder="facets/tools/auto-queue.html"
41
+
placeholder="facets/tools/auto-queue/index.html"
42
42
style="flex: 1"
43
43
></wa-input>
44
44
<wa-button id="custom-confirm" variant="neutral" appearance="filled" pill>Load</wa-button>