V13 changes

Author: mclemente

src/module.json

@@ -10,8 +10,8 @@
 		}
 	],
 	"compatibility": {
-		"minimum": "12",
-		"verified": "12"
+		"minimum": "13",
+		"verified": "13"
 	},
 	"esmodules": ["module/polyglot.js"],
 	"scripts": ["lib/select2/select2.min.js"],

src/module/forms/GeneralSettings.js

@@ -208,8 +208,8 @@ export class PolyglotGeneralSettings extends FormApplication {
 			let s = game.settings.settings.get(`polyglot.${k}`);
 			let current = game.user.isGM ? game.settings.get(s.namespace, s.key) : game.user.getFlag("polyglot", k);
 			if (v === current) continue;
-			requiresClientReload ||= s.scope === "client" && s.requiresReload;
-			requiresWorldReload ||= s.scope === "world" && s.requiresReload;
+			requiresClientReload ||= (s.scope !== CONST.SETTING_SCOPES.WORLD) && s.requiresReload;
+			requiresWorldReload ||= (s.scope === CONST.SETTING_SCOPES.WORLD) && s.requiresReload;
 			if (game.user.isGM) {
 				await game.settings.set(s.namespace, s.key, v);
 			} else {

src/module/hooks.js

@@ -6,20 +6,22 @@ export default class PolyglotHooks {
 	static renderChatLog(chatlog, html, data) {
 		game.polyglot.renderChatLog = true;
 		const input = game.settings.get("polyglot", "displayCheckbox")
-			? `<input name="polyglot-checkbox" type="checkbox" ${game.settings.get("polyglot", "checkbox") ? "checked" : ""}>`
+			? `<input id="polyglot-checkbox" type="checkbox" ${game.settings.get("polyglot", "checkbox") ? "checked" : ""}>`
 			: "";
-		html.find("#chat-controls").after(
-			`<div id='polyglot' class='polyglot polyglot-lang-select flexrow'>
-				${input}
-				<label>${game.i18n.localize("POLYGLOT.LanguageLabel")}</label>
-				<select name='polyglot-language'></select>
-			</div>`,
-		);
-		html.find(".polyglot-lang-select select").change((ev) => {
+		const polyglotDiv = document.createElement("div");
+		polyglotDiv.setAttribute("id", "polyglot");
+		polyglotDiv.classList.add("polyglot", "polyglot-lang-select", "flexrow");
+		polyglotDiv.innerHTML = `
+			${input}
+			<label for="polyglot-checkbox">${game.i18n.localize("POLYGLOT.LanguageLabel")}</label>
+			<select name='polyglot-language'></select>
+		`;
+		html.querySelector(".chat-controls").insertAdjacentElement("afterend", polyglotDiv);
+		html.querySelector(".polyglot-lang-select select").addEventListener("change", (ev) => {
 			const lang = ev.target.value;
 			game.polyglot.lastSelection = lang;
 		});
-		html.find("input[name='polyglot-checkbox']").change((ev) => {
+		html.querySelector("input[id='polyglot-checkbox']").addEventListener("change", (ev) => {
 			game.settings.set("polyglot", "checkbox", ev.target.checked);
 		});
 		game.polyglot.updateUserLanguages(html);

src/module/logic.js

@@ -305,7 +305,7 @@ export class Polyglot {
 			options.sort((a, b) => a.text.localeCompare(b.text));
 		}
 
-		const select = this.chatElement.find(".polyglot-lang-select select");
+		const select = $(this.chatElement.querySelector(".polyglot-lang-select select"));
 		const prevOption = select.val();
 
 		select.empty();

src/module/settings.js

@@ -216,7 +216,7 @@ export function registerSettings() {
 	addMenuSetting("checkbox", {
 		default: true,
 		type: Boolean,
-		scope: "client"
+		scope: "user"
 	});
 
 	Hooks.on("i18nInit", () => {

src/styles/_language-selector.scss

@@ -4,9 +4,7 @@
 	align-items: center;
 	input {
 		margin-left: 0;
-		&:checked {
-			accent-color: rgb(255, 255, 245);
-		}
+		flex: 0;
 	}
 	label {
 		flex: 0;