🧱 Add ts-loader dependency and remove package-lock.json

- `package-lock.json` only conflicts with `yarn.lock`, and since we use yarn instead of npm, we shouldn't have `package-lock.json`.
- `awesome-typescript-loader` was making build issues, and since it's been deprecated and has an incorrect dependency version of typescript, I replaced it with `ts-loader`.

package.json

@@ -72,7 +72,6 @@
         "@types/webpack": "^4.39.0",
         "@typescript-eslint/eslint-plugin": "^3.8.0",
         "@typescript-eslint/parser": "^3.8.0",
-        "awesome-typescript-loader": "^5.2.1",
         "bulma": "^0.9.0",
         "bulma-extensions": "^6.2.7",
         "bulma-slider": "^2.0.0",
@@ -91,8 +90,9 @@
         "selenium-webdriver": "^4.0.0-alpha.1",
         "source-map": "^0.7.3",
         "ts-jest": "^26.1.4",
+        "ts-loader": "~8.2.0",
         "typedoc": "^0.18.0",
-        "typescript": "^4.0.2",
+        "typescript": "4.6.4",
         "uuid": "^8.3.0",
         "verovio-dev": "file:./verovio-util/verovio-dev",
         "webpack": "^4.12.0",

test/NeonCore.test.ts

@@ -784,7 +784,7 @@ test('Test chain action', async () => {
   };
   expect(await neon.edit(editorAction, pathToPNG)).toBeTruthy();
   const dragAtts = await neon.getElementAttr('m-044e7093-895e-4a78-bbda-7f1779a896d4', pathToPNG);
-  const insertAtts = await neon.getElementAttr((await neon.info(pathToPNG))['1'].uuid, pathToPNG);
+  const insertAtts = await neon.getElementAttr(((await neon.info(pathToPNG))['1'] as any).uuid, pathToPNG);
   expect(dragAtts.pname).toBe('b');
   expect(dragAtts.oct).toBe('2');
   expect(insertAtts.pname).toBe('e');

tsconfig.json

@@ -14,8 +14,5 @@
     ],
     "exclude": [
         "node_modules"
-    ],
-    "awesomeTypescriptLoaderOptions": {
-        "useCache": true
-    }
+    ]
 }

webpack.config.js

@@ -20,13 +20,13 @@ module.exports = {
   node: {
     fs: 'empty'
   },
-  devtool: 'source-map',
+  devtool: 'inline-source-map',
   module: {
     rules: [
       {
         test: /\.tsx?$/,
         use: [
-          'awesome-typescript-loader'
+          'ts-loader'
         ],
         exclude: /node_modules/
       },

webpack.dev.config.js

@@ -21,7 +21,7 @@ module.exports = {
   node: {
     fs: 'empty'
   },
-  devtool: 'source-map',
+  devtool: 'inline-source-map',
   devServer: {
     static: './deployment/server',
     hot: true,
@@ -32,7 +32,7 @@ module.exports = {
       {
         test: /\.tsx?$/,
         use: [
-          'awesome-typescript-loader'
+          'ts-loader'
         ],
         exclude: /node_modules/
       },

webpack.pages-config.js

@@ -19,12 +19,12 @@ module.exports = {
   node: {
     fs: 'empty',
   },
-  devtool: 'source-map',
+  devtool: 'inline-source-map',
   module: {
     rules: [
       {
         test: /\.tsx?$/,
-        use: ['awesome-typescript-loader'],
+        use: ['ts-loader'],
         exclude: /node_modules/,
       },
       {