fix(sites): fix REPL styles (#8770)

* Push

* Push fixes

* Delete vite.config.js.timestamp-1687278902174-a59162675b2f6.mjs

* Remove log

* bump site-ki
pull/8783/head
Puru Vijay 1 year ago committed by GitHub
parent 3858321b32
commit fe60894066
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -182,8 +182,8 @@ importers:
specifier: ^1.20.4 specifier: ^1.20.4
version: 1.20.4(svelte@packages+svelte)(vite@4.3.9) version: 1.20.4(svelte@packages+svelte)(vite@4.3.9)
'@sveltejs/site-kit': '@sveltejs/site-kit':
specifier: 6.0.0-next.6 specifier: 6.0.0-next.8
version: 6.0.0-next.6(@sveltejs/kit@1.20.4)(svelte@packages+svelte) version: 6.0.0-next.8(@sveltejs/kit@1.20.4)(svelte@packages+svelte)
'@sveltejs/vite-plugin-svelte': '@sveltejs/vite-plugin-svelte':
specifier: ^2.4.1 specifier: ^2.4.1
version: 2.4.1(svelte@packages+svelte)(vite@4.3.9) version: 2.4.1(svelte@packages+svelte)(vite@4.3.9)
@ -1822,8 +1822,8 @@ packages:
svelte-local-storage-store: 0.4.0(svelte@packages+svelte) svelte-local-storage-store: 0.4.0(svelte@packages+svelte)
dev: false dev: false
/@sveltejs/site-kit@6.0.0-next.6(@sveltejs/kit@1.20.4)(svelte@packages+svelte): /@sveltejs/site-kit@6.0.0-next.8(@sveltejs/kit@1.20.4)(svelte@packages+svelte):
resolution: {integrity: sha512-5+NjcAzksiCkQrgKe9Kj3L8yMqGSF73QJnV949gFOzxY2VjTNeCJCQ4fl7Ek64/j5YrLEdFaz0DbYNqZzes8qg==} resolution: {integrity: sha512-3sCRKQnjhxJRR1FYpBBsGRqiV1cqSYFGAi/lJb4rt1U2+cvpRxJgJUHzrQqbfB4JfWpD63FcLKYU1+P+maaX/w==}
peerDependencies: peerDependencies:
'@sveltejs/kit': ^1.0.0 '@sveltejs/kit': ^1.0.0
svelte: ^3.54.0 || ^4.0.0-next.0 || ^4.0.0 svelte: ^3.54.0 || ^4.0.0-next.0 || ^4.0.0

@ -30,7 +30,7 @@
"@resvg/resvg-js": "^2.4.1", "@resvg/resvg-js": "^2.4.1",
"@sveltejs/adapter-vercel": "^3.0.1", "@sveltejs/adapter-vercel": "^3.0.1",
"@sveltejs/kit": "^1.20.4", "@sveltejs/kit": "^1.20.4",
"@sveltejs/site-kit": "6.0.0-next.6", "@sveltejs/site-kit": "6.0.0-next.8",
"@sveltejs/vite-plugin-svelte": "^2.4.1", "@sveltejs/vite-plugin-svelte": "^2.4.1",
"@types/marked": "^5.0.0", "@types/marked": "^5.0.0",
"@types/node": "^20.3.1", "@types/node": "^20.3.1",

@ -30,6 +30,6 @@
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-code="hover"> <body data-sveltekit-preload-code="hover">
<div>%sveltekit.body%</div> <div style="height: 100%">%sveltekit.body%</div>
</body> </body>
</html> </html>

@ -11,6 +11,6 @@ export async function load({ fetch, params, url }) {
return { return {
gist, gist,
version: url.searchParams.get('version') || '3' version: url.searchParams.get('version') || '4.0.0-next.2'
}; };
} }

@ -32,7 +32,7 @@
onMount(() => { onMount(() => {
if (data.version !== 'local') { if (data.version !== 'local') {
fetch(`https://unpkg.com/svelte@${data.version || '3'}/package.json`) fetch(`https://unpkg.com/svelte@${data.version || '4.0.0-next.2'}/package.json`)
.then((r) => r.json()) .then((r) => r.json())
.then((pkg) => { .then((pkg) => {
version = pkg.version; version = pkg.version;
@ -101,7 +101,8 @@
<style> <style>
.repl-outer { .repl-outer {
position: relative; position: relative;
height: calc(100vh - var(--sk-nav-height)); height: calc(100% - var(--sk-nav-height));
height: calc(100dvh - var(--sk-nav-height));
--app-controls-h: 5.6rem; --app-controls-h: 5.6rem;
--pane-controls-h: 4.2rem; --pane-controls-h: 4.2rem;
overflow: hidden; overflow: hidden;

@ -67,15 +67,20 @@
$: mobile = width < 768; $: mobile = width < 768;
function reset() { function reset() {
repl.update({ repl.set({
files: data.tutorial.initial.map(clone) files: data.tutorial.initial.map(clone)
}); });
//! BUG: Fix handleChange on REPL side, setting repl.set doesn't trigger it, and repl.update doesn't even work
completed = false;
} }
function complete() { function complete() {
repl.update({ repl.set({
files: data.tutorial.complete.map(clone) files: data.tutorial.complete.map(clone)
}); });
completed = true;
} }
let completed = false; let completed = false;

Loading…
Cancel
Save