Merge branch 'main' into chore/update-next-intl

nodejs · Nov 9, 2024 · 30e1c29 · 30e1c29
2 parents 4112b5c + f5db266
commit 30e1c29
Show file tree

Hide file tree

Showing 19 changed files with 537 additions and 1,358 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -25,6 +25,7 @@ updates:
           - 'eslint'
           - 'typescript-eslint'
           - 'eslint-*'
+          - '@eslint/*'
           - 'stylelint'
           - 'stylelint-*'
         exclude-patterns:

diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml
@@ -50,7 +50,7 @@ jobs:
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@c36620d31ac7c881962c3d9dd939c40ec9434f2b # v3.26.12
+        uses: github/codeql-action/init@662472033e021d55d94146f66f6058822b0b39fd # v3.27.0
         with:
           languages: ${{ matrix.language }}
           # If you wish to specify custom queries, you can do so here or in a config file.
@@ -60,7 +60,7 @@ jobs:
       # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
       # If this step fails, then you should remove it and run the build manually (see below)
       - name: Autobuild
-        uses: github/codeql-action/autobuild@c36620d31ac7c881962c3d9dd939c40ec9434f2b # v3.26.12
+        uses: github/codeql-action/autobuild@662472033e021d55d94146f66f6058822b0b39fd # v3.27.0
 
       # ℹ️ Command-line programs to run using the OS shell.
       # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
@@ -73,6 +73,6 @@ jobs:
       #   ./location_of_script_within_repo/buildscript.sh
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@c36620d31ac7c881962c3d9dd939c40ec9434f2b # v3.26.12
+        uses: github/codeql-action/analyze@662472033e021d55d94146f66f6058822b0b39fd # v3.27.0
         with:
           category: '/language:${{matrix.language}}'
diff --git a/.github/workflows/scorecard.yml b/.github/workflows/scorecard.yml
@@ -59,6 +59,6 @@ jobs:
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: Upload Scan Results
-        uses: github/codeql-action/upload-sarif@c36620d31ac7c881962c3d9dd939c40ec9434f2b # v3.26.12
+        uses: github/codeql-action/upload-sarif@662472033e021d55d94146f66f6058822b0b39fd # v3.27.0
         with:
           sarif_file: results.sarif
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -12,14 +12,15 @@
   }
 
   a {
-    @apply flex-shrink
-      flex-grow;
+    @apply shrink
+      grow;
   }
 
   &,
   > a,
   > a:hover {
     @apply text-neutral-800
+      motion-safe:transition-colors
       dark:text-neutral-200;
   }
 
@@ -30,8 +31,8 @@
   .separator {
     @apply size-4
       max-w-fit
-      flex-shrink-0
-      flex-grow
+      shrink-0
+      grow
       text-neutral-600
       dark:text-neutral-400;
   }

diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css
@@ -1,5 +1,5 @@
 .link {
-  @apply max-w-fit 
+  @apply max-w-fit
     truncate;
 
   &.active {
@@ -9,6 +9,7 @@
       py-1
       font-semibold
       text-white
+      motion-safe:transition-colors
       dark:text-white;
 
     &:hover {

diff --git a/apps/site/components/Common/Button/index.module.css b/apps/site/components/Common/Button/index.module.css
@@ -6,7 +6,8 @@
     gap-2
     py-2.5
     text-center
-    font-semibold;
+    font-semibold
+    motion-safe:transition-colors;
 
   svg {
     @apply size-5;

diff --git a/apps/site/components/Common/CodeTabs/index.module.css b/apps/site/components/Common/CodeTabs/index.module.css
@@ -32,6 +32,7 @@
         gap-2
         text-center
         text-neutral-200
+        motion-safe:transition-colors
         lg:flex;
 
       & > .icon {

diff --git a/apps/site/components/Common/LanguageDropDown/index.module.css b/apps/site/components/Common/LanguageDropDown/index.module.css
@@ -4,6 +4,7 @@
     rounded-md
     p-2
     text-neutral-700
+    motion-safe:transition-colors
     dark:text-neutral-300;
 
   &:hover {

diff --git a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css
@@ -11,6 +11,7 @@
     px-3
     py-2.5
     text-neutral-800
+    motion-safe:transition-colors
     dark:text-neutral-200;
 
   &:hover {

diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css
@@ -13,11 +13,12 @@ a.item {
 
   &:hover {
     @apply text-neutral-900
+      motion-safe:transition-colors
       dark:text-white;
   }
 
   svg {
-    @apply flex-shrink-0
+    @apply shrink-0
       fill-neutral-200
       stroke-white
       stroke-[4]

diff --git a/apps/site/components/Common/Select/index.module.css b/apps/site/components/Common/Select/index.module.css
@@ -86,7 +86,8 @@
       data-[highlighted]:text-white
       data-[highlighted]:outline-none
       dark:text-neutral-200
-      dark:data-[highlighted]:bg-green-600;
+      dark:data-[highlighted]:bg-green-600
+      dark:data-[highlighted]:text-white;
   }
 
   .text > span {
@@ -132,7 +133,8 @@
       data-[highlighted]:text-neutral-900
       dark:text-white
       dark:data-[highlighted]:bg-neutral-900
-      dark:data-[disabled]:text-neutral-700;
+      dark:data-[disabled]:text-neutral-700
+      dark:data-[highlighted]:text-white;
   }
 
   &.dropdown {

diff --git a/apps/site/components/Common/ThemeToggle/index.module.css b/apps/site/components/Common/ThemeToggle/index.module.css
@@ -3,6 +3,7 @@
     rounded-md
     p-2
     text-neutral-700
+    motion-safe:transition-colors
     dark:text-neutral-300;
 
   &:hover {

diff --git a/apps/site/components/Containers/NavBar/NavItem/index.module.css b/apps/site/components/Containers/NavBar/NavItem/index.module.css
@@ -4,7 +4,8 @@
     gap-2
     rounded
     px-3
-    py-2;
+    py-2
+    motion-safe:transition-colors;
 
   .label {
     @apply text-base

diff --git a/apps/site/package.json b/apps/site/package.json
@@ -53,7 +53,7 @@
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.2",
     "@savvywombat/tailwindcss-grid-areas": "~4.0.0",
-    "@sentry/nextjs": "^8.33.1",
+    "@sentry/nextjs": "^8.36.0",
     "@tailwindcss/container-queries": "~0.1.1",
     "@types/node": "20.17.5",
     "@vcarl/remark-headings": "~0.1.0",
@@ -91,11 +91,11 @@
   "devDependencies": {
     "@eslint/compat": "~1.2.0",
     "@next/eslint-plugin-next": "~14.2.14",
-    "@storybook/addon-controls": "~8.3.5",
-    "@storybook/addon-interactions": "~8.3.5",
-    "@storybook/addon-themes": "~8.3.5",
-    "@storybook/addon-viewport": "~8.3.5",
-    "@storybook/nextjs": "~8.3.5",
+    "@storybook/addon-controls": "~8.4.1",
+    "@storybook/addon-interactions": "~8.4.1",
+    "@storybook/addon-themes": "~8.4.1",
+    "@storybook/addon-viewport": "~8.4.1",
+    "@storybook/nextjs": "~8.4.1",
     "@testing-library/jest-dom": "~6.6.3",
     "@testing-library/react": "~16.0.1",
     "@testing-library/user-event": "~14.5.2",
@@ -115,7 +115,7 @@
     "jest-junit": "16.0.0",
     "remark-frontmatter": "5.0.0",
     "remark-preset-lint-node": "5.1.2",
-    "storybook": "~8.3.0",
+    "storybook": "~8.4.1",
     "stylelint": "16.9.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-order": "6.0.4",

diff --git a/apps/site/pages/en/learn/modules/anatomy-of-an-http-transaction.md b/apps/site/pages/en/learn/modules/anatomy-of-an-http-transaction.md
@@ -515,7 +515,7 @@ and message would be. As usual with errors, you should consult the
 
 On the response, we'll just log the error to `stderr`.
 
-```js
+```cjs
 const http = require('node:http');
 
 http
@@ -538,7 +538,7 @@ http
   .listen(8080);
 ```
 
-```js
+```mjs
 import http from 'node:http';
 
 http

diff --git a/apps/site/styles/base.css b/apps/site/styles/base.css
@@ -1,6 +1,5 @@
 * {
-  @apply subpixel-antialiased
-    motion-safe:transition-colors;
+  @apply subpixel-antialiased;
 }
 
 html,

diff --git a/apps/site/tailwind.config.ts b/apps/site/tailwind.config.ts
@@ -153,7 +153,7 @@ export default {
       },
     },
   },
-  darkMode: ['class', '[data-theme="dark"]'],
+  darkMode: ['selector', '[data-theme="dark"]'],
   plugins: [
     require('@savvywombat/tailwindcss-grid-areas'),
     require('@tailwindcss/container-queries'),