feat: add open graph on the root path (#173)

Author: haricnugraha

.github/scripts/find-all-pages.js

@@ -41,3 +41,27 @@ function pageFrom(htmlFile) {
 
   return htmlFile.replace(".html", "");
 }
+
+export const LOCALES = ["en", "id"];
+export const EXCLUDED_PAGES = [...LOCALES, "404", "_not-found"];
+
+export function pathWithoutLocaleReducer(acc, path) {
+  for (const locale of LOCALES) {
+    if (path.startsWith(`${locale}/`)) {
+      return mergePaths(acc, path.replace(`${locale}/`, ""));
+    }
+  }
+
+  return mergePaths(acc, path);
+}
+
+function mergePaths(paths, path) {
+  if (!paths.includes(path)) {
+    return [...paths, path];
+  }
+  return paths;
+}
+
+export function clean(path) {
+  return path ? `/${path}` : "";
+}

.github/scripts/generate-redirect.js

@@ -1,7 +1,12 @@
 const { existsSync } = require("fs");
 const { writeFile, mkdir } = require("fs/promises");
 const { join } = require("path");
-const { findAllPages } = require("./find-all-pages");
+const {
+  clean,
+  EXCLUDED_PAGES,
+  findAllPages,
+  pathWithoutLocaleReducer
+} = require("./find-all-pages");
 
 // Next.js export directory
 const OUTPUT_DIR = join(process.cwd(), "out");
@@ -14,23 +19,19 @@ await (async function generateSitemap() {
   }
 
   const pages = findAllPages(OUTPUT_DIR)
-    // exclude preserved paths
-    .filter((page) => !["en", "id", "404"].includes(page))
-    // remove duplication
-    .filter((page) => page.startsWith(`${DEFAULT_LOCALE}/`))
-    // remove locale
-    .map((page) => page.replace(`${DEFAULT_LOCALE}/`, ""));
-  const pagesWithRootPage = ["", ...pages];
-
-  await Promise.all(
-    pagesWithRootPage.map(
+    .filter((page) => !["", ...EXCLUDED_PAGES].includes(page))
+    .reduce(pathWithoutLocaleReducer, []);
+
+  const redirects = await Promise.all(
+    pages.map(
       async (page) =>
-        await createRedirectPage(
-          page,
-          page ? `/${DEFAULT_LOCALE}/${page}` : `/${DEFAULT_LOCALE}`
-        )
+        await createRedirectPage(page, `/${DEFAULT_LOCALE}${clean(page)}`)
     )
   );
+  for (const { fromPath, toPath } of redirects.sort()) {
+    console.info(`Generated redirect: /${fromPath} -> ${toPath}`);
+  }
+  console.info("✅ Redirects generated");
 })();
 
 async function createRedirectPage(fromPath, toPath) {
@@ -51,5 +52,5 @@ async function createRedirectPage(fromPath, toPath) {
 `;
 
   await writeFile(join(dir, "index.html"), html.trim(), "utf8");
-  console.log(`Generated redirect: ${fromPath} -> ${toPath}`);
+  return { fromPath, toPath };
 }

.github/scripts/generate-sitemap.js

@@ -2,25 +2,31 @@ const { existsSync } = require("fs");
 const { writeFile } = require("fs/promises");
 const { join } = require("path");
 const { format } = require("prettier");
-const { findAllPages } = require("./find-all-pages");
+const {
+  clean,
+  EXCLUDED_PAGES,
+  findAllPages,
+  LOCALES,
+  pathWithoutLocaleReducer
+} = require("./find-all-pages");
 
 const BASE_URL = "https://hyperjump.tech";
 // Next.js export directory
 const OUTPUT_DIR = join(process.cwd(), "out");
-const LOCALES = ["en", "id"];
-const EXCLUDED_PAGES = ["_not-found", "404"];
 
 await (async function generateSitemap() {
   if (!existsSync(OUTPUT_DIR)) {
     console.error("❌ Output directory 'out' not found.");
     return;
   }
 
-  const sitemapUrls = findAllPages(OUTPUT_DIR)
+  const paths = findAllPages(OUTPUT_DIR)
     .filter((path) => !EXCLUDED_PAGES.includes(path))
-    .filter(removePathWithLocale)
-    .sort()
-    .map((path) => generateSitemapURL(path).join("\n  "));
+    .reduce(pathWithoutLocaleReducer, [])
+    .sort();
+  const sitemapUrls = paths.map((path) =>
+    generateSitemapURL(path).join("\n  ")
+  );
 
   await writeFile(
     join(OUTPUT_DIR, "sitemap.xml"),
@@ -29,17 +35,12 @@ await (async function generateSitemap() {
     }),
     "utf8"
   );
-  console.log("✅ Sitemap generated");
-})();
 
-function removePathWithLocale(path) {
-  for (const locale of LOCALES) {
-    if (path.startsWith(locale)) {
-      return false;
-    }
+  for (const path of paths) {
+    console.info(`Generated sitemap: /${path}`);
   }
-  return true;
-}
+  console.info("✅ Sitemap generated");
+})();
 
 function generateSitemapURL(path) {
   return LOCALES.map(
@@ -52,10 +53,6 @@ function generateSitemapURL(path) {
   );
 }
 
-function clean(path) {
-  return path ? `/${path}` : "";
-}
-
 function alternateLinks(path) {
   return LOCALES.map((locale) =>
     `<xhtml:link rel="alternate" hreflang="${locale}" href="${BASE_URL}/${locale}${clean(path)}"/>`.trim()