Skip to content

Commit 22d1172

Browse files
dominikgdominikg
authored
chore: regenerate playground kit demo app (#464)
* chore: regenerate playground kit demo app and cut some larger things from it * fix: regen lockfile * fix: use button to avoid new svelte a11y warning
1 parent be1f64c commit 22d1172

29 files changed

+758
-522
lines changed

‎packages/e2e-tests/hmr/src/components/HmrTest.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111
<div class="hmr-test" {id}>
1212
<span class="label">{label}</span>
13-
<span class="counter increment" on:click={increment}>{$count}</span>
13+
<button class="counter increment" on:click={increment}>{$count}</button>
1414
</div>
1515

1616
<!-- HMR-TEMPLATE-INJECT -->

‎packages/playground/kit-demo-app/jsconfig.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,8 @@
1010
"sourceMap": true,
1111
"strict": true
1212
}
13+
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
14+
//
15+
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16+
// from the referenced tsconfig.json - TypeScript does not merge them in
1317
}

‎packages/playground/kit-demo-app/package.json

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,13 @@
55
"scripts": {
66
"dev": "vite dev",
77
"build": "vite build",
8-
"package": "svelte-kit package",
98
"preview": "vite preview",
10-
"check": "svelte-check --tsconfig ./jsconfig.json",
11-
"check:watch": "svelte-check --tsconfig ./jsconfig.json --watch"
9+
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
10+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
1211
},
1312
"devDependencies": {
13+
"@fontsource/fira-mono": "^4.5.0",
14+
"@neoconfetti/svelte": "^1.0.0",
1415
"@sveltejs/adapter-auto": "^1.0.0-next.83",
1516
"@sveltejs/kit": "^1.0.0-next.516",
1617
"@types/cookie": "^0.5.1",
@@ -19,9 +20,5 @@
1920
"typescript": "^4.8.4",
2021
"vite": "^3.1.8"
2122
},
22-
"type": "module",
23-
"dependencies": {
24-
"@fontsource/fira-mono": "^4.5.10",
25-
"cookie": "^0.5.0"
26-
}
23+
"type": "module"
2724
}

‎packages/playground/kit-demo-app/src/app.d.ts

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,4 @@
11
// See https://kit.svelte.dev/docs/types#app
22
// for information about these interfaces
33
// and what to do when importing types
4-
declare namespace App {
5-
interface Locals {
6-
userid: string;
7-
}
8-
9-
// interface Platform {}
10-
11-
// interface PrivateEnv {}
12-
13-
// interface PublicEnv {}
14-
15-
// interface Session {}
16-
}
4+
declare namespace App {}

‎packages/playground/kit-demo-app/src/app.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="viewport" content="width=device-width" />
77
%sveltekit.head%
88
</head>
9-
<body>
9+
<body data-sveltekit-prefetch>
1010
<div>%sveltekit.body%</div>
1111
</body>
1212
</html>

‎packages/playground/kit-demo-app/src/hooks.js

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎packages/playground/kit-demo-app/src/lib/form.js

Lines changed: 0 additions & 82 deletions
This file was deleted.

‎packages/playground/kit-demo-app/src/lib/images/github.svg

Lines changed: 16 additions & 0 deletions
Loading

‎packages/playground/kit-demo-app/src/lib/header/svelte-logo.svg renamed to ‎packages/playground/kit-demo-app/src/lib/images/svelte-logo.svg

File renamed without changes.

‎packages/playground/kit-demo-app/src/routes/+layout.svelte

Lines changed: 20 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,34 @@
11
<script>
2-
import Header from '$lib/header/Header.svelte';
3-
import '../app.css';
2+
import Header from './Header.svelte';
3+
import './styles.css';
44
</script>
55

6-
<Header />
6+
<div class="app">
7+
<Header />
78

8-
<main>
9-
<slot />
10-
</main>
9+
<main>
10+
<slot />
11+
</main>
1112

12-
<footer>
13-
<p>visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to learn SvelteKit</p>
14-
</footer>
13+
<footer>
14+
<p>visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to learn SvelteKit</p>
15+
</footer>
16+
</div>
1517

1618
<style>
19+
.app {
20+
display: flex;
21+
flex-direction: column;
22+
min-height: 100vh;
23+
}
24+
1725
main {
1826
flex: 1;
1927
display: flex;
2028
flex-direction: column;
2129
padding: 1rem;
2230
width: 100%;
23-
max-width: 1024px;
31+
max-width: 64rem;
2432
margin: 0 auto;
2533
box-sizing: border-box;
2634
}
@@ -30,7 +38,7 @@
3038
flex-direction: column;
3139
justify-content: center;
3240
align-items: center;
33-
padding: 40px;
41+
padding: 12px;
3442
}
3543
3644
footer a {
@@ -39,7 +47,7 @@
3947
4048
@media (min-width: 480px) {
4149
footer {
42-
padding: 40px 0;
50+
padding: 12px 0;
4351
}
4452
}
4553
</style>

0 commit comments

Comments
 (0)