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

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

View file

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

2
.nvmrc
View file

@ -1 +1 @@
v18 v20

View file

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

View file

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

File diff suppressed because it is too large Load diff

View file

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

View file

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

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 // 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 firaSansSemiBold from '$lib/fonts/FiraSans-SemiBold.ttf';
import type { SvelteComponent } from 'svelte';
const fontData = read(firaSansSemiBold).arrayBuffer(); 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 = render(component, { props });
// const result = component.render(props); // const result = component.render(props);
const markup = toReactNode(`${result.html}<style lang="css">${css}</style>`); const markup = toReactNode(`${result.html}<style lang="css">${css}</style>`);