{
+ return role.name.toLowerCase().includes(this.filter.toLowerCase());
+ });
+ return filteredRoles;
+ },
availableRoles() {
const availableRoles = [];
const players = this.$store.state.players.players;
- this.$store.state.roles.forEach(role => {
+ this.$store.state.roles.forEach((role) => {
// don't show bluff roles that are already assigned to players
if (
this.playerIndex >= 0 ||
(this.playerIndex < 0 &&
- !players.some(player => player.role.id === role.id))
+ !players.some((player) => player.role.id === role.id))
) {
availableRoles.push(role);
}
@@ -74,12 +107,14 @@ export default {
return availableRoles;
},
...mapState(["modals", "roles", "session"]),
- ...mapState("players", ["players"]),
- ...mapState(["otherTravelers"])
+ ...mapState("players", ["players", "fabled"]),
+ ...mapState(["otherTravelers"]),
+ ...mapState(["otherRoles"]),
},
data() {
return {
- tab: "editionRoles"
+ tab: "editionRoles",
+ filter: "",
};
},
methods: {
@@ -88,7 +123,7 @@ export default {
// assign to bluff slot (index < 0)
this.$store.commit("players/setBluff", {
index: this.playerIndex * -1 - 1,
- role
+ role,
});
} else {
if (this.session.isSpectator && role.team === "traveler") return;
@@ -97,7 +132,7 @@ export default {
this.$store.commit("players/update", {
player,
property: "role",
- value: role
+ value: role,
});
}
this.tab = "editionRoles";
@@ -105,10 +140,11 @@ export default {
},
close() {
this.tab = "editionRoles";
+ this.filter = "";
this.toggleModal("role");
},
- ...mapMutations(["toggleModal"])
- }
+ ...mapMutations(["toggleModal"]),
+ },
};
diff --git a/src/fabled.json b/src/fabled.json
index 328a7fd..33aed53 100644
--- a/src/fabled.json
+++ b/src/fabled.json
@@ -142,5 +142,15 @@
"name": "Deus ex Fiasco",
"team": "fabled",
"ability": "Once per game, the Storyteller will make a \"mistake\", correct it and publicly admit to it."
+ },
+ {
+ "id": "plusone",
+ "firstNightReminder": "",
+ "otherNightReminder": "",
+ "reminders": [],
+ "setup": true,
+ "name": "Plussy McOneface",
+ "team": "fabled",
+ "ability": "One role from off the script will be in play, it can be either a player or a demon bluff."
}
]
diff --git a/src/store/index.js b/src/store/index.js
index feb528d..1139774 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -15,45 +15,59 @@ Vue.use(Vuex);
const getRolesByEdition = (edition = editionJSON[0]) => {
return new Map(
rolesJSON
- .filter(r => r.edition === edition.id || edition.roles.includes(r.id))
+ .filter((r) => r.edition === edition.id || edition.roles.includes(r.id))
.sort((a, b) => b.team.localeCompare(a.team))
- .map(role => [role.id, role])
+ .map((role) => [role.id, role])
);
};
const getTravelersNotInEdition = (edition = editionJSON[0]) => {
- return new Map(
- rolesJSON
- .filter(
- r =>
- r.team === "traveler" &&
- r.edition !== edition.id &&
- !edition.roles.includes(r.id)
- )
- .map(role => [role.id, role])
+ return rolesJSON.filter(
+ (r) =>
+ r.team === "traveler" &&
+ r.edition !== edition.id &&
+ !edition.roles.includes(r.id)
);
};
-const set = key => ({ grimoire }, val) => {
- grimoire[key] = val;
+const getRolesNotInEdition = (edition = editionJSON[0]) => {
+ return rolesJSON.filter(
+ (r) =>
+ r.team !== "traveler" &&
+ r.edition !== edition.id &&
+ !edition.roles.includes(r.id)
+ );
};
-const toggle = key => ({ grimoire }, val) => {
- if (val === true || val === false) {
+const getRoleById = (id) => {
+ return rolesJSON.find((r) => r.id === id);
+ ``;
+};
+
+const set =
+ (key) =>
+ ({ grimoire }, val) => {
grimoire[key] = val;
- } else {
- grimoire[key] = !grimoire[key];
- }
-};
+ };
-const clean = id => id.toLocaleLowerCase().replace(/[^a-z0-9]/g, "");
+const toggle =
+ (key) =>
+ ({ grimoire }, val) => {
+ if (val === true || val === false) {
+ grimoire[key] = val;
+ } else {
+ grimoire[key] = !grimoire[key];
+ }
+ };
+
+const clean = (id) => id.toLocaleLowerCase().replace(/[^a-z0-9]/g, "");
// global data maps
const editionJSONbyId = new Map(
- editionJSON.map(edition => [edition.id, edition])
+ editionJSON.map((edition) => [edition.id, edition])
);
-const rolesJSONbyId = new Map(rolesJSON.map(role => [role.id, role]));
-const fabled = new Map(fabledJSON.map(role => [role.id, role]));
+const rolesJSONbyId = new Map(rolesJSON.map((role) => [role.id, role]));
+const fabled = new Map(fabledJSON.map((role) => [role.id, role]));
// jinxes
let jinxes = {};
@@ -65,7 +79,7 @@ try {
jinxes = new Map(
jinxesJSON.map(({ id, hatred }) => [
clean(id),
- new Map(hatred.map(({ id, reason }) => [clean(id), reason]))
+ new Map(hatred.map(({ id, reason }) => [clean(id), reason])),
])
);
// });
@@ -88,13 +102,13 @@ const customRole = {
remindersGlobal: [],
setup: false,
team: "townsfolk",
- isCustom: true
+ isCustom: true,
};
export default new Vuex.Store({
modules: {
players,
- session
+ session,
},
state: {
grimoire: {
@@ -106,7 +120,7 @@ export default new Vuex.Store({
isMuted: false,
isImageOptIn: false,
zoom: 0,
- background: ""
+ background: "",
},
modals: {
edition: false,
@@ -117,13 +131,14 @@ export default new Vuex.Store({
reminder: false,
role: false,
roles: false,
- voteHistory: false
+ voteHistory: false,
},
edition: editionJSONbyId.get("tb"),
roles: getRolesByEdition(),
otherTravelers: getTravelersNotInEdition(),
+ otherRoles: getRolesNotInEdition(),
fabled,
- jinxes
+ jinxes,
},
getters: {
/**
@@ -138,9 +153,9 @@ export default new Vuex.Store({
const strippedProps = [
"firstNightReminder",
"otherNightReminder",
- "isCustom"
+ "isCustom",
];
- roles.forEach(role => {
+ roles.forEach((role) => {
if (!role.isCustom) {
customRoles.push({ id: role.id });
} else {
@@ -159,7 +174,8 @@ export default new Vuex.Store({
});
return customRoles;
},
- rolesJSONbyId: () => rolesJSONbyId
+ rolesJSONbyId: () => rolesJSONbyId,
+ roleById: getRoleById,
},
mutations: {
setZoom: set("zoom"),
@@ -188,7 +204,7 @@ export default new Vuex.Store({
setCustomRoles(state, roles) {
const processedRoles = roles
// replace numerical role object keys with matching key names
- .map(role => {
+ .map((role) => {
if (role[0]) {
const customKeys = Object.keys(customRole);
const mappedRole = {};
@@ -203,19 +219,19 @@ export default new Vuex.Store({
}
})
// clean up role.id
- .map(role => {
+ .map((role) => {
role.id = clean(role.id);
return role;
})
// map existing roles to base definition or pre-populate custom roles to ensure all properties
.map(
- role =>
+ (role) =>
rolesJSONbyId.get(role.id) ||
state.roles.get(role.id) ||
Object.assign({}, customRole, role)
)
// default empty icons and placeholders, clean up firstNight / otherNight
- .map(role => {
+ .map((role) => {
if (rolesJSONbyId.get(role.id)) return role;
role.imageAlt = // map team to generic icon
{
@@ -223,32 +239,36 @@ export default new Vuex.Store({
outsider: "outsider",
minion: "minion",
demon: "evil",
- fabled: "fabled"
+ fabled: "fabled",
}[role.team] || "custom";
role.firstNight = Math.abs(role.firstNight);
role.otherNight = Math.abs(role.otherNight);
return role;
})
// filter out roles that don't match an existing role and also don't have name/ability/team
- .filter(role => role.name && role.ability && role.team)
+ .filter((role) => role.name && role.ability && role.team)
// sort by team
.sort((a, b) => b.team.localeCompare(a.team));
// convert to Map without Fabled
state.roles = new Map(
processedRoles
- .filter(role => role.team !== "fabled")
- .map(role => [role.id, role])
+ .filter((role) => role.team !== "fabled")
+ .map((role) => [role.id, role])
);
// update Fabled to include custom Fabled from this script
state.fabled = new Map([
- ...processedRoles.filter(r => r.team === "fabled").map(r => [r.id, r]),
- ...fabledJSON.map(role => [role.id, role])
+ ...processedRoles
+ .filter((r) => r.team === "fabled")
+ .map((r) => [r.id, r]),
+ ...fabledJSON.map((role) => [role.id, role]),
]);
// update extraTravelers map to only show travelers not in this script
state.otherTravelers = new Map(
rolesJSON
- .filter(r => r.team === "traveler" && !roles.some(i => i.id === r.id))
- .map(role => [role.id, role])
+ .filter(
+ (r) => r.team === "traveler" && !roles.some((i) => i.id === r.id)
+ )
+ .map((role) => [role.id, role])
);
},
setEdition(state, edition) {
@@ -256,11 +276,12 @@ export default new Vuex.Store({
state.edition = editionJSONbyId.get(edition.id);
state.roles = getRolesByEdition(state.edition);
state.otherTravelers = getTravelersNotInEdition(state.edition);
+ state.otherRoles = getRolesNotInEdition(state.edition);
} else {
state.edition = edition;
}
state.modals.edition = false;
- }
+ },
},
- plugins: [persistence, socket]
+ plugins: [persistence, socket],
});