Skip to content

Commit bac5291

Browse files
benmccannbenmccann
authored
chore: reinit sveltekit playground app (#81)
1 parent 6d292bb commit bac5291

32 files changed

+14439
-879
lines changed

‎playground/kit-app/.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,5 @@ node_modules
88
!.env.example
99
.vercel
1010
.output
11+
vite.config.js.timestamp-*
12+
vite.config.ts.timestamp-*

‎playground/kit-app/.npmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
engine-strict=true
2+
resolution-mode=highest

‎playground/kit-app/package.json

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,23 @@
22
"name": "kit-app",
33
"private": true,
44
"version": "0.0.1",
5-
"type": "module",
6-
"dependencies": {
7-
"@fontsource/fira-mono": "^4.5.0"
8-
},
9-
"devDependencies": {
10-
"@sveltejs/adapter-auto": "^1.0.0-next.75",
11-
"@sveltejs/kit": "^1.0.0-next.483",
12-
"@types/cookie": "^0.5.1",
13-
"svelte": "^3.50.1",
14-
"svelte-check": "^2.7.1",
15-
"typescript": "^4.7.4",
16-
"vite": "^3.1.0"
17-
},
185
"scripts": {
196
"dev": "vite dev",
207
"build": "vite build",
218
"preview": "vite preview",
229
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
2310
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
24-
}
11+
},
12+
"devDependencies": {
13+
"@fontsource/fira-mono": "^4.5.10",
14+
"@neoconfetti/svelte": "^1.0.0",
15+
"@sveltejs/adapter-auto": "^2.0.0",
16+
"@sveltejs/kit": "^1.20.4",
17+
"@types/cookie": "^0.5.1",
18+
"svelte": "^4.0.5",
19+
"svelte-check": "^3.4.3",
20+
"typescript": "^5.0.0",
21+
"vite": "^4.4.2"
22+
},
23+
"type": "module"
2524
}

‎playground/kit-app/src/app.css

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

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

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
// See https://kit.svelte.dev/docs/types#app
22
// for information about these interfaces
3-
// and what to do when importing types
4-
declare namespace App {
5-
interface Locals {
6-
userid: string;
3+
declare global {
4+
namespace App {
5+
// interface Error {}
6+
// interface Locals {}
7+
// interface PageData {}
8+
// interface Platform {}
79
}
8-
9-
// interface PageData {}
10-
11-
// interface PageError {}
12-
13-
// interface Platform {}
1410
}
11+
12+
export {};

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

Lines changed: 2 additions & 2 deletions
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>
10-
<div>%sveltekit.body%</div>
9+
<body data-sveltekit-preload-data="hover">
10+
<div style="display: contents">%sveltekit.body%</div>
1111
</body>
1212
</html>

‎playground/kit-app/src/hooks.server.js

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

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

Lines changed: 16 additions & 0 deletions
Loading

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

File renamed without changes.

‎playground/kit-app/static/svelte-welcome.png renamed to ‎playground/kit-app/src/lib/images/svelte-welcome.png

File renamed without changes.

‎playground/kit-app/static/svelte-welcome.webp renamed to ‎playground/kit-app/src/lib/images/svelte-welcome.webp

File renamed without changes.

‎playground/kit-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>

‎playground/kit-app/src/routes/+page.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,3 @@
1+
// since there's no dynamic data here, we can prerender
2+
// it so that it gets served as a static asset in production
13
export const prerender = true;

‎playground/kit-app/src/routes/+page.svelte

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<script>
2-
import Counter from '$lib/Counter.svelte';
2+
import Counter from './Counter.svelte';
3+
import welcome from '$lib/images/svelte-welcome.webp';
4+
import welcome_fallback from '$lib/images/svelte-welcome.png';
35
</script>
46

57
<svelte:head>
@@ -11,8 +13,8 @@
1113
<h1>
1214
<span class="welcome">
1315
<picture>
14-
<source srcset="svelte-welcome.webp" type="image/webp" />
15-
<img src="svelte-welcome.png" alt="Welcome" />
16+
<source srcset={welcome} type="image/webp" />
17+
<img src={welcome_fallback} alt="Welcome" />
1618
</picture>
1719
</span>
1820

@@ -32,7 +34,7 @@
3234
flex-direction: column;
3335
justify-content: center;
3436
align-items: center;
35-
flex: 1;
37+
flex: 0.6;
3638
}
3739
3840
h1 {

‎playground/kit-app/src/lib/Counter.svelte renamed to ‎playground/kit-app/src/routes/Counter.svelte

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -55,12 +55,11 @@
5555
border: 0;
5656
background-color: transparent;
5757
touch-action: manipulation;
58-
color: var(--text-color);
5958
font-size: 2rem;
6059
}
6160
6261
.counter button:hover {
63-
background-color: var(--secondary-color);
62+
background-color: var(--color-bg-1);
6463
}
6564
6665
svg {
@@ -71,7 +70,7 @@
7170
path {
7271
vector-effect: non-scaling-stroke;
7372
stroke-width: 2px;
74-
stroke: var(--text-color);
73+
stroke: #444;
7574
}
7675
7776
.counter-viewport {
@@ -88,7 +87,7 @@
8887
width: 100%;
8988
height: 100%;
9089
font-weight: 400;
91-
color: var(--accent-color);
90+
color: var(--color-theme-1);
9291
font-size: 4rem;
9392
align-items: center;
9493
justify-content: center;

0 commit comments

Comments
 (0)