chore(deps-dev): bump the dev-npm group with 4 updates

apps/api/.pre-commit-config.yaml

@@ -1,7 +1,7 @@
 files: ^(apps/api/)
 repos:
 -   repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.5.0
+    rev: v4.6.0
     hooks:
     -   id: trailing-whitespace
     -   id: end-of-file-fixer

apps/extension/.prettierignore

@@ -6,6 +6,9 @@ node_modules
 .env.*
 !.env.example
 
+/.wxt
+/.output
+
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json

apps/extension/eslint.config.js

@@ -0,0 +1,14 @@
+import svelte, { webextensions } from '@yd/config/eslint/svelte';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+	...svelte,
+	{
+		languageOptions: {
+			globals: {
+				...webextensions
+			}
+		},
+		ignores: ['.wxt/', '.output/']
+	}
+];

apps/extension/package.json

@@ -2,6 +2,8 @@
 	"name": "@yd/extension",
 	"private": true,
 	"version": "0.3.2",
+	"license": "MIT",
+	"type": "module",
 	"description": "YouTube Downloader browser extension.",
 	"author": "Jordan Shatford <[email protected]>",
 	"scripts": {
@@ -15,7 +17,7 @@
 		"package:chrome": "wxt zip --browser chrome",
 		"package:firefox": "wxt zip --browser firefox",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"lint": "prettier --check . && eslint .",
+		"lint": "prettier --check . && eslint . --ignore-pattern '.{wxt,output}/*'",
 		"format": "prettier --write .",
 		"postinstall": "wxt prepare"
 	},
@@ -36,7 +38,7 @@
 		"svelte-check": "^3.6.9",
 		"tailwindcss": "^3.4.3",
 		"tslib": "^2.6.2",
-		"typescript": "^5.4.3",
+		"typescript": "^5.4.4",
 		"wxt": "^0.17.12"
 	}
 }

apps/extension/postcss.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	plugins: {
 		tailwindcss: {},
 		autoprefixer: {}

apps/extension/prettier.config.js

@@ -0,0 +1,4 @@
+import svelte from '@yd/config/prettier/svelte';
+
+/** @type {import("prettier").Config} */
+export default svelte;

apps/web/eslint.config.js

@@ -0,0 +1,9 @@
+import svelte from '@yd/config/eslint/svelte';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+	...svelte,
+	{
+		ignores: ['build/', '.svelte-kit/']
+	}
+];

apps/web/package.json

@@ -11,7 +11,7 @@
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check . && eslint .",
+		"lint": "eslint .",
 		"format": "prettier --write ."
 	},
 	"dependencies": {
@@ -29,7 +29,7 @@
 		"svelte-check": "^3.6.9",
 		"tailwindcss": "^3.4.3",
 		"tslib": "^2.6.2",
-		"typescript": "^5.4.3",
+		"typescript": "^5.4.4",
 		"vite": "^5.2.8"
 	}
 }

apps/web/prettier.config.js

@@ -0,0 +1,4 @@
+import svelte from '@yd/config/prettier/svelte';
+
+/** @type {import("prettier").Config} */
+export default svelte;

apps/web/src/lib/components/NotFound.svelte

@@ -9,7 +9,9 @@
 
 <div class="-mt-16 grid h-screen place-content-center px-4">
 	<div class="text-center">
-		<h1 class="text-7xl font-black text-gray-300 dark:text-gray-600">{title}</h1>
+		<h1 class="text-7xl font-black text-gray-300 dark:text-gray-600">
+			{title}
+		</h1>
 		<p class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl">
 			{subtitle}
 		</p>

apps/web/src/lib/stores/downloads.ts

