@jungvonmatt/cssg-plugin-hugo 1.0.5 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/jungvonmatt/contentful-ssg/compare/v1.2.0...v1.3.0) (2022-01-10)
+
+
+### Features
+
+* 🎸 Consider menu reference in page node when building menu ([42499a4](https://github.com/jungvonmatt/contentful-ssg/commit/42499a4efb2f25275d8ea4fb74f72461aa441ba0))
+
+
+
+
+
+# [1.2.0](https://github.com/jungvonmatt/contentful-ssg/compare/v1.1.1...v1.2.0) (2021-12-21)
+
+
+### Features
+
+* 🎸 Generates hugo's menu.toml ([27e95a3](https://github.com/jungvonmatt/contentful-ssg/commit/27e95a33452b1aa5158ee89070889383cee4b6c5))
+
+
+
+
+
+# [1.1.0](https://github.com/jungvonmatt/contentful-ssg/compare/v1.0.6...v1.1.0) (2021-12-02)
+
+
+### Bug Fixes
+
+* 🐛 Adds <rootDir>/data to managed directories ([d67de2b](https://github.com/jungvonmatt/contentful-ssg/commit/d67de2b4a78771076e5fd1d4e7beec0c1fb65a7d))
+
+
+
+
+
+## [1.0.6](https://github.com/jungvonmatt/contentful-ssg/compare/v1.0.5...v1.0.6) (2021-12-02)
+
+**Note:** Version bump only for package @jungvonmatt/cssg-plugin-hugo
+
+
+
+
+
 ## [1.0.5](https://github.com/jungvonmatt/contentful-ssg/compare/v1.0.4...v1.0.5) (2021-11-30)
 
 **Note:** Version bump only for package @jungvonmatt/cssg-plugin-hugo

package/index.js

@@ -20,9 +20,16 @@ const defaultOptions = {
   translationStrategy: STRATEGY_DIRECTORY,
   typeIdI18n: 'd-i18n',
   languageConfig: true,
+  menuDepth: 0,
+  autoSubMenu: false,
+  typeIdMenu: 'c-menu',
   fieldIdHome: 'home',
   fieldIdSlug: 'slug',
   fieldIdParent: 'parent_page',
+  fieldIdMenu: 'menu',
+  fieldIdMenuEntries: 'entries',
+  fieldIdMenuHide: 'hide_in_menu',
+  fieldIdMenuPos: 'menu_pos',
   typeConfig: {
     [TYPE_CONTENT]: ['page'],
   },
@@ -61,7 +68,143 @@ export default (args) => {
     return type;
   };
 
+  const buildMenu = async (transformContext, depth = 0) => {
+    const { entry, entryMap } = transformContext;
+    const entries = entry.fields?.[options.fieldIdMenuEntries] ?? [];
+    const nodes = entries
+      .filter((node) => node?.sys?.id && node?.sys?.contentType?.sys?.id)
+      .map((node, index) => ({
+        identifier: node.sys.id,
+        weight: (index + 1) * -10,
+        params: {
+          id: node.sys.id,
+          // eslint-disable-next-line camelcase
+          content_type: node.sys.contentType.sys.id,
+        },
+      }));
+
+    // Resolve page entry
+    const resolvePageEntry = async (entry) => {
+      const id = entry?.sys?.id ?? 0;
+      const node = entryMap.get(id);
+      const contentType = node?.sys?.contentType?.sys?.id ?? '';
+      const pageId = node?.fields?.link_to_entry?.sys?.id;
+      if (contentType === 'page') {
+        return node;
+      }
+
+      if (pageId) {
+        return entryMap.get(pageId);
+      }
+
+      if (typeof options.resolvePage === 'function') {
+        return options.resolvePage(entry, entryMap);
+      }
+    };
+
+    const getChildnodesManual = async (entry, depth, ids = []) => {
+      const id = entry?.sys?.id ?? 0;
+      const page = await resolvePageEntry(entry);
+      const contentType = page?.sys?.contentType?.sys?.id ?? '';
+      const menuId = page?.fields?.[options.fieldIdMenu]?.sys?.id;
+
+      if (
+        !id ||
+        !contentType ||
+        !menuId ||
+        !entryMap.has(menuId) ||
+        ids.includes(id) ||
+        depth <= 0
+      ) {
+        return [];
+      }
+
+      const menu = entryMap.get(menuId);
+      const subentries = menu?.fields?.[options.fieldIdMenuEntries] ?? [];
+
+      const collected = await Promise.all(
+        subentries.flatMap((node) => getChildnodesManual(node, depth - 1, [...ids, id]))
+      );
+
+      return [
+        ...subentries
+          .filter((node) => node?.sys?.id && node?.sys?.contentType?.sys?.id)
+          .map((node, index) => ({
+            identifier: node.sys.id,
+            parent: id,
+            weight: (index + 1) * -10,
+            params: {
+              id: node.sys.id,
+              // eslint-disable-next-line camelcase
+              content_type: node.sys.contentType.sys.id,
+            },
+          })),
+        ...collected,
+      ];
+    };
+
+    const getChildnodesRecursive = async (entry, depth) => {
+      const id = entry?.sys?.id ?? 0;
+      const page = await resolvePageEntry(id);
+      const contentType = page?.sys?.contentType?.sys?.id ?? '';
+
+      if (!id || !contentType || depth <= 0) {
+        return [];
+      }
+
+      const childnodes = [...entryMap.values()].filter(
+        (entry) => (entry?.fields?.[options.fieldIdParent]?.sys?.id ?? '') === id
+      );
+
+      // Filter childnodes based on hide_in_menu field
+      const filtered = childnodes.filter(
+        (entry) => !(entry?.fields?.[options.fieldIdMenuHide] ?? false)
+      );
+
+      // Sort based on menuPos field
+      const sorted = [...filtered].sort(
+        (a, b) =>
+          (a?.fields?.[options.fieldIdMenuPos] ?? Number.MAX_SAFE_INTEGER) -
+          (b?.fields?.[options.fieldIdMenuPos] ?? Number.MAX_SAFE_INTEGER)
+      );
+
+      return Array.from(
+        await Promise.allSettled([
+          ...sorted
+            .filter((node) => node?.sys?.id && node?.sys?.contentType?.sys?.id)
+            .map((node, index) => ({
+              identifier: node.sys.id,
+              parent: id,
+              weight: (index + 1) * -10,
+              params: {
+                id: node.sys.id,
+                // eslint-disable-next-line camelcase
+                content_type: node.sys.contentType.sys.id,
+              },
+            })),
+          ...sorted.flatMap((node) => getChildnodesRecursive(node, depth - 1)),
+        ])
+      )
+        .map((a) => a.value)
+        .filter((v) => v);
+    };
+
+    // When autoSubMenu parameter is set, we collect child pages automatically
+    // Otherwise we look for dedicated menu entries in page nodes
+    const childentries = options.autoSubMenu
+      ? await Promise.all(entries.flatMap((node) => getChildnodesRecursive(node, depth)))
+      : await Promise.all(entries.flatMap((node) => getChildnodesManual(node, depth)));
+
+    return [...nodes, ...childentries].flat(Infinity).filter((v) => v);
+  };
+
   return {
+    config(prev) {
+      const { managedDirectories } = prev || {};
+
+      return { ...prev, managedDirectories: [...(managedDirectories || []), 'data'] };
+    },
+
     // Before hook
     async before(runtimeContext) {
       const { helper, converter, data, localized } = runtimeContext;
@@ -119,8 +262,9 @@ export default (args) => {
       );
 
       const i18n = Object.fromEntries(locales.map((locale) => [locale.code, {}]));
+      const menus = Object.fromEntries(locales.map((locale) => [locale.code, {}]));
 
-      return { ...runtimeContext, helper, localized: enhancedLocalized, i18n };
+      return { ...runtimeContext, helper, localized: enhancedLocalized, i18n, menus };
     },
 
     /**
@@ -225,7 +369,7 @@ export default (args) => {
     },
 
     async transform(transformContext, runtimeContext) {
-      const { content, id, contentTypeId, locale } = transformContext;
+      const { content, id, contentTypeId, locale, entry } = transformContext;
 
       const type = getEntryType(transformContext);
 
@@ -241,6 +385,15 @@ export default (args) => {
         return undefined;
       }
 
+      // Automatically build hugo menus
+      // See https://gohugo.io/content-management/menus/
+      if (options.typeIdMenu && contentTypeId === options.typeIdMenu) {
+        const { name = 'main' } = entry.fields;
+        const menu = await buildMenu(transformContext, options.menuDepth);
+
+        runtimeContext.menus[locale.code][name] = menu;
+      }
+
       if (type === TYPE_CONTENT) {
         return {
           ...snakeCaseKeys({
@@ -268,6 +421,16 @@ export default (args) => {
           return outputFile(dictionaryPath, toml.stringify({ ...oldContent, ...translations }));
         })
       );
+
+      const { stringify } = await import('@jungvonmatt/contentful-ssg/converter/toml');
+      const menus = runtimeContext?.menus ?? {};
+      await Promise.all(
+        Object.entries(menus).map(([localeCode, menuData]) => {
+          const file = `config/_default/menus.${localeCode}.toml`;
+          const data = stringify(menuData);
+          return outputFile(file, data);
+        })
+      );
     },
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jungvonmatt/cssg-plugin-hugo",
-  "version": "1.0.5",
+  "version": "1.3.0",
   "description": "",
   "main": "index.js",
   "typings": "./index.d.ts",
@@ -26,10 +26,10 @@
   },
   "homepage": "https://github.com/jungvonmatt/contentful-ssg#readme",
   "dependencies": {
-    "@jungvonmatt/contentful-ssg": "^1.0.5",
+    "@jungvonmatt/contentful-ssg": "^1.1.0",
     "fs-extra": "^10.0.0",
     "merge-options": "^3.0.4",
     "micromatch": "^4.0.4"
   },
-  "gitHead": "03741b4add20ce95e1cd539bc46b7630cddcc2c3"
+  "gitHead": "2cfe041c72ed9a583e5e45e0fad165772ff37a79"
 }