Skip to content

Commit 238d1b0

Browse files
Rich-HarrisRich-Harris
committed
Merge branch 'master' into shadow-endpoints
2 parents 17ed223 + fbe1cbe commit 238d1b0

29 files changed

+1153
-0
lines changed

‎pnpm-lock.yaml

+395
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎pnpm-workspace.yaml

+1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
packages:
22
- 'packages/*'
3+
- 'sites/*'
34
- 'packages/kit/test/prerendering/*'
45
- 'packages/create-svelte/templates/*'
56
- '.github/actions/*'

‎sites/kit.svelte.dev/.gitignore

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.DS_Store
2+
.env
3+
/.svelte-kit/
4+
/build/
5+
/functions/

‎sites/kit.svelte.dev/README.md

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# kit.svelte.dev
2+
3+
This is the SvelteKit website. The docs are served via an API and live [here](../../documentation).
4+
5+
## Developing
6+
7+
Once you've [set up the repo](../../CONTRIBUTING.md), `cd` into this directory and start the dev server:
8+
9+
```bash
10+
cd sites/kit.svelte.dev
11+
pnpm dev
12+
```

‎sites/kit.svelte.dev/package.json

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "kit.svelte.dev",
3+
"version": "0.0.1",
4+
"scripts": {
5+
"dev": "svelte-kit dev",
6+
"build": "svelte-kit build",
7+
"prebuild": "test \"$CI\" = true && npx pnpm install --store=node_modules/.pnpm-store || echo skipping pnpm install",
8+
"preview": "svelte-kit preview"
9+
},
10+
"devDependencies": {
11+
"@sveltejs/adapter-auto": "workspace:*",
12+
"@sveltejs/kit": "workspace:*",
13+
"@sveltejs/site-kit": "^2.0.0",
14+
"@types/node": "^16.6.1",
15+
"svelte": "^3.43.0",
16+
"vite-imagetools": "^4.0.3"
17+
},
18+
"type": "module"
19+
}

‎sites/kit.svelte.dev/src/_env.ts

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export const API_BASE = process.env.API_BASE;

‎sites/kit.svelte.dev/src/app.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en" class="theme-default typo-default">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width,initial-scale=1" />
6+
<meta name="theme-color" content="#ff3e00" />
7+
8+
<link rel="manifest" href="/manifest.json" />
9+
<link rel="icon" type="image/png" href="/favicon.png" />
10+
11+
<meta name="twitter:card" content="summary" />
12+
<meta name="twitter:site" content="@sveltejs" />
13+
<meta name="twitter:creator" content="@sveltejs" />
14+
<meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
15+
<meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
16+
17+
%svelte.head%
18+
</head>
19+
<body>
20+
<div>%svelte.body%</div>
21+
</body>
22+
</html>

‎sites/kit.svelte.dev/src/globals.d.ts

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
/// <reference types="@sveltejs/kit" />
2+
3+
//#region Ensure Svelte file endings have a type for TypeScript
4+
/**
5+
* These declarations tell TypeScript that we allow import of Svelte files in TS files, e.g.
6+
* ```
7+
import Component from './Component.svelte';
8+
```
9+
*/
10+
declare module '*.svelte' {
11+
export { SvelteComponent as default } from 'svelte';
12+
}
13+
//#endregion
14+
15+
//#region Ensure image file endings have a type for TypeScript
16+
/**
17+
* These declarations tell TypeScript that we allow import of images, e.g.
18+
* ```
19+
<script lang='ts'>
20+
import successkid from 'images/successkid.jpg';
21+
</script>
22+
<img src="{successkid}">
23+
```
24+
*/
25+
declare module "*.gif" {
26+
const value: string;
27+
export = value;
28+
}
29+
30+
declare module "*.jpg" {
31+
const value: string;
32+
export = value;
33+
}
34+
35+
declare module "*.jpeg" {
36+
const value: string;
37+
export = value;
38+
}
39+
40+
declare module "*.png" {
41+
const value: string;
42+
export = value;
43+
}
44+
45+
declare module "*.svg" {
46+
const value: string;
47+
export = value;
48+
}
49+
50+
declare module "*.webp" {
51+
const value: string;
52+
export = value;
53+
}
54+
//#endregion

‎sites/kit.svelte.dev/src/images/svelte-kit-machine.webp

207 KB
Binary file not shown.

‎sites/kit.svelte.dev/src/routes/__error.svelte

