From b83742b9dd972b3f243943f99e11b2ffa4570b35 Mon Sep 17 00:00:00 2001 From: Eirik Sletteberg Date: Sun, 19 May 2024 15:30:52 +0200 Subject: [PATCH] Add stats plugin to Vite, move Inter font to self-hosting/npm --- frontend/components/ReedPage/ReedPage.css | 4 +- .../components/ReedSummary/ReedSummary.css | 2 +- frontend/index.css | 6 +- package-lock.json | 67 + package.json | 2 + stats.html | 4842 +++++++++++++++++ vite.config.js | 3 +- 7 files changed, 4919 insertions(+), 7 deletions(-) create mode 100644 stats.html diff --git a/frontend/components/ReedPage/ReedPage.css b/frontend/components/ReedPage/ReedPage.css index 5dd93ef..4ca9bc5 100644 --- a/frontend/components/ReedPage/ReedPage.css +++ b/frontend/components/ReedPage/ReedPage.css @@ -55,14 +55,14 @@ .reed-page__h1 { margin: 0; font-size: var(--font-size-large); - font-weight: bold; + font-weight: 600; color: var(--color-dark); } .reed-page__h2 { margin: 0; font-size: var(--font-size-large); - font-weight: bold; + font-weight: 600; color: var(--color-base); } diff --git a/frontend/components/ReedSummary/ReedSummary.css b/frontend/components/ReedSummary/ReedSummary.css index 8ed603b..35a7d28 100644 --- a/frontend/components/ReedSummary/ReedSummary.css +++ b/frontend/components/ReedSummary/ReedSummary.css @@ -57,7 +57,7 @@ grid-area: title; margin: 0; font-size: var(--font-size-large); - font-weight: bold; + font-weight: 600; color: var(--color-dark); } .reed-summary__last-update { diff --git a/frontend/index.css b/frontend/index.css index d32f1c7..c03d1cc 100644 --- a/frontend/index.css +++ b/frontend/index.css @@ -9,8 +9,8 @@ @import 'components/ReedSummary/ReedSummary.css'; @import 'components/Topbar/Topbar.css'; @import 'components/ReedPage/ReedPage.css'; - -@import 'https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'; +@import '@fontsource/inter/300.css'; +@import '@fontsource/inter/600.css'; :root { --color-earth: #edc7b7; @@ -53,7 +53,7 @@ body { h1 { font-size: var(--font-size-molto); - font-weight: bold; + font-weight: 600; color: var(--color-dark); margin: 0 0 16px 0; } diff --git a/package-lock.json b/package-lock.json index 6f04ffa..de7d112 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.0", "license": "MIT", "dependencies": { + "@fontsource/inter": "^5.0.18", "clsx": "^2.1.1", "cookie-parser": "^1.4.6", "date-fns": "^3.6.0", @@ -34,6 +35,7 @@ "@types/uuid": "^9.0.8", "@vitejs/plugin-react": "^4.2.1", "prettier": "^3.2.5", + "rollup-plugin-visualizer": "^5.12.0", "storybook": "^8.0.10", "typescript": "^5.4.5", "vite": "^5.2.11" @@ -3066,6 +3068,11 @@ "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.6.tgz", "integrity": "sha512-EnfRJvrnzkHwN3BPMCayCFT5lCqInzg3RdlRsDjDvB1EJli6Usj26T6lJ67BU2UcYXBS5xcp1Wj4+zRzj2NaZg==" }, + "node_modules/@fontsource/inter": { + "version": "5.0.18", + "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.0.18.tgz", + "integrity": "sha512-YCsoYPTcs713sI7tLtxaPrIhXAXvEetGg5Ry02ivA8qUOb3fQHojbK/X9HLD5OOKvFUNR2Ynkwb1kR1hVKQHpw==" + }, "node_modules/@grpc/grpc-js": { "version": "1.9.14", "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.14.tgz", @@ -9552,6 +9559,41 @@ "fsevents": "~2.3.2" } }, + "node_modules/rollup-plugin-visualizer": { + "version": "5.12.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz", + "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==", + "dev": true, + "dependencies": { + "open": "^8.4.0", + "picomatch": "^2.3.1", + "source-map": "^0.7.4", + "yargs": "^17.5.1" + }, + "bin": { + "rollup-plugin-visualizer": "dist/bin/cli.js" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "rollup": "2.x || 3.x || 4.x" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/rollup-plugin-visualizer/node_modules/source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, "node_modules/run-parallel": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", @@ -13235,6 +13277,11 @@ "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.6.tgz", "integrity": "sha512-EnfRJvrnzkHwN3BPMCayCFT5lCqInzg3RdlRsDjDvB1EJli6Usj26T6lJ67BU2UcYXBS5xcp1Wj4+zRzj2NaZg==" }, + "@fontsource/inter": { + "version": "5.0.18", + "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.0.18.tgz", + "integrity": "sha512-YCsoYPTcs713sI7tLtxaPrIhXAXvEetGg5Ry02ivA8qUOb3fQHojbK/X9HLD5OOKvFUNR2Ynkwb1kR1hVKQHpw==" + }, "@grpc/grpc-js": { "version": "1.9.14", "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.14.tgz", @@ -18094,6 +18141,26 @@ "fsevents": "~2.3.2" } }, + "rollup-plugin-visualizer": { + "version": "5.12.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz", + "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==", + "dev": true, + "requires": { + "open": "^8.4.0", + "picomatch": "^2.3.1", + "source-map": "^0.7.4", + "yargs": "^17.5.1" + }, + "dependencies": { + "source-map": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", + "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", + "dev": true + } + } + }, "run-parallel": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", diff --git a/package.json b/package.json index d49ef45..2899b6a 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ }, "homepage": "https://github.com/eirslett/unreed-app#readme", "dependencies": { + "@fontsource/inter": "^5.0.18", "clsx": "^2.1.1", "cookie-parser": "^1.4.6", "date-fns": "^3.6.0", @@ -54,6 +55,7 @@ "@types/uuid": "^9.0.8", "@vitejs/plugin-react": "^4.2.1", "prettier": "^3.2.5", + "rollup-plugin-visualizer": "^5.12.0", "storybook": "^8.0.10", "typescript": "^5.4.5", "vite": "^5.2.11" diff --git a/stats.html b/stats.html new file mode 100644 index 0000000..62b3487 --- /dev/null +++ b/stats.html @@ -0,0 +1,4842 @@ + + + + + + + + Rollup Visualizer + + + +
+ + + + + diff --git a/vite.config.js b/vite.config.js index c4231e2..644d33b 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,8 +1,9 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; +import { visualizer } from 'rollup-plugin-visualizer'; export default defineConfig({ - plugins: [react()], + plugins: [react(), visualizer()], build: { sourcemap: true, },