Best changes to solve problems - save those changes.

Author: Mick2nd

README.md

@@ -97,6 +97,13 @@ The custom equations dialog with categories tree
 
 ## Release Notes
 
+### 2.0.1
+
+**New features**
+
+- The language switcher is now equipped with country flags.
+- The functionality of this plug-in is now also available as [Web app](https://mick2nd.github.io/Katex-Input-Helper/index.html) hosted on Github.
+
 ### 2.0.0
 
 - Fixed the start problem, e.g. the known problems [document](./KNOWN-PROBLEMS.md) is no longer valid.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "joplin-plugin-katex-input-helper",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "scripts": {
     "dist": "webpack --env joplin-plugin-config=buildMain && webpack --env joplin-plugin-config=buildExtraScripts && npm run build-assets && npm run build-docs && webpack --env joplin-plugin-config=createArchive",
     "prepare": "npm run dist",
@@ -9,10 +9,11 @@
     "build-docs": "typedoc --options typedoc.json && npm exec --package=@atao60/fse-cli fse copy ./img ./docs/img",
     "test": "vitest --root './tests' --run --reporter verbose",
     "jtest": "jest",
-    "build-assets": "webpack --config webpack.assets.config.js --mode development",
+    "build-assets": "webpack --config webpack.assets.config.js",
+    "build-assets-prod": "webpack --config webpack.assets.config.js --env kihmode=production",
     "serve": "webpack serve --config webpack.assets.config.js",
     "stop-serve": "npx kill-port 9000",
-	"deploy": "gh-pages -d dist"
+    "deploy": "webpack --config webpack.assets.config.js --env ghpages && gh-pages -d dist/assets"
   },
   "license": "MIT",
   "keywords": [
@@ -31,6 +32,7 @@
     "babel": "^5.8.38",
     "babel-loader": "^10.0.0",
     "chalk": "^4.1.0",
+    "codemirror": "^5.65.19",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
@@ -42,6 +44,7 @@
     "html-webpack-plugin": "^5.6.3",
     "inversify": "^7.5.1",
     "jest": "^29.7.0",
+    "jquery": "^3.7.1",
     "json-loader": "^0.5.7",
     "mini-css-extract-plugin": "^2.9.2",
     "path": "^0.12.7",

package.json

@@ -71,17 +71,6 @@ export class BootLoader {
 		});
 	}
 
