Move to TypeScript (#3830)

This moves our JS file to use TS instead, which allows us to use a proper linter to check the code.
All related files where moved out from the root in a dedicated folder to avoid polluting the Rust environment.

src/platform_impl/web/script/.swcrc

@@ -0,0 +1,19 @@
+{
+	"module": {
+		"type": "es6"
+	},
+	"isModule": true,
+	"minify": true,
+	"jsc": {
+		"parser": {
+			"syntax": "typescript"
+		},
+		"target": "es2022",
+		"minify": {
+			"compress": {
+				"unused": true
+			},
+			"mangle": true
+		}
+	}
+}

src/platform_impl/web/script/eslint.config.mjs

@@ -0,0 +1,32 @@
+import eslint from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import globals from 'globals'
+
+export default tseslint.config(
+	{
+		ignores: ['**/*.min.js', 'eslint.config.mjs'],
+	},
+	eslint.configs.recommended,
+	...tseslint.configs.strictTypeChecked,
+	...tseslint.configs.stylisticTypeChecked,
+	{
+		languageOptions: {
+			parserOptions: {
+				ecmaVersion: 'latest',
+				project: ['tsconfig.json'],
+				sourceType: 'module',
+			},
+			globals: {
+				...globals.browser,
+			},
+		},
+		rules: {
+			'@typescript-eslint/no-confusing-void-expression': [
+				'error',
+				{
+					ignoreArrowShorthand: true,
+				},
+			],
+		},
+	}
+)

src/platform_impl/web/script/package.json

@@ -0,0 +1,9 @@
+{
+	"devDependencies": {
+		"@eslint/js": "^9",
+		"@types/eslint__js": "^8",
+		"eslint": "^8",
+		"typescript": "^5",
+		"typescript-eslint": "^7"
+	}
+}

src/platform_impl/web/script/scheduler.d.ts

@@ -0,0 +1,12 @@
+declare global {
+	// eslint-disable-next-line no-var
+	var scheduler: Scheduler
+}
+
+export interface Scheduler {
+	postTask<T>(callback: () => T | PromiseLike<T>, options?: SchedulerPostTaskOptions): Promise<T>
+}
+
+export interface SchedulerPostTaskOptions {
+	delay?: number
+}

src/platform_impl/web/script/tsconfig.json

@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"allowUnreachableCode": false,
+		"allowUnusedLabels": false,
+		"exactOptionalPropertyTypes": true,
+		"noImplicitOverride": true,
+		"noPropertyAccessFromIndexSignature": true,
+		"noUncheckedIndexedAccess": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"strict": true,
+	}
+}

src/platform_impl/web/script/worker.min.js

@@ -0,0 +1 @@
+onmessage=e=>{let[s,a]=e.data,l=()=>s.postMessage(void 0);"scheduler"in globalThis?globalThis.scheduler.postTask(l,{delay:a}):setTimeout(l,a)};

src/platform_impl/web/script/worker.ts

@@ -0,0 +1,10 @@
+onmessage = (event) => {
+	const [port, timeout] = event.data as [MessagePort, number]
+	const f = () => port.postMessage(undefined)
+
+	if ('scheduler' in globalThis) {
+		void globalThis.scheduler.postTask(f, { delay: timeout })
+	} else {
+		setTimeout(f, timeout)
+	}
+}

src/platform_impl/web/web_sys/schedule.rs

@@ -175,7 +175,7 @@ impl Schedule {
         F: 'static + FnMut(),
     {
         thread_local! {
-            static URL: ScriptUrl = ScriptUrl::new(include_str!("worker.min.js"));
+            static URL: ScriptUrl = ScriptUrl::new(include_str!("../script/worker.min.js"));
             static WORKER: Worker = URL.with(|url| Worker::new(&url.0)).expect("`new Worker()` is not expected to fail with a local script");
         }
 

src/platform_impl/web/web_sys/worker.js

@@ -1,10 +0,0 @@
-onmessage = event => {
-    const [port, timeout] = event.data
-    const f = () => port.postMessage(undefined)
-
-    if ('scheduler' in this) {
-        scheduler.postTask(f, { delay: timeout })
-    } else {
-        setTimeout(f, timeout)
-    }
-}

src/platform_impl/web/web_sys/worker.min.js

@@ -1 +0,0 @@
-onmessage=e=>{let[s,t]=e.data,a=()=>s.postMessage(void 0);"scheduler"in this?scheduler.postTask(a,{delay:t}):setTimeout(a,t)};