Emoji (#89)

* emoji: svg pointer via `<use />`

* script: emoji compiler

* bundle emojis

* fix: lint

* emoji in chat, autocomplete & emote menu tab

* qualifications

* pagstick if you see this

* revert emoji spec to v14.0

* removed unused dependencies

* make the emote menu list rendering more sane

* Fancier emoji tooltips

* prettier -kkona

* emoji generate script

* update changelog

* fix: lint

Author: AnatoleAM

.gitignore

@@ -24,3 +24,6 @@ dist-ssr
 # Manifest.json is generated from manifest.config.json
 src/manifest.json
 msg_types.json
+
+script/*.json
+

.prettierignore

@@ -1,3 +1,5 @@
 /dist
 /node_modules
 /Typings
+/src/assets/blob/emoji.json
+

.prettierrc

@@ -12,6 +12,7 @@
 		"^pinia",
 		"^@/store/(.*)$",
 		"^@/common/(.*)$",
+		"^@/db/(.*)$",
 		"^@/composable/(.*)$",
 		"^@/site/(.*)$",
 		"^@/worker/(.*)$",

CHANGELOG.md

@@ -1,63 +1,69 @@
 ### Version 3.0.0.7000 (Beta 7)
 
-- Added support for Animated Avatars
-- Fixed an issue which broke the Mod Slider
+-	Added support for Emojis in chat & auto-completion
+-	Added a new tab for Emojis in the Emote Menu
+-   Added support for Animated Avatars
+-   Made some optimizations against bandwidth usage
+-   Fixed an issue which broke the insertion of emotes to the input via the emote menu
+-   Fixed an issue which broke the Mod Slider
+-   Fixed an issue which caused timestamps to remain frozen in time
+-   Fixed incorrect vertical chat padding
 
 ### Version 3.0.0.6000 (Beta 6)
 
-- Added Message Highlights for First-Time Chatter, Returning Chatter & Suspicious Users
-- Added a search bar in the Emote Menu
-- Updated the look of the Settings Menu
+-   Added Message Highlights for First-Time Chatter, Returning Chatter & Suspicious Users
+-   Added a search bar in the Emote Menu
+-   Updated the look of the Settings Menu
 
 ---
 
 ### Version 3.0.0.5000 (Beta 5)
 
-- Colon auto-complete ( :emote ) should now work again
-- Added new config option ("Message Batching") to change the rate at which new messages appear
-- Significantly improved the performance of the Emote Menu
-- The jump buttons in the Emote Menu should now work properly on Chrome
-- Made tentative performance improvements to the chat. Please report any regressions
-- The page should no longer substantially freeze when tabbing in after a few seconds out of focus
-- The page should no longer occasionally freeze when switching between channels
-- The page should no longer feel sluggish for the first few seconds after loading into a channel
-- Fixed a conflict with FrankerFaceZ where some message types did not render properly
-- Fixed an issue which caused EventAPI subscription commands to be sent twice
+-   Colon auto-complete ( :emote ) should now work again
+-   Added new config option ("Message Batching") to change the rate at which new messages appear
+-   Significantly improved the performance of the Emote Menu
+-   The jump buttons in the Emote Menu should now work properly on Chrome
+-   Made tentative performance improvements to the chat. Please report any regressions
+-   The page should no longer substantially freeze when tabbing in after a few seconds out of focus
+-   The page should no longer occasionally freeze when switching between channels
+-   The page should no longer feel sluggish for the first few seconds after loading into a channel
+-   Fixed a conflict with FrankerFaceZ where some message types did not render properly
+-   Fixed an issue which caused EventAPI subscription commands to be sent twice
 
 ---
 
 ### Version 3.0.0.4000 (Beta 4)
 
-- Added support for Replies & Threads
-- Added support for Mod Icons
-- Added a message announcement when channel 7TV emotes are changed
-- Added an option to change the chat padding style (full-width or native)
-- The emote menu button will now take the form of the 7TV Logo
-- Fixed an issue which caused this changelog to become impossible to close if multiple tabs were open
+-   Added support for Replies & Threads
+-   Added support for Mod Icons
+-   Added a message announcement when channel 7TV emotes are changed
+-   Added an option to change the chat padding style (full-width or native)
+-   The emote menu button will now take the form of the 7TV Logo
+-   Fixed an issue which caused this changelog to become impossible to close if multiple tabs were open
 
 ---
 
 ### Version 3.0.0.3000 (Beta 3)
 
-- Added an option for alternating background colors between chat messages
-- Added initial support for syncing settings with FrankerFaceZ
-- Content from blocked users will now be hidden
-- Made performance & stability tweaks
-- Fixed an issue where AVIF would be used regardless of whether the current browser is supported
-- Fixed an issue which caused this changelog to appear on every refresh <img width="18" src="https://cdn.7tv.app/emote/6086fa8d5e01df61570b594e/1x.webp" />
-  
+-   Added an option for alternating background colors between chat messages
+-   Added initial support for syncing settings with FrankerFaceZ
+-   Content from blocked users will now be hidden
+-   Made performance & stability tweaks
+-   Fixed an issue where AVIF would be used regardless of whether the current browser is supported
+-   Fixed an issue which caused this changelog to appear on every refresh <img width="18" src="https://cdn.7tv.app/emote/6086fa8d5e01df61570b594e/1x.webp" />
+
 ---
 
 ### Version 3.0.0.2000 (Beta 2)
 
-- Added message send state indication: greys out sent messages until confirmed
-- Added support for historical chat messages
-- Made it possible to delete one's own messages when broadcaster or mod
-- Cosmetics & Personal Emotes should now correctly synchronize with every tab
-- @mentions will now appear bolded
-- Added a setting for compact emote tooltips
-- Tooltips should no longer clip outside the window on some occasions
-- Fixed an issue where pressing tab would exit the chat input box
-- Fixed an issue where tab completion would pick a match that didn't start with the currently typed word
-- The extension will now refuse to run if another version of 7TV is detected on the browser
-- Added changelogs
+-   Added message send state indication: greys out sent messages until confirmed
+-   Added support for historical chat messages
+-   Made it possible to delete one's own messages when broadcaster or mod
+-   Cosmetics & Personal Emotes should now correctly synchronize with every tab
+-   @mentions will now appear bolded
+-   Added a setting for compact emote tooltips
+-   Tooltips should no longer clip outside the window on some occasions
+-   Fixed an issue where pressing tab would exit the chat input box
+-   Fixed an issue where tab completion would pick a match that didn't start with the currently typed word
+-   The extension will now refuse to run if another version of 7TV is detected on the browser
+-   Added changelogs

README.md

@@ -4,8 +4,8 @@ This is a complete rewrite of the [Web Extension](https://github.com/seventv/sev
 
 ### Building
 
-- make deps
-- make production
+-   make deps
+-   make production
 
 For a beta build, set `BRANCH=beta` in your environment variables.
 

manifest.config.ts

@@ -59,6 +59,7 @@ export async function getManifest(
 					"content.js.map",
 					"worker.js",
 					"assets/style.css",
+					"blob/emoji.svg",
 					...(chunkResources ?? []),
 				],
 				matches: ["*://*.twitch.tv/*"],