refactor: touch up on promise queue

package.json

···
 		"@atcute/tid": "^1.0.2",
 		"@badrap/valita": "^0.4.4",
 		"@mary/array-fns": "npm:@jsr/mary__array-fns@^0.1.4",
+		"@mary/ds-queue": "npm:@jsr/mary__ds-queue@^0.1.1",
 		"@mary/events": "npm:@jsr/mary__events@^0.2.0",
 		"@mary/solid-freeze": "npm:@externdefs/solid-freeze@^0.1.1",
 		"@mary/tar": "npm:@jsr/mary__tar@^0.2.4",

pnpm-lock.yaml

···
       '@mary/array-fns':
         specifier: npm:@jsr/mary__array-fns@^0.1.4
         version: '@jsr/mary__array-fns@0.1.4'
+      '@mary/ds-queue':
+        specifier: npm:@jsr/mary__ds-queue@^0.1.1
+        version: '@jsr/mary__ds-queue@0.1.1'
       '@mary/events':
         specifier: npm:@jsr/mary__events@^0.2.0
         version: '@jsr/mary__events@0.2.0'
···
 
   '@jsr/mary__array-fns@0.1.4':
     resolution: {integrity: sha512-+HbGYR9Ll5blEmAvVAoPejyGj01YeBbVmJ59qxaMDKt5i3F90ohYLA5a78y6AULDlet1IxYB+a/cMN+A0vGnDg==, tarball: https://npm.jsr.io/~/11/@jsr/mary__array-fns/0.1.4.tgz}
+
+  '@jsr/mary__ds-queue@0.1.1':
+    resolution: {integrity: sha512-eypx2HpssmbNM6e3mWUs0ZzyNrt9i2vhWKQtNduu+02AZuVT+1QZIm3doyxENC3cyScFppWPciatfG2rZxBOxQ==, tarball: https://npm.jsr.io/~/11/@jsr/mary__ds-queue/0.1.1.tgz}
 
   '@jsr/mary__events@0.2.0':
     resolution: {integrity: sha512-WcBRbtuTno3zcfXKd7SEeKr1lAJF+CQ8BCv+PEEMmNKNqFurkEksGxRB3UDPZxIxjJ7sAqMVTL26wRuMpAcIeA==, tarball: https://npm.jsr.io/~/11/@jsr/mary__events/0.2.0.tgz}
···
       '@jridgewell/sourcemap-codec': 1.5.0
 
   '@jsr/mary__array-fns@0.1.4': {}
+
+  '@jsr/mary__ds-queue@0.1.1': {}
 
   '@jsr/mary__events@0.2.0': {}
 

src/lib/utils/promise-queue.ts

···
+import Queue from '@mary/ds-queue';
+
+interface QueueTask {
+	deferred: PromiseWithResolvers<any>;
+	fn: () => any;
+}
+
 export class PromiseQueue {
-	#queue: { deferred: PromiseWithResolvers<any>; fn: () => any }[] = [];
+	#queue = new Queue<QueueTask>();
 
 	#max: number;
 	#current = 0;
···
 	add<T>(fn: () => Promise<T>): Promise<T> {
 		const deferred = Promise.withResolvers<T>();
 
-		this.#queue.push({ deferred, fn });
+		this.#queue.enqueue({ deferred, fn });
 		this.#run();
 
 		return deferred.promise;
 	}
 
 	async flush(): Promise<void> {
-		while (this.#queue.length > 0) {
-			await Promise.all(this.#queue.map((task) => task.deferred.promise));
+		while (this.#queue.size > 0) {
+			// type assertion here because JSR omits the [Symbol.iterator] method declaration
+			await Promise.all(
+				Array.from(this.#queue as any as Iterable<QueueTask>, (task) => task.deferred.promise),
+			);
 		}
 	}
 
 	#run() {
-		if (this.#queue.length > 0 && this.#current <= this.#max) {
-			const { deferred, fn } = this.#queue.shift()!;
+		let task: QueueTask | undefined;
+
+		if (this.#current <= this.#max && (task = this.#queue.dequeue()) !== undefined) {
+			const { deferred, fn } = task;
 			this.#current++;
 
 			const promise = new Promise((r) => r(fn()));

tsconfig.app.json

···
 {
 	"compilerOptions": {
 		"target": "ESNext",
-		"useDefineForClassFields": false,
 		"module": "ESNext",
 		"lib": ["ESNext", "DOM", "DOM.Iterable"],
 		"types": [],
···
 		"isolatedModules": true,
 		"moduleDetection": "force",
 		"noEmit": true,
+
 		"jsx": "preserve",
 		"jsxImportSource": "solid-js",
+		"useDefineForClassFields": false,
 
 		"strict": true,
 		"noUnusedLocals": true,