storing customlayoutfluid using _ instead of spaces so that it can save the config properly

src/js/commandline-lists.js

@@ -1666,12 +1666,12 @@ export let defaultCommands = {
         UpdateConfig.setCustomLayoutfluid(input);
         UpdateConfig.setLayout(
           Config.customLayoutfluid
-            ? Config.customLayoutfluid.split(" ")[0]
+            ? Config.customLayoutfluid.split("_")[0]
             : "qwerty"
         );
         UpdateConfig.setKeymapLayout(
           Config.customLayoutfluid
-            ? Config.customLayoutfluid.split(" ")[0]
+            ? Config.customLayoutfluid.split("_")[0]
             : "qwerty"
         );
       },

src/js/config.js

@@ -1401,9 +1401,10 @@ export function setCustomBackground(value, nosave) {
 }
 
 export function setCustomLayoutfluid(value, nosave) {
-  // scuffed solution
-  if (value == undefined) return;
-
+  if (value == null || value == undefined) {
+    value = "qwerty_dvorak_colemak";
+  }
+  value = value.replace(/ /g, "_");
   config.customLayoutfluid = value;
   CommandlineLists.defaultCommands.list.filter(
     (command) => command.id == "changeCustomLayoutfluid"

src/js/input-controller.js

@@ -203,7 +203,7 @@ function handleSpace(event, isEnter) {
   if (Funbox.active === "layoutfluid" && Config.mode !== "time") {
     // here I need to check if Config.customLayoutFluid exists because of my scuffed solution of returning whenever value is undefined in the setCustomLayoutfluid function
     const layouts = Config.customLayoutfluid
-      ? Config.customLayoutfluid.split(" ")
+      ? Config.customLayoutfluid.split("_")
       : ["qwerty", "dvorak", "colemak"];
     let index = 0;
     let outof = TestLogic.words.length;

src/js/settings.js

@@ -277,10 +277,10 @@ async function initGroups() {
     "customBackgroundSize",
     UpdateConfig.setCustomBackgroundSize
   );
-  groups.customLayoutfluid = new SettingsGroup(
-    "customLayoutfluid",
-    UpdateConfig.setCustomLayoutfluid
-  );
+  // groups.customLayoutfluid = new SettingsGroup(
+  //   "customLayoutfluid",
+  //   UpdateConfig.setCustomLayoutfluid
+  // );
 }
 
 async function fillSettingsPage() {

src/js/test/funbox.js

@@ -176,7 +176,7 @@ export async function activate(funbox, mode) {
       rememberSetting("layout", Config.layout, UpdateConfig.setLayout);
       UpdateConfig.setLayout(
         Config.customLayoutfluid
-          ? Config.customLayoutfluid.split(" ")[0]
+          ? Config.customLayoutfluid.split("_")[0]
           : "qwerty"
       );
       Settings.groups.layout.updateButton();
@@ -187,7 +187,7 @@ export async function activate(funbox, mode) {
       );
       UpdateConfig.setKeymapLayout(
         Config.customLayoutfluid
-          ? Config.customLayoutfluid.split(" ")[0]
+          ? Config.customLayoutfluid.split("_")[0]
           : "qwerty"
       );
       Settings.groups.keymapLayout.updateButton();

src/js/test/test-logic.js

@@ -763,12 +763,12 @@ export function restart(withSameWordset = false, nosave = false, event) {
       if (Funbox.active === "layoutfluid") {
         UpdateConfig.setLayout(
           Config.customLayoutfluid
-            ? Config.customLayoutfluid.split(" ")[0]
+            ? Config.customLayoutfluid.split("_")[0]
             : "qwerty"
         );
         UpdateConfig.setKeymapLayout(
           Config.customLayoutfluid
-            ? Config.customLayoutfluid.split(" ")[0]
+            ? Config.customLayoutfluid.split("_")[0]
             : "qwerty"
         );
         Keymap.highlightKey(

src/js/test/test-timer.js

@@ -42,7 +42,7 @@ export function start() {
 
       if (Funbox.active === "layoutfluid" && Config.mode === "time") {
         const layouts = Config.customLayoutfluid
-          ? Config.customLayoutfluid.split(" ")
+          ? Config.customLayoutfluid.split("_")
           : ["qwerty", "dvorak", "colemak"];
         console.log(Config.customLayoutfluid);
         console.log(layouts);