💪

Quite a messy solution for storing imported files, but that's how it is unless a UI framework like Svelte or Riot is introduced. I can make a rewrite in Svelte after my PRs are merged if you want. Adding further functionality will probably result in a bigger mess.

~~This PR should be conflict-less with my other PRs, but ping me if there are some and you need help.~~

Ok, there is a merge conflict between my conditional blocks and zip import, but resolving should be pretty obvious.

• Player now uses themable SVG symbols (icons from feathericons.com)
• All the buttons init their state on page load
• Added several theme controls, revisited the display of buttons and the slider
  • Transparent background can be used to blend in other pages.
• Added a simple CSS field
• Tweaked text styles a bit inside the player

Example usage of transparent background on itch.io (still needs a bit of custom CSS on itch.io page):

This library adds ~15kb gzipped (52kb unzipped) to the page weight.

jsmediatags is licensed under the BSD 3-clause license, I've prepended a copy of the license to the minified library. It seems to be the easiest way to be compliant.

https://github.com/aadsm/jsmediatags/blob/master/LICENSE.md

In terms of the implementation, I wrap their async API in a promise so that it matches style with get_audio_duration which is the closest analogue I could find in the source.

If we fail to read tags from a file, just silently fallback to the file.name

Various improvements on the visual and the logic.

• Songs and cover are stored in JS objects and no longer rely on DOM. This eases serialization/deserialization process.
  • Most dynamic parts in the editor are now rendered with the same template function that is used for exports.
  • The templating function now handles undefined variables.
  • Cover art can be removed after it was added.
  • Previews are now a bit faster as all the values needed for serialization are cached (side-effect).
  • Songs can be replaced with a button (side-effect).
• Atomic fields are now serialized/deserialized based on data-stored-key and data-stored-scope attributes. New fields will require edits to HTML only.
• Reorder songs with buttons.
• Vertical split layout. (It just gives more sense.)

I would like to make some GUI improvements and QoL tweaks (mass song upload plus auto-naming), and seeing https://github.com/blackle/blamscamp/blob/main/jszip.min.js doesn't help me with it 😄

this probably conflicts with #9, so I'm keeping it as a PR till that gets merged (don't wanna step on toes)

very impressed with the size of iro.min.js, it's the smallest of the three dependences so far!

Adds a tiny template engine powered by my dark RegExp magic to make several things in the editor optional.

• ✨ A dedicated templating function applyVarsToTemplate
• ✨ Templates now support [:if[variable]:]Content[:endif[variable]:] and [:if[variable]:]Content[:else[variable]:]Other content[:endif[variable]:]
• ⚡ Author, album title, track name, cover are all optional now. Empty track name now produces a placeholder Track №42 title.

Visual explanation: