import { Project, ProjectMeta } from '@ts/types/app'; import { readdirSync } from 'fs'; import path from 'path'; /** * Retrieve project's data by id. * @param {string} id - The filename without extension. * @returns {Promise} - The project data. */ export const getProjectData = async (id: string): Promise => { try { const { image, intro, meta, seo, }: { image: string; intro: string; meta: ProjectMeta & { title: string }; seo: { title: string; description: string }; } = await import(`../../content/projects/${id}.mdx`); const { title, ...onlyMeta } = meta; return { id, cover: image || '', intro: intro || '', meta: onlyMeta || {}, slug: id, title, seo: seo || {}, }; } catch (err) { console.error(err); throw err; } }; /** * Retrieve the projects data from filenames. * @param {string[]} filenames - An array of filenames. * @returns {Promise} An array of projects with meta. */ const getProjectsWithMeta = async (filenames: string[]): Promise => { return Promise.all( filenames.map(async (filename) => { return getProjectData(filename); }) ); }; /** * Method to sort an array of projects by publication date. * @param {Project} a - A single project. * @param {Project} b - A single project. * @returns The result used by Array.sort() method: 1 || -1 || 0. */ const sortProjectByPublicationDate = (a: Project, b: Project) => { if (a.meta.publishedOn < b.meta.publishedOn) return 1; if (a.meta.publishedOn > b.meta.publishedOn) return -1; return 0; }; /** * Retrieve all the projects filename. * @returns {string[]} An array of filenames. */ export const getAllProjectsFilename = (): string[] => { const projectsDirectory = path.join(process.cwd(), 'src/content/projects'); const filenames = readdirSync(projectsDirectory); return filenames.map((filename) => filename.replace(/\.mdx$/, '')); }; /** * Retrieve all projects in content folder sorted by publication date. * @returns {Promise} An array of projects. */ export const getSortedProjects = async (): Promise => { const filenames = getAllProjectsFilename(); const projects = await getProjectsWithMeta(filenames); return [...projects].sort(sortProjectByPublicationDate); }; ts/templates/layout/site-header/site-header.tsx'>
path: root/src/components/templates/layout/site-header/site-header.tsx
blob: 3e06350a5aed6679adfaf65ad80bf585399fca8a (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import { type ForwardRefRenderFunction, forwardRef } from 'react';
import { Header, type HeaderProps } from '../../../atoms';
import { SiteBranding } from './site-branding';
import styles from './site-header.module.scss';
import { SiteNavbar } from './site-navbar';

export type SiteHeaderProps = Omit<HeaderProps, 'children'> & {
  isHome?: boolean;
};

const SiteHeaderWithRef: ForwardRefRenderFunction<
  HTMLElement,
  SiteHeaderProps
> = ({ className = '', isHome = false, ...props }, ref) => {
  const headerClass = `${styles.header} ${className}`;

  return (
    <Header {...props} className={headerClass} ref={ref}>
      <SiteBranding className={styles.branding} isHome={isHome} />
      <SiteNavbar className={styles.navbar} />
    </Header>
  );
};

export const SiteHeader = forwardRef(SiteHeaderWithRef);
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-28 20:46:44 +0000