Skip to content

v0.2.0
Compare
Choose a tag to compare
@zaytri zaytri released this 21 Sep 01:57
· 160 commits to main since this release
0.2.0
acfc3b0

Getting Started: https://forums.slime2.stream/resources/getting-started-with-slime2.3/

Features

  • 8 classes have been added to base.css that can be used on main in base.html to alter if the chat is listed vertically or horizontally, and which corner messages appear from

    • vertical-top-left
    • vertical-top-right
    • vertical-bottom-left (default)
    • vertical-bottom-right
    • horizontal-top-left
    • horizontal-top-right
    • horizontal-bottom-left
    • horizontal-bottom-right

  • Dynamic emote sizes have been added!

    • Small if the message contains any text
    • Medium if the message contains multiple emotes and no text
    • Large if the message is just a single emote

    image

    • If you would like to disable this feature, remove the class dynamic-emote-sizes from main in base.html

  • Theme development support!

    • I mostly coded this out for my own theme development, but if you'd like to utilize it, I wrote an entire guide for that in the README!
    • You could also just directly edit the release base.* files and use those for theme development, but by directly using this repo, you gain these added benefits:
      • Hot reloading! (Every time you save a change, the page automatically updates without you having to manually refresh)
      • Storing your token as a hidden environmental variable, rather than directly in TOKEN.js, where you need to remember to remove it before sharing your theme
      • Automatically inserting the slime2 version and your theme name into your theme's HTML file

  • Some base theme stylings were changed, notably the user portion now has a background, using the user's color.

    Before After
    image image

Changes

  • base.html now always includes the slime2 version its using in a comment at the top and in the title
  • base.html now includes the theme name at the top of the title (which is just base theme)
  • User color is now randomly assigned from FALLBACK_USER_COLORS on every session if the user never picked a name color
    • Previously this would algorithmically assign a color based on display name, so it would always be the same color between sessions
  • Added more colors to the FALLBACK_USER_COLORS array to have a good mix of light and dark colors to test
  • The Send Test Message button can now appear in 9 different areas instead of the previous 5
  • Improved dev experience

Fixes

  • The favicon link in base.html has now been fixed

Breaking Changes

  • colorBrightness is no longer passed into onMessage through message.user.colorBrightness. Instead, brightness calculation functions using Color.js (textBrightness and backgroundBrightness) have been added directly to base.js, so that it can calculate the brightness of all the colors in the FALLBACK_USER_COLORS array

Full Changelog: 0.1.4...0.2.0

Assets 3