Changelog

• Fix broken release version due to missing dist files: https://github.com/advanced-chat/vue-advanced-chat/issues/489

Changelog

• Prevent XXS and improve markdown support https://github.com/advanced-chat/vue-advanced-chat/pull/448
• Add multiple-files prop https://github.com/advanced-chat/vue-advanced-chat/issues/458

Changelog

• Fix emoji suggestion cursor position https://github.com/antoine92190/vue-advanced-chat/issues/403
• Add option for specifying the capture attr on the file input https://github.com/antoine92190/vue-advanced-chat/pull/415

Changelog

• Add multiple chat support https://github.com/antoine92190/vue-advanced-chat/issues/368
• Fix types https://github.com/antoine92190/vue-advanced-chat/commit/7bd77b3cec50fb3eb24c246c4bb46b2846b224fe https://github.com/antoine92190/vue-advanced-chat/commit/9998e4743b21929574235c48609e1cd271f37201
• Add emoji-data-source prop to replace emojis data table
• Fix roomTextarea up and down keys in https://github.com/antoine92190/vue-advanced-chat/issues/400

Changelog

• Fix typings
• Disable drag & drop if show-files is disabled https://github.com/antoine92190/vue-advanced-chat/issues/385

Changelog

• Add the possibility to drag & drop files https://github.com/antoine92190/vue-advanced-chat/issues/336
• Export register function in TS definition https://github.com/antoine92190/vue-advanced-chat/issues/379
• Fix multiple edit / reply actions https://github.com/antoine92190/vue-advanced-chat/issues/380
• Add message-avatar_{{MESSAGE_ID}} slot https://github.com/antoine92190/vue-advanced-chat/issues/372
• Add custom-search-room-enabled prop and search-room event to use custom room search event https://github.com/antoine92190/vue-advanced-chat/commit/8976dc44e5217e5ffae835d5652bf42fd57b6e10

Changelog

• Fix message reply not visible https://github.com/antoine92190/vue-advanced-chat/commit/0dff9a8faf502ff30ffed644facf3d9b3207f853

Changelog

• Fix initial room loading https://github.com/antoine92190/vue-advanced-chat/issues/354

Changelog

• Fix video height issue https://github.com/antoine92190/vue-advanced-chat/issues/349
• Fix toggle-rooms-listevent not overriding default behaviour https://github.com/antoine92190/vue-advanced-chat/issues/346

Fully migrate the library to web component, so it can be used the same way on Vue 2, Vue 3, React, Angular and any other framework, or with not framework at all.

For more information, please read the official documentation Vue and Web Components.

MIGRATION GUIDE

Usage

• Import and use the web component like this:

import { register } from 'vue-advanced-chat'
register()

• Register vue-advanced-chat as a web component in your config file:

compilerOptions: {
  isCustomElement: tagName => tagName === 'vue-advanced-chat'
}

Shadow DOM

CSS classes cannot be simply overridden anymore. You can still use CSS variables, and if needed you can override CSS classes like this:

const style = document.createElement('style')
style.innerHTML = styles
this.$refs.chatWindow.shadowRoot.appendChild(style)

Props

For array and object props, you need to pass it as strings, for example: [messages]="JSON.stringify(messages)

Some props typing have changed:

• current-user-id and room-id props must be strings
• roomId, typingUsers and user._id in rooms prop must be strings
• senderId in messages prop must be a string
• senderId is rooms.lastMessage must be a string

Events

You can get events params like this:

@fetch-messages="fetchMessages($event.detail[0])"

Slots

As this library is now using native web component slots, some slots were renamed and the usage changed in some cases.
For the full list of available slots, please refer to https://github.com/antoine92190/vue-advanced-chat#named-slots

Changelog

• Fix templates and hashtags selection https://github.com/antoine92190/vue-advanced-chat/issues/335 https://github.com/antoine92190/vue-advanced-chat/issues/334

Changelog

• Previous release version seems to have the incorrect build files

Changelog

• Upgrade emoji picker version https://github.com/antoine92190/vue-advanced-chat/issues/325
• Add textarea-auto-focus prop to disable autofocus when opening a room for the first time https://github.com/antoine92190/vue-advanced-chat/issues/323
• Add system-message slot https://github.com/antoine92190/vue-advanced-chat/issues/316

Changelog

• Fix emojis size on message which is too small https://github.com/antoine92190/vue-advanced-chat/issues/305
• Fix emoji picker animation when opened for the first time https://github.com/antoine92190/vue-advanced-chat/issues/298

Changelog

• Add emoji-picker slot to replace use custom emoji picker in room footer or message actions https://github.com/antoine92190/vue-advanced-chat/commit/8b076386e9c777a71adcc5ee62b19eab5efcbbde

Changelog

• Fix viewport overflow on mobile* https://github.com/antoine92190/vue-advanced-chat/pull/285
• Fix usertags not opening with image message https://github.com/antoine92190/vue-advanced-chat/issues/280
• Fix media preview position when scrolling https://github.com/antoine92190/vue-advanced-chat/issues/283
• Fix missing footer slots https://github.com/antoine92190/vue-advanced-chat/issues/288

*Credits to @rr-it

Changelog

• Extract room footer to its own component to avoid messages re-renders https://github.com/antoine92190/vue-advanced-chat/issues/153
• Fix files progress bar position https://github.com/antoine92190/vue-advanced-chat/commit/16ebf4e4da3d6212f570ad97e317a44de9b8dc46

Changelog

• Fix audio player due to an issue introduced in lamejs version 1.2.1 https://github.com/zhuker/lamejs/issues/86

Changelog

• Add message selection feature using message-selection-actions prop and message-selection-action-handler event https://github.com/antoine92190/vue-advanced-chat/issues/270

Changelog

• Add username-options prop to control room messages username display condition https://github.com/antoine92190/vue-advanced-chat/issues/271