+87
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<script context="module">
2+
export function load({ status, error }) {
3+
return {
4+
props: { status, error }
5+
};
6+
}
7+
</script>
8+
9+
<script>
10+
import { dev } from '$app/env';
11+
12+
export let status;
13+
export let error;
14+
15+
// we don't want to use <svelte:window bind:online> here, because we only care about the online
16+
// state when the page first loads
17+
let online = typeof navigator !== 'undefined'
18+
? navigator.onLine
19+
: true;
20+
</script>
21+
22+
<style>
23+
.container {
24+
padding-inline: var(--side-nav);
25+
padding-block: var(--top-offset) 6rem;
26+
}
27+
28+
h1, p {
29+
margin-inline: auto;
30+
margin-block: 0;
31+
}
32+
33+
h1 {
34+
font-size: 2.8em;
35+
font-weight: 300;
36+
margin: 0;
37+
margin-block-end: 0.5em;
38+
}
39+
40+
p {
41+
margin-inline: auto;
42+
margin-block: 1em;
43+
}
44+
45+
.error {
46+
background-color: #da106e;
47+
color: white;
48+
padding-inline: 16px;
49+
padding-block: 12px;
50+
font: 600 16px/1.7 var(--font);
51+
border-radius: 2px;
52+
}
53+
54+
/* @media (min-width: 480px) {
55+
h1 { font-size: 4em }
56+
} */
57+
</style>
58+
59+
<svelte:head>
60+
<title>{status}</title>
61+
</svelte:head>
62+
63+
<div class="container">
64+
{#if online}
65+
<h1>Yikes!</h1>
66+
67+
{#if error.message}
68+
<p class="error">{status}: {error.message}</p>
69+
{:else}
70+
<p class="error">Encountered a {status} error</p>
71+
{/if}
72+
73+
{#if dev && error.stack}
74+
<pre>{error.stack}</pre>
75+
{:else}
76+
{#if status >= 500}
77+
<p>Please try reloading the page.</p>
78+
{/if}
79+
80+
<p>If the error persists, please drop by <a href="https://svelte.dev/chat">Discord chatroom</a> and let us know, or raise an issue on <a href="https://github.com/sveltejs/svelte">GitHub</a>. Thanks!</p>
81+
{/if}
82+
{:else}
83+
<h1>It looks like you're offline</h1>
84+
85+
<p>Reload the page once you've found the internet.</p>
86+
{/if}
87+
</div>

‎sites/kit.svelte.dev/src/routes/__layout.svelte

+66
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<script>
2+
import '@sveltejs/site-kit/base.css';
3+
import { page, navigating } from '$app/stores';
4+
import { Icon, Icons, Nav, NavItem, PreloadingIndicator, SkipLink } from '@sveltejs/site-kit';
5+
</script>
6+
7+
<Icons />
8+
9+
{#if $navigating}
10+
<PreloadingIndicator />
11+
{/if}
12+
13+
<SkipLink href="#main" />
14+
<Nav {page} logo="/images/svelte-kit-horizontal.svg">
15+
<svelte:fragment slot="nav-center">
16+
<NavItem href="/docs">Docs</NavItem>
17+
<NavItem href="/faq">FAQ</NavItem>
18+
<NavItem href="/migrating">Migrating</NavItem>
19+
</svelte:fragment>
20+
21+
<svelte:fragment slot="nav-right">
22+
<NavItem external="https://svelte.dev">Svelte</NavItem>
23+
24+
<NavItem external="https://svelte.dev/chat" title="Discord Chat">
25+
<span class="small">Discord</span>
26+
<span class="large"><Icon name="message-square" /></span>
27+
</NavItem>
28+
29+
<NavItem external="https://github.com/sveltejs/kit" title="GitHub Repo">
30+
<span class="small">GitHub</span>
31+
<span class="large"><Icon name="github" /></span>
32+
</NavItem>
33+
</svelte:fragment>
34+
</Nav>
35+
36+
<main id="main">
37+
<slot />
38+
</main>
39+
40+
<style>
41+
main {
42+
position: relative;
43+
margin-inline: auto;
44+
margin-block: 0;
45+
padding-block-start: var(--nav-h);
46+
overflow-x: hidden;
47+
}
48+
49+
.small {
50+
display: inline;
51+
}
52+
53+
.large {
54+
display: none;
55+
}
56+
57+
@media (min-width: 800px) {
58+
.small {
59+
display: none;
60+
}
61+
62+
.large {
63+
display: inline;
64+
}
65+
}
66+
</style>

‎sites/kit.svelte.dev/src/routes/docs/index.svelte

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<script context="module">
2+
import { API_BASE } from '../../_env';
3+
4+
export async function load({ fetch }) {
5+
const sections = await fetch(`${API_BASE}/docs/kit/docs?content`).then(r => r.json());
6+
return {
7+
props: { sections },
8+
maxage: 60
9+
};
10+
}
11+
</script>
12+
13+
<script>
14+
import { Contents, Main, Section } from '@sveltejs/site-kit/docs';
15+
16+
export let sections;
17+
18+
let path;
19+
20+
$: contents = sections.map(section => ({
21+
path: `/docs#${section.slug}`,
22+
title: section.title,
23+
sections: section.sections.map(subsection => ({
24+
path: `/docs#${subsection.slug}`,
25+
title: subsection.title,
26+
sections: subsection.sections.map(subsection => ({
27+
path: `/docs#${subsection.slug}`,
28+
title: subsection.title,
29+
}))
30+
}))
31+
}));
32+
</script>
33+
34+
<svelte:head>
35+
<title>Docs • SvelteKit</title>
36+
37+
<meta name="twitter:title" content="SvelteKit docs" />
38+
<meta name="twitter:description" content="Complete documentation for SvelteKit" />
39+
<meta name="Description" content="Complete documentation for SvelteKit" />
40+
</svelte:head>
41+
42+
<Main bind:path>
43+
<h1>Documentation</h1>
44+
45+
{#each sections as section}
46+
<Section
47+
{section}
48+
edit="https://github.com/sveltejs/kit/edit/master/documentation/docs/{section.file}"
49+
base="/docs"
50+
/>
51+
{/each}
52+
</Main>
53+
54+
<Contents {contents} {path} />

0 commit comments

Comments
 (0)