{#if browser}
@@ -158,7 +156,7 @@
remove={handle_change}
blur={() => {
// Only change hash on editor blur to not pollute everyone's browser history
- if (modified_count !== 0) {
+ if (modified) {
const json = JSON.stringify({ files: repl.toJSON().files });
change_hash(json);
}
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 376717dbcf..dd3989b660 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -10,6 +10,7 @@
import { get_app_context } from '../../app-context';
import type { Gist, User } from '$lib/db/types';
import type { File } from '@sveltejs/repl';
+ import { browser } from '$app/environment';
interface Props {
examples: Array<{ title: string; examples: any[] }>;
@@ -17,16 +18,14 @@
repl: Repl;
gist: Gist;
name: string;
- zen_mode: boolean;
- modified_count: number;
+ modified: boolean;
forked: (value: { gist: Gist }) => void;
saved: () => void;
}
let {
name = $bindable(),
- zen_mode = $bindable(),
- modified_count = $bindable(),
+ modified = $bindable(),
user,
repl,
gist,
@@ -41,6 +40,7 @@
let downloading = $state(false);
let justSaved = $state(false);
let justForked = $state(false);
+ let select: HTMLSelectElement;
function wait(ms: number) {
return new Promise((f) => setTimeout(f, ms));
@@ -84,7 +84,7 @@
const gist = await r.json();
forked({ gist });
- modified_count = 0;
+ modified = false;
repl.markSaved();
if (intentWasSave) {
@@ -146,7 +146,7 @@
throw new Error(`Received an HTTP ${r.status} response: ${error}`);
}
- modified_count = 0;
+ modified = false;
repl.markSaved();
saved();
justSaved = true;
@@ -209,6 +209,14 @@ export default app;`
downloading = false;
}
+
+ // modifying an app should reset the `