Added various chat features including:

teh60 commented 11 months ago

Use hashed usernames as color generator so everyone sees same colors
When a message contains an @mention to you the message is highlighted and your @mention is colored text instead of plain text
Added @mention input autocomplete for current users
Added :modname input autocomplete for current noita mods
Prevented a chat message from overflowing into other chat messages
Lowered max mod name length from 600 to 150 characters
Added CSS width %'s on mod tab cells so it scales better
Lowered max chat message length from 2000 to 500 characters

SkyeOfBreeze commented 11 months ago

@teh60 A couple issues I am noticing so far

There is a weird scroll bar on the side with 1 user that appears to let it scroll when it should not

It seems to fail to load mods altogether in the app? (this error prevents me from closing the lobby or switching tabs. All I know is that I changed settings and can't see my mods. Let me know if you are unable to reproduce

mod.name.replaceAll is not a function
at eval (Room.vue?c1e5:245)
at Array.map (<anonymous>)
at VueComponent.autoData (Room.vue?c1e5:245)
at Watcher.get (vue.runtime.esm.js?2b0e:3446)
at Watcher.evaluate (vue.runtime.esm.js?2b0e:3547)
at VueComponent.computedGetter [as autoData] (vue.runtime.esm.js?2b0e:5537)
at Object.get (vue.runtime.esm.js?2b0e:5329)
at Proxy.render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"495187d6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Room.vue?vue&type=template&id=d59962d6& (app.js:1442), <anonymous>:397:35)
at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:2684)
at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:3875)

SkyeOfBreeze commented 11 months ago

my mods list :)

SkyeOfBreeze commented 11 months ago

also ...this.fakeUsers does not exist (Room.vue:250)

teh60 commented 11 months ago

Thanks for spotting these bugs 1st: bug was me forgetting an overflow: hidden 2nd: I just swapped to a mod.name.replace with a global regex instead 3rd: Whoops I thought I got rid of my quick and dirty testing object, it is now gone from the code

SkyeOfBreeze commented 11 months ago

For link reference, https://github.com/Noita-Together/noita-together/issues/137 will be an update to the user chat color in the future, and fall back to this behavior if there is no twitch defined color

Noita-Together / noita-together

Added various chat features including: #135