Replace Select2 for Tom Select

Author: mclemente

.eslintrc.cjs

@@ -178,6 +178,7 @@ module.exports = {
 		GURPS: false,
 		JournalTextPageSheet: false,
 		ProseMirror: false,
+		TomSelect: false,
 		Tour: false,
 	},
 

gulpfile.mjs

@@ -74,15 +74,20 @@ async function copyFiles() {
 	}
 }
 
-function select2() {
-	return gulp.src(["node_modules/select2/dist/js/select2.min.js", "node_modules/select2/dist/css/select2.min.css"]).pipe(gulp.dest("dist/lib/select2"));
+function tomSelect() {
+	return gulp.src([
+		"node_modules/tom-select/dist/js/tom-select.complete.min.js",
+		"node_modules/tom-select/dist/js/tom-select.complete.min.js.map",
+		"node_modules/tom-select/dist/css/tom-select.min.css",
+		"node_modules/tom-select/dist/css/tom-select.min.css.map",
+	]).pipe(gulp.dest("dist/lib/tom-select"));;
 }
 
 /**
  * Watch for changes for each build step
  */
 export function watch() {
-	select2();
+	tomSelect();
 	gulp.watch(`${sourceDirectory}/**/*.${sourceFileExtension}`, { ignoreInitial: false }, buildCode);
 	gulp.watch(`${stylesDirectory}/**/*.${stylesExtension}`, { ignoreInitial: false }, buildStyles);
 	gulp.watch(
@@ -92,7 +97,7 @@ export function watch() {
 	);
 }
 
-export const build = gulp.series(clean, gulp.parallel(buildCode, buildStyles, select2, copyFiles));
+export const build = gulp.series(clean, gulp.parallel(buildCode, buildStyles, tomSelect, copyFiles));
 
 /********************/
 /*      CLEAN       */

package-lock.json

@@ -22,7 +22,7 @@
 		"husky": "^8.0.3",
 		"lint-staged": "^14.0.1",
 		"rollup": "^2.79.2",
-		"select2": "^4.1.0-rc.0",
+		"tom-select": "^2.4.3",
 		"vinyl-buffer": "^1.0.1",
 		"vinyl-source-stream": "^2.0.0",
 		"yargs": "^17.7.2"

package.json

@@ -12,8 +12,8 @@
 		"Font": "Font",
 		"Fonts": "Fonts",
 		"FontSize": "Font Size (%)",
-		"KnownLanguages": "Known Languages",
-		"UnknownLanguages": "Unknown Languages",
+		"KnownLanguages": "Known",
+		"UnknownLanguages": "Unknown",
 		"AlphabeticOnly": "Only Alphabetic",
 		"Logographical": "Logographical",
 		"AllowOOC": {
@@ -41,7 +41,7 @@
 			"title": "Enable Chat Features"
 		},
 		"DisplayCheckbox": {
-			"hint": "Removes the checkbox from the chat section.",
+			"hint": "Displays a checkbox next to the language selector in the chat.",
 			"title": "Display Checkbox"
 		},
 		"DisplayTranslated.hint": "For languages that are translated in the chat window, display the original text and a translation below.",
@@ -108,6 +108,7 @@
 		},
 		"ScrambleGM.hint": "Don't translate the text for the GM (refer to the globe's color for the token's understanding).",
 		"ScrambleGM.title": "Scramble Messages for GM",
+		"SpeakingIn": "Speaking in {language}",
 		"Truespeech.hint": "Set a language whose speaker understands all spoken languages (can't read Journals) and which is understood by all creatures. An actor will be able to read all chat messages and to write messages in a language that is understood by all.",
 		"Truespeech.title": "Omnispeech Language",
 		"Translation": "Translation",

src/lang/en.json

@@ -14,8 +14,8 @@
 		"verified": "13"
 	},
 	"esmodules": ["module/polyglot.js"],
-	"scripts": ["lib/select2/select2.min.js"],
-	"styles": ["lib/select2/select2.min.css", "styles/fonts.css", "styles/polyglot.css"],
+	"scripts": ["lib/tom-select/tom-select.complete.min.js"],
+	"styles": ["lib/tom-select/tom-select.min.css", "styles/fonts.css", "styles/polyglot.css"],
 	"languages": [
 		{
 			"lang": "en",