fix: use svelte-hot rollup plugin

package.json

@@ -42,6 +42,7 @@
     "node-sass": "^4.14.1",
     "rollup": "^2.8.2",
     "rollup-plugin-svelte": "^5.2.1",
+    "rollup-plugin-svelte-hot": "^0.7.0",
     "standard": "^14.3.3",
     "svelte": "^3.22.2",
     "svelte-preprocess": "^3.7.4"

rollup.config.js

@@ -2,10 +2,14 @@ import cjs from '@rollup/plugin-commonjs'
 import resolve from '@rollup/plugin-node-resolve'
 import json from '@rollup/plugin-json'
 import replace from '@rollup/plugin-replace'
-import svelte from 'rollup-plugin-svelte'
+import mainSvelte from 'rollup-plugin-svelte'
+import hotSvelte from 'rollup-plugin-svelte-hot'
 import autoPreprocess from 'svelte-preprocess'
 import { versionsAndTestEmoji } from './bin/versionsAndTestEmoji'
 
+const dev = process.env.NODE_ENV !== 'production'
+const svelte = dev ? hotSvelte : mainSvelte
+
 const baseConfig = {
   plugins: [
     resolve(),
@@ -19,7 +23,7 @@ const baseConfig = {
     svelte({
       css: true,
       customElement: true,
-      dev: process.env.NODE_ENV !== 'production',
+      dev,
       preprocess: autoPreprocess()
     })
   ]
@@ -38,6 +42,7 @@ export default formats.map(format => (entryPoints.map(({ input, output }) => ({
   input,
   output: {
     format,
-    file: `dist/${format}/${output}`
+    file: `dist/${format}/${output}`,
+    sourcemap: dev
   }
 })))).flat()

src/svelte/components/Picker/Picker.module.js

@@ -4,3 +4,5 @@ export const emojiSupportLevel = determineEmojiSupportLevel()
 // determine which emojis containing ZWJ (zero width joiner) characters
 // are supported (rendered as one glyph) rather than unsupported (rendered as two or more glyphs)
 export const supportedZwjEmojis = new Map()
+
+console.log('emoji support level', emojiSupportLevel)