google fonts workaround

lib/styles/fonts/loaders/Inter.ts

@@ -2,6 +2,7 @@ import { Inter as InterLoader } from "next/font/google";
 
 const Inter = InterLoader({
   weight: "variable",
+  axes: ["slnt"], // workaround for lack of italicized Inter on Google Fonts, see: https://github.com/google/fonts/issues/2386#issuecomment-691503098
   subsets: ["latin"],
   display: "fallback",
   preload: true,

lib/styles/fonts/loaders/SourceCodePro.ts

@@ -2,6 +2,7 @@ import { Source_Code_Pro as SourceCodeProLoader } from "next/font/google";
 
 const SourceCodePro = SourceCodeProLoader({
   weight: "variable",
+  style: ["normal", "italic"],
   subsets: ["latin"],
   display: "fallback",
   preload: true,

lib/styles/stitches.config.ts

@@ -139,8 +139,11 @@ export const globalStyles = globalCss(
     systemFonts: false,
   }),
   {
-    body: {
+    html: {
       fontFamily: theme.fonts.sans,
+    },
+
+    body: {
       backgroundColor: theme.colors.backgroundInner,
       transition: `background ${theme.transitions.fade}`,
     },
@@ -148,6 +151,18 @@ export const globalStyles = globalCss(
     "code, kbd, samp, pre": {
       fontFamily: theme.fonts.mono,
     },
+
+    "em, i": {
+      // workaround for lack of italicized Inter on Google Fonts, see: https://github.com/google/fonts/issues/2386#issuecomment-691503098
+      fontStyle: "oblique 10deg",
+      fontVariationSettings: "'slnt' -10",
+
+      "& :where(code, kbd, samp, pre)": {
+        // unset workaround for well-behaving fonts
+        fontStyle: "italic",
+        fontVariationSettings: "initial",
+      },
+    },
   }
 );
 

package.json

@@ -23,10 +23,11 @@
     "@novnc/novnc": "1.4.0",
     "@octokit/graphql": "^7.0.2",
     "@octokit/graphql-schema": "^14.33.1",
-    "@prisma/client": "^5.3.1",
+    "@prisma/client": "^5.4.1",
     "@prisma/extension-accelerate": "^0.6.2",
     "@react-spring/web": "^9.7.3",
     "@stitches/react": "1.3.1-1",
+    "@vercel/edge": "^1.1.0",
     "@vercel/postgres": "^0.5.0",
     "comma-number": "^2.1.0",
     "copy-to-clipboard": "^3.3.3",
@@ -67,7 +68,7 @@
     "remark-unwrap-images": "^3.0.1",
     "remove-markdown": "^0.5.0",
     "sitemap": "^7.1.1",
-    "stitches-normalize": "^2.0.0",
+    "stitches-normalize": "^3.0.1",
     "swr": "^2.2.4",
     "unified": "^10.1.2"
   },
@@ -77,8 +78,8 @@
     "@types/node": "^18.17.14",
     "@types/novnc__novnc": "^1.3.2",
     "@types/prop-types": "^15.7.8",
-    "@types/react": "^18.2.24",
+    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.9",
+    "@types/react-dom": "^18.2.10",
     "@types/react-is": "^18.2.2",
     "@types/remove-markdown": "^0.3.2",
     "@types/uglify-js": "^3.17.2",
@@ -92,7 +93,7 @@
     "eslint-plugin-prettier": "~5.0.0",
     "lint-staged": "^14.0.1",
     "prettier": "^3.0.3",
-    "prisma": "^5.3.1",
+    "prisma": "^5.4.1",
     "simple-git-hooks": "^2.9.0",
     "typescript": "^5.2.2",
     "uglify-js": "^3.17.4"

pnpm-lock.yaml

@@ -21,17 +21,20 @@ dependencies:
     specifier: ^14.33.1
     version: 14.33.1
   '@prisma/client':
-    specifier: ^5.3.1
+    specifier: ^5.4.1
-    version: 5.3.1(prisma@5.3.1)
+    version: 5.4.1(prisma@5.4.1)
   '@prisma/extension-accelerate':
     specifier: ^0.6.2
-    version: 0.6.2(@prisma/client@5.3.1)
+    version: 0.6.2(@prisma/client@5.4.1)
   '@react-spring/web':
     specifier: ^9.7.3
     version: 9.7.3(react-dom@18.2.0)(react@18.2.0)
   '@stitches/react':
     specifier: 1.3.1-1
     version: 1.3.1-1(react@18.2.0)
+  '@vercel/edge':
+    specifier: ^1.1.0
+    version: 1.1.0
   '@vercel/postgres':
     specifier: ^0.5.0
     version: 0.5.0
@@ -103,7 +106,7 @@ dependencies:
     version: 4.11.0(react@18.2.0)
   react-innertext:
     specifier: ^1.1.5
-    version: 1.1.5(@types/react@18.2.24)(react@18.2.0)
+    version: 1.1.5(@types/react@18.2.25)(react@18.2.0)
   react-intersection-observer:
     specifier: ^9.5.2
     version: 9.5.2(react@18.2.0)
@@ -115,7 +118,7 @@ dependencies:
     version: 2.10.1(react@18.2.0)
   react-textarea-autosize:
     specifier: ^8.5.3
-    version: 8.5.3(@types/react@18.2.24)(react@18.2.0)
+    version: 8.5.3(@types/react@18.2.25)(react@18.2.0)
   react-tweet:
     specifier: ^3.1.1
     version: 3.1.1(react-dom@18.2.0)(react@18.2.0)
@@ -153,8 +156,8 @@ dependencies:
     specifier: ^7.1.1
     version: 7.1.1
   stitches-normalize:
-    specifier: ^2.0.0
+    specifier: ^3.0.1
-    version: 2.0.0(@stitches/react@1.3.1-1)
+    version: 3.0.1(@stitches/react@1.3.1-1)
   swr:
     specifier: ^2.2.4
     version: 2.2.4(react@18.2.0)
@@ -184,11 +187,11 @@ devDependencies:
     specifier: ^15.7.8
     version: 15.7.8
   '@types/react':
-    specifier: ^18.2.24
+    specifier: ^18.2.25
-    version: 18.2.24
+    version: 18.2.25
   '@types/react-dom':
-    specifier: ^18.2.9
+    specifier: ^18.2.10
-    version: 18.2.9
+    version: 18.2.10
   '@types/react-is':
     specifier: ^18.2.2
     version: 18.2.2
@@ -229,8 +232,8 @@ devDependencies:
     specifier: ^3.0.3
     version: 3.0.3
   prisma:
-    specifier: ^5.3.1
+    specifier: ^5.4.1
-    version: 5.3.1
+    version: 5.4.1
   simple-git-hooks:
     specifier: ^2.9.0
     version: 2.9.0
@@ -415,7 +418,7 @@ packages:
       react: '>=16'
     dependencies:
       '@types/mdx': 2.0.8
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
       react: 18.2.0
     dev: false
 
@@ -641,8 +644,8 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /@prisma/client@5.3.1(prisma@5.3.1):
+  /@prisma/client@5.4.1(prisma@5.4.1):
-    resolution: {integrity: sha512-ArOKjHwdFZIe1cGU56oIfy7wRuTn0FfZjGuU/AjgEBOQh+4rDkB6nF+AGHP8KaVpkBIiHGPQh3IpwQ3xDMdO0Q==}
+    resolution: {integrity: sha512-xyD0DJ3gRNfLbPsC+YfMBBuLJtZKQfy1OD2qU/PZg+HKrr7SO+09174LMeTlWP0YF2wca9LxtVd4HnAiB5ketQ==}
     engines: {node: '>=16.13'}
     requiresBuild: true
     peerDependencies:
@@ -651,25 +654,25 @@ packages:
       prisma:
         optional: true
     dependencies:
-      '@prisma/engines-version': 5.3.1-2.61e140623197a131c2a6189271ffee05a7aa9a59
+      '@prisma/engines-version': 5.4.1-1.2f302df92bd8945e20ad4595a73def5b96afa54f
-      prisma: 5.3.1
+      prisma: 5.4.1
     dev: false
 
-  /@prisma/engines-version@5.3.1-2.61e140623197a131c2a6189271ffee05a7aa9a59:
+  /@prisma/engines-version@5.4.1-1.2f302df92bd8945e20ad4595a73def5b96afa54f:
-    resolution: {integrity: sha512-y5qbUi3ql2Xg7XraqcXEdMHh0MocBfnBzDn5GbV1xk23S3Mq8MGs+VjacTNiBh3dtEdUERCrUUG7Z3QaJ+h79w==}
+    resolution: {integrity: sha512-+nUQM/y8C+1GG5Ioeqcu6itFslCfxvQSAUVSMC9XM2G2Fcq0F4Afnp6m0pXF6X6iUBWen7jZBPmM9Qlq4Nr3/A==}
     dev: false
 
-  /@prisma/engines@5.3.1:
+  /@prisma/engines@5.4.1:
-    resolution: {integrity: sha512-6QkILNyfeeN67BNEPEtkgh3Xo2tm6D7V+UhrkBbRHqKw9CTaz/vvTP/ROwYSP/3JT2MtIutZm/EnhxUiuOPVDA==}
+    resolution: {integrity: sha512-vJTdY4la/5V3N7SFvWRmSMUh4mIQnyb/MNoDjzVbh9iLmEC+uEykj/1GPviVsorvfz7DbYSQC4RiwmlEpTEvGA==}
     requiresBuild: true
 
-  /@prisma/extension-accelerate@0.6.2(@prisma/client@5.3.1):
+  /@prisma/extension-accelerate@0.6.2(@prisma/client@5.4.1):
     resolution: {integrity: sha512-KIBVPeWt8qaSg7wQ+TXmCVeUDoW75whtXcdS9dbHxRoO2OWFH5I9+qbkHBhx5Wj/h1wQpS8usuxGnsZqiBjUpQ==}
     engines: {node: '>=16'}
     peerDependencies:
       '@prisma/client': '>=4.16.1'
     dependencies:
-      '@prisma/client': 5.3.1(prisma@5.3.1)
+      '@prisma/client': 5.4.1(prisma@5.4.1)
     dev: false
 
   /@react-spring/animated@9.7.3(react@18.2.0):
@@ -774,7 +777,7 @@ packages:
   /@types/hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-YIQtIg4PKr7ZyqNPZObpxfHsHEmuB8dXCxd6qVcGuQVDK2bpsF7bYNnBJ4Nn7giuACZg+WewExgrtAJ3XnA4Xw==}
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
       hoist-non-react-statics: 3.3.2
     dev: false
 
@@ -842,20 +845,20 @@ packages:
   /@types/prop-types@15.7.8:
     resolution: {integrity: sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==}
 
-  /@types/react-dom@18.2.9:
+  /@types/react-dom@18.2.10:
-    resolution: {integrity: sha512-6nNhVzZ9joQ6F7lozrASuQKC0Kf6ArYMU+DqA2ZrUbB+d+9lC6ZLn1GxiEBI1edmAwvTULtuJ6uPZpv3XudwUg==}
+    resolution: {integrity: sha512-5VEC5RgXIk1HHdyN1pHlg0cOqnxHzvPGpMMyGAP5qSaDRmyZNDaQ0kkVAkK6NYlDhP6YBID3llaXlmAS/mdgCA==}
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
     dev: true
 
   /@types/react-is@18.2.2:
     resolution: {integrity: sha512-bNmRDADVsOivYLvqYQATYRbf60SlK++spu97SK65pSCjdtuTqczFexBQtOK+gQdG6cqOsvQZ3mR12ueEoaq5iA==}
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
     dev: true
 
-  /@types/react@18.2.24:
+  /@types/react@18.2.25:
-    resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
+    resolution: {integrity: sha512-24xqse6+VByVLIr+xWaQ9muX1B4bXJKXBbjszbld/UEDslGLY53+ZucF44HCmLbMPejTzGG9XgR+3m2/Wqu1kw==}
     dependencies:
       '@types/prop-types': 15.7.8
       '@types/scheduler': 0.16.4
@@ -1026,6 +1029,10 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@vercel/edge@1.1.0:
+    resolution: {integrity: sha512-84H2EavY5Kul9Ef1DnTH0XEG5vChqcXjyqoRLVPjjZjLWw47sMapzXXQH09pybcshR+8AKqULGvFqPTWuRh3Rw==}
+    dev: false
+
   /@vercel/postgres@0.5.0:
     resolution: {integrity: sha512-MFWp9SZmADqBe2x2mzEvwmGLiwOd8PVkUxYeBZx/RqdHl0bd8/1BH0zBR+zSimGyi9P/MVtZoJLdf5dkWw9m5Q==}
     engines: {node: '>=14.6'}
@@ -4440,13 +4447,13 @@ packages:
     hasBin: true
     dev: true
 
-  /prisma@5.3.1:
+  /prisma@5.4.1:
-    resolution: {integrity: sha512-Wp2msQIlMPHe+5k5Od6xnsI/WNG7UJGgFUJgqv/ygc7kOECZapcSz/iU4NIEzISs3H1W9sFLjAPbg/gOqqtB7A==}
+    resolution: {integrity: sha512-op9PmU8Bcw5dNAas82wBYTG0yHnpq9/O3bhxbDBrNzwZTwBqsVCxxYRLf6wHNh9HVaDGhgjjHlu1+BcW8qdnBg==}
     engines: {node: '>=16.13'}
     hasBin: true
     requiresBuild: true
     dependencies:
-      '@prisma/engines': 5.3.1
+      '@prisma/engines': 5.4.1
 
   /proc-log@3.0.0:
     resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
@@ -4551,13 +4558,13 @@ packages:
       react: 18.2.0
     dev: false
 
-  /react-innertext@1.1.5(@types/react@18.2.24)(react@18.2.0):
+  /react-innertext@1.1.5(@types/react@18.2.25)(react@18.2.0):
     resolution: {integrity: sha512-PWAqdqhxhHIv80dT9znP2KvS+hfkbRovFp4zFYHFFlOoQLRiawIic81gKb3U1wEyJZgMwgs3JoLtwryASRWP3Q==}
     peerDependencies:
       '@types/react': '>=0.0.0 <=99'
       react: '>=0.0.0 <=99'
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
       react: 18.2.0
     dev: false
 
@@ -4589,7 +4596,7 @@ packages:
       react-fast-compare: 3.2.2
     dev: false
 
-  /react-textarea-autosize@8.5.3(@types/react@18.2.24)(react@18.2.0):
+  /react-textarea-autosize@8.5.3(@types/react@18.2.25)(react@18.2.0):
     resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==}
     engines: {node: '>=10'}
     peerDependencies:
@@ -4598,7 +4605,7 @@ packages:
       '@babel/runtime': 7.23.1
       react: 18.2.0
       use-composed-ref: 1.3.0(react@18.2.0)
-      use-latest: 1.2.1(@types/react@18.2.24)(react@18.2.0)
+      use-latest: 1.2.1(@types/react@18.2.25)(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
     dev: false
@@ -5079,8 +5086,9 @@ packages:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: false
 
-  /stitches-normalize@2.0.0(@stitches/react@1.3.1-1):
+  /stitches-normalize@3.0.1(@stitches/react@1.3.1-1):
-    resolution: {integrity: sha512-HolFbytRn8gakyeNmVT++SAUobHCNhA1AMeWNT75YHacl8r/OgRnJqrKwiybUvYOCZcRVYCnCl4ribdd+O8How==}
+    resolution: {integrity: sha512-+e2u38IEi0i/vCVeOQPqKbUU+ucU3XTBGB3IxQEOEu6HhLFrk0Fq1JYt4JzVpgPlk/9y/MNiglx6vqFlbMjF0g==}
+    engines: {node: '>=6'}
     peerDependencies:
       '@stitches/react': 1.x
     peerDependenciesMeta:
@@ -5633,7 +5641,7 @@ packages:
       react: 18.2.0
     dev: false
 
-  /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.24)(react@18.2.0):
+  /use-isomorphic-layout-effect@1.1.2(@types/react@18.2.25)(react@18.2.0):
     resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
     peerDependencies:
       '@types/react': '*'
@@ -5642,11 +5650,11 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
       react: 18.2.0
     dev: false
 
-  /use-latest@1.2.1(@types/react@18.2.24)(react@18.2.0):
+  /use-latest@1.2.1(@types/react@18.2.25)(react@18.2.0):
     resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==}
     peerDependencies:
       '@types/react': '*'
@@ -5655,9 +5663,9 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@types/react': 18.2.24
+      '@types/react': 18.2.25
       react: 18.2.0
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.24)(react@18.2.0)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.25)(react@18.2.0)
     dev: false
 
   /use-sync-external-store@1.2.0(react@18.2.0):