chore: update dependencies (#1648)

.changeset/ninety-points-turn.md

@@ -0,0 +1,5 @@
+---
+"@skeletonlabs/skeleton": patch
+---
+
+chore: Updated dependencies

packages/skeleton/package.json

@@ -41,34 +41,31 @@
 	"license": "MIT",
 	"homepage": "https://skeleton.dev/",
 	"devDependencies": {
-		"@floating-ui/dom": "1.2.5",
-		"@sveltejs/adapter-auto": "2.0.0",
-		"@sveltejs/kit": "1.15.0",
+		"@sveltejs/adapter-auto": "2.1.0",
+		"@sveltejs/kit": "1.20.2",
 		"@sveltejs/package": "2.0.2",
-		"@tailwindcss/forms": "0.5.3",
-		"@tailwindcss/typography": "0.5.9",
-		"@testing-library/dom": "9.2.0",
+		"@testing-library/dom": "9.3.0",
 		"@testing-library/svelte": "3.2.2",
-		"@typescript-eslint/eslint-plugin": "5.57.0",
-		"@typescript-eslint/parser": "5.57.0",
-		"@vitest/coverage-c8": "0.31.0",
+		"@typescript-eslint/eslint-plugin": "5.59.9",
+		"@typescript-eslint/parser": "5.59.9",
+		"@vitest/coverage-c8": "0.32.0",
 		"autoprefixer": "10.4.14",
-		"eslint": "8.37.0",
+		"eslint": "8.42.0",
 		"eslint-config-prettier": "8.8.0",
-		"eslint-plugin-svelte": "^2.29.0",
+		"eslint-plugin-svelte": "^2.30.0",
 		"jsdom": "21.1.1",
-		"postcss": "8.4.21",
+		"postcss": "8.4.24",
 		"postcss-import": "15.1.0",
 		"postcss-js": "4.0.1",
 		"postcss-load-config": "4.0.1",
-		"prettier": "2.8.7",
-		"prettier-plugin-svelte": "2.10.0",
-		"svelte-check": "3.1.4",
-		"tailwindcss": "3.3.1",
-		"tslib": "2.5.0",
-		"typescript": "4.9.5",
-		"vite": "4.2.1",
-		"vitest": "0.31.0"
+		"prettier": "2.8.8",
+		"prettier-plugin-svelte": "2.10.1",
+		"svelte-check": "3.4.3",
+		"tailwindcss": "3.3.2",
+		"tslib": "2.5.3",
+		"typescript": "5.0.3",
+		"vite": "4.3.9",
+		"vitest": "0.32.0"
 	},
 	"type": "module",
 	"dependencies": {

packages/skeleton/scripts/compile-css-to-js.cjs

@@ -11,7 +11,7 @@ async function transpileCssToJs() {
 	const twConfig = {
 		darkMode: 'class',
 		content: ['./src/**/*.{html,js,svelte,ts}'],
-		plugins: [require('@tailwindcss/typography'), require('../src/lib/tailwind/core.cjs')]
+		plugins: [require('../src/lib/tailwind/core.cjs')]
 	};
 
 	const css = fs.readFileSync(cssEntryPath, 'utf8');

packages/skeleton/tailwind.config.cjs

@@ -10,9 +10,5 @@ module.exports = {
 			}
 		}
 	},
-	plugins: [
-		require('@tailwindcss/forms'),
-		require('@tailwindcss/typography'),
-		...require('./src/lib/tailwind/skeleton.cjs')({ intellisense: false })
-	]
+	plugins: [...require('./src/lib/tailwind/skeleton.cjs')({ intellisense: false })]
 };

sites/skeleton.dev/package.json

@@ -20,33 +20,34 @@
 	"license": "MIT",
 	"homepage": "https://skeleton.dev/",
 	"devDependencies": {
-		"@faker-js/faker": "^7.6.0",
-		"@floating-ui/dom": "^1.2.5",
+		"@faker-js/faker": "^8.0.2",
+		"@floating-ui/dom": "^1.2.9",
 		"@skeletonlabs/skeleton": "workspace:*",
-		"@sveltejs/adapter-vercel": "^2.4.3",
-		"@sveltejs/kit": "^1.15.0",
+		"@sveltejs/adapter-vercel": "^3.0.1",
+		"@sveltejs/kit": "^1.20.2",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.9",
-		"@typescript-eslint/eslint-plugin": "^5.57.0",
-		"@typescript-eslint/parser": "^5.57.0",
-		"@vercel/analytics": "^0.1.11",
+		"@typescript-eslint/eslint-plugin": "^5.59.9",
+		"@typescript-eslint/parser": "^5.59.9",
+		"@vercel/analytics": "^1.0.1",
 		"autoprefixer": "^10.4.14",
-		"eslint": "^8.37.0",
+		"eslint": "^8.42.0",
 		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-svelte": "^2.29.0",
-		"highlight.js": "^11.7.0",
-		"postcss": "^8.4.21",
-		"prettier": "^2.8.7",
-		"prettier-plugin-svelte": "^2.10.0",
-		"sveld": "^0.18.0",
-		"svelte": "^3.58.0",
-		"svelte-check": "^3.1.4",
-		"tailwindcss": "^3.3.1",
-		"tslib": "^2.5.0",
-		"typescript": "^4.9.5",
-		"vite": "^4.2.1",
-		"vite-plugin-sveld": "^1.1.0",
-		"vitest": "^0.29.8"
+		"eslint-plugin-svelte": "^2.30.0",
+		"highlight.js": "^11.8.0",
+		"postcss": "^8.4.24",
+		"prettier": "^2.8.8",
+		"prettier-plugin-svelte": "^2.10.1",
+		"query-string": "^8.1.0",
+		"sveld": "^0.18.1",
+		"svelte": "^3.59.1",
+		"svelte-check": "^3.4.3",
+		"svelte-preprocess": "^5.0.4",
+		"tailwindcss": "^3.3.2",
+		"tslib": "^2.5.3",
+		"typescript": "^5.0.3",
+		"vite": "^4.3.9",
+		"vitest": "^0.32.0"
 	},
 	"type": "module"
 }

