A music player that connects to your cloud/distributed storage.
chore: try to explain schemas + transformers
+33
-5
+33
-5
src/index.vto
+33
-5
src/index.vto
···
1
1
---
2
2
layout: layouts/diffuse.vto
3
3
4
+
# THEMES
5
+
4
6
themes:
5
7
- url: "themes/blur/"
6
8
title: "Blur"
7
9
- url: "themes/webamp/"
8
10
title: "Webamp"
11
+
12
+
# ELEMENTS
9
13
10
14
engines:
11
15
- url: "components/engine/audio/element.js"
···
39
43
- url: "components/processor/search/element.js"
40
44
title: "Search"
41
45
46
+
transformers:
47
+
- url: "components/transformer/output-lenses/element.js"
48
+
title: "Output Lenses (TODO)"
49
+
50
+
# SCHEMAS
51
+
52
+
schemas:
53
+
- url: "schemas/output/tracks/lexicon.json"
54
+
title: "Output / Tracks (TODO)"
55
+
42
56
---
43
57
<link rel="stylesheet" href="index.css" />
44
58
···
83
97
<!--<section></section>-->
84
98
</div>
85
99
86
-
<!-- CONSTITUENTS -->
87
-
<!--<section></section>-->
88
-
89
100
<!-- ELEMENTS -->
90
101
<section>
91
102
<h2 id="elements">Elements</h2>
···
100
111
title: "Configurators",
101
112
items: configurators,
102
113
content: `
103
-
Elements that serve as an intermediate in order to make a particular kind of element configurable. In other words, these allow for an applet to be swapped out with another that takes the same, or a subset of the actions and data output.
114
+
Elements that serve as an intermediate in order to make a particular kind of element configurable. In other words, these allow for an element to be swapped out with another that takes the same, or a subset of the actions and data output.
104
115
`
105
116
}) }}
106
117
···
140
151
title: "Processors",
141
152
items: processors,
142
153
content: `
143
-
These elements work with the tracks generated by the input applets to add more data to them, or process them in some other way.
154
+
These elements work with the output generated by the input elements to add more data to them, or process them in some other way.
144
155
`
145
156
}) }}
146
157
···
149
160
items: supplements,
150
161
content: `
151
162
Additional elements, such as scrobblers.
163
+
`
164
+
}) }}
165
+
166
+
{{ await comp.element({
167
+
title: "Transformers",
168
+
items: transformers,
169
+
content: `
170
+
Transform data from one schema into another. See schema section below for more information.
152
171
`
153
172
}) }}
154
173
</div>
174
+
</section>
175
+
176
+
<!-- SCHEMAS -->
177
+
<section>
178
+
<h2 id="schemas">Schemas</h2>
179
+
180
+
<p>All of the elements here are built with these specific data schemas in mind. That said, you can mix elements that use different schemas; you just have to put a transformer between them in order to translate between the schemas.</p>
181
+
182
+
{{ await comp.list({ items: schemas }) }}
155
183
</section>
156
184
157
185
<!-- DEMOS -->