latest build

gulpfile.js

@@ -36,6 +36,12 @@ gulp.task('styles', function () {
       .pipe(gulp.dest('./build'))
   });
 
+  gulp.task('scripts', function () {
+    return gulp.src('./build/dash.js')
+      .pipe(gzip())
+      .pipe(gulp.dest('./build'))
+  });
+
   gulp.task('pages', function() {
     return gulp.src(['./src/index.htm'])
       .pipe(htmlmin({

src/lib/plugins.js

@@ -4,7 +4,7 @@ import { loader } from './loader';
 import { menu } from './menu';
 
 const PLUGINS = [
-    'http://localhost:8080/build/dash.js'
+    '/dash.js.gz'
 ];
 
 const dynamicallyLoadScript = (url) => {

src/pages/fs.js

@@ -1,13 +1,16 @@
 import { h, Component } from 'preact';
 import { deleteFile, storeFile } from '../lib/espeasy';
+import { loader } from '../lib/loader';
 
 export class FSPage extends Component {
     constructor(props) {
         super(props);
         this.state = { files: [] }
 
-        this.saveForm = () => {
-            storeFile(this.file.files[0]);
+        this.saveForm = async () => {
+            loader.show();
+            await storeFile(this.file.files[0]);
+            await fetch();
         }
 
         this.deleteFile = e => {
@@ -23,6 +26,7 @@ export class FSPage extends Component {
     }
 
     render(props) {
+        loader.hide();
         return (
             <div>
                 <form class="pure-form pure-form-aligned">

webpack.config.js

@@ -4,7 +4,7 @@ var LiveReloadPlugin = require('webpack-livereload-plugin');
 var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = env => ({
-    mode: 'development', //env && env.production ? 'production' : 'development',
+    mode: 'production', //env && env.production ? 'production' : 'development',
     entry: {
         app: './src/app.js',
         dash: './src/plugins/dashboard/index.js',