#3414 webpage: fix blog items menu for other languages

Signed-off-by: Patrizio Bekerle <[email protected]>

Author: pbek

webpage/src/.vuepress/config.js

@@ -434,7 +434,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (auf Englisch)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Änderungsprotokoll (auf Englisch)",
@@ -490,7 +490,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (in inglese)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Changelog (in inglese)",
@@ -546,7 +546,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (en anglais)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Changelog (en anglais)",
@@ -602,7 +602,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (en inglés)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Changelog (en inglés)",
@@ -658,7 +658,7 @@ export default defineUserConfig({
           },
           {
             text: "وبلاگ (به انگلیسی)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "تغییرات (به انگلیسی)",
@@ -714,7 +714,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (in het Engels)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Changelog (in het Engels)",
@@ -770,7 +770,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (angolul)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Változásnapló (angolul)",
@@ -826,7 +826,7 @@ export default defineUserConfig({
           },
           {
             text: "المدونة (بالإنجليزية)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "سجل التغييرات (بالإنجليزية)",
@@ -882,7 +882,7 @@ export default defineUserConfig({
           },
           {
             text: "Blog (po angielsku)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "Dziennik zmian (po angielsku)",
@@ -938,7 +938,7 @@ export default defineUserConfig({
           },
           {
             text: "블로그 (영어)",
-            children: utils.getChildren("src", "blog", true),
+            children: utils.getBlogChildrenWithTitles("src", "blog", true),
           },
           {
             text: "변경 로그 (영어)",

webpage/src/.vuepress/utils.js

@@ -40,6 +40,52 @@ export const getChildren = (parent_path, dir, reverseOrder = false) => {
   return result.map((file) => file.path);
 };
 
+// Get blog children with titles for sidebar (used for non-English pages)
+export const getBlogChildrenWithTitles = (
+  parent_path,
+  dir,
+  reverseOrder = false,
+) => {
+  let files = globSync(parent_path + (dir ? `/${dir}` : "") + "/**/*.md").map(
+    (path) => {
+      // Instantiate MarkdownIt
+      let md = new markdownIt();
+      // Add markdown-it-meta
+      md.use(meta);
+      // Get the metadata and content
+      let file = fs.readFileSync(path, "utf8");
+      md.render(file);
+      let order = md.meta.order;
+
+      // Extract title from first H1 heading
+      const h1Match = file.match(/^#\s+(.+)$/m);
+      const title = md.meta.title || (h1Match ? h1Match[1] : "Untitled");
+
+      // Remove "parent_path" and ".md"
+      let cleanPath = path.slice(parent_path.length + 1, -3);
+      // Remove "README", making it the de facto index page
+      if (cleanPath.endsWith("README")) {
+        cleanPath = cleanPath.slice(0, -6);
+      }
+
+      return {
+        text: title,
+        link: "/" + cleanPath.replace(/\.md$/, ""),
+        order,
+      };
+    },
+  );
+
+  // Return the ordered list of files, sort by 'order' then 'link'
+  let result = _.sortBy(files, ["order", "link"]);
+
+  if (reverseOrder) {
+    result = result.reverse();
+  }
+
+  return result;
+};
+
 export const getNavItemsForLanguage = (navItems, language) => {
   // VuePress 2 automatically adds locale prefix to relative paths in sidebar
   // So we just return the items as-is without adding the language prefix