Darkmode & timestamps

app/components/Head.js

@@ -50,6 +50,10 @@ class Head extends React.Component {
     ipcRenderer.send('updateConfig');
   }
 
+  toggleTheme() {
+    ipcRenderer.invoke('dark-mode:toggle');
+  }
+
   render() {
     const interfaces = ipcRenderer.sendSync('proxyGetInterfaces').map((interfaceEntry, i) => ({ key: i, text: interfaceEntry, value: i }));
     return (
@@ -68,6 +72,7 @@ class Head extends React.Component {
             labelPosition="right"
             onClick={this.toggleProxy.bind(this)}
           />
+          <Button onClick={this.toggleTheme.bind(this)} icon={'adjust'} />
         </Menu.Item>
       </Menu>
     );

app/main.js

@@ -1,4 +1,4 @@
-const { app, BrowserWindow, ipcMain, Menu, shell, Tray } = require('electron');
+const { app, BrowserWindow, ipcMain, Menu, shell, Tray, nativeTheme } = require('electron');
 require('@electron/remote/main').initialize();
 const fs = require('fs-extra');
 const storage = require('electron-json-storage');
@@ -38,12 +38,12 @@ let defaultConfigDetails = {
 
 function createWindow() {
   let mainWindowState = windowStateKeeper({
-    defaultWidth: 800,
+    defaultWidth: 1100,
     defaultHeight: 600,
   });
 
   global.win = new BrowserWindow({
-    minWidth: 800,
+    minWidth: 1100,
     minHeight: 600,
     x: mainWindowState.x,
     y: mainWindowState.y,
@@ -115,6 +115,20 @@ function createWindow() {
     e.preventDefault();
     shell.openExternal(link);
   });
+
+  //dark mode toggles
+  ipcMain.handle('dark-mode:toggle', () => {
+    if (nativeTheme.shouldUseDarkColors) {
+      nativeTheme.themeSource = 'light';
+    } else {
+      nativeTheme.themeSource = 'dark';
+    }
+    return nativeTheme.shouldUseDarkColors;
+  });
+
+  ipcMain.handle('dark-mode:system', () => {
+    nativeTheme.themeSource = 'system';
+  });
 }
 
 const proxy = new SWProxy();

app/pages/Logs.js

@@ -2,25 +2,27 @@ import React from 'react';
 import { Header, Feed, Divider, Label, Icon } from 'semantic-ui-react';
 import { capitalize, toLower } from 'lodash/string';
 
-const { ipcRenderer } = require('electron');
+const { ipcRenderer, ipcMain } = require('electron');
 const remote = require('@electron/remote');
 
 const config = remote.getGlobal('config');
 
 const STATUS_COLOR_MAP = {
   success: 'green',
   info: 'blue',
-  warning: 'yellow',
+  warning: 'orange',
   error: 'red',
-  debug: 'darkgrey',
+  debug: 'black',
 };
+
 const STATUS_ICON_MAP = {
   success: 'check',
   info: 'info circle',
   warning: 'warning sign',
   error: 'x',
   debug: 'code',
 };
+
 const determineLabelColor = (status) => STATUS_COLOR_MAP[status] || 'grey';
 const determineLabelIcon = (status) => STATUS_ICON_MAP[status] || 'question';
 

app/plugins/profile-export.js

@@ -1,6 +1,8 @@
 const fs = require('fs');
+const fse = require('fs-extra');
 const path = require('path');
 const sanitize = require('sanitize-filename');
+const dateformat = require('date-fns');
 const MISSING_DATA_ERROR =
   'No file created. Data was missing during the Export process. This happens sometimes, when com2us failes to include important data during the request. Normally this fixes itself after a few tries.';
 
@@ -9,10 +11,12 @@ module.exports = {
     enabled: true,
     sortData: true,
     mergeStorage: true,
+    timestampedCopy: false,
   },
   defaultConfigDetails: {
     sortData: { label: 'Sort data like ingame' },
     mergeStorage: { label: 'Merge sealed monster storage into profile data' },
+    timestampedCopy: { label: 'Timestamped copy in separate folder' },
   },
   pluginName: 'ProfileExport',
   pluginDescription: 'Exports your monster and rune data.',
@@ -32,6 +36,10 @@ module.exports = {
         if (!config.Config.Plugins[this.pluginName].mergeStorage) {
           this.writeProfileToFile(proxy, resp.wizard_info.wizard_id);
         }
+
+        if (config.Config.Plugins[this.pluginName].timestampedCopy) {
+          this.writeProfileToFolder(proxy, resp.wizard_info.wizard_id);
+        }
       }
     });
     proxy.on('GuestLogin', (req, resp) => {
@@ -71,6 +79,7 @@ module.exports = {
     });
   },
   writeProfileToFile(proxy, wizardID) {
+    const timestamp = dateformat.format(new Date(), 'yyyy-MM-dd_HHmmss');
     const wizardName = this.temp[wizardID].wizard_info.wizard_name;
     const filename = sanitize(`${wizardName}-${wizardID}`).concat('.json');
 
@@ -83,6 +92,22 @@ module.exports = {
     outFile.end();
     proxy.log({ type: 'success', source: 'plugin', name: this.pluginName, message: 'Saved profile data to '.concat(filename) });
   },
+
+  writeProfileToFolder(proxy, wizardID) {
+    const wizardName = this.temp[wizardID].wizard_info.wizard_name;
+    const timestamp = dateformat.format(new Date(), 'yyyy-MM-dd_HHmmss');
+    const filename = sanitize(`${wizardName}-${wizardID}-${timestamp}`).concat('.json');
+
+    fse.ensureDirSync(path.join(config.Config.App.filesPath, 'profile saves'));
+    let outFile = fs.createWriteStream(path.join(config.Config.App.filesPath, 'profile saves', filename), {
+      flags: 'w',
+      autoClose: true,
+    });
+
+    outFile.write(JSON.stringify(this.temp[wizardID], true, 2));
+    outFile.end();
+    proxy.log({ type: 'success', source: 'plugin', name: this.pluginName, message: 'Saved profile data to '.concat(filename) });
+  },
   checkData(data) {
     // Sometimes com2us doesn't include al lthe required data in the request
     // Most notably is the missing of the building_list object.

app/proxy/SWProxy.js

@@ -5,7 +5,7 @@ const path = require('path');
 const os = require('os');
 const net = require('net');
 const url = require('url');
-const uuidv4 = require('uuid/v4');
+const { v4: uuidv4 } = require('uuid');
 const Proxy = require('http-mitm-proxy');
 const { differenceInMonths } = require('date-fns');
 const storage = require('electron-json-storage');

css/style.css

@@ -5,23 +5,28 @@ body {
 .ui.menu.main-menu {
   margin-bottom: 0;
 }
+
 .ui.menu.side-menu {
   top: 65px;
   z-index: 1;
 }
+
 .ui.segment.main-content {
   margin-top: 65px;
   margin-left: 210px;
 }
+
 .ui.segment.main-content.compacted {
   margin: 0;
 }
+
 .ui.segment.app-segment {
   border-radius: 0;
   margin-top: 0;
   border-bottom: none;
   border-left: none;
 }
+
 .main-menu .item.right button {
   margin-left: 15px !important;
 }
@@ -35,7 +40,7 @@ body {
   text-align: center;
 }
 
-.rune .ui.image.label > img {
+.rune .ui.image.label>img {
   margin: 0 auto;
   max-width: none;
 }
@@ -63,8 +68,86 @@ body {
   color: #ffffff;
 }
 
-.ui.label.image.horizontal > .detail {
-  padding-top: .4em;
-  padding-bottom: .4em;
-  margin-top: -.4em;
+.ui.label.image.horizontal>.detail {
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+  margin-top: -0.4em;
+}
+
+/* only for when using RuneDropEfficiency2 */
+.gem-table td {
+  min-width: 60px !important;
+  text-align: right !important;
+}
+
+td[bgcolor='lightgreen'] {
+  background-color: #27bb67 !important;
+  color: black !important;
+}
+
+@media (prefers-color-scheme: dark) {
+  * {
+    color: rgb(255, 255, 255) !important;
+  }
+
+  body {
+    background: rgb(51, 51, 51);
+  }
+
+  .main-menu {
+    background-color: rgb(51, 51, 51) !important;
+  }
+
+  .main-menu * {
+    color: rgb(0, 0, 0) !important;
+  }
+
+  h4.ui.top.header,
+  .ui.attached.segment {
+    background-color: rgb(51, 51, 51);
+  }
+
+  .ui.fluid.action.input *,
+  .ui.fluid.input *,
+  .ui.input *,
+  .ui.compact.icon.right.floated.button *,
+  .ui.compact.icon.left.floated.button *,
+  .ui.small.icon.left.labeled.button *,
+  .ui.small.icon.left.labeled.button,
+  .ui.top.left.small.popup.transition.visible *,
+  textarea {
+    color: rgb(0, 0, 0) !important;
+  }
+
+  .ui.small.modal.transition.visible.active * {
+    background-color: rgb(51, 51, 51);
+  }
+
+  .ui.selection.dropdown *,
+  .listbox,
+  .ui.selection.dropdown,
+  .ui.active.visible.selection.dropdown,
+  .textarea *,
+  .ui.labeled.input *,
+  .ui.fluid.action.input *,
+  .ui.fluid.input *,
+  .ui.input *,
+  .ui.selection.dropdown *,
+  .listbox,
+  .ui.selection.dropdown,
+  .ui.active.visible.selection.dropdown,
+  textarea {
+    background-color: rgb(209, 209, 209) !important;
+  }
+
+  .ui.checkbox label::before {
+    background-color: rgb(190, 190, 190) !important;
+  }
 }
+
+@media (prefers-color-scheme: light) {
+  body {
+    background: rgb(255, 255, 255);
+    color: rgb(0, 0, 0);
+  }
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "sw-exporter",
   "productName": "Summoners War Exporter",
-  "version": "0.0.53",
+  "version": "0.0.54B",
   "description": "This tool will parse intercepted data from Summoners War and extract information on the monsters and runes of the user.",
   "main": "./app/main.js",
   "scripts": {
@@ -98,4 +98,4 @@
     "semantic-ui-react": "^2.0.4",
     "uuid": "^3.4.0"
   }
-}
+}