v0.2.0

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

  

  • 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

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

v0.1.4

Features

• base.js now includes a deleteMessageAfter function, which when uncommented, will delete messages after X seconds
• Added comments into base.html to help explain what all the parts in there mean, and now always has the slime2 version number at the top

Code updates that are just for me specifically

• Creating release builds is now automated so I don't another mistake moving files and renaming things manually

Getting Started

Full Changelog: 0.1.3...0.1.4

v0.1.3

Fixes

• Now works correctly for streamers who aren't affiliate/partner (was erroring out when fetching channel point rewards)
• Test message fixes
  • testArtist is now correctly included
  • testFounder is now marked as both a founder and a subscriber
• z-index of Send Test Message button is now set to 999 to always be above everything

Getting Started

Full Changelog: 0.1.2...0.1.3

v0.1.2

New Feature

• User data in messages now includes colorBrightness, which is set to either "light" or "dark" depending on the perceived brightness of the user's chosen name color. It is undefined if the user never chose a name color.
  • The brightness is calculated based on the APCA algorithm to determine readability contrast: https://colorjs.io/docs/contrast#accessible-perceptual-contrast-algorithm-apca
  • If a color is "light", then it will look best on a black background, and if a color is "dark", then it will look best on a white background
  • The default base theme now uses this to determine whether to use a white outline or black outline for the username

Getting Started

v0.1.1

Public beta release

Getting Started