Add "Arrow key incrementation in editor" addon (ScratchAddons#6020)

* Add editor-number-arrow-keys addon * Add support for leaving out the zero * Fix 0.1+0.2=0.30000000000000004 * Actually fix JavaScript math * Change alt to 1,000 * Rename Co-authored-by: DNin01 <[email protected]> * Make customizable * Update addon.json * Update addon.json * Bump versionAdded to 1.33.0 * use body.addEventListener * Change settings to select * Code cleanup * Support up to 5 decimals * Support up to total 10 digits/characters * Fix variable name * Crappy decimal support * Add TODO * Change addon settings * Add recommended tag * Remove misleading TODO Co-authored-by: mybearworld <[email protected]> * Improve number checks * fix syntax, format * Update addons/editor-number-arrow-keys/userscript.js * Hopefully better code handling numbers * Add 0.01 (hundredth) setting * Add self to credits (World_Languages) * Implement dynamic disable/enable --------- Co-authored-by: DNin01 <[email protected]> Co-authored-by: World_Languages <[email protected]>
Tacodiva · Jul 29, 2023 · 2f20ba0 · 2f20ba0
1 parent 2dbe501
commit 2f20ba0
Show file tree

Hide file tree

Showing 3 changed files with 220 additions and 0 deletions.
diff --git a/addons/addons.json b/addons/addons.json
@@ -143,6 +143,7 @@
   "op-badge",
   "featured-dangos-v2",
   "remember-collapsed-categories",
+  "editor-number-arrow-keys",
 
   "// NEW ADDONS ABOVE THIS ↑↑",
   "// Note: these themes need this exact order to work properly,",

diff --git a/addons/editor-number-arrow-keys/addon.json b/addons/editor-number-arrow-keys/addon.json
@@ -0,0 +1,109 @@
+{
+  "name": "Arrow key incrementation in editor",
+  "description": "Use the up and down arrow keys to increase or decrease number values in block inputs.",
+  "tags": ["editor", "codeEditor", "recommended"],
+  "versionAdded": "1.34.0",
+  "userscripts": [
+    {
+      "url": "userscript.js",
+      "matches": ["projects"]
+    }
+  ],
+  "settings": [
+    {
+      "name": "Change on regular key press",
+      "id": "regular",
+      "type": "select",
+      "default": "one",
+      "potentialValues": [
+        {
+          "id": "none",
+          "name": "None"
+        },
+        {
+          "id": "hundredth",
+          "name": "0.01"
+        },
+        {
+          "id": "tenth",
+          "name": "0.1"
+        },
+        {
+          "id": "one",
+          "name": "1"
+        },
+        {
+          "id": "ten",
+          "name": "10"
+        }
+      ]
+    },
+    {
+      "name": "Change on Shift+Key",
+      "id": "shift",
+      "type": "select",
+      "default": "ten",
+      "potentialValues": [
+        {
+          "id": "none",
+          "name": "None"
+        },
+        {
+          "id": "hundredth",
+          "name": "0.01"
+        },
+        {
+          "id": "tenth",
+          "name": "0.1"
+        },
+        {
+          "id": "one",
+          "name": "1"
+        },
+        {
+          "id": "ten",
+          "name": "10"
+        }
+      ]
+    },
+    {
+      "name": "Change on Alt+Key",
+      "id": "alt",
+      "type": "select",
+      "default": "tenth",
+      "potentialValues": [
+        {
+          "id": "none",
+          "name": "None"
+        },
+        {
+          "id": "hundredth",
+          "name": "0.01"
+        },
+        {
+          "id": "tenth",
+          "name": "0.1"
+        },
+        {
+          "id": "one",
+          "name": "1"
+        },
+        {
+          "id": "ten",
+          "name": "10"
+        }
+      ]
+    }
+  ],
+  "credits": [
+    {
+      "name": "mybearworld",
+      "link": "https://scratch.mit.edu/users/mybearworld/"
+    },
+    {
+      "name": "World_Languages"
+    }
+  ],
+  "dynamicDisable": true,
+  "dynamicEnable": true
+}
diff --git a/addons/editor-number-arrow-keys/userscript.js b/addons/editor-number-arrow-keys/userscript.js
@@ -0,0 +1,110 @@
+export default async function ({ addon }) {
+  const settings = {
+    none: 0,
+    hundredth: 0.01,
+    tenth: 0.1,
+    one: 1,
+    ten: 10,
+  };
+
+  const amountOfDecimals = (numStr) => {
+    if (!numStr.includes(".")) return 0;
+    return numStr.toString().split(".")[1].length;
+  };
+
+  const shiftDecimalPointToRight = (num, times) => {
+    const isNumberNegative = num[0] === "-";
+    let numStr = isNumberNegative ? num.substring(1) : num;
+    for (let i = 0; i < times; i++) {
+      if (numStr.indexOf(".") === -1) numStr += 0;
+      else if (numStr.indexOf(".") === numStr.length - 2) numStr = numStr.replace(".", "");
+      else {
+        const index = numStr.indexOf(".");
+        const numArrFiltered = Array.from(numStr.replace(".", ""));
+        numArrFiltered.splice(index + 1, 0, ".");
+        numStr = numArrFiltered.join("");
+      }
+    }
+    return Number(numStr) * (isNumberNegative ? -1 : 1);
+  };
+  const shiftDecimalPointToLeft = (num, times) => {
+    const isNumberNegative = num[0] === "-";
+    let numStr = isNumberNegative ? num.substring(1) : num;
+    for (let i = 0; i < times; i++) {
+      if (numStr.indexOf(".") === 0) numStr = ".0" + numStr.substring(1);
+      else if (numStr.indexOf(".") === -1) {
+        const numArr = Array.from(numStr);
+        numArr.splice(numArr.length - 1, 0, ".");
+        numStr = numArr.join("");
+      } else {
+        const index = numStr.indexOf(".");
+        const numArrFiltered = Array.from(numStr.replace(".", ""));
+        numArrFiltered.splice(index - 1, 0, ".");
+        numStr = numArrFiltered.join("");
+      }
+    }
+    return Number(numStr) * (isNumberNegative ? -1 : 1);
+  };
+
+  const normalizeNumber = (numStr) => {
+    const isNumberNegative = numStr[0] === "-";
+    const numStrPositive = isNumberNegative ? numStr.substring(1) : numStr;
+
+    let normalizedNum = numStrPositive;
+
+    // Adds zero before the decimal point if necessary (.1 → 0.1)
+    if (normalizedNum[0] === ".") {
+      normalizedNum = "0" + normalizedNum;
+    }
+
+    // Removes leading zeros (02.25 → 2.25)
+    if (/^0*$/.test(numStrPositive.split(".")[0])) {
+      // Case where integerPart = (0 or 00 or 000, etc...)
+      const decimalPart = numStrPositive.split(".")[1] || "";
+      normalizedNum = `0.${decimalPart}`;
+    } else {
+      normalizedNum = normalizedNum.replace(/^0*|0*$/, "");
+    }
+
+    // Removes trailing zeros (2.250 → 2.25)
+    if (numStrPositive.includes(".")) {
+      normalizedNum = normalizedNum.replace(/0*$/, "");
+    }
+
+    // Removes the decimal point if it's the last character (2. → 2)
+    if (normalizedNum.endsWith(".")) {
+      normalizedNum = normalizedNum.slice(0, -1);
+    }
+
+    return (isNumberNegative ? "-" : "") + normalizedNum;
+  };
+
+  const isValidNumber = (numStr) => {
+    if (numStr.length > 10) return false;
+    if (amountOfDecimals(numStr) > 5) return false;
+    return normalizeNumber(numStr) === Number(numStr).toString();
+  };
+
+  document.body.addEventListener("keydown", (e) => {
+    if (addon.self.disabled) return;
+    if (!e.target.classList.contains("blocklyHtmlInput")) return;
+    if (!["ArrowUp", "ArrowDown"].includes(e.code)) return;
+    if (!e.target.value) return;
+    if (!isValidNumber(e.target.value)) return;
+
+    e.preventDefault();
+
+    const changeBy =
+      (e.shiftKey
+        ? settings[addon.settings.get("shift")]
+        : e.altKey
+        ? settings[addon.settings.get("alt")]
+        : settings[addon.settings.get("regular")]) * (e.code === "ArrowUp" ? 1 : -1);
+
+    const newValueAsInt =
+      shiftDecimalPointToRight(e.target.value, 5) + shiftDecimalPointToRight(changeBy.toString(), 5);
+    const newValue = shiftDecimalPointToLeft(newValueAsInt.toString(), 5);
+
+    e.target.value = newValue.toString();
+  });
+}