fix: migrate button, repl type and upgrade to ^5.0.0

Author: paoloricciuti

apps/svelte.dev/package.json

@@ -70,7 +70,7 @@
 		"prettier-plugin-svelte": "^3.2.4",
 		"satori": "^0.10.13",
 		"satori-html": "^0.3.2",
-		"svelte": "5.0.0-next.269",
+		"svelte": "5.0.0",
 		"svelte-check": "^4.0.0",
 		"svelte-preprocess": "^5.1.4",
 		"tiny-glob": "^0.2.9",

apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte

@@ -12,7 +12,7 @@
 
 	let { data } = $props();
 
-	let repl = $state() as Repl;
+	let repl = $state() as ReturnType<typeof Repl>;
 	let name = $state(data.gist.name);
 	let modified = $state(false);
 	let version = data.version;

packages/editor/src/lib/Workspace.svelte.ts

@@ -300,13 +300,11 @@ export class Workspace {
 		this.#view = null;
 	}
 
-	update_file(file: File) {
-		if (file.name === this.#current.name) {
-			// TODO this line causes the editor to keep losign
-			// focus and I have no idea why. It seems important,
-			// but it also doesn't appear to break anything
-			// if we comment it out?
-			// this.#current = file;
+	update_file(file: File, from_codemirror = false) {
+		if (file.name === this.#current.name && !from_codemirror) {
+			// we don't want to update the file if the update comes from
+			// codemirror or it will loose focus
+			this.#current = file;
 		}
 
 		this.#files = this.#files.map((old) => {
@@ -364,10 +362,13 @@ export class Workspace {
 				if (update.docChanged) {
 					const state = this.#view!.state!;
 
-					this.update_file({
-						...this.#current,
-						contents: state.doc.toString()
-					});
+					this.update_file(
+						{
+							...this.#current,
+							contents: state.doc.toString()
+						},
+						true
+					);
 
 					// preserve undo/redo across files
 					this.states.set(this.#current.name, state);