Constituent loader ❈

This tool allows you to load a custom constituent besides the existing ones. If you're missing a feature in Diffuse, this is the place to be!

Generate

TODO: Explain how to instruct AI to generate a constituent for you. For example, "I want a nice album overview grouped by the month they were added to my collection"

Community

Check out some constituents from the community and load them here.

Nothing here yet, we're still in alpha.

Build it yourself

If you know a bit of HTML & Javascript, you can write your own or plug in some code you found elsewhere (be careful what to copy/paste though):

Your code here builds on the foundation listed below, it'll be injected into a <body> element.

Some tips:

  • Use type="module" when writing scripts.

Add dependencies for:

Foundation

The default configuration for constituents includes the following elements which are loaded automatically:

Besides this the foundation provides most other elements preconfigured. These are lazy loaded so you do need to call the method in order to load it. For example:

import defaults from "@common/constituents/default/config.js"
defaults.lazy.engine.audio()