Migrate popup UI to Preact and Tailwind CSS

rollup.config.js

@@ -1,7 +1,7 @@
 const ts = require('@rollup/plugin-typescript');
 const terser = require('@rollup/plugin-terser');
 const { nodeResolve } = require('@rollup/plugin-node-resolve');
-
+const replace = require('@rollup/plugin-replace');
 const config = require('./tsconfig.json');
 
 module.exports = [
@@ -17,13 +17,21 @@ module.exports = [
   },
 
   {
-    input: './src/popup/index.ts',
+    input: './src/popup/index.tsx',
     output: {
       file: './extension/popup/popup.js',
       format: 'umd',
       sourcemap: true
     },
     onwarn() {},
-    plugins: [nodeResolve(), ts(config), terser()]
+    plugins: [
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('production'),
+        preventAssignment: true
+      }),
+      nodeResolve(),
+      ts(config),
+      terser()
+    ]
   }
 ];