converted the project assets to webpack bundles

left 4 minor problems:
- cannot load certain theme css files : MathEditorExtend
- Latex menu empty
- Screen Keyboard not activated
- Buttons from Accordion to collapse / expand panels are overridden

Author: Mick2nd

package-lock.json

@@ -2,13 +2,15 @@
   "name": "joplin-plugin-katex-input-helper",
   "version": "1.0.10",
   "scripts": {
-    "dist": "webpack --env joplin-plugin-config=buildMain && webpack --env joplin-plugin-config=buildExtraScripts && webpack --env joplin-plugin-config=createArchive",
+    "dist": "webpack --env joplin-plugin-config=buildMain && webpack --env joplin-plugin-config=buildExtraScripts && npm run build-assets && webpack --env joplin-plugin-config=createArchive",
     "prepare": "npm run dist",
     "updateVersion": "webpack --env joplin-plugin-config=updateVersion",
     "update": "npm install -g generator-joplin && yo joplin --node-package-manager npm --update --force",
     "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"
+    "jtest": "jest",
+    "build-assets": "webpack --config webpack.assets.config.js --mode development",
+	"serve": "webpack serve --config webpack.assets.config.js"
   },
   "license": "MIT",
   "keywords": [
@@ -19,25 +21,35 @@
   ],
   "devDependencies": {
     "@atao60/fse-cli": "^0.1.9",
+    "@babel/core": "^7.27.1",
+    "@babel/preset-env": "^7.27.2",
     "@joplin/lib": "^2.6.3",
     "@types/jquery": "^3.5.32",
     "@types/node": "^18.7.13",
+    "babel": "^5.8.38",
+    "babel-loader": "^10.0.0",
     "chalk": "^4.1.0",
     "copy-webpack-plugin": "^11.0.0",
+    "css-loader": "^7.1.2",
     "easyui": "^8.0.0",
+    "file-loader": "^6.2.0",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
     "inversify": "^7.5.1",
     "jest": "^29.7.0",
+    "mini-css-extract-plugin": "^2.9.2",
     "path": "^0.12.7",
     "tar": "^6.1.11",
+    "terser-webpack-plugin": "^5.3.14",
     "ts-loader": "^9.3.1",
     "typedoc": "^0.26.10",
     "typedoc-umlclass": "^0.10.0",
     "typescript": "^4.8.2",
+    "url-loader": "^4.1.1",
     "vitest": "^3.1.3",
     "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.2.1"
   },
   "eslintConfig": {
     "plugins": [

package.json

@@ -1,6 +1,6 @@
 {
 	"extraScripts": [ 
 		"./plugins/codeMirror.ts", 
-		"./plugins/markdownIt.ts" 
+		"./plugins/markdownIt.ts"
 	]
 }

plugin.config.json

@@ -1,10 +1,30 @@
 
+import jquery from './jquery-plugin/jquery.min';
+import './jquery-easyui/jquery.easyui.min';
+import './jquery-easyui/datagrid-dnd';
+import './jquery-easyui/datagrid-filter';
+import './jquery-easyui/datagrid-cellediting';
+import katex from './katex/katex.min';
+import './katex/mhchem';
+import CodeMirror from './codemirror/lib/codemirror';
+
+import { Observable } from './patterns/observable';
+import { Localizer } from './localization';
+import { Themes } from './themes';
+import { ParserExtension } from './parserExtension';
+import { KIHParameters } from './parameters';
+import { MathFormulae } from './math';
+import { KatexInputHelper } from './dialog';
+import { FileHandler } from './fileHandling';
+import { CategoriesTree } from './categoriesTree';
+import { DynamicPanel } from './panels';
+
 /**
  * @abstract The boot loader of the Katex Input Helper.
  * 
  * This is capable of supporting 2 different scenarios, one using *easyloader*, one not. 
  */
-class BootLoader {
+export class BootLoader {
 
 	baseLocation = null;
 	vme = null;
@@ -285,9 +305,10 @@ class BootLoader {
 			checkOther(typeof $.fn.datagrid.defaults.defaultFilterOptions, 'object', 'datagrid-filter') &&
 			// can we independantly check dnd and cellediting?
 			checkOther(typeof katex, 'object', 'Katex') &&
+			checkOther(typeof katex.renderToString, 'function', 'Katex') &&
 			mhchemCheck() &&
 			//checkOther(typeof ($.fn.ColorPicker), 'function', 'ColorPicker') &&
-			checkTypeByName(CodeMirror, 'Object', 'CodeMirror') &&
+			checkTypeByName(CodeMirror, 'CodeMirror', 'CodeMirror') &&
 
 			checkTypeByName(Observable, 'Observable') &&
 			checkTypeByName(Localizer, 'Localizer') &&
@@ -338,17 +359,22 @@ class BootLoader {
 	}
 }	
 
-var kihBootLoader = new BootLoader();
-kihBootLoader.init1()
-.then(() => {
-	kihBootLoader.check();
-})
-.catch(err => {
-	console.error(`Error ${err} `, err);
-	kihBootLoader.fatal(err);
-});
+if (!window.bootLoaderLoaded) {
+	window.bootLoaderLoaded = true;
+	var kihBootLoader = new BootLoader();
+	kihBootLoader.init1()
+	.then(() => {
+		kihBootLoader.check();
+	})
+	.catch(err => {
+		console.error(`Error ${err} `, err);
+		kihBootLoader.fatal(err);
+	});
+}
 
+/*
 // This helps to import symbols in test suite
 try {
 	module.exports = BootLoader;
 } catch(e) { }
+*/

src/assets/dialog2.html

@@ -1,11 +1,12 @@
+import { Observable } from "./patterns/observable";
 
 /**
  * @abstract Manages the Categories Tree.
  * 
  * The Leafs of the tree refer to a set of equations and constitute the categories.
  * The Folders constitute super categories.
  */
-class CategoriesTree {
+export class CategoriesTree {
 
 	data = null;
 	treeSelector = "";
@@ -829,5 +830,5 @@ class CategoriesTree {
 
 // This helps to import symbols in test suite
 try {
-	module.exports = CategoriesTree;
+	module.exports = { CategoriesTree };
 } catch(e) { }