forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: facets reorg
+55
-63
+32
src/_data/facets.yaml
+32
src/_data/facets.yaml
···
1
+
- url: "themes/blur/artwork-controller/facet/index.html"
2
+
title: "Blur / Artwork controller"
3
+
desc: >
4
+
Audio playback controller with an artwork display.
5
+
- url: "facets/tools/auto-queue/index.html"
6
+
title: "Tools / Automatic Queue"
7
+
desc: >
8
+
Everything you need to automatically put tracks into the queue.
9
+
- url: "facets/tools/export-import/index.html"
10
+
title: "Tools / Export & Import"
11
+
desc: >
12
+
Export all data as a JSON snapshot, or restore from a previously exported file.
13
+
- url: "facets/tools/split-view/index.html"
14
+
title: "Tools / Split View"
15
+
desc: >
16
+
Arrange multiple facets side-by-side in a resizable split-panel layout.
17
+
- url: "facets/tools/v3-import/index.html"
18
+
title: "Tools / V3.x Import"
19
+
desc: >
20
+
Import data from Diffuse v3.
21
+
- url: "themes/webamp/browser/facet/index.html"
22
+
title: "Webamp / Browser"
23
+
desc: >
24
+
Collection browser + search in a retro, win98, look.
25
+
- url: "themes/webamp/configurators/input/facet/index.html"
26
+
title: "Webamp / Input Configurator"
27
+
desc: >
28
+
Windows 98 styled input configurator where you can add music sources.
29
+
- url: "themes/webamp/configurators/output/facet/index.html"
30
+
title: "Webamp / Output Configurator"
31
+
desc: >
32
+
Windows 98 styled output configurator where you can manage your data storage.
+1
-37
src/facets/index.vto
+1
-37
src/facets/index.vto
···
11
11
scripts:
12
12
- facets/index.js
13
13
14
-
# FACETS
15
-
16
-
builtIn:
17
-
- url: "themes/blur/artwork-controller/facet.html"
18
-
title: "Blur / Artwork controller"
19
-
desc: >
20
-
Audio playback controller with an artwork display.
21
-
- url: "facets/tools/auto-queue.html"
22
-
title: "Tools / Automatic Queue"
23
-
desc: >
24
-
Everything you need to automatically put tracks into the queue.
25
-
- url: "facets/tools/export-import.html"
26
-
title: "Tools / Export & Import"
27
-
desc: >
28
-
Export all data as a JSON snapshot, or restore from a previously exported file.
29
-
- url: "facets/tools/split-view.html"
30
-
title: "Tools / Split View"
31
-
desc: >
32
-
Arrange multiple facets side-by-side in a resizable split-panel layout.
33
-
- url: "facets/tools/v3-import.html"
34
-
title: "Tools / V3.x Import"
35
-
desc: >
36
-
Import data from Diffuse v3.
37
-
- url: "themes/webamp/browser/facet.html"
38
-
title: "Webamp / Browser"
39
-
desc: >
40
-
Collection browser + search in a retro, win98, look.
41
-
- url: "themes/webamp/configurators/input/facet.html"
42
-
title: "Webamp / Input Configurator"
43
-
desc: >
44
-
Windows 98 styled input configurator where you can add music sources.
45
-
- url: "themes/webamp/configurators/output/facet.html"
46
-
title: "Webamp / Output Configurator"
47
-
desc: >
48
-
Windows 98 styled output configurator where you can manage your data storage.
49
-
50
14
examples:
51
15
- url: "facets/examples/now-playing.html"
52
16
title: "Now playing"
···
159
123
<section class="flex">
160
124
<h2 id="built-in">Built-in</h2>
161
125
162
-
{{ await comp.facets({ id: "builtin", items: builtIn }) }}
126
+
{{ await comp.facets({ id: "builtin", items: facets }) }}
163
127
</section>
164
128
165
129
<section class="flex">
+2
-1
src/facets/l/index.vto
+2
-1
src/facets/l/index.vto
···
26
26
27
27
"@atcute/tid": "./vendor/@atcute/tid/index.js",
28
28
"@awesome.me/webawesome/dist/": "./vendor/@awesome.me/webawesome/",
29
-
"@awesome.me/webawesome/dist-cdn/": "./vendor/@awesome.me/webawesome/"
29
+
"@awesome.me/webawesome/dist-cdn/": "./vendor/@awesome.me/webawesome/",
30
+
"@js-temporal/polyfill": "./vendor/@js-temporal/polyfill/index.js"
30
31
}
31
32
}
32
33
</script>
+4
-2
src/facets/tools/auto-queue.html
src/facets/tools/auto-queue/index.html
+4
-2
src/facets/tools/auto-queue.html
src/facets/tools/auto-queue/index.html
···
31
31
<option value='["createdAt"]'>Added to collection</option>
32
32
<option value='["tags.title"]'>Title</option>
33
33
<option value='["tags.album","tags.disc.no","tags.track.no"]'>Album</option>
34
-
<option value='["tags.artist","tags.album","tags.disc.no","tags.track.no"]'>Artist</option>
34
+
<option value='["tags.artist","tags.album","tags.disc.no","tags.track.no"]'>
35
+
Artist
36
+
</option>
35
37
<option value='["tags.year"]'>Year</option>
36
38
<option value='["tags.date"]'>Date</option>
37
39
</select>
···
72
74
}
73
75
</style>
74
76
75
-
<script type="module" src="./auto-queue.inline.js"></script>
77
+
<script type="module" src="./index.inline.js"></script>
src/facets/tools/auto-queue.inline.js
src/facets/tools/auto-queue/index.inline.js
src/facets/tools/auto-queue.inline.js
src/facets/tools/auto-queue/index.inline.js
+3
-3
src/facets/tools/export-import.html
src/facets/tools/export-import/index.html
+3
-3
src/facets/tools/export-import.html
src/facets/tools/export-import/index.html
···
1
1
<main>
2
2
<div class="panel">
3
3
<p>
4
-
Export all Diffuse data to a JSON snapshot, or restore from a previously
5
-
exported file. Importing replaces all data in that category.
4
+
Export all Diffuse data to a JSON snapshot, or restore from a previously exported file.
5
+
Importing replaces all data in that category.
6
6
</p>
7
7
<hr />
8
8
<div class="row">
···
93
93
}
94
94
</style>
95
95
96
-
<script type="module" src="./export-import.inline.js"></script>
96
+
<script type="module" src="./index.inline.js"></script>
src/facets/tools/export-import.inline.js
src/facets/tools/export-import/index.inline.js
src/facets/tools/export-import.inline.js
src/facets/tools/export-import/index.inline.js
+4
-14
src/facets/tools/split-view.html
src/facets/tools/split-view/index.vto
+4
-14
src/facets/tools/split-view.html
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
-
<wa-option value="themes/blur/artwork-controller/facet.html"
36
-
>Blur / Artwork controller</wa-option
37
-
>
38
-
<wa-option value="facets/tools/auto-queue.html">Tools / Automatic Queue</wa-option>
39
-
<wa-option value="facets/tools/export-import.html">Tools / Export & Import</wa-option>
40
-
<wa-option value="facets/tools/v3-import.html">Tools / V3.x Import</wa-option>
41
-
<wa-option value="themes/webamp/browser/facet.html">Webamp / Browser</wa-option>
42
-
<wa-option value="themes/webamp/configurators/input/facet.html"
43
-
>Webamp / Input Configurator</wa-option
44
-
>
45
-
<wa-option value="themes/webamp/configurators/output/facet.html"
46
-
>Webamp / Output Configurator</wa-option
47
-
>
35
+
{{ for item of facets }}{{ if item.url !== "facets/tools/split-view.html" }}
36
+
<wa-option value="{{ item.url }}">{{ item.title }}</wa-option>
37
+
{{ /if }}{{ /for }}
48
38
</wa-select>
49
39
<wa-input
50
40
id="custom-path"
···
148
138
}
149
139
</style>
150
140
151
-
<script type="module" src="./split-view.inline.js"></script>
141
+
<script type="module" src="./index.inline.js"></script>
+3
-1
src/facets/tools/split-view.inline.js
src/facets/tools/split-view/index.inline.js
+3
-1
src/facets/tools/split-view.inline.js
src/facets/tools/split-view/index.inline.js
···
1
+
import { Temporal } from "@js-temporal/polyfill";
2
+
1
3
import "@awesome.me/webawesome/dist/components/split-panel/split-panel.js";
2
4
import "@awesome.me/webawesome/dist/components/dialog/dialog.js";
3
5
import "@awesome.me/webawesome/dist/components/button/button.js";
···
434
436
{
435
437
$type: "sh.diffuse.output.facet",
436
438
id,
437
-
name: "Split View",
439
+
name: `Split View (${Temporal.Now.instant().toLocaleString()})`,
438
440
html,
439
441
createdAt: now,
440
442
updatedAt: now,
+1
-1
src/facets/tools/v3-import.html
src/facets/tools/v3-import/index.html
+1
-1
src/facets/tools/v3-import.html
src/facets/tools/v3-import/index.html
src/facets/tools/v3-import.inline.js
src/facets/tools/v3-import/index.inline.js
src/facets/tools/v3-import.inline.js
src/facets/tools/v3-import/index.inline.js
+1
-1
src/themes/blur/artwork-controller/facet.html
src/themes/blur/artwork-controller/facet/index.html
+1
-1
src/themes/blur/artwork-controller/facet.html
src/themes/blur/artwork-controller/facet/index.html
src/themes/blur/artwork-controller/facet.inline.js
src/themes/blur/artwork-controller/facet/index.inline.js
src/themes/blur/artwork-controller/facet.inline.js
src/themes/blur/artwork-controller/facet/index.inline.js
+1
-1
src/themes/webamp/browser/facet.html
src/themes/webamp/browser/facet/index.html
+1
-1
src/themes/webamp/browser/facet.html
src/themes/webamp/browser/facet/index.html
src/themes/webamp/browser/facet.inline.js
src/themes/webamp/browser/facet/index.inline.js
src/themes/webamp/browser/facet.inline.js
src/themes/webamp/browser/facet/index.inline.js
+1
-1
src/themes/webamp/configurators/input/facet.html
src/themes/webamp/configurators/input/facet/index.html
+1
-1
src/themes/webamp/configurators/input/facet.html
src/themes/webamp/configurators/input/facet/index.html
src/themes/webamp/configurators/input/facet.inline.js
src/themes/webamp/configurators/input/facet/index.inline.js
src/themes/webamp/configurators/input/facet.inline.js
src/themes/webamp/configurators/input/facet/index.inline.js
+1
-1
src/themes/webamp/configurators/output/facet.html
src/themes/webamp/configurators/output/facet/index.html
+1
-1
src/themes/webamp/configurators/output/facet.html
src/themes/webamp/configurators/output/facet/index.html
src/themes/webamp/configurators/output/facet.inline.js
src/themes/webamp/configurators/output/facet/index.inline.js
src/themes/webamp/configurators/output/facet.inline.js
src/themes/webamp/configurators/output/facet/index.inline.js
+1
src/vendor/@js-temporal/polyfill/index.js
+1
src/vendor/@js-temporal/polyfill/index.js
···
1
+
export * from "@js-temporal/polyfill";