Merge pull request #11 from a-luna:base64-changes_20240128

refactor app context initialization and update e2e tests to use playwright
a-luna · Jan 29, 2024 · b8fcd53 · b8fcd53
2 parents d8a2bb8 + e14dfb0
commit b8fcd53
Show file tree

Hide file tree

Showing 94 changed files with 1,515 additions and 8,350 deletions.
diff --git a/apps/svelte-base64/.eslintrc.cjs b/apps/svelte-base64/.eslintrc.cjs
@@ -1,5 +1,7 @@
 module.exports = {
+	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:svelte/recommended', 'prettier'],
 	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
 	parserOptions: {
 		ecmaVersion: '2020',
 		sourceType: 'module',
@@ -12,23 +14,26 @@ module.exports = {
 		es2021: true,
 		node: true,
 	},
-	extends: [
-		'eslint:recommended',
-		'plugin:@typescript-eslint/recommended',
-		'plugin:@typescript-eslint/recommended-requiring-type-checking',
-	],
-	globals: {
-		NodeJS: true,
-	},
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	settings: {
-		'svelte3/typescript': true,
+	rules: {
+		// Note: you must disable the base rule as it can report incorrect errors
+		'no-unused-vars': 'off',
+		'@typescript-eslint/no-unused-vars': [
+			'error',
+			{
+				varsIgnorePattern: '^_',
+				argsIgnorePattern: '^_',
+				caughtErrorsIgnorePattern: '^_',
+				destructuredArrayIgnorePattern: '^_',
+			},
+		],
 	},
 	overrides: [
 		{
 			files: ['*.svelte'],
-			processor: 'svelte3/svelte3',
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser',
+			},
 		},
 		{
 			files: ['*.ts'],
@@ -37,4 +42,23 @@ module.exports = {
 			},
 		},
 	],
+	settings: {
+		svelte: {
+			ignoreWarnings: ['svelte/no-at-html-tags'],
+			compileOptions: {
+				postcss: {
+					configFilePath: './postcss.config.cjs',
+				},
+			},
+			kit: {
+				files: {
+					routes: 'src/routes',
+				},
+			},
+		},
+	},
+	globals: {
+		NodeJS: true,
+	},
+	ignorePatterns: ['*.cjs'],
 };
diff --git a/apps/svelte-base64/package.json b/apps/svelte-base64/package.json
@@ -30,49 +30,49 @@
 	},
 	"devDependencies": {
 		"@commitlint/config-conventional": "^17.8.1",
-		"@playwright/test": "^1.40.1",
+		"@playwright/test": "^1.41.1",
 		"@testing-library/dom": "^8.20.1",
 		"@testing-library/jest-dom": "^5.17.0",
 		"@testing-library/svelte": "^3.2.2",
-		"@testing-library/user-event": "^14.5.1",
+		"@testing-library/user-event": "^14.5.2",
 		"@types/cookie": "^0.5.4",
-		"@types/node": "^18.19.3",
+		"@types/node": "^18.19.10",
 		"@types/testing-library__jest-dom": "^5.14.9",
-		"@typescript-eslint/eslint-plugin": "^5.62.0",
-		"@typescript-eslint/parser": "^5.62.0",
+		"@typescript-eslint/eslint-plugin": "^6.19.1",
+		"@typescript-eslint/parser": "^6.19.1",
 		"@vitest/coverage-v8": "^0.33.0",
 		"@vitest/ui": "^0.33.0",
 		"@xstate/cli": "^0.3.3",
 		"@xstate/graph": "^1.4.2",
 		"@xstate/test": "^0.5.1",
-		"autoprefixer": "^10.4.16",
-		"eslint": "^8.55.0",
-		"eslint-config-prettier": "^8.10.0",
+		"autoprefixer": "^10.4.17",
+		"eslint": "^8.56.0",
+		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-import": "^2.29.1",
-		"eslint-plugin-svelte3": "^4.0.0",
+		"eslint-plugin-svelte": "^2.35.1",
 		"jsdom": "^20.0.3",
-		"playwright": "^1.40.1",
-		"postcss": "^8.4.32",
-		"postcss-html": "^1.5.0",
+		"playwright": "^1.41.1",
+		"postcss": "^8.4.33",
+		"postcss-html": "^1.6.0",
 		"postcss-load-config": "^4.0.2",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^3.59.2",
-		"svelte-check": "^3.6.2",
-		"svelte-icons": "^2.1.0",
+		"prettier": "^3.2.4",
+		"prettier-plugin-svelte": "^3.1.2",
+		"svelte": "^4.2.9",
+		"svelte-check": "^3.6.3",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3",
-		"ws": "^8.15.1"
+		"ws": "^8.16.0"
 	},
 	"type": "module",
 	"dependencies": {
 		"@a-luna/shared-ui": "workspace:*",
 		"@sveltejs/adapter-node": "^1.3.1",
-		"@sveltejs/kit": "^1.30.3",
+		"@sveltejs/kit": "^2.5.0",
+		"@sveltejs/vite-plugin-svelte": "^3.0.1",
 		"@xstate/inspect": "^0.7.1",
 		"@xstate/svelte": "^2.1.0",
 		"cssnano": "^5.1.15",
-		"vite": "^4.5.1",
+		"vite": "^5.0.12",
 		"vitest": "^0.33.0",
 		"xstate": "^4.38.3",
 		"zod": "^3.22.4"

diff --git a/apps/svelte-base64/playwright.config.ts b/apps/svelte-base64/playwright.config.ts
@@ -4,6 +4,7 @@ const config: PlaywrightTestConfig = {
 	forbidOnly: !!process.env.CI,
 	retries: process.env.CI ? 2 : 0,
 	use: {
+		headless: false,
 		trace: 'on-first-retry',
 	},
 	projects: [

diff --git a/apps/svelte-base64/src/app.html b/apps/svelte-base64/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />