Remove editor instances concept and clean up JS interop code

frontend/src/state-providers/dialog.ts

@@ -13,7 +13,7 @@ export function createDialogState(editor: Editor) {
 		buttons: defaultWidgetLayout(),
 		column1: defaultWidgetLayout(),
 		column2: defaultWidgetLayout(),
-		// Special case for the crash dialog because we cannot handle button widget callbacks from Rust once the editor instance has panicked
+		// Special case for the crash dialog because we cannot handle button widget callbacks from Rust once the editor has panicked
 		panicDetails: "",
 	});
 
@@ -27,7 +27,7 @@ export function createDialogState(editor: Editor) {
 	}
 
 	// Creates a crash dialog from JS once the editor has panicked.
-	// Normal dialogs are created in the Rust backend, but for the crash dialog, the editor instance has panicked so it cannot respond to widget callbacks.
+	// Normal dialogs are created in the Rust backend, but for the crash dialog, the editor has panicked so it cannot respond to widget callbacks.
 	function createCrashDialog(panicDetails: string) {
 		update((state) => {
 			state.visible = true;

frontend/src/state-providers/fonts.ts

@@ -52,9 +52,9 @@ export function createFontsState(editor: Editor) {
 		const url = await getFontFileUrl(triggerFontLoad.font.fontFamily, triggerFontLoad.font.fontStyle);
 		if (url) {
 			const response = await (await fetch(url)).arrayBuffer();
-			editor.instance.onFontLoad(triggerFontLoad.font.fontFamily, triggerFontLoad.font.fontStyle, url, new Uint8Array(response), triggerFontLoad.isDefault);
+			editor.handle.onFontLoad(triggerFontLoad.font.fontFamily, triggerFontLoad.font.fontStyle, url, new Uint8Array(response), triggerFontLoad.isDefault);
 		} else {
-			editor.instance.errorDialog("Failed to load font", `The font ${triggerFontLoad.font.fontFamily} with style ${triggerFontLoad.font.fontStyle} does not exist`);
+			editor.handle.errorDialog("Failed to load font", `The font ${triggerFontLoad.font.fontFamily} with style ${triggerFontLoad.font.fontStyle} does not exist`);
 		}
 	});
 

frontend/src/state-providers/portfolio.ts

@@ -50,31 +50,31 @@ export function createPortfolioState(editor: Editor) {
 			const data = await fetch(url);
 			const content = await data.text();
 
-			editor.instance.openDocumentFile(name, content);
+			editor.handle.openDocumentFile(name, content);
 		} catch {
 			// Needs to be delayed until the end of the current call stack so the existing demo artwork dialog can be closed first, otherwise this dialog won't show
 			setTimeout(() => {
-				editor.instance.errorDialog("Failed to open document", "The file could not be reached over the internet. You may be offline, or it may be missing.");
+				editor.handle.errorDialog("Failed to open document", "The file could not be reached over the internet. You may be offline, or it may be missing.");
 			}, 0);
 		}
 	});
 	editor.subscriptions.subscribeJsMessage(TriggerOpenDocument, async () => {
-		const extension = editor.instance.fileSaveSuffix();
+		const extension = editor.handle.fileSaveSuffix();
 		const data = await upload(extension, "text");
-		editor.instance.openDocumentFile(data.filename, data.content);
+		editor.handle.openDocumentFile(data.filename, data.content);
 	});
 	editor.subscriptions.subscribeJsMessage(TriggerImport, async () => {
 		const data = await upload("image/*", "data");
 
 		if (data.type.includes("svg")) {
 			const svg = new TextDecoder().decode(data.content);
-			editor.instance.pasteSvg(svg);
+			editor.handle.pasteSvg(svg);
 
 			return;
 		}
 
 		const imageData = await extractPixelData(new Blob([data.content], { type: data.type }));
-		editor.instance.pasteImage(new Uint8Array(imageData.data), imageData.width, imageData.height);
+		editor.handle.pasteImage(new Uint8Array(imageData.data), imageData.width, imageData.height);
 	});
 	editor.subscriptions.subscribeJsMessage(TriggerDownloadTextFile, (triggerFileDownload) => {
 		downloadFileText(triggerFileDownload.name, triggerFileDownload.document);