fix: dev and prod builds have different entry points

package.json

@@ -10,8 +10,8 @@
   },
   "scripts": {
     "start": "tsx scripts/dev-server.ts",
-    "build": "tsc -noEmit && tsx src/generator/build-prod.ts",
-    "build:dev": "tsx src/generator/build-dev.ts",
+    "build": "tsc -noEmit && tsx src/generator/build.ts",
+    "build:dev": "tsx src/generator/build.ts",
     "lint": "eslint \"**/*.{js,ts}\" --fix && stylelint \"src/**/*.css\" --fix",
     "lint:check": "eslint \"**/*.{js,ts}\" && stylelint \"src/**/*.css\"",
     "format": "prettier \"**/*.{css,html,js,json,ts}\" --write --ignore-path .gitignore",

src/generator/build.ts

@@ -1,68 +1,68 @@
 import fs from 'node:fs';
-import path from 'node:path';
 import { siteConfig } from '../config';
 import { getPosts } from './get-posts/get-posts';
 import { createAtomFeed } from './feeds/create-atom-feed';
 import { createRssFeed } from './feeds/create-rss-feed';
 import { createSitemap } from './feeds/create-sitemap';
 import { renderPages } from './render-pages/render-pages';
-import { DIR_DIST, DIR_SRC_PUBLIC } from './constants';
+import {
+  BASE_URL_DEV,
+  BASE_URL_PROD,
+  DIR_DIST,
+  DIR_SRC_PUBLIC,
+} from './constants';
 import { optimize } from './optimize/optimize';
 import { setState } from './state';
+import { copySourceToTarget } from './utils';
 
 type PartialBuildConfig = {
   env: 'DEV' | 'PROD';
   baseUrl: string;
 };
 
-export async function build(buildConfig: PartialBuildConfig): Promise<void> {
-  const config = {
-    config: siteConfig,
-    build: { ...buildConfig, buildDate: new Date() },
-  };
-
-  // Prepare the DIST directory.
-  fs.rmSync(DIR_DIST, { recursive: true, force: true });
-  fs.mkdirSync(DIR_DIST);
+const config = {
+  config: siteConfig,
+  build: { ...getDeployInfo(), buildDate: new Date() },
+};
 
-  // Copy the content to DIST.
-  copySourceToTarget(DIR_SRC_PUBLIC, DIR_DIST);
+// Prepare the DIST directory.
+fs.rmSync(DIR_DIST, { recursive: true, force: true });
+fs.mkdirSync(DIR_DIST);
 
-  // Prepare the site data object to be able to create HTML pages.
-  const posts = getPosts(config.build);
-  const tags = [...new Set(posts.map((post) => post.meta.tags || []).flat())];
-  setState({ ...config, posts, tags });
+// Copy the content to DIST.
+copySourceToTarget(DIR_SRC_PUBLIC, DIR_DIST);
 
-  // Create the HTML pages.
-  const pages = await renderPages();
+// Prepare the site data object to be able to create HTML pages.
+const posts = getPosts(config.build);
+const tags = [...new Set(posts.map((post) => post.meta.tags || []).flat())];
+setState({ ...config, posts, tags });
 
-  // Optimize HTML pages and assets.
-  await optimize();
+// Create the HTML pages.
+const pages = await renderPages();
 
-  // Create feeds.
-  createAtomFeed();
-  createRssFeed();
-  createSitemap(pages);
-}
+// Optimize HTML pages and assets.
+await optimize();
 
-/**
- * Copy the source directory to the target directory.
- */
-function copySourceToTarget(source: string, target: string): void {
-  if (!fs.existsSync(target)) {
-    fs.mkdirSync(target);
-  }
+// Create feeds.
+createAtomFeed();
+createRssFeed();
+createSitemap(pages);
 
-  const entries = fs.readdirSync(source, { withFileTypes: true });
+function getDeployInfo(): PartialBuildConfig {
+  const { CONTEXT, DEPLOY_PRIME_URL } = process.env;
 
-  for (const entry of entries) {
-    const sourcePath = path.join(source, entry.name);
-    const targetPath = path.join(target, entry.name);
-
-    if (entry.isDirectory()) {
-      copySourceToTarget(sourcePath, targetPath);
-    } else if (!['.md', '.ts'].includes(path.extname(sourcePath))) {
-      fs.copyFileSync(sourcePath, targetPath);
-    }
+  // Detect Netlify's Deploy Preview deployment.
+  if (CONTEXT === 'deploy-preview' && DEPLOY_PRIME_URL) {
+    return { baseUrl: DEPLOY_PRIME_URL, env: 'PROD' };
+  }
+  // Detect Netlify's production deployment.
+  if (CONTEXT === 'production') {
+    return { baseUrl: BASE_URL_PROD, env: 'PROD' };
+  }
+  // Ensure the build is not running in an unexpected Netlify environment.
+  // The base URL would need to be verified first.
+  if (typeof CONTEXT !== 'undefined') {
+    throw new Error('Unknown build environment');
   }
+  return { baseUrl: BASE_URL_DEV, env: 'DEV' };
 }

src/generator/constants.ts

@@ -1,5 +1,8 @@
 import path from 'node:path';
 
+export const BASE_URL_DEV = 'http://localhost:3000/';
+export const BASE_URL_PROD = 'https://tomherni.dev/';
+
 export const DIR_DIST = path.resolve('dist/');
 export const DIR_SRC_LAYOUTS = path.resolve('src/includes/layouts/');
 export const DIR_SRC_PUBLIC = path.resolve('src/public/');

src/generator/utils.ts

@@ -39,6 +39,28 @@ export function createFile(file: string, content: string): void {
   fs.writeFileSync(file, content);
 }
 
+/**
+ * Copy the source directory to the target directory.
+ */
+export function copySourceToTarget(source: string, target: string): void {
+  if (!fs.existsSync(target)) {
+    fs.mkdirSync(target);
+  }
+
+  const entries = fs.readdirSync(source, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const sourcePath = path.join(source, entry.name);
+    const targetPath = path.join(target, entry.name);
+
+    if (entry.isDirectory()) {
+      copySourceToTarget(sourcePath, targetPath);
+    } else if (!['.md', '.ts'].includes(path.extname(sourcePath))) {
+      fs.copyFileSync(sourcePath, targetPath);
+    }
+  }
+}
+
 /**
  * Deep find all files in a directory by file extension.
  */