Implement HSLUV based quasi-random hue color cycling for role colors

app.js

@@ -11,6 +11,7 @@ import { registerMany, register } from "./lib/discordjs-ext/register.js";
 
 import serverTemplate from "./serverTemplate.js";
 import createPartialMessage from "./lib/discordjs-ext/createPartialMessage.js";
+import colorGenerator from "./lib/colorGenerator.js";
 
 const client = new Client();
 
@@ -29,6 +30,7 @@ client.on("ready", async function onReady() {
   Promise.all(
     client.guilds.cache.map(guild => {
       console.log(`${guild.name} ${guild.owner.user.tag}`);
+      guild.colorGenerator = colorGenerator();
       return guild.roles.fetch();
     })
   ).then(() => {

lib/colorGenerator.js

@@ -0,0 +1,15 @@
+import hsluv from "hsluv";
+
+// Golden Ratio
+// See rationale here: http://extremelearning.com.au/unreasonable-effectiveness-of-quasirandom-sequences/
+const phi = 1.6180339887498948482;
+const step = 1.0 / phi;
+
+export default function* colorGenerator(seed) {
+  let hue = seed || Math.random();
+
+  while (true) {
+    yield hsluv.hsluvToHex([hue * 360, 100, 65]);
+    hue = (hue + step) % 1;
+  }
+}

lib/teams.js

@@ -2,14 +2,7 @@ import { createRoom, addToRoom, deleteRoom } from "./rooms.js";
 
 // eslint-disable-next-line import/prefer-default-export
 export async function createTeam(guild, name) {
-  let color;
-  do {
-    color = [
-      Math.floor(Math.random() * 256),
-      Math.floor(Math.random() * 256),
-      Math.floor(Math.random() * 256),
-    ];
-  } while (color[0] + color[1] + color[2] < 128 || color[0] + color[1] + color[2] > 576);
+  const color = guild.colorGenerator.next().value;
 
   const teamRole = await guild.roles.create({
     data: {

package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "discord-command-parser": "^1.4.3",
     "discord.js": "^12.3.1",
+    "hsluv": "^0.1.0",
     "parse-url": "^5.0.1"
   },
   "devDependencies": {