Build tool

.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/

gulpfile.js

@@ -0,0 +1,64 @@
+import gulp from "gulp";
+
+import del from "del";
+import webpackStream from "webpack-stream";
+import webpack from "webpack";
+
+let IS_DEV_MODE = false;
+const SRC_DIR = "./src/";
+const DEST_DIR = "./dist";
+
+const ENV_CONFIG = {
+    "sandbox": {
+    },
+    "production": {
+    }
+}
+
+if (process.env.NODE_ENV !== 'production') {
+    console.log('***************');
+    console.log('Running in development mode');
+    console.log('***************');
+    IS_DEV_MODE = true;
+}
+
+gulp.task('clean', () => {
+    return del([
+        DEST_DIR + '/**/*',
+    ]);
+});
+
+gulp.task('js', function () {
+    return gulp
+        .src([SRC_DIR + '/main.js'])
+        .pipe(webpackStream({
+            mode: IS_DEV_MODE ? "development" : "production",
+            devtool: IS_DEV_MODE ? 'source-map' : false,
+            module: {
+                rules: [
+                    {
+                        test: /\.tsx?$/,
+                        use: 'ts-loader',
+                        exclude: /node_modules/,
+                    },
+                ],
+            },
+            resolve: {
+                extensions: ['.tsx', '.ts', '.js'],
+            },
+            plugins: [
+                new webpack.DefinePlugin({
+                    "JB_CONFIG": JSON.stringify(ENV_CONFIG[IS_DEV_MODE ? "sandbox" : "production"])
+                }),
+            ]
+        }))
+        .pipe(gulp.dest(DEST_DIR));
+});
+gulp.task('assets', function () {
+    return gulp
+        .src([SRC_DIR + '/manifest.json', SRC_DIR + '/icon.svg'])
+        .pipe(gulp.dest(DEST_DIR));
+});
+
+gulp.task('build', gulp.series(['clean', 'js', 'assets']));
+gulp.task('default', gulp.series(['build']));