refactor: renamed to download archive

Author: canerakdas

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

@@ -5,7 +5,7 @@ import type { FC } from 'react';
 
 import Link from '#site/components/Link';
 import { OperatingSystemLabel } from '#site/util/downloadUtils';
-import type { NodeDownloadArtifact } from '#site/util/downloadUtils/simple';
+import type { NodeDownloadArtifact } from '#site/util/downloadUtils/archive';
 
 type DownloadsTableProps = {
   source: Array<NodeDownloadArtifact>;

apps/site/components/Downloads/Release/ReleaseCodeBox.tsx

@@ -106,7 +106,7 @@ const ReleaseCodeBox: FC = () => {
         >
           {t.rich('layouts.download.codeBox.noScriptDetected', {
             link: text => (
-              <Link href="/download/simplified">
+              <Link href="/download/archive">
                 <b>{text}</b>
               </Link>
             ),

…te/components/withSimplifiedDownload.tsx …/site/components/withDownloadArchive.tsxapps/site/components/withSimplifiedDownload.tsx renamed to apps/site/components/withDownloadArchive.tsx apps/site/components/withSimplifiedDownload.tsx renamed to apps/site/components/withDownloadArchive.tsx

@@ -5,36 +5,32 @@ import getReleaseData from '#site/next-data/releaseData';
 import {
   buildReleaseArtifacts,
   extractVersionFromPath,
-} from '#site/util/downloadUtils/simple';
+  findReleaseByVersion,
+} from '#site/util/downloadUtils/archive';
 
-type SimplifiedDownload = ReturnType<typeof buildReleaseArtifacts>;
+type DownloadArchive = ReturnType<typeof buildReleaseArtifacts>;
 
-type WithSimplifiedDownloadProps = {
-  children: FC<SimplifiedDownload>;
+type WithDownloadArchiveProps = {
+  children: FC<DownloadArchive>;
 };
 
 /**
  * Provides download artifacts and sidebar items to its child component
  */
-const WithSimplifiedDownload: FC<WithSimplifiedDownloadProps> = async ({
+const WithDownloadArchive: FC<WithDownloadArchiveProps> = async ({
   children: Component,
 }) => {
   const { pathname } = getClientContext();
   const releaseData = await getReleaseData();
 
   // Extract version from pathname
-  const { version, major } = extractVersionFromPath(pathname) || {};
+  const version = extractVersionFromPath(pathname);
 
   if (!version) {
     return null;
   }
 
-  // Find the matching release
-  const release = releaseData.find(
-    release =>
-      release.major === major ||
-      (release.isLts === true && version === 'simplified')
-  );
+  const release = findReleaseByVersion(releaseData, version);
 
   if (!release) {
     return null;
@@ -50,4 +46,4 @@ const WithSimplifiedDownload: FC<WithSimplifiedDownloadProps> = async ({
   return <Component {...releaseArtifacts} />;
 };
 
-export default WithSimplifiedDownload;
+export default WithDownloadArchive;

apps/site/components/withLayout.tsx

@@ -5,7 +5,7 @@ import ArticlePageLayout from '#site/layouts/ArticlePage';
 import BlogLayout from '#site/layouts/Blog';
 import DefaultLayout from '#site/layouts/Default';
 import DownloadLayout from '#site/layouts/Download';
-import DownloadSimpleLayout from '#site/layouts/DownloadSimple';
+import DownloadArchiveLayout from '#site/layouts/DownloadArchive';
 import GlowingBackdropLayout from '#site/layouts/GlowingBackdrop';
 import LearnLayout from '#site/layouts/Learn';
 import PostLayout from '#site/layouts/Post';
@@ -19,7 +19,7 @@ const layouts = {
   'blog-post': PostLayout,
   'blog-category': BlogLayout,
   download: DownloadLayout,
-  'download-simple': DownloadSimpleLayout,
+  'download-archive': DownloadArchiveLayout,
   article: ArticlePageLayout,
 } satisfies Record<Layouts, FC>;
 

apps/site/layouts/DownloadSimple.tsx apps/site/layouts/DownloadArchive.tsxapps/site/layouts/DownloadSimple.tsx renamed to apps/site/layouts/DownloadArchive.tsx

@@ -6,18 +6,18 @@ import WithNavBar from '#site/components/withNavBar';
 
 import styles from './layouts.module.css';
 
-const DownloadSimpleLayout: FC = () => (
+const DownloadArchiveLayout: FC = () => (
   <>
     <WithNavBar />
 
     <div className={styles.downloadLayout}>
       <main>
-        <WithMarkdownContent file={['download', 'simplified']} />
+        <WithMarkdownContent file={['download', 'archive']} />
       </main>
     </div>
 
     <WithFooter />
   </>
 );
 
-export default DownloadSimpleLayout;
+export default DownloadArchiveLayout;

apps/site/next.dynamic.constants.mjs

@@ -20,8 +20,8 @@ export const IGNORED_ROUTES = [
     locale !== defaultLocale.code && /^blog/.test(pathname),
   // This is used to ignore all pathnames that are empty
   ({ locale, pathname }) => locale.length && !pathname.length,
-  // This is used to ignore download routes for major versions and simplified download page
-  ({ pathname }) => /^download\/(v\d+(\.\d+)*|simplified)$/.test(pathname),
+  // This is used to ignore download routes for major versions and downloads archive page
+  ({ pathname }) => /^download\/(v\d+(\.\d+)*|archive)$/.test(pathname),
 ];
 
 /**
@@ -32,14 +32,14 @@ export const IGNORED_ROUTES = [
  * @type {Map<string, import('./types').Layouts>} A Map of pathname and Layout Name
  */
 export const DYNAMIC_ROUTES = new Map([
-  // Creates dynamic routes for simplified download pages for each version
+  // Creates dynamic routes for downloads archive pages for each version
   // (e.g., /download/v18.20.8, /download/v20.19.2)
   ...provideReleaseData()
     .flatMap(({ minorVersions, versionWithPrefix }) => [
       `download/${versionWithPrefix}`,
       ...minorVersions.map(minor => `download/${minor.versionWithPrefix}`),
     ])
-    .map(version => [version, 'download-simple']),
+    .map(version => [version, 'download-archive']),
   // Provides Routes for all Blog Categories
   ...blogData.categories.map(c => [`blog/${c}`, 'blog-category']),
   // Provides Routes for all Blog Categories w/ Pagination

apps/site/next.mdx.use.mjs

@@ -7,17 +7,18 @@ import { ReleaseOverview } from './components/Downloads/ReleaseOverview';
 import UpcomingMeetings from './components/MDX/Calendar/UpcomingMeetings';
 import WithBadgeGroup from './components/withBadgeGroup';
 import WithBanner from './components/withBanner';
+import WithDownloadArchive from './components/withDownloadArchive';
 import WithNodeRelease from './components/withNodeRelease';
-import WithSimplifiedDownload from './components/withSimplifiedDownload';
+
 /**
  * A full list of React Components that we want to pass through to MDX
  *
  * @satisfies {import('mdx/types').MDXComponents}
  */
 export const mdxComponents = {
   DownloadReleasesTable: DownloadReleasesTable,
-  // HOC for providing the Simplified Download Page properties
-  WithSimplifiedDownload: WithSimplifiedDownload,
+  // HOC for providing the Download Archive Page properties
+  WithDownloadArchive: WithDownloadArchive,
   // Renders a table with Node.js Releases with different platforms and architectures
   DownloadsTable: DownloadsTable,
   // HOC for getting Node.js Release Metadata

…ps/site/pages/en/download/simplified.mdx apps/site/pages/en/download/archive.mdxapps/site/pages/en/download/simplified.mdx renamed to apps/site/pages/en/download/archive.mdx apps/site/pages/en/download/simplified.mdx renamed to apps/site/pages/en/download/archive.mdx

@@ -1,9 +1,9 @@
 ---
 title: Download Node.js®
-layout: download-simple
+layout: download-archive
 ---
 
-<WithSimplifiedDownload>
+<WithDownloadArchive>
   {({ binaries, installers, version, release, sources, majors }) => (
     <>
       <h1>Download Node.js® {version}</h1>
@@ -52,4 +52,4 @@ layout: download-simple
       </details>
     </>
   )}
-</WithSimplifiedDownload>
+</WithDownloadArchive>

apps/site/types/layouts.ts

@@ -6,5 +6,5 @@ export type Layouts =
   | 'blog-category'
   | 'blog-post'
   | 'download'
-  | 'download-simple'
+  | 'download-archive'
   | 'article';

apps/site/util/downloadUtils/simple.tsx apps/site/util/downloadUtils/archive.tsxapps/site/util/downloadUtils/simple.tsx renamed to apps/site/util/downloadUtils/archive.tsx

@@ -129,20 +129,35 @@ export const buildReleaseArtifacts = (
   };
 };
 
+/**
+ * Extracts the version from the pathname.
+ * It expects the version to be in the format 'v22.0.4' or 'archive'.
+ */
 export const extractVersionFromPath = (pathname: string | undefined) => {
   if (!pathname) return null;
 
   const segments = pathname.split('/').filter(Boolean);
   const version = segments.pop();
-  const major = semVer.major(version || '');
 
-  // Check version format like (v22.0.4 or 'simplified')
-  if (
-    !version ||
-    (!version.match(/^v\d+(\.\d+)*$/) && version !== 'simplified')
-  ) {
+  // Check version format like (v22.0.4 or 'archive')
+  if (!version || (!version.match(/^v\d+(\.\d+)*$/) && version !== 'archive')) {
     return null;
   }
 
-  return { version, major };
+  return version;
+};
+
+/**
+ * Finds the appropriate release based on version, if 'archive' is passed,
+ * it returns the latest LTS release.
+ */
+export const findReleaseByVersion = (
+  releaseData: Array<NodeRelease>,
+  version: string | 'archive'
+) => {
+  if (version === 'archive') {
+    return releaseData.find(release => release.status === 'LTS');
+  }
+
+  return releaseData.find(release => semVer.major(version) === release.major);
 };