feat: main table generation

2025-11-04 16:28:00 +01:00
parent 4bf8002fa3
commit 66461f0965
4 changed files with 152 additions and 18 deletions
@@ -9,7 +9,7 @@ TODO docs

 - [x] Empty project from template
 - [x] Configuration
- [ ] Generate table
+- [x] Generate table
 - [ ] Copy table option
 - [x] Save last state in cookies
 - [ ] Other format: raw text
@@ -46,7 +46,7 @@
        <td><input v-model="config.duration" id="duration" type="range" min="5" v-bind:max="totalDuration" step="5" />
        </td>
        <td>
-          <span v-if="config.duration > totalDuration * 0.25" title="slot duration might be too big">
+          <span v-if="(totalDuration / config.duration) < candidates.length" title="slot duration might be too big">
            <i icon="triangle-alert"></i> {{config.duration}} minutes
          </span>
          <span v-else>
@@ -60,16 +60,18 @@
        <td><button @click="newSeed"><i icon="dices"></i></button></td>
      </tr>
      <tr>
-        <td><label for="candidates">Candidates:</label></td>
-        <td><textarea v-model="config.candidates" id="candidates" rows="8"></textarea></td>
+        <td><label for="mix">Mix policy:</label></td>
+        <td><select id="mix" v-model="config.mix">
+            <option value="0">(0%) No mixes</option>
+            <option value="25">(~25%) Some mixes</option>
+            <option value="50">(~50%) Half mixes</option>
+            <option value="75">(~75%) A lot of mixes </option>
+            <option value="100">(100%) Only mixes</option>
+          </select></td>
      </tr>
      <tr>
-        <td></td>
-        <td>
-          <button class="full" title="Adds mixes (2 candidates) for some time slots"
-            @click="config.back2back = !config.back2back">🥣 With mixes: {{
-            config.back2back ? '✅' : '❌' }}</button>
-        </td>
+        <td><label for="candidates">Candidates:</label></td>
+        <td><textarea v-model="config.candidates" id="candidates" rows="8"></textarea></td>
      </tr>
      <tr>
        <td></td>
@@ -80,6 +82,16 @@
        </td>
      </tr>
    </table>
+    <h2>Output Table</h2>
+    <table class="output">
+      <colgroup>
+        <col style="width: 25%">
+        <col>
+      </colgroup>
+      <tr v-for="row in table">
+        <td v-for="item in row">{{item}}</td>
+      </tr>
+    </table>
    <br />
    <small class="footer">
      <i icon="at-sign"></i>&nbsp;<a href="https://github.com/klemek" target="_blank">klemek</a>
@@ -15,16 +15,16 @@ const utils = {
    return (Math.random() * 2 ** 32) >>> 0;
  },
  splitmix32(seed) {
-    let tmp = seed;
+    let localSeed = seed;
    // eslint-disable-next-line func-names
    return function () {
-      tmp |= 0;
-      tmp = (tmp + 0x9e3779b9) | 0;
-      tmp ^= tmp >>> 16;
+      localSeed |= 0;
+      localSeed = (localSeed + 0x9e3779b9) | 0;
+      let tmp = localSeed ^ (localSeed >>> 16);
      tmp = Math.imul(tmp, 0x21f0aaad);
      tmp ^= tmp >>> 15;
      tmp = Math.imul(tmp, 0x735a2d97);
-      return ((tmp ^= tmp >>> 15) >>> 0) / 4294967296;
+      return ((tmp ^ (tmp >>> 15)) >>> 0) / 4294967296;
    };
  },
  /* eslint-enable no-bitwise */
