update custom block shape plugin to modify notch switch paths

Author: jwklong

src/addons/addons/custom-block-shape/userscript.js

@@ -45,70 +45,43 @@ export default async function ({ addon, console }) {
       BlockSvg.NOTCH_HEIGHT = 2 * GRID_UNIT * multiplier * notchSize;
       BlockSvg.NOTCH_START_PADDING = 3 * GRID_UNIT; //* multiplier
       BlockSvg.ICON_SEPARATOR_HEIGHT = 10 * GRID_UNIT * multiplier;
+
       BlockSvg.NOTCH_PATH_LEFT =
-        "c 2,0 3," +
-        1 * notchSize +
-        " 4," +
-        2 * notchSize +
-        " l " +
-        4 * multiplier * notchSize +
-        "," +
-        4 * multiplier * notchSize +
-        " c 1," +
-        1 * notchSize +
-        " 2," +
-        2 * notchSize +
-        " 4," +
-        2 * notchSize +
-        " h " +
-        24 * (multiplier - 0.5) +
-        " c 2,0 3,-" +
-        1 * notchSize +
-        " 4,-" +
-        2 * notchSize +
-        " l " +
-        4 * multiplier * notchSize +
-        "," +
-        -4 * multiplier * notchSize +
-        "c 1,-" +
-        1 * notchSize +
-        " 2,-" +
-        2 * notchSize +
-        " 4,-" +
-        2 * notchSize;
+        `c 2 0 3 ${1 * notchSize} 4 ${2 * notchSize} ` +
+        `l ${4 * multiplier * notchSize} ${4 * multiplier * notchSize} ` +
+        `c 1 ${1 * notchSize} 2 ${2 * notchSize} 4 ${2 * notchSize} ` +
+        `h ${24 * (multiplier - 0.5)} ` +
+        `c 2 0 3 ${-1 * notchSize} 4 ${-2 * notchSize} ` +
+        `l ${4 * multiplier * notchSize} ${-4 * multiplier * notchSize} ` +
+        `c 1 ${-1 * notchSize} 2 ${-2 * notchSize} 4 ${-2 * notchSize} `
       BlockSvg.NOTCH_PATH_RIGHT =
-        "h " +
-        (-4 * (cornerSize - 1) - 5 * (1 - notchSize)) +
-        "c -2,0 -3," +
-        1 * notchSize +
-        " -4," +
-        2 * notchSize +
-        " l " +
-        -4 * multiplier * notchSize +
-        "," +
-        4 * multiplier * notchSize +
-        " c -1," +
-        1 * notchSize +
-        " -2," +
-        2 * notchSize +
-        " -4," +
-        2 * notchSize +
-        " h " +
-        -24 * (multiplier - 0.5) +
-        " c -2,0 -3,-" +
-        1 * notchSize +
-        " -4,-" +
-        2 * notchSize +
-        " l " +
-        -4 * multiplier * notchSize +
-        "," +
-        -4 * multiplier * notchSize +
-        "c -1,-" +
-        1 * notchSize +
-        " -2,-" +
-        2 * notchSize +
-        " -4,-" +
-        2 * notchSize;
+        `c -2 0 -3 ${1 * notchSize} -4 ${2 * notchSize} ` +
+        `l ${-4 * multiplier * notchSize} ${4 * multiplier * notchSize} ` +
+        `c -1 ${1 * notchSize} -2 ${2 * notchSize} -4 ${2 * notchSize} ` +
+        `h ${-24 * (multiplier - 0.5)} ` +
+        `c -2 0 -3 ${-1 * notchSize} -4 ${-2 * notchSize} ` +
+        `l ${-4 * multiplier * notchSize} ${-4 * multiplier * notchSize} ` +
+        `c -1 ${-1 * notchSize} -2 ${-2 * notchSize} -4 ${-2 * notchSize} `
+
+      BlockSvg.NOTCH_SWITCH_PATH_LEFT =
+        `c 2 0 3 ${1 * notchSize} 4 ${2 * notchSize} ` +
+        `l ${4 * multiplier * notchSize} ${4 * multiplier * notchSize} ` +
+        `c 1 ${1 * notchSize} 2 ${2 * notchSize} 4 ${2 * notchSize} ` +
+        `c ${4 * (multiplier - 0.5)} 0 ${8 * (multiplier - 0.5) * notchSize} ${-8 * (multiplier - 0.5) * notchSize} ${12 * (multiplier - 0.5) * notchSize} ${-8 * (multiplier - 0.5) * notchSize} ` +
+        `c ${4 * (multiplier - 0.5)} 0 ${8 * (multiplier - 0.5) * notchSize} ${8 * (multiplier - 0.5) * notchSize} ${12 * (multiplier - 0.5) * notchSize} ${8 * (multiplier - 0.5) * notchSize} ` +
+        `c 2 0 3 ${-1 * notchSize} 4 ${-2 * notchSize} ` +
+        `l ${4 * multiplier * notchSize} ${-4 * multiplier * notchSize} ` +
+        `c 1 ${-1 * notchSize} 2 ${-2 * notchSize} 4 ${-2 * notchSize} `
+      BlockSvg.NOTCH_SWITCH_PATH_RIGHT =
+        `c -2 0 -3 ${1 * notchSize} -4 ${2 * notchSize} ` +
+        `l ${-4 * multiplier * notchSize} ${4 * multiplier * notchSize} ` +
+        `c -1 ${1 * notchSize} -2 ${2 * notchSize} -4 ${2 * notchSize} ` +
+        `c ${-4 * (multiplier - 0.5)} 0 ${-8 * (multiplier - 0.5) * notchSize} ${-8 * (multiplier - 0.5) * notchSize} ${-12 * (multiplier - 0.5) * notchSize} ${-8 * (multiplier - 0.5) * notchSize} ` +
+        `c ${-4 * (multiplier - 0.5)} 0 ${-8 * (multiplier - 0.5) * notchSize} ${8 * (multiplier - 0.5) * notchSize} ${-12 * (multiplier - 0.5) * notchSize} ${8 * (multiplier - 0.5) * notchSize} ` +
+        `c 2 0 3 ${-1 * notchSize} 4 ${-2 * notchSize} ` +
+        `l ${4 * multiplier * notchSize} ${-4 * multiplier * notchSize} ` +
+        `c 1 ${-1 * notchSize} 2 ${-2 * notchSize} 4 ${-2 * notchSize} `
+
       BlockSvg.INPUT_SHAPE_HEXAGONAL =
         "M " +
         4 * GRID_UNIT * multiplier +