Shellnut_Public/personal-website-sveltekit
1
0
Fork 0
mirror of https://github.com/BradNut/personal-website-sveltekit synced 2025-09-08 23:20:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixing svelte check errors and updating dependencies to their latest version.

Browse source
This commit is contained in:
Bradley Shellnut 2024-02-02 11:07:40 -08:00
parent d0320daee9
commit e30b236736
8 changed files with 665 additions and 654 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.eslintrc.cjs
View file

@ -26,5 +26,8 @@ module.exports = {
parser: '@typescript-eslint/parser'
}
}
]
],
rules: {
'@typescript-eslint/ban-ts-comment': 'error'
}
};

2
.nvmrc
View file

@ -1 +1 @@
v18
v20

17
.prettierrc
View file

@ -1,9 +1,16 @@
{
"useTabs": true,
"overrides": [
{
"files": "*.svelte",
"options": {
"parser": "svelte"
}
}
],
"pluginSearchDirs": ["."],
"plugins": ["prettier-plugin-svelte"],
"printWidth": 100,
"singleQuote": true,
"trailingComma": "none",
"printWidth": 100,
"plugins": ["prettier-plugin-svelte"],
"pluginSearchDirs": ["."],
"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
"useTabs": true
}

24
package.json
View file

@ -20,15 +20,16 @@
"@iconify-icons/mdi": "^1.2.48",
"@iconify-icons/radix-icons": "^1.2.9",
"@iconify-icons/simple-icons": "^1.2.74",
"@melt-ui/pp": "^0.1.4",
"@playwright/test": "^1.41.1",
"@melt-ui/pp": "^0.3.0",
"@playwright/test": "^1.41.2",
"@resvg/resvg-js": "^2.6.0",
"@sveltejs/adapter-static": "^3.0.1",
"@sveltejs/enhanced-img": "^0.1.8",
"@sveltejs/kit": "^2.5.0",
"@sveltejs/vite-plugin-svelte": "^3.0.2",
"@typescript-eslint/eslint-plugin": "^5.62.0",
"@typescript-eslint/parser": "^5.62.0",
"@types/node": "^20.11.7",
"@typescript-eslint/eslint-plugin": "^6.19.1",
"@typescript-eslint/parser": "^6.19.1",
"@zerodevx/svelte-img": "^2.1.0",
"autoprefixer": "^10.4.17",
"eslint": "^8.56.0",
@ -39,17 +40,18 @@
"mdsvex": "^0.11.0",
"mdsvex-relative-images": "^1.0.3",
"postcss": "^8.4.33",
"postcss-import": "^15.1.0",
"postcss-load-config": "^4.0.2",
"postcss-preset-env": "^8.5.1",
"postcss-custom-media": "^10.0.2",
"postcss-import": "^16.0.0",
"postcss-import-ext-glob": "^2.1.1",
"postcss-load-config": "^5.0.2",
"postcss-preset-env": "^9.3.0",
"prettier": "^3.2.4",
"prettier-plugin-svelte": "^3.1.2",
"sass": "^1.70.0",
"satori": "^0.10.13",
"satori-html": "^0.3.2",
"scrape-it": "^6.1.0",
"sharp": "^0.32.6",
"svelte": "5.0.0-next.42",
"svelte": "5.0.0-next.45",
"svelte-check": "^3.6.3",
"svelte-meta-tags": "^3.1.0",
"svelte-preprocess": "^5.1.3",
@ -63,11 +65,11 @@
},
"type": "module",
"engines": {
"node": ">=18.0.0 <19.0.0 || >=20.0.0 <21.0.0",
"node": ">=18.13 || ^20",
"pnpm": ">=8"
},
"dependencies": {
"@melt-ui/svelte": "^0.50.1",
"@melt-ui/svelte": "^0.71.1",
"@sveltejs/adapter-vercel": "^5.1.0",
"@types/nprogress": "^0.2.3",
"@vercel/og": "^0.5.20",

1263
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

3
postcss.config.cjs
View file

@ -9,7 +9,8 @@ const config = {
features: {
'nesting-rules': true,
'custom-media-queries': true,
'media-query-ranges': true
'media-query-ranges': true,
'cascade-layers': false
}
})
]

2
src/lib/components/Portfolio.svelte
View file

@ -6,7 +6,7 @@
src: Record<string, any>;
alt: string;
style: string;
loading: "lazy" | "eager";
loading?: "lazy" | "eager";
}>();
</script>

3
src/lib/renderImage.ts
View file

@ -7,11 +7,10 @@ import { read } from '$app/server';
// we use a Vite plugin to turn this import into the result of fs.readFileSync during build
import firaSansSemiBold from '$lib/fonts/FiraSans-SemiBold.ttf';
import type { SvelteComponent } from 'svelte';
const fontData = read(firaSansSemiBold).arrayBuffer();
export async function componentToPng(component: SvelteComponent, props: Record<string, string | undefined>, height: number, width: number, css: string) {
export async function componentToPng(component: (...args: any[]) => void, props: Record<string, string | undefined>, height: number, width: number, css: string) {
const result = render(component, { props });
// const result = component.render(props);
const markup = toReactNode(`${result.html}<style lang="css">${css}</style>`);