chore: improve dev server perf and formatting (#311)

huntabyte · Feb 5, 2024 · f58e9fb · f58e9fb
1 parent f0d518a
commit f58e9fb
Show file tree

Hide file tree

Showing 459 changed files with 2,834 additions and 3,438 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -4,19 +4,19 @@ module.exports = {
 		"eslint:recommended",
 		"plugin:@typescript-eslint/recommended",
 		"plugin:svelte/recommended",
-		"prettier"
+		"prettier",
 	],
 	parser: "@typescript-eslint/parser",
 	plugins: ["@typescript-eslint"],
 	parserOptions: {
 		sourceType: "module",
 		ecmaVersion: "latest",
-		extraFileExtensions: [".svelte"]
+		extraFileExtensions: [".svelte"],
 	},
 	env: {
 		browser: true,
 		es2024: true,
-		node: true
+		node: true,
 	},
 	globals: { $$Generic: "readable", NodeJS: true },
 	rules: {
@@ -25,8 +25,8 @@ module.exports = {
 			"warn",
 			{
 				argsIgnorePattern: "^_",
-				varsIgnorePattern: "^_"
-			}
+				varsIgnorePattern: "^_",
+			},
 		],
 		"svelte/no-target-blank": "error",
 		"svelte/no-immutable-reactive-statements": "error",
@@ -37,24 +37,24 @@ module.exports = {
 		"svelte/require-each-key": "off",
 		"svelte/no-at-html-tags": "off",
 		"svelte/no-unused-svelte-ignore": "off",
-		"svelte/require-stores-init": "off"
+		"svelte/require-stores-init": "off",
 	},
 	overrides: [
 		{
 			files: ["*.svelte"],
 			parser: "svelte-eslint-parser",
 			parserOptions: {
-				parser: "@typescript-eslint/parser"
+				parser: "@typescript-eslint/parser",
 			},
 			rules: {
 				"@typescript-eslint/no-unused-vars": [
 					"warn",
 					{
 						argsIgnorePattern: "^_",
-						varsIgnorePattern: "^\\$\\$(Props|Events|Slots|Generic)$"
-					}
-				]
-			}
+						varsIgnorePattern: "^\\$\\$(Props|Events|Slots|Generic)$",
+					},
+				],
+			},
 		},
 		{
 			files: ["*.ts"],
@@ -65,11 +65,11 @@ module.exports = {
 					{
 						extendDefaults: true,
 						types: {
-							"{}": false
-						}
-					}
-				]
-			}
-		}
-	]
+							"{}": false,
+						},
+					},
+				],
+			},
+		},
+	],
 };
diff --git a/.prettierrc b/.prettierrc
@@ -1,7 +1,7 @@
 {
     "useTabs": true,
     "singleQuote": false,
-    "trailingComma": "none",
+    "trailingComma": "es5",
     "printWidth": 100,
     "pluginSearchDirs": [
         "."
@@ -15,7 +15,7 @@
             "files": "*.svelte",
             "options": {
                 "parser": "svelte",
-                "printWidth": 80
+                "printWidth": 100
             }
         },
         {

diff --git a/.versionrc.cjs b/.versionrc.cjs
@@ -2,7 +2,7 @@ module.exports = {
 	bumpFiles: [
 		{
 			filename: "package.json",
-			type: "json"
-		}
-	]
+			type: "json",
+		},
+	],
 };
diff --git a/contentlayer.config.js b/contentlayer.config.js
@@ -5,20 +5,20 @@ import path from "path";
 const computedFields = {
 	slug: {
 		type: "string",
-		resolve: (doc) => doc._raw.flattenedPath.split("/").slice(1).join("/")
+		resolve: (doc) => doc._raw.flattenedPath.split("/").slice(1).join("/"),
 	},
 	slugFull: {
 		type: "string",
-		resolve: (doc) => `/${doc._raw.flattenedPath}`
+		resolve: (doc) => `/${doc._raw.flattenedPath}`,
 	},
 	fileName: {
 		type: "string",
-		resolve: (doc) => path.parse(doc._raw.sourceFilePath.split("/").slice(-1).join("/")).name
+		resolve: (doc) => path.parse(doc._raw.sourceFilePath.split("/").slice(-1).join("/")).name,
 	},
 	suffix: {
 		type: "string",
-		resolve: (doc) => path.parse(doc._raw.sourceFilePath.split("/").slice(-1).join("/")).ext
-	}
+		resolve: (doc) => path.parse(doc._raw.sourceFilePath.split("/").slice(-1).join("/")).ext,
+	},
 };
 
 export const Doc = defineDocumentType(() => ({
@@ -27,18 +27,18 @@ export const Doc = defineDocumentType(() => ({
 	fields: {
 		title: {
 			type: "string",
-			required: true
+			required: true,
 		},
 		description: {
 			type: "string",
-			required: true
-		}
+			required: true,
+		},
 	},
-	computedFields
+	computedFields,
 }));
 
 export default makeSource({
 	contentDirPath: "./content",
 	documentTypes: [Doc],
-	disableImportAliasWarning: true
+	disableImportAliasWarning: true,
 });
diff --git a/mdsvex.config.js b/mdsvex.config.js
@@ -22,7 +22,7 @@ const prettyCodeOptions = {
 		),
 		light: JSON.parse(
 			readFileSync(resolve(__dirname, "./src/styles/themes/serendipity-morning.json"))
-		)
+		),
 	},
 	keepBackground: false,
 	onVisitLine(node) {
@@ -35,7 +35,7 @@ const prettyCodeOptions = {
 	},
 	onVisitHighlightedWord(node) {
 		node.properties.className = ["word--highlighted"];
-	}
+	},
 };
 
 /** @type {import('@huntabyte/mdsvex').MdsvexOptions} */
