Promotion (#2)

Reviewed-on: #2

assets/vendor/heroicons.js

@@ -1,43 +1,49 @@
-const plugin = require("tailwindcss/plugin")
-const fs = require("fs")
-const path = require("path")
+const plugin = require("tailwindcss/plugin");
+const fs = require("fs");
+const path = require("path");
 
-module.exports = plugin(function({matchComponents, theme}) {
-  let iconsDir = path.join(__dirname, "../../deps/heroicons/optimized")
-  let values = {}
+module.exports = plugin(function ({ matchComponents, theme }) {
+  let iconsDir = path.join(__dirname, "../../deps/heroicons/optimized");
+  let values = {};
   let icons = [
     ["", "/24/outline"],
     ["-solid", "/24/solid"],
     ["-mini", "/20/solid"],
-    ["-micro", "/16/solid"]
-  ]
+    ["-micro", "/16/solid"],
+  ];
   icons.forEach(([suffix, dir]) => {
-    fs.readdirSync(path.join(iconsDir, dir)).forEach(file => {
-      let name = path.basename(file, ".svg") + suffix
-      values[name] = {name, fullPath: path.join(iconsDir, dir, file)}
-    })
-  })
-  matchComponents({
-    "hero": ({name, fullPath}) => {
-      let content = fs.readFileSync(fullPath).toString().replace(/\r?\n|\r/g, "")
-      content = encodeURIComponent(content)
-      let size = theme("spacing.6")
-      if (name.endsWith("-mini")) {
-        size = theme("spacing.5")
-      } else if (name.endsWith("-micro")) {
-        size = theme("spacing.4")
-      }
-      return {
-        [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
-        "-webkit-mask": `var(--hero-${name})`,
-        "mask": `var(--hero-${name})`,
-        "mask-repeat": "no-repeat",
-        "background-color": "currentColor",
-        "vertical-align": "middle",
-        "display": "inline-block",
-        "width": size,
-        "height": size
-      }
-    }
-  }, {values})
-})
+    fs.readdirSync(path.join(iconsDir, dir)).forEach((file) => {
+      let name = path.basename(file, ".svg") + suffix;
+      values[name] = { name, fullPath: path.join(iconsDir, dir, file) };
+    });
+  });
+  matchComponents(
+    {
+      hero: ({ name, fullPath }) => {
+        let content = fs
+          .readFileSync(fullPath)
+          .toString()
+          .replace(/\r?\n|\r/g, "");
+        content = encodeURIComponent(content);
+        let size = theme("spacing.6");
+        if (name.endsWith("-mini")) {
+          size = theme("spacing.5");
+        } else if (name.endsWith("-micro")) {
+          size = theme("spacing.4");
+        }
+        return {
+          [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
+          "-webkit-mask": `var(--hero-${name})`,
+          mask: `var(--hero-${name})`,
+          "mask-repeat": "no-repeat",
+          "background-color": "currentColor",
+          "vertical-align": "middle",
+          display: "inline-block",
+          width: size,
+          height: size,
+        };
+      },
+    },
+    { values },
+  );
+});

assets/vendor/topbar.js

@@ -41,15 +41,11 @@
       ctx.shadowColor = options.shadowColor;
 
       var lineGradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
-      for (var stop in options.barColors)
-        lineGradient.addColorStop(stop, options.barColors[stop]);
+      for (var stop in options.barColors) lineGradient.addColorStop(stop, options.barColors[stop]);
       ctx.lineWidth = options.barThickness;
       ctx.beginPath();
       ctx.moveTo(0, options.barThickness / 2);
-      ctx.lineTo(
-        Math.ceil(currentProgress * canvas.width),
-        options.barThickness / 2
-      );
+      ctx.lineTo(Math.ceil(currentProgress * canvas.width), options.barThickness / 2);
       ctx.strokeStyle = lineGradient;
       ctx.stroke();
     },
@@ -65,8 +61,7 @@
     },
     topbar = {
       config: function (opts) {
-        for (var key in opts)
-          if (options.hasOwnProperty(key)) options[key] = opts[key];
+        for (var key in opts) if (options.hasOwnProperty(key)) options[key] = opts[key];
       },
       show: function (delay) {
         if (showing) return;
@@ -84,9 +79,7 @@
           if (options.autoRun) {
             (function loop() {
               progressTimerId = window.requestAnimationFrame(loop);
-              topbar.progress(
-                "+" + 0.05 * Math.pow(1 - Math.sqrt(currentProgress), 2)
-              );
+              topbar.progress("+" + 0.05 * Math.pow(1 - Math.sqrt(currentProgress), 2));
             })();
           }
         }
@@ -95,9 +88,7 @@
         if (typeof to === "undefined") return currentProgress;
         if (typeof to === "string") {
           to =
-            (to.indexOf("+") >= 0 || to.indexOf("-") >= 0
-              ? currentProgress
-              : 0) + parseFloat(to);
+            (to.indexOf("+") >= 0 || to.indexOf("-") >= 0 ? currentProgress : 0) + parseFloat(to);
         }
         currentProgress = to > 1 ? 1 : to;
         repaint();
@@ -135,4 +126,4 @@
   } else {
     this.topbar = topbar;
   }
-}.call(this, window, document));
+}).call(this, window, document);