Browser: Added Canvas support #15 partial

Implemented unit tests where possible.
Drawing methods will be tested visually later.
Implemented classes for DOM point and matrix operations.
Moved component classes to separate folder.
Fixed debugging source-mapped ST files with Firefox.
(Is still a todo for other browser projects)
Updated NPM packages.

.gitignore

@@ -7,7 +7,7 @@
 **/node_modules
 **/out
 /Browser/web/App.js
-/Browser/web/Smalltalk
+/Browser/web/Script
 /Examples/Balls/web/App.js
 /Examples/Balls/web/Smalltalk
 /Examples/Benchmark/web/App.js

Browser/.vscode/launch.json

@@ -43,16 +43,17 @@
 			"reAttach": true,
 			"url": "http://localhost:3000",
 			"webRoot": "${workspaceFolder}/web",
-			"preLaunchTask": "Compile Smalltalk"
-			// In FireFox, enable this to let the debugger find mappped *.st files.
-			// But then the *.js files will not open correctly anymore.
-			// A workaround is to copy (merge) the entire Smalltalk source folder to web/Smalltalk
-			// "pathMappings": [
-			// 	{
-			// 		"url": "http://localhost:3000/Smalltalk",
-			// 		"path": "${workspaceFolder}../Smalltalk"
-			// 	}
-			// ]
+			"preLaunchTask": "Compile Smalltalk",
+			"pathMappings": [
+				{
+					"url": "http://localhost:3000/src",
+					"path": "${workspaceFolder}/src"
+				},
+				{
+					"url": "http://localhost:3000/Smalltalk",
+					"path": "${workspaceFolder}/../Smalltalk"
+				}
+			]
 		},
 		{
 			"name": "Launch Firefox test",
@@ -61,7 +62,17 @@
 			"reAttach": true,
 			"url": "http://localhost:3000/?test",
 			"webRoot": "${workspaceFolder}/web",
-			"preLaunchTask": "Compile Smalltalk"
+			"preLaunchTask": "Compile Smalltalk",
+			"pathMappings": [
+				{
+					"url": "http://localhost:3000/src",
+					"path": "${workspaceFolder}/src"
+				},
+				{
+					"url": "http://localhost:3000/Smalltalk",
+					"path": "${workspaceFolder}/../Smalltalk"
+				}
+			]
 		}
 	]
-}
+}

Browser/.vscode/tasks.json

@@ -19,8 +19,8 @@
 			"label": "Compile Smalltalk",
 			"type": "shell",
 			"command": "node",
-			"args": [  "../Compiler/out/App.js", "../Smalltalk/Core", "../Smalltalk/Browser", "src", "web/Smalltalk" ],
-			// "args": [  "../Compiler/out/App.js", "-s", "../Smalltalk/Core", "../Smalltalk/Browser", "src", "web/Smalltalk" ],
+			"args": [  "../Compiler/out/App.js", "../Smalltalk/Core", "../Smalltalk/Browser", "src", "web/Script" ],
+			// "args": [  "../Compiler/out/App.js", "-s", "../Smalltalk/Core", "../Smalltalk/Browser", "src", "web/Script" ],
 			"options": {
 				"cwd": "${workspaceFolder}"
 			},

Browser/build.sh

@@ -15,7 +15,7 @@ tsc
 
 # Compile Smalltalk
 
-node ../Compiler/out/App.js ../Smalltalk/Core ../Smalltalk/Browser src web/Smalltalk
+node ../Compiler/out/App.js ../Smalltalk/Core ../Smalltalk/Browser src web/Script
 
 # Check for and run .env file for locations of enabled browsers to test.
 

Browser/src/App.ts

@@ -1,5 +1,5 @@
 // Invoke the start method on a new BrowserApp ST object.
 
-let moduleName: string = "./Smalltalk/BrowserApp.js";
+let moduleName: string = "./Script/BrowserApp.js";
 import( moduleName )
 	.then( module => { module.stMyBrowserApp$class.$new().$start(); } );

Compiler/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"dependencies": {
-		"@types/node": "^20.14.10",
+		"@types/node": "^22.1.0",
 		"source-map": "^0.7.4"
 	}
 }

Examples/Shop/Server/package.json

@@ -1,12 +1,12 @@
 {
 	"type": "module",
 	"dependencies": {
-		"@types/node": "^20.14.10",
+		"@types/node": "^22.1.0",
 		"express": "^4.19.2",
 		"express-session": "^1.18.0",
 		"http-terminator": "^3.2.0",
 		"mariadb": "^3.3.1",
-		"mysql2": "^3.10.2",
+		"mysql2": "^3.11.0",
 		"node-fetch": "^3.3.2",
 		"pg": "^8.12.0"
 	}