diff --git a/apps/svelte.dev/src/routes/(authed)/playground/+page.js b/apps/svelte.dev/src/routes/(authed)/playground/+page.js index 08b3a737c2..e1d614fda6 100644 --- a/apps/svelte.dev/src/routes/(authed)/playground/+page.js +++ b/apps/svelte.dev/src/routes/(authed)/playground/+page.js @@ -6,12 +6,6 @@ export function load({ url }) { const example = query.get('example'); const version = query.get('version'); const vim = query.get('vim'); - - // redirect to v2 REPL if appropriate - if (version && /^[^>]?[12]/.test(version)) { - redirect(302, `https://v2.svelte.dev/repl?${query}`); - } - const id = gist || example || 'hello-world'; // we need to filter out null values const q = new URLSearchParams(); diff --git a/packages/repl/src/lib/Editor/Editor.svelte b/packages/repl/src/lib/Editor/Editor.svelte index fbf981f20d..6dfd1635a3 100644 --- a/packages/repl/src/lib/Editor/Editor.svelte +++ b/packages/repl/src/lib/Editor/Editor.svelte @@ -37,6 +37,10 @@ const transaction = setDiagnostics(editor_view.state, workspace.diagnostics); editor_view.dispatch(transaction); }); + + $effect(() => { + console.log('compiled', workspace.current_compiled); + }); { + console.log('error', error); + }); + async function apply_bundle(bundle: BundleResult | null) { if (!bundle) return; diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte index 39f868848e..5ffd4c005e 100644 --- a/packages/repl/src/lib/Repl.svelte +++ b/packages/repl/src/lib/Repl.svelte @@ -132,7 +132,9 @@ let runtime_error: Error | null = $state(null); let status_visible = $state(false); let status_timeout: NodeJS.Timeout | undefined = undefined; - + $effect(() => { + console.log(runtime_error); + }); const bundler = BROWSER ? new Bundler({ svelte_version: svelteVersion, diff --git a/packages/repl/src/lib/workers/bundler/index.ts b/packages/repl/src/lib/workers/bundler/index.ts index 6e84324a03..2eb5d28fb4 100644 --- a/packages/repl/src/lib/workers/bundler/index.ts +++ b/packages/repl/src/lib/workers/bundler/index.ts @@ -541,7 +541,7 @@ async function bundle( return new component(options); } export function unmount(component) { - component.$destroy(); + component.${svelte.VERSION.split('.')[0] < '3' ? 'destroy' : '$destroy'}(); styles.forEach(style => style.remove()); } export function untrack(fn) { diff --git a/packages/repl/src/lib/workers/npm.ts b/packages/repl/src/lib/workers/npm.ts index 57710a3daa..0d6811cc07 100644 --- a/packages/repl/src/lib/workers/npm.ts +++ b/packages/repl/src/lib/workers/npm.ts @@ -32,8 +32,12 @@ export async function load_svelte(version: string) { ? 'compiler.js' : version.startsWith('4.') ? 'compiler.cjs' - : 'compiler/index.js'; - + : version.startsWith('1.0') || version.startsWith('1.1.') + ? 'dist/svelte.js' + : version.startsWith('2.') + ? 'compiler/svelte.js' + : 'compiler/index.js'; + console.log(pkg.contents); const compiler = pkg.contents[entry].text; (0, eval)(compiler + `\n//# sourceURL=${entry}@` + version);