@@ -97,8 +97,9 @@ const app = createApp({
        candidates:
          "🥦 Broccoli\n🥕 Carrot\n🧅 Onion\n🌶️ Pepper\n🍆 Eggplant\n🥔 Potato",
        endWithAll: true,
-        back2back: true,
+        mix: 25,
      },
+      table: [],
    };
  },
  computed: {
@@ -121,6 +122,15 @@ const app = createApp({
    totalDuration() {
      return this.endTimeMinute - this.startTimeMinute;
    },
+    candidates() {
+      return this.config.candidates
+        .split("\n")
+        .map((line) => line.trim())
+        .filter(
+          (value, index, array) =>
+            value.length && array.indexOf(value) === index
+        );
+    },
  },
  watch: {
    vegetable() {
@@ -129,6 +139,7 @@ const app = createApp({
    config: {
      handler() {
        this.saveConfig();
+        this.generateData();
      },
      deep: true,
    },
@@ -146,12 +157,13 @@ const app = createApp({
      .slice(0, 6)
      .join("\n");
    this.loadConfig();
+    this.generateData();
  },
  methods: {
    getTime(minutes) {
-      return `${(minutes / 60).toFixed(0).padStart(2, "0")}:${(minutes % 60)
+      return `${Math.floor((minutes / 60) % 24)
        .toFixed(0)
-        .padStart(2, "0")}`;
+        .padStart(2, "0")}:${(minutes % 60).toFixed(0).padStart(2, "0")}`;
    },
    showApp() {
      document.getElementById("app").setAttribute("style", "");
@@ -177,6 +189,100 @@ const app = createApp({
        }
      }
    },
+    // eslint-disable-next-line max-lines-per-function
+    generateData() {
+      this.table.splice(0, this.table.length);
+      const duration = parseInt(this.config.duration, 10);
+      const prng = utils.splitmix32(this.config.seed);
+      if (this.candidates.length < 2) {
+        return;
+      }
+      const indexScores = Object.fromEntries(
+        this.candidates.map((line, index) => [index, 0])
+      );
+      const mixScores = {};
+      for (let index1 = 0; index1 < this.candidates.length - 1; index1 += 1) {
+        for (
+          let index2 = index1 + 1;
+          index2 < this.candidates.length;
+          index2 += 1
+        ) {
+          mixScores[`${index1}-${index2}`] = 0;
+        }
+      }
+      const mixThreshold = parseInt(this.config.mix, 10) / 100;
+      let lastIndexes = [];
+      const getCandidateIndex = () =>
+        Math.floor(this.candidates.length * prng());
+      for (
+        let currentTimeMinute = this.startTimeMinute;
+        currentTimeMinute < this.endTimeMinute;
+        currentTimeMinute += duration
+      ) {
+        const time = this.getTime(currentTimeMinute);
+        const minIndexScore = Math.min(...Object.values(indexScores));
+        const maxIndexScore = Math.max(...Object.values(indexScores));
+        let retries = 500;
+        if (
+          currentTimeMinute + duration >= this.endTimeMinute &&
+          this.config.endWithAll
+        ) {
+          this.table.push([time, "🥗 Salad 🥗"]);
+        } else if (prng() < mixThreshold) {
+          const minMixScore = Math.min(...Object.values(mixScores));
+          const maxMixScore = Math.max(...Object.values(mixScores));
+          const indexScoreThreshold =
+            minIndexScore + (maxIndexScore - minIndexScore) * 0.5;
+          const mixScoreThreshold =
+            minMixScore + (maxMixScore - minMixScore) * 0.25;
+          let index1 = getCandidateIndex();
+          let index2 = getCandidateIndex();
+          const key = () =>
+            `${Math.min(index1, index2)}-${Math.max(index1, index2)}`;
+          while (
+            (index1 === index2 ||
+              lastIndexes.includes(index1) ||
+              lastIndexes.includes(index2) ||
+              indexScores[index1] > indexScoreThreshold ||
+              indexScores[index2] > indexScoreThreshold ||
+              mixScores[key()] > mixScoreThreshold) &&
+            (retries -= 1) > 0
+          ) {
+            index1 = getCandidateIndex();
+            index2 = getCandidateIndex();
+          }
+          if (prng() >= 0.5) {
+            this.table.push([
+              time,
+              `${this.candidates[index1]} & ${this.candidates[index2]}`,
+            ]);
+          } else {
+            this.table.push([
+              time,
+              `${this.candidates[index2]} & ${this.candidates[index1]}`,
+            ]);
+          }
+          indexScores[index1] += 1;
+          indexScores[index2] += 1;
+          mixScores[key()] += 1;
+          lastIndexes = [index1, index2];
+        } else {
+          const indexScoreThreshold =
+            minIndexScore + (maxIndexScore - minIndexScore) * 0.25;
+          let index = getCandidateIndex();
+          while (
+            (lastIndexes.includes(index) ||
+              indexScores[index] > indexScoreThreshold) &&
+            (retries -= 1) > 0
+          ) {
+            index = getCandidateIndex();
+          }
+          this.table.push([time, this.candidates[index]]);
+          indexScores[index] += 1;
+          lastIndexes = [index];
+        }
+      }
+    },
  },
 });

@@ -226,3 +226,19 @@ button.full {
 table.config td:first-child {
  text-align: right;
 }
+
+table.output,
+table.output th,
+table.output td {
+  border: 1px solid var(--text-secondary);
+}
+
+table.output td {
+  text-align: center;
+  font-size: 1.1em;
+  padding: 0.25em 0.5em;
+}
+
+table.output td:first-child {
+  text-align: right;
+}