LukeParke/sveltesociety.dev
1
0
Fork 0
mirror of https://github.com/LukeHagar/sveltesociety.dev.git synced 2025-12-06 20:57:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

upgrade SvelteKit

Browse Source
This commit is contained in:
Ben McCann
2022-08-19 08:35:24 -07:00
parent b87e42e98c
commit 00536227b5
8 changed files with 2866 additions and 2465 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5214
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

20
package.json
View File

@@ -1,20 +1,21 @@
{ {
"name": "sveltesociety.dev", "name": "sveltesociety.dev",
"version": "0.0.1", "version": "0.0.1",
"type": "module",
"scripts": { "scripts": {
"dev": "svelte-kit dev", "dev": "vite dev",
"start": "svelte-kit dev --open", "start": "vite dev --open",
"build": "svelte-kit build", "build": "vite build",
"preview": "svelte-kit preview", "preview": "vite preview",
"lint": "prettier --check ./**/*.{js,ts,css,md,svelte,html,json} && eslint --ignore-path .gitignore .", "lint": "prettier --check ./**/*.{js,ts,css,md,svelte,html,json} && eslint --ignore-path .gitignore .",
"format": "prettier --write ./**/*.{js,ts,css,md,svelte,html,json}", "format": "prettier --write ./**/*.{js,ts,css,md,svelte,html,json}",
"test": "jest", "test": "jest",
"prepare": "husky install" "prepare": "husky install"
}, },
"devDependencies": { "devDependencies": {
"@macfja/svelte-persistent-store": "^1.2.0", "@macfja/svelte-persistent-store": "1.2.0",
"@sveltejs/adapter-static": "next", "@sveltejs/adapter-static": "next",
"@sveltejs/kit": "next", "@sveltejs/kit": "1.0.0-next.405",
"@types/jest": "^27.0.1", "@types/jest": "^27.0.1",
"@typescript-eslint/eslint-plugin": "^4.19.0", "@typescript-eslint/eslint-plugin": "^4.19.0",
"@typescript-eslint/parser": "^4.19.0", "@typescript-eslint/parser": "^4.19.0",
@@ -22,7 +23,7 @@
"eslint-config-prettier": "^8.1.0", "eslint-config-prettier": "^8.1.0",
"eslint-plugin-svelte3": "^3.2.0", "eslint-plugin-svelte3": "^3.2.0",
"graphql-request": "^3.5.0", "graphql-request": "^3.5.0",
"highlight.js": "^11.2.0", "highlight.js": "^11.6.0",
"husky": "^7.0.2", "husky": "^7.0.2",
"jest": "^27.1.0", "jest": "^27.1.0",
"lint-staged": "^11.1.2", "lint-staged": "^11.1.2",
@@ -30,16 +31,13 @@
"prettier": "~2.2.1", "prettier": "~2.2.1",
"prettier-plugin-svelte": "^2.2.0", "prettier-plugin-svelte": "^2.2.0",
"svelte": "^3.46.3", "svelte": "^3.46.3",
"svelte-highlight": "^5.2.0",
"svelte-preprocess": "^4.10.2", "svelte-preprocess": "^4.10.2",
"svelte-select": "^4.4.0", "svelte-select": "^4.4.0",
"ts-jest": "^27.0.5", "ts-jest": "^27.0.5",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"typescript": "^4.4.2" "typescript": "^4.4.2"
}, },
"type": "module",
"dependencies": {
"svelte-highlight": "^5.2.0"
},
"lint-staged": { "lint-staged": {
"*.{js,ts,css,md,svx,svelte,html,json}": "prettier --write" "*.{js,ts,css,md,svx,svelte,html,json}": "prettier --write"
} }

4
src/app.html
View File

@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png" />
%svelte.head% %sveltekit.head%
</head> </head>
<body> <body>
<div id="sveltekit-entry">%svelte.body%</div> <div>%sveltekit.body%</div>
</body> </body>
</html> </html>

9
src/routes/events/events.ts
View File

@@ -1,9 +1,6 @@
/** import type { RequestHandler } from '@sveltejs/kit';
* @type {import('@sveltejs/kit').RequestHandler}
*/
import type { EndpointOutput } from '@sveltejs/kit';
export async function get(): Promise<EndpointOutput> { export const GET: RequestHandler = async function () {
const events = await Promise.all( const events = await Promise.all(
Object.entries(import.meta.glob('./*.svx')).map(async ([path, page]) => { Object.entries(import.meta.glob('./*.svx')).map(async ([path, page]) => {
const { metadata } = await page(); const { metadata } = await page();
@@ -25,4 +22,4 @@ export async function get(): Promise<EndpointOutput> {
error: new Error(), error: new Error(),
body: undefined body: undefined
}; };
} };

10
src/routes/recipes/recipes.ts
View File

@@ -1,8 +1,6 @@
import type { EndpointOutput } from '@sveltejs/kit'; import type { RequestHandler } from '@sveltejs/kit';
/**
* @type {import('@sveltejs/kit').RequestHandler} export const GET: RequestHandler = async function () {
*/
export async function get(): Promise<EndpointOutput> {
const pages = await Promise.all( const pages = await Promise.all(
Object.entries(import.meta.glob('./**/*.svx')).map(async ([path, page]) => { Object.entries(import.meta.glob('./**/*.svx')).map(async ([path, page]) => {
const { metadata } = await page(); const { metadata } = await page();
@@ -35,4 +33,4 @@ export async function get(): Promise<EndpointOutput> {
error: new Error(), error: new Error(),
body: undefined body: undefined
}; };
} };

15
svelte.config.js
View File

@@ -29,25 +29,16 @@ const config = {
extensions: extensions, extensions: extensions,
kit: { kit: {
adapter: adapter(), adapter: adapter(),
// hydrate the <div id="svelte"> element in src/app.html
target: '#sveltekit-entry',
vite: {
optimizeDeps: {
// workaround Vite issue to fix highlighting on cheatsheet
// https://github.com/metonym/svelte-highlight/issues/158
include: ['highlight.js/lib/core']
},
resolve: {
alias: { alias: {
// these are the aliases and paths to them
$components: path.resolve('./src/lib/components'), $components: path.resolve('./src/lib/components'),
$layout: path.resolve('./src/lib/components/layout'), $layout: path.resolve('./src/lib/components/layout'),
$layouts: path.resolve('./src/lib/layouts'), $layouts: path.resolve('./src/lib/layouts'),
$utils: path.resolve('./src/lib/utils'), $utils: path.resolve('./src/lib/utils'),
$styles: path.resolve('./src/lib/styles'), $styles: path.resolve('./src/lib/styles'),
$stores: path.resolve('./src/lib/stores') $stores: path.resolve('./src/lib/stores')
} },
} prerender: {
default: true
} }
} }
}; };

29
tsconfig.json
View File

@@ -1,30 +1,3 @@
{ {
"compilerOptions": { "extends": "./.svelte-kit/tsconfig.json"
"moduleResolution": "node",
"module": "es2020",
"lib": ["es2020"],
"target": "es2019",
/**
svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
to enforce using \`import type\` instead of \`import\` for Types.
*/
"importsNotUsedAsValues": "error",
"isolatedModules": true,
"resolveJsonModule": true,
/**
To have warnings/errors of the Svelte compiler at the correct position,
enable source maps by default.
*/
"sourceMap": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"baseUrl": ".",
"allowJs": true,
"checkJs": true,
"paths": {
"$lib/*": ["src/lib/*"]
}
},
"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
} }

8
vite.config.js Normal file
View File

@@ -0,0 +1,8 @@
import { sveltekit } from '@sveltejs/kit/vite';
/** @type {import('vite').UserConfig} */
const config = {
plugins: [sveltekit()]
};
export default config;