feat: copy used emoji svgs (#1580)

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

config/webpack.config.renderer.base.ts

@@ -7,6 +7,8 @@ import { merge } from 'webpack-merge';
 import baseConfig from './webpack.config.common';
 import webpackPaths from './webpack.paths';
 
+import { EMOJI_CODE_POINTS } from '../src/renderer/utils/emojis';
+
 const configuration: webpack.Configuration = {
   devtool: 'inline-source-map',
 
@@ -72,6 +74,12 @@ const configuration: webpack.Configuration = {
             'svg',
           ),
           to: 'images/twemoji',
+          // Only copy the SVGs for the emojis we use
+          filter: (resourcePath) => {
+            return EMOJI_CODE_POINTS.some((svg) =>
+              resourcePath.endsWith(`/${svg}.svg`),
+            );
+          },
         },
       ],
     }),

src/renderer/utils/__snapshots__/emojis.test.ts.snap

@@ -0,0 +1,8 @@
+import { EMOJI_CODE_POINTS } from './emojis';
+
+describe('renderer/utils/emojis.ts', () => {
+  it('emoji code points', () => {
+    expect(EMOJI_CODE_POINTS).toHaveLength(20);
+    expect(EMOJI_CODE_POINTS).toMatchSnapshot();
+  });
+});

src/renderer/utils/emojis.test.ts

@@ -0,0 +1,16 @@
+import twemoji from '@discordapp/twemoji';
+import { Constants } from './constants';
+import { Errors } from './errors';
+
+const ALL_EMOJIS = [
+  ...Constants.ALL_READ_EMOJIS,
+  ...Errors.BAD_CREDENTIALS.emojis,
+  ...Errors.MISSING_SCOPES.emojis,
+  ...Errors.NETWORK.emojis,
+  ...Errors.RATE_LIMITED.emojis,
+  ...Errors.UNKNOWN.emojis,
+];
+
+export const EMOJI_CODE_POINTS = ALL_EMOJIS.map((emoji) =>
+  twemoji.convert.toCodePoint(emoji),
+);