minor fixes

Mudloop · Nov 9, 2024 · 7d7a8de · 7d7a8de
1 parent 45effc7
commit 7d7a8de
Show file tree

Hide file tree

Showing 9 changed files with 28 additions and 18 deletions.
diff --git a/builders/generated/source-transformer.worker.js.map b/builders/generated/source-transformer.worker.js.map
diff --git a/docs/bundle/js/index.js b/docs/bundle/js/index.js
diff --git a/docs/bundle/js/index.js.map b/docs/bundle/js/index.js.map
diff --git a/docs/bundle/js/previews.js.map b/docs/bundle/js/previews.js.map
diff --git a/docs/service.worker.js b/docs/service.worker.js
diff --git a/playground/src/state/BuildManager.ts b/playground/src/state/BuildManager.ts
@@ -15,8 +15,13 @@ export class BuildManager {
 	}
 	private update = async () => {
 		const files = await this.fs.findAll<MagicFile>(entry => entry.isFile);
+		Object.keys(this.builds).forEach(path => {
+			if (!files.find(file => file.path == path)) {
+				delete this.builds[path];
+			}
+		})
 		files.map(file => {
-			if (!file.isFile) return;
+			// if (!file.isFile) return;
 			const builder = this.builders.find(builder => builder.test(file.path));
 			if (!builder) return;
 

diff --git a/playground/src/state/Project.ts b/playground/src/state/Project.ts
@@ -28,6 +28,7 @@ export class Project {
 				if (detail.type == 'unlink') this.closeFile(detail.id);
 			}
 			this.onFilesChange.trigger();
+			this.onChange.trigger();
 		});
 		this.buildManager = new BuildManager(this, App.builders);
 	}

diff --git a/utilities/src/MagicFS.ts b/utilities/src/MagicFS.ts
@@ -118,6 +118,7 @@ export class MagicFS {
 	get = async <T extends MagicFSEntry>(path: string) => this.root.get<T>(sanitizePath(path));
 	rename = async (entry: MagicFSEntry, path: string) => {
 		await this._volume.rename(entry.path, path);
+		entry.path = path;
 		entry.reset();
 		(await entry.parent)!.reset();
 	};

diff --git a/utilities/src/VirtualFS.ts b/utilities/src/VirtualFS.ts
@@ -255,9 +255,12 @@ export class Volume {
 	public readTxn = <T>(handler: (reader: VolumeReader) => Promise<T>, stores?: string[]) => this.db.read(stores ?? allStores, accessors => handler(new VolumeReader(this.id, accessors)))
 	public writeTxn = async<T>(handler: (writer: VolumeWriter) => (Promise<T> | T), stores?: string[]) => {
 		const operations: Operation[] = [];
-		const result = await this.db.write(stores ?? allStores, accessors => new VolumeWriter(this.id, accessors, operations).execute(handler));
-		this.broadcast(operations);
-		return result;
+		const promise = this.db.write(stores ?? allStores, accessors => new VolumeWriter(this.id, accessors, operations).execute(handler));
+		promise.then(async () => {
+			await new Promise(resolve => requestAnimationFrame(resolve));
+			return this.broadcast(operations);
+		});
+		return promise;
 	}
 
 	public getMeta = () => this.readTxn(reader => reader.getMeta());