ui: add sentry

packages/ui-default/build/config/webpack.ts

@@ -1,4 +1,5 @@
 /* eslint-disable global-require */
+import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
 import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 import { EsbuildPlugin } from 'esbuild-loader';
@@ -69,7 +70,8 @@ export default function (env: { watch?: boolean, production?: boolean, measure?:
     stats: {
       preset: 'errors-warnings',
     },
-    devtool: false,
+    // sentry requires source-map while keep it simple in dev mode
+    devtool: env.production ? 'source-map' : false,
     entry: {
       hydro: './entry.js',
       polyfill: './polyfill.ts',
@@ -255,6 +257,12 @@ export default function (env: { watch?: boolean, production?: boolean, measure?:
           { from: `${dirname(require.resolve('monaco-themes/package.json'))}/themes`, to: 'monaco/themes/' },
         ],
       }),
+      sentryWebpackPlugin({
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+        org: 'hydro-dev',
+        project: 'hydro-web',
+        url: 'https://sentry.hydro.ac',
+      }),
       new webpack.DefinePlugin({
         'process.env.VERSION': JSON.stringify(require('@hydrooj/ui-default/package.json').version),
       }),

packages/ui-default/build/main.ts

@@ -4,6 +4,7 @@ import cac from 'cac';
 import chalk from 'chalk';
 import log from 'fancy-log';
 import fs from 'fs-extra';
+import { globbySync } from 'globby';
 import gulp from 'gulp';
 import { sum } from 'lodash';
 import path from 'path';
@@ -133,6 +134,7 @@ async function main() {
       const files = fs.readdirSync('public');
       files.filter((i) => /(^[in]\..+|worker)\.js\.map$/.test(i)).forEach((i) => fs.removeSync(`public/${i}`));
     }
+    await Promise.all(globbySync('public/**/*.map').map((i) => fs.remove(i)));
   }
   process.chdir(dir);
 }