-	/**
-	 * @abstract A using function encapsulated by a Promise.
-	 * 
-	 * @async implements the Promise contract
-	 * @param script - the url of the script to be loaded
-	 * @returns - the Promise indicating the state of the transaction
-	 */
-	async usingAsync(script) {
-		return this.promisify(/*using*/easyloader.load.bind(easyloader), script);
-	}
-	
 	/**
 	 * @abstract The promise is fulfilled if the document becomes ready.
 	 * 
@@ -101,77 +90,6 @@ export class BootLoader {
 		return this.promisify(setTimeout, delay);
 	}	
 
-	/**
-	 * @abstract Initializes the scripts (css and js) using the easyloader.
-	 * 
-	 * All but this boot loader and the easy loader is loaded here.
-	 * 
-	 * @async implements the Promise contract
-	 */
-	async initScripts() {
-		this.baseLocation = this.getBaseLocation();
-		easyloader.base = this.baseLocation;    					// set the easyui base directory
-		easyloader.css = false;
-		console.dir(easyloader.modules);
-	
-		var modules = [ 
-			'parser', 'layout','window', 'dialog', 'panel', 'datagrid', 'tree', 
-			'menubutton', 'menu', 'accordion', 'linkbutton', 'tooltip', 'tabs', 
-			'messager', 'combobox' ];
-		
-		var scripts = [
-			//"./jquery.easyui.min.js",
-			"./datagrid-cellediting.js",
-			"./datagrid-filter.js",
-			"../jquery-colorpicker/js/colorpicker.js",
-			"../codemirror/lib/codemirror.js",
-			"../katex/katex.min.js",
-			"../katex/mhchem.min.js",
-			
-			"../patterns/observable.js",
-			"../localization.js",
-			"../themes.js",
-			"../parserExtension.js",
-			"../parameters.js",
-			"../fileHandling.js",
-			"../helpers.js",
-			"../math.js",
-			"../categoriesTree.js",
-			"../panels.js",
-			"../dialog.js"
-		];
-		
-		var csss = [
-			"./themes/default/easyui.css",
-			"./themes/icon.css",
-			"../jquery-easyui-MathEditorExtend/themes/aguas/easyui.css",
-			"../jquery-easyui-MathEditorExtend/themes/icon.css",
-			"../jquery-colorpicker/css/colorpicker.css",
-			"../codemirror/lib/codemirror.css",
-			"../keyboard/Keyboard.css",
-			"../katex/katex.min.css",
-			"../dialog.css"
-		];
-
-		await this.usingAsync('./jquery.min.js');
-
-		for (var module of modules) {
-			await this.usingAsync(module);
-		}
-	
-		for (var css of csss) {
-			await this.usingAsync(css);
-			// works but has no effect
-			$('link')
-			.last()
-			.removeAttr('media');
-		}
-		
-		for (var script of scripts) {
-			await this.usingAsync(script);
-		}
-	}
-	
 	/**
 	 * @abstract Initializes the app.
 	 * 
@@ -209,55 +127,6 @@ export class BootLoader {
 		console.debug('Promise check : app started.');
 		this.check();
 	}
-
-	/**
-	 * @abstract Initialization scenario 2 : with easy loader.
-	 * 
-	 * @async implements the Promise contract
-	 */
-	async init2() {
-		var counter = 0;
-		while ((typeof easyloader !== 'object' || !document.currentScript) && ++counter <= 50) {
-			await this.setTimeoutAsync(100);
-		}
-		if (counter > 50) {
-			throw Error("easyloader not loaded");
-		}
-		console.info(`easyloader loaded : ${typeof easyloader} `);
-
-		await this.initScripts();
-		console.debug('Promise check : scripts loaded.');
-		
-		await this.readyAsync();
-		console.debug('Promise check : document ready.');
-		
-		// trial to shift misplaced menus
-		// $('#mFile, #mInsert, #mTools, #mView, #mOptions, #mInformations').append($('#menu'));
-		
-		await this.initApp(true);
-		console.debug('Promise check : app started.');
-		this.check();
-	}
-
-	/**
-	 * @abstract Sets the base location.
-	 * 
-	 * This will be needed for relative paths of some content like css or js files.
-	 * Is here used only for *easyloader*.
-	 * 
-	 * @returns the location of this script, ending with a slash
-	 */
-	getBaseLocation() {
-		var location = document.currentScript.src
-			.split('/')
-			.slice(0, -1)										// up to js folder
-			.join('/')
-			.replace(/ /g, '%20')
-			.replace('file:///', 'file://')
-			.replace('file://', 'file:///') + '/jquery-easyui/';
-			
-		return location;
-	}
 
 	/**
 	 * @abstract Checks the presence of the required scripts.
@@ -372,9 +241,7 @@ if (!window.bootLoaderLoaded) {
 	});
 }
 
-/*
 // This helps to import symbols in test suite
 try {
 	module.exports = BootLoader;
 } catch(e) { }
-*/

src/assets/js/bootLoader.js

@@ -1,12 +1,13 @@
+@import 'katex/dist/katex.css';
 @import './jquery-easyui/themes/icon.css';
 @import './jquery-easyui/themes/default/easyui.css';
 @import './jquery-easyui-MathEditorExtend/themes/icon.css';
 @import './jquery-easyui-MathEditorExtend/themes/aguas/easyui.css';
-@import './katex/katex.min.css';
 @import './keyboard/keyboard.css';
 @import './codemirror/lib/codemirror.css';
 @import './codemirror/theme/darcula.css';
 @import './codemirror/theme/twilight.css';
+@import './codemirror/theme/zenburn.css';
 
 body {
 	height: 100%;