Merge remote-tracking branch 'upstream/main'

Author: g-francesca

.github/workflows/playwright-cloudflare-open-next.yml

@@ -59,7 +59,7 @@ jobs:
 
       - name: Upload Playwright test results
         if: always()
-        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2
+        uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5.0.0
         with:
           name: playwright-report
           path: apps/site/playwright-report/

.github/workflows/playwright.yml

@@ -84,7 +84,7 @@ jobs:
 
       - name: Upload Playwright test results
         if: always()
-        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2
+        uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5.0.0
         with:
           name: playwright-report
           path: apps/site/playwright-report/

.github/workflows/tmp-cloudflare-open-next-deploy.yml

@@ -38,10 +38,10 @@ jobs:
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
 
       - name: Set up pnpm
-        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+        uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
 
       - name: Set up Node.js
-        uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5.0.0
+        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
         with:
           # We want to ensure that the Node.js version running here respects our supported versions
           node-version-file: '.nvmrc'

.github/workflows/translations-sync.yml

@@ -37,7 +37,7 @@ jobs:
 
         # see all the options at https://github.com/crowdin/github-action
       - name: Crowdin PR
-        uses: crowdin/github-action@0749939f635900a2521aa6aac7a3766642b2dc71 # v2.11.0
+        uses: crowdin/github-action@08713f00a50548bfe39b37e8f44afb53e7a802d4 # v2.12.0
         with:
           # do not upload anything - this is a one-way operation download
           upload_sources: false
@@ -105,7 +105,7 @@ jobs:
         run: node --run prettier:fix
 
       - name: Push Changes back to Pull Request
-        uses: stefanzweifel/git-auto-commit-action@778341af668090896ca464160c2def5d1d1a3eb0 # v6.0.1
+        uses: stefanzweifel/git-auto-commit-action@28e16e81777b558cc906c8750092100bbb34c5e3 # v7.0.0
         with:
           commit_options: '--no-verify --signoff'
           commit_message: 'chore: automated format of translated files'

.github/workflows/translations-upload.yml

@@ -27,7 +27,7 @@ jobs:
 
         # see all the options at https://github.com/crowdin/github-action
       - name: crowdin action
-        uses: crowdin/github-action@0749939f635900a2521aa6aac7a3766642b2dc71 # v2.11.0
+        uses: crowdin/github-action@08713f00a50548bfe39b37e8f44afb53e7a802d4 # v2.12.0
         with:
           # only upload sources, ensuring this is a one-way operation
           upload_sources: true

apps/site/layouts/Blog.tsx

@@ -63,6 +63,7 @@ const BlogLayout: FC = () => {
               'announcements',
               'release',
               'vulnerability',
+              'migrations',
               'events',
             ])}
           />

apps/site/mdx/components.mjs

@@ -1,5 +1,6 @@
 'use strict';
 
+import AlertBox from '@node-core/ui-components/Common/AlertBox';
 import BadgeGroup from '@node-core/ui-components/Common/BadgeGroup';
 import Blockquote from '@node-core/ui-components/Common/Blockquote';
 import MDXCodeTabs from '@node-core/ui-components/MDX/CodeTabs';
@@ -54,6 +55,8 @@ export default {
   blockquote: Blockquote,
   pre: MDXCodeBox,
   img: MDXImage,
+  // Renders a CSS-enhanced Alert Box
+  AlertBox,
   // Renders MDX CodeTabs
   CodeTabs: MDXCodeTabs,
   // Renders Tooltips

apps/site/mdx/plugins.mjs

@@ -15,6 +15,20 @@ import remarkTableTitles from '../util/table';
 // Reference: https://github.com/nodejs/nodejs.org/pull/7896#issuecomment-3009480615
 const OPEN_NEXT_CLOUDFLARE = 'Cloudflare' in global;
 
+// Shiki is created out here to avoid an async rehype plugin
+const singletonShiki = await rehypeShikiji({
+  // We use the faster WASM engine on the server instead of the web-optimized version.
+  //
+  // Currently we fall back to the JavaScript RegEx engine
+  // on Cloudflare workers because `shiki/wasm` requires loading via
+  // `WebAssembly.instantiate` with custom imports, which Cloudflare doesn't support
+  // for security reasons.
+  wasm: !OPEN_NEXT_CLOUDFLARE,
+
+  // TODO(@avivkeller): Find a way to enable Twoslash w/ a VFS on Cloudflare
+  twoslash: !OPEN_NEXT_CLOUDFLARE,
+});
+
 /**
  * Provides all our Rehype Plugins that are used within MDX
  */
@@ -25,21 +39,7 @@ export const rehypePlugins = [
   [rehypeAutolinkHeadings, { behavior: 'wrap' }],
   // Transforms sequential code elements into code tabs and
   // adds our syntax highlighter (Shikiji) to Codeboxes
-  [
-    rehypeShikiji,
-    {
-      // We use the faster WASM engine on the server instead of the web-optimized version.
-      //
-      // Currently we fall back to the JavaScript RegEx engine
-      // on Cloudflare workers because `shiki/wasm` requires loading via
-      // `WebAssembly.instantiate` with custom imports, which Cloudflare doesn't support
-      // for security reasons.
-      wasm: !OPEN_NEXT_CLOUDFLARE,
-
-      // TODO(@avivkeller): Find a way to enable Twoslash w/ a VFS on Cloudflare
-      twoslash: !OPEN_NEXT_CLOUDFLARE,
-    },
-  ],
+  () => singletonShiki,
 ];
 
 /**