sites/skeleton.dev/src/app.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@sveltejs/kit" />
-/// <reference types="vite-plugin-sveld" />
+/// <reference types="../vite-plugin-sveld" />
 
 // See https://kit.svelte.dev/docs/types#the-app-namespace
 // for information about these interfaces

sites/skeleton.dev/src/lib/components/DocsAppBar/DocsAppBar.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
-	import { enhance, type SubmitFunction } from '$app/forms';
+	import { enhance } from '$app/forms';
 
 	// Types
 	import type { ModalSettings, DrawerSettings } from '@skeletonlabs/skeleton';
+	import type { SubmitFunction } from '@sveltejs/kit';
 
 	// Docs
 	import DocsLogoFull from '$lib/components/DocsLogos/DocsLogoFull.svelte';

sites/skeleton.dev/src/routes/(inner)/components/tables/+page.svelte

@@ -59,7 +59,7 @@
 	};
 
 	// On Row Selected
-	function onSelected(meta: any): void {
+	function onSelected(meta: unknown): void {
 		console.log('on:selected', meta);
 	}
 </script>

sites/skeleton.dev/vite-plugin-sveld/index.d.ts

@@ -0,0 +1,68 @@
+declare module '*.svelte?raw&sveld' {
+	interface SveldProp {
+		name: string;
+		kind: string;
+		type?: string;
+		isFunction: boolean;
+		isFunctionDeclaration: boolean;
+		isRequired: boolean;
+		constant: boolean;
+		reactive: boolean;
+	}
+
+	interface SveldSlot {
+		name: string;
+		default: boolean;
+		fallback: string;
+		slot_props: string;
+		description?: string;
+	}
+
+	interface SveldEvent {
+		type: string;
+		name: string;
+		element: string;
+		description?: string;
+	}
+
+	interface SveldRestProps {
+		type: string;
+		name: string;
+	}
+
+	interface SveldTypedefs {
+		type: string;
+		name: string;
+		ts: string;
+	}
+
+	interface SveldModuleExport {
+		name: string;
+		kind: string;
+		type?: string;
+		value: string;
+		isFunction: boolean;
+		isFunctionDeclaration: boolean;
+		isRequired: boolean;
+		constant: boolean;
+		reactive: boolean;
+	}
+
+	interface SveldJson {
+		props: SveldProp[];
+		slots: SveldSlot[];
+		events: SveldEvent[];
+		typedefs: SveldTypedefs[];
+		rest_props: SveldRestProps[];
+		moduleExports: SveldModuleExport[];
+		componentComment?: string;
+		extends?: {
+			interface: string;
+			import: string;
+		};
+	}
+
+	const json: SveldJson;
+
+	export default json;
+}

sites/skeleton.dev/vite-plugin-sveld/index.ts

@@ -0,0 +1,33 @@
+// Credits: https://github.com/mattjennings/vite-plugin-sveld
+
+import { ComponentParser } from 'sveld';
+import sveltePreprocess from 'svelte-preprocess';
+import { preprocess } from 'svelte/compiler';
+import qs from 'query-string';
+import type { Plugin } from 'vite';
+
+export default function sveld(): Plugin {
+	return {
+		name: 'vite-plugin-sveld',
+		async transform(src, id) {
+			const query = qs.parse(id.split('?')[1]);
+			if ('raw' in query && 'sveld' in query) {
+				const raw = JSON.parse(src.split('export default ')[1]);
+				const { code } = await preprocess(raw, sveltePreprocess(), {
+					filename: id
+				});
+				const data = new ComponentParser({
+					verbose: false
+				}).parseSvelteComponent(code, {
+					filePath: id,
+					moduleName: id
+				});
+
+				return {
+					code: `export default ${JSON.stringify(data)}`,
+					map: null
+				};
+			}
+		}
+	};
+}

sites/skeleton.dev/vite.config.ts

@@ -1,6 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import type { UserConfig } from 'vite';
-import sveld from 'vite-plugin-sveld';
+import sveld from './vite-plugin-sveld';
 
 // Import package.json version
 import { readFileSync } from 'fs';