Work on the UI

gulpfile.js

@@ -0,0 +1,16 @@
+const gulp = require('gulp');
+
+gulp.task('css', () => {
+    const postcss = require('gulp-postcss');
+
+    return gulp.src('resources/css/app.css')
+        .pipe(postcss([
+            require('tailwindcss')('./tailwind.config.js'),
+            require('autoprefixer'),
+        ]))
+        .pipe(gulp.dest('webroot/css'))
+});
+
+gulp.task('watch', () => {
+    gulp.watch('resources/**/*.css', gulp.parallel(['css']));
+});

index.js

@@ -1,5 +1,8 @@
+// Auto reloading
+require('electron-reload')(__dirname);
+
 const {app, BrowserWindow, ipcMain} = require("electron");
-const dbus = new (require("./dbus.js"))();
+// const dbus = new (require("./dbus.js"))();
 
 process.title = "streamdeck-editor";
 
@@ -10,12 +13,15 @@ function createWindow () {
     mainWindow = new BrowserWindow({
         width: 1280,
         height: 720,
+        frame: true,
+        transparent: true,
+       // titleBarStyle: 'hidden',
         webPreferences: {
             nodeIntegration: true
         }
     });
 
-    mainWindow.setMenu(null);
+  //  mainWindow.setMenu(null);
 
     mainWindow.loadFile("./webroot/index.html");
 
@@ -37,41 +43,41 @@ app.on('activate', function () {
 });
 
 
-ipcMain.on("get-deck-info", (event) => {
-    dbus.getDeckInfo((info) => {
-        event.reply("deck-info", info);
-    });
-    dbus.listenToPage(page => {
-        event.reply("page-updated", page);
-    });
-});
-
-ipcMain.on('get-config', (event) => {
-    dbus.getConfig((config) => {
-        event.reply("config", config);
-    })
-});
-
-ipcMain.on('set-config', (event, arg) => {
-    dbus.setConfig(arg, (status) => {
-        event.reply("status", status);
-    })
-});
-
-ipcMain.on("reload", (event) => {
-    dbus.reload((status) => {
-        event.reply("reload", status);
-    })
-});
-
-ipcMain.on("set-page", (event, arg) => {
-    dbus.setPage(arg, status => {
-        event.reply("page-set", status);
-    })
-});
-
-ipcMain.on("commit-config", (event, arg) => {
-    dbus.commitConfig(status => {
-        event.reply("config-committed", status);
-    })
-});
+// ipcMain.on("get-deck-info", (event) => {
+//     dbus.getDeckInfo((info) => {
+//         event.reply("deck-info", info);
+//     });
+//     dbus.listenToPage(page => {
+//         event.reply("page-updated", page);
+//     });
+// });
+//
+// ipcMain.on('get-config', (event) => {
+//     dbus.getConfig((config) => {
+//         event.reply("config", config);
+//     })
+// });
+//
+// ipcMain.on('set-config', (event, arg) => {
+//     dbus.setConfig(arg, (status) => {
+//         event.reply("status", status);
+//     })
+// });
+//
+// ipcMain.on("reload", (event) => {
+//     dbus.reload((status) => {
+//         event.reply("reload", status);
+//     })
+// });
+//
+// ipcMain.on("set-page", (event, arg) => {
+//     dbus.setPage(arg, status => {
+//         event.reply("page-set", status);
+//     })
+// });
+//
+// ipcMain.on("commit-config", (event, arg) => {
+//     dbus.commitConfig(status => {
+//         event.reply("config-committed", status);
+//     })
+// });