Merge remote-tracking branch 'upstream/main'

Author: g-francesca

.github/workflows/create-release-post.yml

@@ -0,0 +1,53 @@
+# Security Notes
+# Only selected Actions are allowed within this repository. Please refer to (https://github.com/nodejs/nodejs.org/settings/actions)
+# for the full list of available actions. If you want to add a new one, please reach out a maintainer with Admin permissions.
+# REVIEWERS, please always double-check security practices before merging a PR that contains Workflow changes!!
+# AUTHORS, please only use actions with explicit SHA references, and avoid using `@master` or `@main` references or `@version` tags.
+
+name: Create Release Blog Post
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: The version to generate a blog post for.
+        type: string
+        required: true
+
+defaults:
+  run:
+    # This ensures that the working directory is the root of the repository
+    working-directory: ./
+
+permissions:
+  contents: write
+
+jobs:
+  create-post:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: nodejs/web-team/actions/setup-environment@2c2897a93eb99b4cdca270729100bc0887c758d9
+        with:
+          pnpm: true
+          use-version-file: true
+
+      - run: node --run scripts:release-post "$VERSION"
+        env:
+          VERSION: ${{ inputs.version }}
+
+      - name: Open pull request
+        uses: gr2m/create-or-update-pull-request-action@b65137ca591da0b9f43bad7b24df13050ea45d1b # v1.10.1
+        # Creates a PR or update the Action's existing PR, or
+        # no-op if the base branch is already up-to-date.
+        with:
+          update-pull-request-title-and-body: true
+          branch: release-${{ inputs.version }}
+          body: |
+            Creates a new blog post for ${{ inputs.version }}
+
+            Check this workflow's logs at ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}.
+          commit-message: 'feat(blog): create post for ${{ inputs.version }}'
+          labels: fast-track
+          title: 'feat(blog): create post for ${{ inputs.version }}'
+          draft: true

.github/workflows/notify-on-push.yml

@@ -16,3 +16,5 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: nodejs/web-team/actions/notify-on-push@2c2897a93eb99b4cdca270729100bc0887c758d9
+        with:
+          webhook: ${{ secrets.SLACK_WEBHOOK }}

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

