mirror of
https://github.com/LukeHagar/LukeHagar.com.git
synced 2025-12-06 04:20:17 +00:00
Migrated to SvelteKit 2, and updated Sentry
This commit is contained in:
Luke Hagar
42
package.json
42
package.json
@@ -12,37 +12,37 @@
|
|||||||
"format": "prettier --plugin-search-dir . --write ."
|
"format": "prettier --plugin-search-dir . --write ."
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@skeletonlabs/skeleton": "^1.9.0",
|
"@sentry/sveltekit": "^7.91.0",
|
||||||
"@skeletonlabs/tw-plugin": "^0.3.0",
|
"@skeletonlabs/skeleton": "^2.7.0",
|
||||||
"@sveltejs/adapter-auto": "^2.1.0",
|
"@skeletonlabs/tw-plugin": "^0.3.1",
|
||||||
"@sveltejs/adapter-vercel": "^3.0.0",
|
"@sveltejs/adapter-auto": "^3.0.0",
|
||||||
"@sveltejs/kit": "^1.20.0",
|
"@sveltejs/adapter-vercel": "^4.0.0",
|
||||||
|
"@sveltejs/kit": "^2.0.0",
|
||||||
|
"@sveltejs/vite-plugin-svelte": "^3.0.0",
|
||||||
"@tailwindcss/forms": "^0.5.3",
|
"@tailwindcss/forms": "^0.5.3",
|
||||||
"@tailwindcss/typography": "^0.5.9",
|
"@tailwindcss/typography": "^0.5.9",
|
||||||
"@types/node": "^20.10.4",
|
"@types/node": "^20.10.6",
|
||||||
"@typescript-eslint/eslint-plugin": "^5.59.8",
|
"@typescript-eslint/eslint-plugin": "^6.17.0",
|
||||||
"@typescript-eslint/parser": "^5.59.8",
|
"@typescript-eslint/parser": "^6.17.0",
|
||||||
"@vercel/analytics": "^1.0.1",
|
"@vercel/analytics": "^1.0.1",
|
||||||
"atropos": "^2.0.2",
|
"atropos": "^2.0.2",
|
||||||
"autoprefixer": "^10.4.14",
|
"autoprefixer": "^10.4.14",
|
||||||
"eslint": "^8.41.0",
|
"eslint": "^8.56.0",
|
||||||
"eslint-config-prettier": "^8.8.0",
|
"eslint-config-prettier": "^9.1.0",
|
||||||
"eslint-plugin-svelte3": "^4.0.0",
|
"eslint-plugin-svelte3": "^4.0.0",
|
||||||
"postcss": "^8.4.24",
|
"postcss": "^8.4.24",
|
||||||
"posthog-js": "^1.95.1",
|
"posthog-js": "^1.96.1",
|
||||||
"prettier": "^2.8.8",
|
"prettier": "^3.1.1",
|
||||||
"prettier-plugin-svelte": "^2.10.1",
|
"prettier-plugin-svelte": "^3.1.2",
|
||||||
"svelte": "^3.59.1",
|
"svelte": "^4.0.0",
|
||||||
"svelte-check": "^3.4.3",
|
"svelte-check": "^3.4.3",
|
||||||
"svelte-particles": "^2.9.3",
|
"@tsparticles/svelte": "^3.0.0",
|
||||||
"svelte-preprocess": "^5.0.4",
|
"svelte-preprocess": "^5.1.3",
|
||||||
"tailwindcss": "^3.3.2",
|
"tailwindcss": "^3.4.0",
|
||||||
"tslib": "^2.5.2",
|
"tslib": "^2.5.2",
|
||||||
"tsparticles": "^2.9.3",
|
"tsparticles": "^3.0.3",
|
||||||
"typescript": "^5.0.4",
|
"typescript": "^5.0.4",
|
||||||
"vite": "^4.3.9",
|
"vite": "^5.0.0"
|
||||||
"@sentry/sveltekit": "7.76.0"
|
|
||||||
},
|
},
|
||||||
"optionalDependencies": {"@sentry/cli": "2.22.2"},
|
|
||||||
"type": "module"
|
"type": "module"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
import '$lib/theme-luke.css';
|
import '$lib/theme-luke.css';
|
||||||
import '../app.postcss';
|
import '../app.postcss';
|
||||||
|
|
||||||
import Particles from 'svelte-particles';
|
import Particles, { particlesInit } from '@tsparticles/svelte';
|
||||||
import { loadFull } from 'tsparticles';
|
import { loadFull } from 'tsparticles';
|
||||||
|
|
||||||
const particlesConfig = {
|
const particlesConfig = {
|
||||||
@@ -23,11 +23,16 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const particlesInit = async (engine: any) => {
|
void particlesInit(async (engine) => {
|
||||||
|
// call this once per app
|
||||||
|
// you can use main to customize the tsParticles instance adding presets or custom shapes
|
||||||
|
// this loads the tsparticles package bundle, it's the easiest method for getting everything ready
|
||||||
|
// starting from v2 you can add only the features you need reducing the bundle size
|
||||||
await loadFull(engine);
|
await loadFull(engine);
|
||||||
};
|
// await loadSlim(engine);
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Particles id="tsparticles" options={particlesConfig} {particlesInit} />
|
<Particles id="tsparticles" options={particlesConfig} />
|
||||||
<!-- Page Route Content -->
|
<!-- Page Route Content -->
|
||||||
<slot />
|
<slot />
|
||||||
|
|||||||
@@ -1,6 +0,0 @@
|
|||||||
import { expect, test } from '@playwright/test';
|
|
||||||
|
|
||||||
test('index page has expected h1', async ({ page }) => {
|
|
||||||
await page.goto('/');
|
|
||||||
expect(await page.textContent('h1')).toBe('Welcome to SvelteKit');
|
|
||||||
});
|
|
||||||
@@ -1,23 +1,22 @@
|
|||||||
import { sentrySvelteKit } from "@sentry/sveltekit";
|
import { sentrySvelteKit } from '@sentry/sveltekit';
|
||||||
import { sveltekit } from '@sveltejs/kit/vite';
|
import { sveltekit } from '@sveltejs/kit/vite';
|
||||||
|
|
||||||
/** @type {import('vite').UserConfig} */
|
/** @type {import('vite').UserConfig} */
|
||||||
const config = {
|
const config = {
|
||||||
plugins: [sentrySvelteKit({
|
plugins: [
|
||||||
sourceMapsUploadOptions: {
|
sentrySvelteKit({
|
||||||
org: "sentry",
|
sourceMapsUploadOptions: {
|
||||||
project: "lukehagar",
|
org: 'sentry',
|
||||||
url: "https://sentry.plygrnd.org"
|
project: 'lukehagar',
|
||||||
}
|
url: 'https://sentry.plygrnd.org'
|
||||||
}), sveltekit()],
|
}
|
||||||
|
}),
|
||||||
|
sveltekit()
|
||||||
|
],
|
||||||
|
|
||||||
test: {
|
ssr: {
|
||||||
include: ['src/**/*.{test,spec}.{js,ts}']
|
noExternal: ['tsparticles', 'tsparticles-slim', 'tsparticles-engine', 'svelte-particles'] // add all tsparticles libraries here, they're not made for SSR, they're client only
|
||||||
},
|
}
|
||||||
|
|
||||||
ssr: {
|
|
||||||
noExternal: ["tsparticles", "tsparticles-slim", "tsparticles-engine", "svelte-particles"], // add all tsparticles libraries here, they're not made for SSR, they're client only
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default config;
|
export default config;
|
||||||
Reference in New Issue
Block a user