Merge 'upstream/main' 2.16.3

.eslintrc.js

@@ -9,6 +9,8 @@ module.exports = {
   },
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "vue/multi-word-component-names": "off",
+    "vue/no-reserved-component-names": "off",
   }
 };

.github/workflows/deploy.yml

@@ -11,7 +11,7 @@ jobs:
       - name: Setup node version
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '18'
       - name: Checkout 🛎️
         uses: actions/checkout@v2
       - name: Install and Build 🔧

CHANGELOG.md

@@ -1,7 +1,15 @@
 # Release Notes
 
+
+
+---
+
 ## Upcomming Version
 
+### Version 3.16.0 (merged upstream 2.16.2)
+- fixed custom script format to support new script tool JSON
+- updated packages to be compatible with Node >= 18 again
+
 ### Version 3.15.0
 - Night order bubbles always on for storyteller
 - Optional night order bubbles for players
@@ -158,7 +166,7 @@ Add localization capabilities and french translation
 ---
 
 ### Version 2.16.1
-Updated character night order to be consistent with script tool
+- Updated character night order to be consistent with script tool
 
 ---
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "townsquare",
-  "version": "3.15.0",
+  "version": "3.16.0",
   "description": "Blood on the Clocktower Town Square",
   "author": "Pingumaskt",
   "scripts": {
@@ -15,22 +15,22 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.1",
     "@fortawesome/free-solid-svg-icons": "^5.15.1",
     "@fortawesome/vue-fontawesome": "^0.1.10",
-    "@vue/cli-service": "^4.5.9",
+    "@vue/cli-service": "^5.0.8",
     "prom-client": "^13.0.0",
     "sass": "^1.30.0",
     "sass-loader": "^8.0.2",
     "vue": "^2.6.12",
-    "vue-template-compiler": "^2.6.12",
+    "vue-template-compiler": "^2.7.15",
     "vuex": "^3.6.0",
     "ws": "^7.4.6"
   },
   "devDependencies": {
-    "@vue/cli-plugin-eslint": "^4.5.9",
+    "@vue/cli-plugin-eslint": "^5.0.8",
-    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
-    "eslint": "^6.7.2",
+    "eslint": "^8.53.0",
-    "eslint-plugin-prettier": "^3.2.0",
+    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^9.18.1",
-    "prettier": "^1.19.1"
+    "prettier": "^3.0.3"
   },
   "keywords": [
     "botc",

src/components/TownSquare.vue

@@ -428,6 +428,7 @@ export default {
 </script>
 
 <style lang="scss">
+@use "sass:math";
 @import "../vars.scss";
 
 #townsquare {
@@ -473,14 +474,14 @@ export default {
 }
 
 @mixin on-circle($item-count) {
-  $angle: (360 / $item-count);
+  $angle: math.div(360, $item-count);
   $rot: 0;
 
   // rotation and tooltip placement
   @for $i from 1 through $item-count {
     &:nth-child(#{$i}) {
       transform: rotate($rot * 1deg);
-      @if $i - 1 <= $item-count / 2 {
+      @if $i - 1 <= math.div($item-count, 2) {
         // first half of players
         z-index: $item-count - $i + 1;
         // open menu on the left
@@ -544,15 +545,15 @@ export default {
       }
 
       // move reminders closer to the sides of the circle
-      $q: $item-count / 4;
+      $q: math.div($item-count, 4);
       $x: $i - 1;
-      @if $x < $q or ($x >= $item-count / 2 and $x < $q * 3) {
+      @if $x < $q or ($x >= math.div($item-count, 2) and $x < $q * 3) {
         .player {
-          margin-bottom: -10% + 20% * (1 - ($x % $q / $q));
+          margin-bottom: -10% + 20% * (1 - math.div($x % $q, $q));
         }
       } @else {
         .player {
-          margin-bottom: -10% + 20% * ($x % $q / $q);
+          margin-bottom: -10% + 20% * math.div($x % $q, $q);
         }
       }
     }

src/components/modals/EditionModal.vue

@@ -178,6 +178,7 @@ export default {
     },
     parseRoles(roles) {
       if (!roles || !roles.length) return;
+      roles = roles.map(role => typeof role === "string" ? { id: role } : role);
       const metaIndex = roles.findIndex(({ id }) => id === "_meta");
       let meta = {};
       if (metaIndex > -1) {
@@ -189,11 +190,11 @@ export default {
         Object.assign({}, meta, { id: "custom" })
       );
       // check for fabled and set those too, if present
-      if (roles.some(({ id }) => this.$store.state.fabled.has(id))) {
+      if (roles.some((role) => this.$store.state.fabled.has(role.id || role))) {
         const fabled = [];
-        roles.forEach(({ id }) => {
+        roles.forEach((role) => {
-          if (this.$store.state.fabled.has(id)) {
+          if (this.$store.state.fabled.has(role.id || role)) {
-            fabled.push(this.$store.state.fabled.get(id));
+            fabled.push(this.$store.state.fabled.get(role.id || role));
           }
         });
         this.$store.commit("players/setFabled", { fabled });

src/store/locale/en/fabled.json

@@ -132,15 +132,5 @@
     "name": "Storm Catcher",
     "team": "fabled",
     "ability": "Name a good character. If in play, they can only die by execution, but evil players learn which player it is."
-  },
-  {
-    "id": "deusexfiasco",
-    "firstNightReminder": "",
-    "otherNightReminder": "",
-    "reminders": ["Whoops"],
-    "setup": false,
-    "name": "Deus ex Fiasco",
-    "team": "fabled",
-    "ability": "Once per game, the Storyteller will make a \"mistake\", correct it and publicly admit to it."
   }
 ]