@@ -38,7 +38,9 @@ function createDownloadsStore() {
 		});
 
 		try {
-			const result = await DownloadsService.postDownloads({ requestBody: download });
+			const result = await DownloadsService.postDownloads({
+				requestBody: download
+			});
 			updateDownload(result.video.id, result);
 		} catch (err) {
 			handleError(download.video.id, `Failed to add '${video.title}' to downloads.`, err);
@@ -51,7 +53,9 @@ function createDownloadsStore() {
 		const download = get(DOWNLOADS)[id];
 
 		try {
-			const result = await DownloadsService.putDownloads({ requestBody: download });
+			const result = await DownloadsService.putDownloads({
+				requestBody: download
+			});
 			updateDownload(result.video.id, result);
 		} catch (err) {
 			handleError(download.video.id, `Failed to restart '${download.video.title}' download.`, err);

apps/web/tailwind.config.js

@@ -1,4 +1,6 @@
+import preset from '@yd/config/tailwind';
+
 /** @type {import('tailwindcss').Config} */
 export default {
-	presets: [require('@yd/config/tailwind')]
+	presets: [preset]
 };

packages/client/eslint.config.js

@@ -0,0 +1,9 @@
+import typescript from '@yd/config/eslint/typescript';
+
+/** @type {import('eslint').Linter.FlatConfig} */
+export default [
+	...typescript,
+	{
+		ignores: ['dist/**/*', 'src/generated/**/*']
+	}
+];

packages/client/package.json

@@ -3,6 +3,7 @@
 	"private": true,
 	"version": "1.1.1",
 	"license": "MIT",
+	"type": "module",
 	"main": "./src/index.ts",
 	"scripts": {
 		"build": "tsc --project tsconfig.json",

packages/client/prettier.config.js

@@ -0,0 +1,4 @@
+import base from '@yd/config/prettier/base';
+
+/** @type {import("prettier").Config} */
+export default base;

packages/config/eslint.config.js

@@ -0,0 +1,4 @@
+import config from './eslint/typescript.js';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default config;

packages/config/eslint/svelte.js

@@ -1,16 +1,29 @@
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-	extends: [require.resolve('./typescript.js'), 'plugin:svelte/recommended'],
-	parserOptions: {
-		extraFileExtensions: ['.svelte']
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+import eslintPluginSvelte from 'eslint-plugin-svelte';
+import eslintTypeScript from './typescript.js';
+import svelte from 'svelte-eslint-parser';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default tseslint.config(
+	...eslintTypeScript,
+	...eslintPluginSvelte.configs['flat/recommended'],
+	{
+		languageOptions: {
+			parserOptions: {
+				extraFileExtensions: ['**/*.svelte']
+			}
+		}
 	},
-	overrides: [
-		{
-			files: ['*.svelte'],
-			parser: 'svelte-eslint-parser',
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parser: svelte,
 			parserOptions: {
-				parser: '@typescript-eslint/parser'
+				parser: tseslint.parser
 			}
 		}
-	]
-};
+	}
+);
+
+export const webextensions = globals.webextensions;

packages/config/eslint/typescript.js

@@ -1,15 +1,34 @@
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	parser: '@typescript-eslint/parser',
-	plugins: ['@typescript-eslint'],
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2020
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
+import eslint from '@eslint/js';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-config-prettier';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default tseslint.config(
+	eslint.configs.recommended,
+	...tseslint.configs.recommended,
+	prettier,
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.es2017,
+				...globals.node
+			},
+			parserOptions: {
+				sourceType: 'module',
+				ecmaVersion: 2020
+			}
+		},
+		ignores: [
+			'.DS_Store',
+			'node_modules/*',
+			'.env',
+			'.env.*',
+			'!.env.sample',
+			'pnpm-lock.yaml',
+			'package-lock.json',
+			'yarn.lock'
+		]
 	}
-};
+);

packages/config/package.json

@@ -3,6 +3,7 @@
 	"private": true,
 	"version": "1.0.0",
 	"license": "MIT",
+	"type": "module",
 	"exports": {
 		"./eslint/typescript": "./eslint/typescript.js",
 		"./eslint/svelte": "./eslint/svelte.js",
@@ -11,21 +12,21 @@
 		"./tailwind": "./tailwind/base.js",
 		"./tsconfig": "./tsconfig/base.json"
 	},
-	"prettier": "./prettier/base",
 	"scripts": {
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write ."
 	},
 	"devDependencies": {
 		"@tailwindcss/forms": "^0.5.7",
-		"@typescript-eslint/eslint-plugin": "^7.5.0",
-		"@typescript-eslint/parser": "^7.5.0",
-		"eslint": "^8.57.0",
+		"eslint": "^9.0.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.35.1",
+		"eslint-plugin-svelte": "^2.36.0",
+		"globals": "^15.0.0",
 		"prettier": "^3.2.5",
 		"prettier-plugin-svelte": "^3.2.2",
 		"prettier-plugin-tailwindcss": "^0.5.13",
-		"tailwindcss": "^3.4.3"
+		"svelte-eslint-parser": "^0.34.0",
+		"tailwindcss": "^3.4.3",
+		"typescript-eslint": "^7.5.0"
 	}
 }

packages/config/prettier.config.js

@@ -0,0 +1,4 @@
+import base from './prettier/base.js';
+
+/** @type {import("prettier").Config} */
+export default base;

packages/config/prettier/base.js

@@ -1,5 +1,5 @@
 /** @type {import("prettier").Config} */
-module.exports = {
+export default {
 	useTabs: true,
 	singleQuote: true,
 	trailingComma: 'none',

packages/config/prettier/svelte.js

@@ -1,6 +1,8 @@
+import base from './base.js';
+
 /** @type {import("prettier").Config} */
-module.exports = {
-	...require('./base'),
+export default {
+	...base,
 	plugins: ['prettier-plugin-svelte', 'prettier-plugin-tailwindcss'],
 	overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]
 };

packages/config/tailwind/base.js

@@ -1,4 +1,5 @@
 import colors from 'tailwindcss/colors';
+import forms from '@tailwindcss/forms';
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -38,5 +39,5 @@ export default {
 			textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus', 'disabled']
 		}
 	},
-	plugins: [require('@tailwindcss/forms')]
+	plugins: [forms]
 };