The In-Line Actions Update

* Add extensible actions system.
* Add extensive UI for configuring the actions system.
* Add setting to disable channel hosting.
* Fix the stupid Rooms thing popping up every time you open a channel.
* Fix how we grab chat types from React.
* Refactor how we handle incoming chat messages.
* Add a hook for outgoing chat messages.
* Fix emoji appearing squished with baseline emote alignment.
* Display arrows on balloons.
* Fix an issue generating emoji URLs.
* Do not use the default values for settings with merge strategies if profiles have those settings, just empty.
* Display a message in the chat settings menu if we tried opening FFZ's settings and failed.
* Wait a bit for webpack's loader if it's not immediately there for some reason.
* Probably other stuff.
* Not mod cards. Yet.

src/std-components/balloon.vue

@@ -0,0 +1,38 @@
+<template lang="html">
+	<div
+		:class="classes"
+		class="tw-balloon tw-block tw-absolute"
+	>
+		<div class="tw-balloon__tail tw-overflow-hidden tw-absolute">
+			<div
+				:class="`tw-c-${color}`"
+				class="tw-balloon__tail-symbol tw-border-t tw-border-r tw-border-b tw-border-l tw-border-radius-small tw-absolute"
+			/>
+		</div>
+		<div class="tw-border-t tw-border-r tw-border-b tw-border-l tw-elevation-1 tw-border-radius-small">
+			<slot />
+		</div>
+	</div>
+</template>
+
+<script>
+
+export default {
+	props: {
+		color: {
+			type: String,
+			default: 'background'
+		},
+
+		size: String,
+		dir: String
+	},
+
+	computed: {
+		classes() {
+			return `tw-c-${this.color} ${this.size ? `tw-balloon--${this.size}` : ''} ${this.dir ? this.dir.split('-').map(x => `tw-balloon--${x}`).join(' ') : ''}`;
+		}
+	}
+}
+
+</script>

src/std-components/simplebar.vue

@@ -0,0 +1,33 @@
+<template lang="html">
+	<div
+		:class="classes"
+		:data-simplebar-auto-hide="autoHide"
+		:data-simplebar-scrollbar-min-size="scrollbarMinSize"
+		data-simplebar
+		class="scrollable-area"
+	>
+		<div class="simplebar-scroll-content">
+			<div class="simplebar-content">
+				<slot />
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+
+export default {
+	props: {
+		classes: String,
+		autoHide: {
+			type: Boolean,
+			default: true
+		},
+		scrollbarMinSize: {
+			type: Number,
+			default: 10
+		}
+	}
+}
+
+</script>