@@ -0,0 +1,66 @@
+# Security Notes
+# Only selected Actions are allowed within this repository. Please refer to (https://github.com/nodejs/nodejs.org/settings/actions)
+# for the full list of available actions. If you want to add a new one, please reach out a maintainer with Admin permissions.
+# REVIEWERS, please always double-check security practices before merging a PR that contains Workflow changes!!
+# AUTHORS, please only use actions with explicit SHA references, and avoid using `@master` or `@main` references or `@version` tags.
+
+# Note: this is a temporary workflow for deploying the OpenNext version of the site (hosted on https://node-test.org)
+#       this version of the site is just used for testing purposes and ideally we want to keep it in sync with the
+#       official website
+
+name: Deploy the Cloudflare OpenNext test version of the site (https://node-test.org)
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  deploy:
+    name: Deploy Open-Next site
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Harden Runner
+        uses: step-security/harden-runner@f4a75cfd619ee5ce8d5b864b0d183aff3c69b55a # v2.13.1
+        with:
+          egress-policy: audit
+
+      - name: Git Checkout
+        uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5.0.0
+        with:
+          # We want to ensure that the Node.js version running here respects our supported versions
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+
+      - name: Install packages
+        run: pnpm install --frozen-lockfile
+
+      - name: Build blog data
+        working-directory: apps/site
+        run: node --run build:blog-data
+
+      - name: Build open-next site
+        working-directory: apps/site
+        run: node --run cloudflare:build:worker
+
+      - name: Deploy open-next site
+        working-directory: apps/site
+        run: node --run cloudflare:deploy
+        env:
+          CF_WORKERS_SCRIPTS_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

CONTRIBUTING.md

@@ -128,7 +128,7 @@ Our documentation is organized in the [`docs/`](./docs/) directory, so check out
 
 ## Project Maintainers
 
-This project is maintained by the [Node.js Website Team](https://github.com/nodejs/nodejs.org#readme). For questions about governance or high-level project direction, you can:
+This project is maintained by the [Node.js Website Team](https://github.com/nodejs/web-team/blob/main/MEMBERS.md#nodejs-website-team-nodejsnodejs-website). For questions about governance or high-level project direction, you can:
 
 - Mention `@nodejs/nodejs-website` in issues or PRs
 - Contact team members directly for guidance

apps/site/app/[locale]/blog/[...path]/page.tsx

@@ -15,7 +15,8 @@ export const generateViewport = basePage.generateViewport;
 
 // This generates each page's HTML Metadata
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
-export const generateMetadata = basePage.generateMetadata;
+export const generateMetadata = ({ params }: PageParams) =>
+  basePage.generateMetadata({ params, prefix: 'blog' });
 
 // Generates all possible static paths based on the locales and environment configuration
 // - Returns an empty array if static export is disabled (`ENABLE_STATIC_EXPORT` is false)

apps/site/app/[locale]/download/archive/[version]/page.tsx

@@ -2,8 +2,8 @@ import { notFound, redirect } from 'next/navigation';
 import type { FC } from 'react';
 
 import provideReleaseData from '#site/next-data/providers/releaseData';
+import provideReleaseVersions from '#site/next-data/providers/releaseVersions';
 import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs';
-import { ARCHIVE_DYNAMIC_ROUTES } from '#site/next.dynamic.constants.mjs';
 import * as basePage from '#site/next.dynamic.page.mjs';
 import { defaultLocale } from '#site/next.locales.mjs';
 import type { DynamicParams } from '#site/types';
@@ -29,7 +29,9 @@ export const generateStaticParams = async () => {
     return [];
   }
 
-  return ARCHIVE_DYNAMIC_ROUTES.map(version => ({
+  const versions = await provideReleaseVersions();
+
+  return versions.map(version => ({
     locale: defaultLocale.code,
     version,
   }));
@@ -46,15 +48,17 @@ const getPage: FC<PageParams> = async props => {
   const [locale, pathname] = basePage.getLocaleAndPath(version, routeLocale);
 
   if (version === 'current') {
-    const releaseData = provideReleaseData();
+    const releaseData = await provideReleaseData();
 
     const release = releaseData.find(release => release.status === 'Current');
 
     redirect(`/${locale}/download/archive/${release?.versionWithPrefix}`);
   }
 
+  const versions = await provideReleaseVersions();
+
   // Verifies if the current route is a dynamic route
-  const isDynamicRoute = ARCHIVE_DYNAMIC_ROUTES.some(r => r.includes(pathname));
+  const isDynamicRoute = versions.some(r => r.includes(pathname));
 
   // Gets the Markdown content and context for Download Archive pages
   const [content, context] = await basePage.getMarkdownContext({

apps/site/app/[locale]/not-found.tsx

@@ -1,15 +1,15 @@
-'use client';
+'use server';
 
 import { ArrowRightIcon } from '@heroicons/react/24/solid';
-import { useTranslations } from 'next-intl';
+import { getTranslations } from 'next-intl/server';
 import type { FC } from 'react';
 
 import Button from '#site/components/Common/Button';
 import Turtle from '#site/components/Common/Turtle';
 import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop';
 
-const NotFoundPage: FC = () => {
-  const t = useTranslations();
+const NotFoundPage: FC = async () => {
+  const t = await getTranslations();
 
   return (
     <GlowingBackdropLayout kind="default">

apps/site/components/Common/LinkTabs.tsx

@@ -1,15 +1,11 @@
-'use client';
-
 import BaseLinkTabs from '@node-core/ui-components/Common/BaseLinkTabs';
 import type { LinkTabsProps } from '@node-core/ui-components/Common/BaseLinkTabs';
 import type { FC } from 'react';
 
 import Link from '#site/components/Link';
-import { useRouter } from '#site/navigation.mjs';
 
-const LinkTabs: FC<Omit<LinkTabsProps, 'as' | 'onSelect'>> = props => {
-  const { push } = useRouter();
-  return <BaseLinkTabs onSelect={value => push(value)} as={Link} {...props} />;
+const LinkTabs: FC<Omit<LinkTabsProps, 'as'>> = props => {
+  return <BaseLinkTabs as={Link} {...props} />;
 };
 
 export default LinkTabs;

apps/site/components/Common/Supporters/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from '@node-core/ui-components/Common/AvatarGroup/Avatar';
 import type { FC } from 'react';
 
@@ -11,8 +9,13 @@ type SupportersListProps = {
 
 const SupportersList: FC<SupportersListProps> = ({ supporters }) => (
   <div className="flex max-w-full flex-wrap items-center justify-center gap-1">
-    {supporters.map(({ name, image }, i) => (
-      <Avatar nickname={name} image={image} key={`${name}-${i}`} />
+    {supporters.map(({ name, image, profile }, i) => (
+      <Avatar
+        nickname={name}
+        image={image}
+        key={`${name}-${i}`}
+        url={profile}
+      />
     ))}
   </div>
 );

apps/site/components/Downloads/DownloadButton/index.tsx

@@ -1,11 +1,9 @@
-'use client';
-
 import { CloudArrowDownIcon } from '@heroicons/react/24/outline';
 import classNames from 'classnames';
 import type { FC, PropsWithChildren } from 'react';
 
+import { getClientContext } from '#site/client-context';
 import Button from '#site/components/Common/Button';
-import { useClientContext } from '#site/hooks';
 import type { NodeRelease } from '#site/types';
 import { getNodeDownloadUrl } from '#site/util/url';
 import { getUserPlatform } from '#site/util/userAgent';
@@ -18,7 +16,7 @@ const DownloadButton: FC<PropsWithChildren<DownloadButtonProps>> = ({
   release: { versionWithPrefix },
   children,
 }) => {
-  const { os, bitness, architecture } = useClientContext();
+  const { os, bitness, architecture } = getClientContext();
 
   const platform = getUserPlatform(architecture, bitness);
   const downloadLink = getNodeDownloadUrl({ versionWithPrefix, os, platform });