Add emoji support

package-lock.json

@@ -19,6 +19,7 @@
 				"dompurify": "^3.0.5",
 				"libsodium-wrappers": "^0.7.11",
 				"marked": "^7.0.5",
+				"node-emoji": "^2.1.0",
 				"poseidon-lite": "^0.2.0",
 				"qr-scanner": "^1.4.2",
 				"qrcode": "^1.5.3",
@@ -918,6 +919,17 @@
 				"js-sha512": "^0.8.0"
 			}
 		},
+		"node_modules/@sindresorhus/is": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-3.1.2.tgz",
+			"integrity": "sha512-JiX9vxoKMmu8Y3Zr2RVathBL1Cdu4Nt4MuNWemt1Nc06A0RAin9c5FArkhGsyMBWfCu4zj+9b+GxtjAnE4qqLQ==",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sindresorhus/is?sponsor=1"
+			}
+		},
 		"node_modules/@skeletonlabs/skeleton": {
 			"version": "1.12.0",
 			"resolved": "https://registry.npmjs.org/@skeletonlabs/skeleton/-/skeleton-1.12.0.tgz",
@@ -1698,6 +1710,14 @@
 				"url": "https://github.com/chalk/chalk?sponsor=1"
 			}
 		},
+		"node_modules/char-regex": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+			"integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+			"engines": {
+				"node": ">=10"
+			}
+		},
 		"node_modules/check-types": {
 			"version": "11.2.2",
 			"resolved": "https://registry.npmjs.org/check-types/-/check-types-11.2.2.tgz",
@@ -2050,6 +2070,11 @@
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
 			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
 		},
+		"node_modules/emojilib": {
+			"version": "2.4.0",
+			"resolved": "https://registry.npmjs.org/emojilib/-/emojilib-2.4.0.tgz",
+			"integrity": "sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw=="
+		},
 		"node_modules/encode-utf8": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
@@ -3510,6 +3535,17 @@
 			"integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
 			"dev": true
 		},
+		"node_modules/node-emoji": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-2.1.0.tgz",
+			"integrity": "sha512-tcsBm9C6FmPN5Wo7OjFi9lgMyJjvkAeirmjR/ax8Ttfqy4N8PoFic26uqFTIgayHPNI5FH4ltUvfh9kHzwcK9A==",
+			"dependencies": {
+				"@sindresorhus/is": "^3.1.2",
+				"char-regex": "^1.0.2",
+				"emojilib": "^2.4.0",
+				"skin-tone": "^2.0.0"
+			}
+		},
 		"node_modules/node-releases": {
 			"version": "2.0.13",
 			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
@@ -4313,6 +4349,17 @@
 				"node": ">= 10"
 			}
 		},
+		"node_modules/skin-tone": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/skin-tone/-/skin-tone-2.0.0.tgz",
+			"integrity": "sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==",
+			"dependencies": {
+				"unicode-emoji-modifier-base": "^1.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/slash": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -4942,6 +4989,14 @@
 				"node": ">=14.0"
 			}
 		},
+		"node_modules/unicode-emoji-modifier-base": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/unicode-emoji-modifier-base/-/unicode-emoji-modifier-base-1.0.0.tgz",
+			"integrity": "sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==",
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/update-browserslist-db": {
 			"version": "1.0.11",
 			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",

package.json

@@ -57,6 +57,7 @@
 		"dompurify": "^3.0.5",
 		"libsodium-wrappers": "^0.7.11",
 		"marked": "^7.0.5",
+		"node-emoji": "^2.1.0",
 		"poseidon-lite": "^0.2.0",
 		"qr-scanner": "^1.4.2",
 		"qrcode": "^1.5.3",

src/routes/chat/BubbleText.svelte

@@ -2,6 +2,7 @@
 	import * as marked from 'marked';
 	import Autolinker from 'autolinker';
 	import DOMPurify from 'dompurify';
+	import * as emoji from 'node-emoji'
 
 	export let bubbleText: string;
 
@@ -17,6 +18,9 @@
 			}
 		});
 
+		// Format Emojis
+		editedText = emoji.emojify(editedText);
+
 		// Sanitize HTML - This step must go after the Autolinker url step
 		editedText = DOMPurify.sanitize(editedText);