From f861e6a269ba9f62700776d3cd13b644a9e836d4 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 20 Sep 2023 16:38:54 +0200 Subject: refactor: use named export for everything except pages Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements. --- src/utils/helpers/server/projects.ts | 105 +++++++++++++++++++++++++++++++++++ 1 file changed, 105 insertions(+) create mode 100644 src/utils/helpers/server/projects.ts (limited to 'src/utils/helpers/server/projects.ts') diff --git a/src/utils/helpers/server/projects.ts b/src/utils/helpers/server/projects.ts new file mode 100644 index 0000000..ed73da8 --- /dev/null +++ b/src/utils/helpers/server/projects.ts @@ -0,0 +1,105 @@ +import { readdirSync } from 'fs'; +import path from 'path'; +import { + type MDXProjectMeta, + type ProjectCard, + type ProjectPreview, +} from '../../../types'; + +/** + * Retrieve all the projects filename. + * + * @returns {string[]} An array of filenames. + */ +export const getProjectFilenames = (): string[] => { + const projectsDirectory = path.join(process.cwd(), 'src/content/projects'); + const filenames = readdirSync(projectsDirectory); + + return filenames.map((filename) => filename.replace(/\.mdx$/, '')); +}; + +/** + * Retrieve the data of a project by filename. + * + * @param {string} filename - The project filename. + * @returns {Promise} + */ +export const getProjectData = async ( + filename: string +): Promise => { + try { + const { + meta, + }: { + meta: MDXProjectMeta; + } = await import(`../../../content/projects/${filename}.mdx`); + + const { dates, intro, title, ...projectMeta } = meta; + const { publication, update } = dates; + const cover = await import(`../../../../public/projects/${filename}.jpg`); + + return { + id: filename, + intro, + meta: { + ...projectMeta, + dates: { publication, update }, + // Dynamic import source does not work so I use it only to get sizes + cover: { + ...cover.default, + alt: `${title} image`, + src: `/projects/${filename}.jpg`, + title, + }, + }, + slug: filename, + title: title, + }; + } catch (err) { + console.error(err); + throw err; + } +}; + +/** + * Retrieve all the projects data using filenames. + * + * @param {string[]} filenames - The filenames without extension. + * @returns {Promise} - An array of projects data. + */ +export const getProjectsData = async ( + filenames: string[] +): Promise => { + return Promise.all( + filenames.map(async (filename) => { + const { id, meta, slug, title } = await getProjectData(filename); + const { cover, dates, tagline, technologies } = meta; + return { id, meta: { cover, dates, tagline, technologies }, slug, title }; + }) + ); +}; + +/** + * Method to sort an array of projects by publication date. + * + * @param {ProjectCard} a - A single project. + * @param {ProjectCard} b - A single project. + * @returns The result used by Array.sort() method: 1 || -1 || 0. + */ +const sortProjectsByPublicationDate = (a: ProjectCard, b: ProjectCard) => { + if (a.meta.dates.publication < b.meta.dates.publication) return 1; + if (a.meta.dates.publication > b.meta.dates.publication) return -1; + return 0; +}; + +/** + * Retrieve all projects in content folder sorted by publication date. + * + * @returns {Promise} An array of projects. + */ +export const getProjectsCard = async (): Promise => { + const filenames = getProjectFilenames(); + const projects = await getProjectsData(filenames); + + return [...projects].sort(sortProjectsByPublicationDate); +}; -- cgit v1.2.3