@@ -46,7 +46,7 @@ export const mdsvexOptions = {
 		quotes: false,
 		ellipses: false,
 		backticks: false,
-		dashes: false
+		dashes: false,
 	},
 	remarkPlugins: [remarkGfm, remarkEscapeCode],
 	rehypePlugins: [
@@ -55,8 +55,8 @@ export const mdsvexOptions = {
 		[rehypePrettyCode, prettyCodeOptions],
 		rehypeHandleMetadata,
 		rehypeRenderCode,
-		rehypePreToComponentPre
-	]
+		rehypePreToComponentPre,
+	],
 };
 export function rehypeComponentExample() {
 	return async (tree) => {
@@ -80,23 +80,23 @@ export function rehypeComponentExample() {
 					const sourceCodeNode = u("element", {
 						tagName: "pre",
 						properties: {
-							className: ["code"]
+							className: ["code"],
 						},
 						children: [
 							u("element", {
 								tagName: "code",
 								properties: {
-									className: [`language-svelte`]
+									className: [`language-svelte`],
 								},
 								attributes: {},
 								children: [
 									{
 										type: "text",
-										value: sourceCode
-									}
-								]
-							})
-						]
+										value: sourceCode,
+									},
+								],
+							}),
+						],
 					});
 					if (!index) return;
 					parent.children.splice(index + 1, 0, sourceCodeNode);
@@ -127,7 +127,7 @@ const entities = [
 	[/</g, "&lt;"],
 	[/>/g, "&gt;"],
 	[/{/g, "&#123;"],
-	[/}/g, "&#125;"]
+	[/}/g, "&#125;"],
 ];
 
 function remarkEscapeCode() {
@@ -199,7 +199,7 @@ function rehypeRenderCode() {
 				const codeString = tabsToSpaces(
 					toHtml(codeEl, {
 						allowDangerousCharacters: true,
-						allowDangerousHtml: true
+						allowDangerousHtml: true,
 					})
 				);
 

diff --git a/other/code-block-prettier.js b/other/code-block-prettier.js
@@ -16,8 +16,8 @@ export const codeBlockPrettierConfig = {
 			options: {
 				parser: "svelte",
 				svelteIndentScriptAndStyle: true,
-				svelteStrictMode: false
-			}
-		}
-	]
+				svelteStrictMode: false,
+			},
+		},
+	],
 };
diff --git a/other/setupTest.ts b/other/setupTest.ts
@@ -1,6 +1,6 @@
 // setupTest.ts
 /* eslint-disable @typescript-eslint/no-empty-function */
-import matchers from "@testing-library/jest-dom/matchers";
+import * as matchers from "@testing-library/jest-dom/matchers";
 import { expect, vi } from "vitest";
 import type { Navigation, Page } from "@sveltejs/kit";
 import { readable } from "svelte/store";
@@ -16,15 +16,15 @@ expect.extend(matchers);
 expect.extend(toHaveNoViolations as never);
 
 configure({
-	asyncUtilTimeout: 1500
+	asyncUtilTimeout: 1500,
 });
 
 // Mock SvelteKit runtime module $app/environment
 vi.mock("$app/environment", (): typeof environment => ({
 	browser: false,
 	dev: true,
 	building: false,
-	version: "any"
+	version: "any",
 }));
 
 // Mock SvelteKit runtime module $app/navigation
@@ -35,9 +35,11 @@ vi.mock("$app/navigation", (): typeof navigation => ({
 	goto: () => Promise.resolve(),
 	invalidate: () => Promise.resolve(),
 	invalidateAll: () => Promise.resolve(),
-	preloadData: () => Promise.resolve(),
+	preloadData: () => Promise.resolve({ type: "loaded" as const, status: 200, data: {} }),
 	preloadCode: () => Promise.resolve(),
-	onNavigate: () => {}
+	onNavigate: () => {},
+	pushState: () => {},
+	replaceState: () => {},
 }));
 
 // Mock SvelteKit runtime module $app/stores
@@ -48,12 +50,13 @@ vi.mock("$app/stores", (): typeof stores => {
 			url: new URL("http://localhost"),
 			params: {},
 			route: {
-				id: null
+				id: null,
 			},
 			status: 200,
 			error: null,
 			data: {},
-			form: undefined
+			form: undefined,
+			state: {},
 		});
 		const updated = { subscribe: readable(false).subscribe, check: async () => false };
 
@@ -63,25 +66,25 @@ vi.mock("$app/stores", (): typeof stores => {
 	const page: typeof stores.page = {
 		subscribe(fn) {
 			return getStores().page.subscribe(fn);
-		}
+		},
 	};
 	const navigating: typeof stores.navigating = {
 		subscribe(fn) {
 			return getStores().navigating.subscribe(fn);
-		}
+		},
 	};
 	const updated: typeof stores.updated = {
 		subscribe(fn) {
 			return getStores().updated.subscribe(fn);
 		},
-		check: async () => false
+		check: async () => false,
 	};
 
 	return {
 		getStores,
 		navigating,
 		page,
-		updated
+		updated,
 	};
 });