From 2f0d6bdbaf4c30cbd0d484772d74feba4ec435b8 Mon Sep 17 00:00:00 2001
From: Bart van der Braak
Date: Sun, 6 Aug 2023 17:54:25 +0200
Subject: [PATCH 1/5] refactor: replace deprecated web-vitals funcs
---
src/lib/vitals.ts | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/lib/vitals.ts b/src/lib/vitals.ts
index 48f9159..0c4a30d 100644
--- a/src/lib/vitals.ts
+++ b/src/lib/vitals.ts
@@ -1,5 +1,5 @@
import type { Metric } from 'web-vitals';
-import { getCLS, getFCP, getFID, getLCP, getTTFB } from 'web-vitals';
+import { onCLS, onFCP, onFID, onLCP, onTTFB } from 'web-vitals';
const vitalsUrl = 'https://vitals.vercel-analytics.com/v1/vitals';
@@ -75,11 +75,11 @@ export function webVitals(options: {
debug: boolean;
}) {
try {
- getFID((metric) => sendToAnalytics(metric, options));
- getTTFB((metric) => sendToAnalytics(metric, options));
- getLCP((metric) => sendToAnalytics(metric, options));
- getCLS((metric) => sendToAnalytics(metric, options));
- getFCP((metric) => sendToAnalytics(metric, options));
+ onFID((metric) => sendToAnalytics(metric, options));
+ onTTFB((metric) => sendToAnalytics(metric, options));
+ onLCP((metric) => sendToAnalytics(metric, options));
+ onCLS((metric) => sendToAnalytics(metric, options));
+ onFCP((metric) => sendToAnalytics(metric, options));
} catch (err) {
console.error('[Web Vitals]', err);
}
From 093e67c2bb0f9aab338b3f99ca788e53de4fba53 Mon Sep 17 00:00:00 2001
From: Bart van der Braak
Date: Sun, 6 Aug 2023 18:16:24 +0200
Subject: [PATCH 2/5] feat: add lint-staged and prettier
---
.prettierrc | 1 -
lintstagedrc.cjs | 3 +++
package.json | 6 +++---
pnpm-lock.yaml | 16 ++++++++--------
4 files changed, 14 insertions(+), 12 deletions(-)
create mode 100644 lintstagedrc.cjs
diff --git a/.prettierrc b/.prettierrc
index a77fdde..9573023 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,6 +4,5 @@
"trailingComma": "none",
"printWidth": 100,
"plugins": ["prettier-plugin-svelte"],
- "pluginSearchDirs": ["."],
"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
}
diff --git a/lintstagedrc.cjs b/lintstagedrc.cjs
new file mode 100644
index 0000000..76bbfdd
--- /dev/null
+++ b/lintstagedrc.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+ '**/*.{js,ts,cjs,svelte,tsx}': [() => 'tsc -p tsconfig.json --noEmit', 'eslint --fix', 'prettier --write']
+};
\ No newline at end of file
diff --git a/package.json b/package.json
index e1a1377..5e21b92 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
"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 --plugin-search-dir . --check . && eslint .",
- "format": "prettier --plugin-search-dir . --write .",
+ "lint": "prettier --check . && eslint .",
+ "format": "prettier --write .",
"prepare": "npx husky install"
},
"devDependencies": {
@@ -25,7 +25,7 @@
"lint-staged": "^13.2.3",
"postcss": "^8.4.24",
"postcss-load-config": "^4.0.1",
- "prettier": "^2.8.0",
+ "prettier": "^3.0.1",
"prettier-plugin-svelte": "^3.0.0",
"svelte": "^4.0.5",
"svelte-check": "^3.4.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a713566..f9c36c3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -62,11 +62,11 @@ devDependencies:
specifier: ^4.0.1
version: 4.0.1(postcss@8.4.26)
prettier:
- specifier: ^2.8.0
- version: 2.8.8
+ specifier: ^3.0.1
+ version: 3.0.1
prettier-plugin-svelte:
specifier: ^3.0.0
- version: 3.0.3(prettier@2.8.8)(svelte@4.1.0)
+ version: 3.0.3(prettier@3.0.1)(svelte@4.1.0)
svelte:
specifier: ^4.0.5
version: 4.1.0
@@ -2037,19 +2037,19 @@ packages:
engines: {node: '>= 0.8.0'}
dev: true
- /prettier-plugin-svelte@3.0.3(prettier@2.8.8)(svelte@4.1.0):
+ /prettier-plugin-svelte@3.0.3(prettier@3.0.1)(svelte@4.1.0):
resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
peerDependencies:
prettier: ^3.0.0
svelte: ^3.2.0 || ^4.0.0-next.0
dependencies:
- prettier: 2.8.8
+ prettier: 3.0.1
svelte: 4.1.0
dev: true
- /prettier@2.8.8:
- resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
- engines: {node: '>=10.13.0'}
+ /prettier@3.0.1:
+ resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==}
+ engines: {node: '>=14'}
hasBin: true
dev: true
From 910d6ff792d5554ebf9d220f93ae1313ba502722 Mon Sep 17 00:00:00 2001
From: Bart van der Braak
Date: Sun, 6 Aug 2023 18:16:43 +0200
Subject: [PATCH 3/5] refactor: lowercase doctype
---
src/app.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/app.html b/src/app.html
index 96ccf6c..448723f 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,4 +1,4 @@
-
+
From 2abe02d8d0b60280bd094286b19cad7315e8baf2 Mon Sep 17 00:00:00 2001
From: Bart van der Braak
Date: Sun, 6 Aug 2023 18:25:14 +0200
Subject: [PATCH 4/5] fix: fixed height on canvas div
---
src/routes/tools/+page.svelte | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 5e97546..9288ec2 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -44,7 +44,7 @@
overall robustness and stability of our cloud infrastructure.
-
+