Update app for new menu, change screenshot

apps/boxclk/app.js

@@ -4,7 +4,9 @@
    let locale = require("locale");
    let date = new Date();
    let bgImage;
-  let boxesConfig = storage.readJSON('boxclk.json', 1) || {};
+   let configNumber = (storage.readJSON("boxclk.json", 1) || {}).selectedConfig || 0;
+   let fileName = 'boxclk' + (configNumber > 0 ? `-${configNumber}` : '') + '.json';
+   let boxesConfig = storage.readJSON(fileName, 1) || {};
    let boxes = {};
    let boxPos = {};
    let isDragging = {};
@@ -38,19 +40,19 @@
    for (let key in boxesConfig) {
      if (key === 'bg' && boxesConfig[key].img) {
        bgImage = storage.read(boxesConfig[key].img);
-    } else {
+     } else if (key !== 'selectedConfig') {
        boxes[key] = Object.assign({}, boxesConfig[key]);
      }
    }
  
-  Object.keys(boxes).forEach((boxKey) => {
-    let boxConfig = boxes[boxKey];
-    boxPos[boxKey] = {
+   Object.keys(boxes).forEach((key) => {
+     let boxConfig = boxes[key];
+     boxPos[key] = {
        x: w * boxConfig.boxPos.x,
        y: h * boxConfig.boxPos.y
      };
-    isDragging[boxKey] = false;
-    wasDragging[boxKey] = false;
+     isDragging[key] = false;
+     wasDragging[key] = false;
    });
  
    // 6. Text and drawing functions
@@ -237,3 +239,4 @@
    require("widget_utils").swipeOn();
    setup();
  }
+ 

apps/boxclk/settings.js

@@ -1,6 +1,9 @@
+(function () {
   let storage = require("Storage");
   let fileRegex = /^boxclk-(\d+)\.json$/;
   let selectedConfig;
+  let configs = {};
+  let hasDefaultConfig = false;
 
   function getNextConfigNumber() {
     let maxNumber = 0;
@@ -16,10 +19,6 @@ function getNextConfigNumber() {
     return maxNumber + 1;
   }
 
-(function () {
-  let configs = {};
-  let hasDefaultConfig = false;
-
   function handleSelection(config) {
     return function () {
       selectedConfig = config === "Default" ? 0 : config;
@@ -72,4 +71,4 @@ function getNextConfigNumber() {
   });
 
   E.showMenu(menu);
-})();
+});