build: v1.0.0

Author: alexzedim

lib/articles.ts

@@ -73,7 +73,7 @@ export const articles = [
   },
   {
     category: 'Проблематика',
-    title: 'False sense of Comfort',
+    title: 'False Sense of Comfort',
     content: 'Размышления о том, как индивидуальные интересы и личные границы влияют на участие в коллективных проектах.',
     href: '/messages/foundation/problematics/false-sense-of-comfort',
   },

lib/images.ts

@@ -0,0 +1,29 @@
+import path from 'path';
+import fs from 'fs';
+import { GalleryItem } from "@/lib/interface";
+
+const IMAGES_ROOT = path.join(process.cwd(), 'public', 'images');
+
+export async function getImages(dir = ''): Promise<GalleryItem[]> {
+  const absDir = path.join(IMAGES_ROOT, dir);
+  const entries = fs.readdirSync(absDir, { withFileTypes: true });
+  let files: GalleryItem[] = [];
+  for (const entry of entries) {
+    if (entry.isDirectory()) {
+      const subFiles = await getImages(path.join(dir, entry.name));
+      files.push({
+        type: 'folder',
+        name: entry.name,
+        path: path.join(dir, entry.name),
+        children: subFiles,
+      });
+    } else if (/(\.png|jpe?g|gif|webp|avif)$/i.test(entry.name)) {
+      files.push({
+        type: 'image',
+        name: entry.name,
+        path: path.join('/images', dir, entry.name).replace(/\\/g, '/'),
+      });
+    }
+  }
+  return files;
+}

lib/markdown.ts

@@ -1,7 +1,7 @@
 import path from 'path'
 import { remark } from 'remark'
 import html from 'remark-html'
-import { GalleryItem, MarkdownFile } from "@/lib/interface";
+import { MarkdownFile } from "@/lib/interface";
 import fs from 'fs'
 import matter from "gray-matter";
 
@@ -100,38 +100,3 @@ export async function markdownToHtml(markdown: string): Promise<string> {
 
   return result.toString()
 }
-
-const IMAGES_ROOT = path.join(process.cwd(), 'public', 'images');
-
-export async function getImages(dir = ''): Promise<GalleryItem[]> {
-  const absDir = path.join(IMAGES_ROOT, dir);
-  const entries = await fs.readdirSync(absDir, { withFileTypes: true });
-  let files: GalleryItem[] = [];
-  for (const entry of entries) {
-    if (entry.isDirectory()) {
-      const subFiles = await getImages(path.join(dir, entry.name));
-      files.push({
-        type: 'folder',
-        name: entry.name,
-        path: path.join(dir, entry.name),
-        children: subFiles,
-      });
-    } else if (/\.(png|jpe?g|gif|webp|avif)$/i.test(entry.name)) {
-      files.push({
-        type: 'image',
-        name: entry.name,
-        path: path.join('/images', dir, entry.name).replace(/\\/g, '/'),
-      });
-    }
-  }
-  return files;
-}
-
-export function formatImageName(name: string) {
-  // Убираем расширение
-  const nameWithoutExt = name.replace(/\.[^/.]+$/, "");
-  // Преобразуем kebab-case/underscore в слова с заглавной буквы
-  return nameWithoutExt
-    .replace(/[-_]+/g, ' ')
-    .replace(/\b\w/g, c => c.toUpperCase());
-}

lib/utils.ts

@@ -8,3 +8,10 @@ export const toCategoryName = (category: string) => category === 'general' ? 'О
   category.split('/').map(part => part.charAt(0).toUpperCase() + part.slice(1)).join(' | ');
 
 export const toCategoryNumber = <T>(categoryFiles: Array<T>): string => categoryFiles.length > 4 ? `${categoryFiles.length} документов в категории` :`${categoryFiles.length} документа в категории`
+
+export const formatImageName = (name: string) => {
+  const nameWithoutExt = name.replace(/\.[^/.]+$/, "");
+  return nameWithoutExt
+    .replace(/[-_]+/g, ' ')
+    .replace(/\b\w/g, c => c.toUpperCase());
+}

pages/images/index.tsx

@@ -3,7 +3,7 @@ import Head from 'next/head';
 import Header from '@/lib/components/header';
 import Footer from '@/lib/components/footer';
 import { GalleryItem, GalleryProps, ImagesGalleryPageProps } from "@/lib/interface";
-import { formatImageName, getImages } from "@/lib/markdown";
+import { formatImageName } from "@/lib/utils";
 
 function Gallery({ images, folder = '' }: GalleryProps) {
   return (
@@ -59,6 +59,7 @@ export default function ImagesGalleryPage({ images }: ImagesGalleryPageProps) {
 }
 
 export async function getStaticProps() {
+  const { getImages } = await import("@/lib/images");
   const images = await getImages();
   return { props: { images } };
 }