@docusaurus/theme-classic 2.0.0-beta.1decd6f80 → 2.0.0-beta.20

package/lib/translations.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getTranslationFiles = getTranslationFiles;
 exports.translateThemeConfig = translateThemeConfig;
 
-var _lodash = require("lodash");
+var _lodash = _interopRequireDefault(require("lodash"));
 
 var _utils = require("@docusaurus/utils");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -19,20 +21,18 @@ var _utils = require("@docusaurus/utils");
 function getNavbarTranslationFile(navbar) {
   // TODO handle properly all the navbar item types here!
   function flattenNavbarItems(items) {
-    const subItems = (0, _lodash.flatten)(items.map(item => {
-      var _item$items;
-
-      const allSubItems = (0, _lodash.flatten)([(_item$items = item.items) !== null && _item$items !== void 0 ? _item$items : []]);
+    const subItems = items.flatMap(item => {
+      const allSubItems = [item.items ?? []].flat();
       return flattenNavbarItems(allSubItems);
-    }));
+    });
     return [...items, ...subItems];
   }
 
   const allNavbarItems = flattenNavbarItems(navbar.items);
-  const navbarItemsTranslations = (0, _lodash.chain)(allNavbarItems.filter(navbarItem => !!navbarItem.label)).keyBy(navbarItem => `item.label.${navbarItem.label}`).mapValues(navbarItem => ({
+  const navbarItemsTranslations = Object.fromEntries(allNavbarItems.filter(navbarItem => navbarItem.label).map(navbarItem => [`item.label.${navbarItem.label}`, {
     message: navbarItem.label,
     description: `Navbar item with label ${navbarItem.label}`
-  })).value();
+  }]));
   const titleTranslations = navbar.title ? {
     title: {
       message: navbar.title,
@@ -43,23 +43,27 @@ function getNavbarTranslationFile(navbar) {
 }
 
 function translateNavbar(navbar, navbarTranslations) {
-  var _navbarTranslations$t, _navbarTranslations$t2;
+  var _navbarTranslations$t;
+
+  if (!navbarTranslations) {
+    return navbar;
+  }
 
   return { ...navbar,
-    title: (_navbarTranslations$t = (_navbarTranslations$t2 = navbarTranslations.title) === null || _navbarTranslations$t2 === void 0 ? void 0 : _navbarTranslations$t2.message) !== null && _navbarTranslations$t !== void 0 ? _navbarTranslations$t : navbar.title,
+    title: ((_navbarTranslations$t = navbarTranslations.title) === null || _navbarTranslations$t === void 0 ? void 0 : _navbarTranslations$t.message) ?? navbar.title,
     //  TODO handle properly all the navbar item types here!
     items: navbar.items.map(item => {
-      var _item$items2, _navbarTranslations$$2, _navbarTranslations$2;
+      var _item$items, _navbarTranslations$2;
 
-      const subItems = (_item$items2 = item.items) === null || _item$items2 === void 0 ? void 0 : _item$items2.map(subItem => {
-        var _navbarTranslations$$, _navbarTranslations$;
+      const subItems = (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(subItem => {
+        var _navbarTranslations$;
 
         return { ...subItem,
-          label: (_navbarTranslations$$ = (_navbarTranslations$ = navbarTranslations[`item.label.${subItem.label}`]) === null || _navbarTranslations$ === void 0 ? void 0 : _navbarTranslations$.message) !== null && _navbarTranslations$$ !== void 0 ? _navbarTranslations$$ : subItem.label
+          label: ((_navbarTranslations$ = navbarTranslations[`item.label.${subItem.label}`]) === null || _navbarTranslations$ === void 0 ? void 0 : _navbarTranslations$.message) ?? subItem.label
         };
       });
       return { ...item,
-        label: (_navbarTranslations$$2 = (_navbarTranslations$2 = navbarTranslations[`item.label.${item.label}`]) === null || _navbarTranslations$2 === void 0 ? void 0 : _navbarTranslations$2.message) !== null && _navbarTranslations$$2 !== void 0 ? _navbarTranslations$$2 : item.label,
+        label: ((_navbarTranslations$2 = navbarTranslations[`item.label.${item.label}`]) === null || _navbarTranslations$2 === void 0 ? void 0 : _navbarTranslations$2.message) ?? item.label,
         ...(subItems ? {
           items: subItems
         } : undefined)
@@ -68,20 +72,19 @@ function translateNavbar(navbar, navbarTranslations) {
   };
 }
 
+function isMultiColumnFooterLinks(links) {
+  return links.length > 0 && 'title' in links[0];
+}
+
 function getFooterTranslationFile(footer) {
-  // TODO POC code
-  const footerLinkTitles = (0, _lodash.chain)(footer.links.filter(link => !!link.title)).keyBy(link => `link.title.${link.title}`).mapValues(link => ({
+  const footerLinkTitles = Object.fromEntries((isMultiColumnFooterLinks(footer.links) ? footer.links.filter(link => link.title) : []).map(link => [`link.title.${link.title}`, {
     message: link.title,
     description: `The title of the footer links column with title=${link.title} in the footer`
-  })).value();
-  const footerLinkLabels = (0, _lodash.chain)((0, _lodash.flatten)(footer.links.map(link => link.items)).filter(link => !!link.label)).keyBy(linkItem => `link.item.label.${linkItem.label}`).mapValues(linkItem => {
-    var _linkItem$to;
-
-    return {
-      message: linkItem.label,
-      description: `The label of footer link with label=${linkItem.label} linking to ${(_linkItem$to = linkItem.to) !== null && _linkItem$to !== void 0 ? _linkItem$to : linkItem.href}`
-    };
-  }).value();
+  }]));
+  const footerLinkLabels = Object.fromEntries((isMultiColumnFooterLinks(footer.links) ? footer.links.flatMap(link => link.items).filter(link => link.label) : footer.links.filter(link => link.label)).map(link => [`link.item.label.${link.label}`, {
+    message: link.label,
+    description: `The label of footer link with label=${link.label} linking to ${link.to ?? link.href}`
+  }]));
   const copyright = footer.copyright ? {
     copyright: {
       message: footer.copyright,
@@ -92,23 +95,33 @@ function getFooterTranslationFile(footer) {
 }
 
 function translateFooter(footer, footerTranslations) {
-  var _footerTranslations$c, _footerTranslations$c2;
+  var _footerTranslations$c;
 
-  const links = footer.links.map(link => {
-    var _footerTranslations$$, _footerTranslations$;
+  if (!footerTranslations) {
+    return footer;
+  }
+
+  const links = isMultiColumnFooterLinks(footer.links) ? footer.links.map(link => {
+    var _footerTranslations$;
 
     return { ...link,
-      title: (_footerTranslations$$ = (_footerTranslations$ = footerTranslations[`link.title.${link.title}`]) === null || _footerTranslations$ === void 0 ? void 0 : _footerTranslations$.message) !== null && _footerTranslations$$ !== void 0 ? _footerTranslations$$ : link.title,
+      title: ((_footerTranslations$ = footerTranslations[`link.title.${link.title}`]) === null || _footerTranslations$ === void 0 ? void 0 : _footerTranslations$.message) ?? link.title,
       items: link.items.map(linkItem => {
-        var _footerTranslations$$2, _footerTranslations$2;
+        var _footerTranslations$2;
 
         return { ...linkItem,
-          label: (_footerTranslations$$2 = (_footerTranslations$2 = footerTranslations[`link.item.label.${linkItem.label}`]) === null || _footerTranslations$2 === void 0 ? void 0 : _footerTranslations$2.message) !== null && _footerTranslations$$2 !== void 0 ? _footerTranslations$$2 : linkItem.label
+          label: ((_footerTranslations$2 = footerTranslations[`link.item.label.${linkItem.label}`]) === null || _footerTranslations$2 === void 0 ? void 0 : _footerTranslations$2.message) ?? linkItem.label
         };
       })
     };
+  }) : footer.links.map(link => {
+    var _footerTranslations$3;
+
+    return { ...link,
+      label: ((_footerTranslations$3 = footerTranslations[`link.item.label.${link.label}`]) === null || _footerTranslations$3 === void 0 ? void 0 : _footerTranslations$3.message) ?? link.label
+    };
   });
-  const copyright = (_footerTranslations$c = (_footerTranslations$c2 = footerTranslations.copyright) === null || _footerTranslations$c2 === void 0 ? void 0 : _footerTranslations$c2.message) !== null && _footerTranslations$c !== void 0 ? _footerTranslations$c : footer.copyright;
+  const copyright = ((_footerTranslations$c = footerTranslations.copyright) === null || _footerTranslations$c === void 0 ? void 0 : _footerTranslations$c.message) ?? footer.copyright;
   return { ...footer,
     links,
     copyright
@@ -132,9 +145,12 @@ function translateThemeConfig({
   themeConfig,
   translationFiles
 }) {
-  const translationFilesMap = (0, _lodash.keyBy)(translationFiles, f => f.path);
+  var _translationFilesMap$, _translationFilesMap$2;
+
+  const translationFilesMap = _lodash.default.keyBy(translationFiles, f => f.path);
+
   return { ...themeConfig,
-    navbar: translateNavbar(themeConfig.navbar, translationFilesMap.navbar.content),
-    footer: themeConfig.footer ? translateFooter(themeConfig.footer, translationFilesMap.footer.content) : undefined
+    navbar: translateNavbar(themeConfig.navbar, (_translationFilesMap$ = translationFilesMap.navbar) === null || _translationFilesMap$ === void 0 ? void 0 : _translationFilesMap$.content),
+    footer: themeConfig.footer ? translateFooter(themeConfig.footer, (_translationFilesMap$2 = translationFilesMap.footer) === null || _translationFilesMap$2 === void 0 ? void 0 : _translationFilesMap$2.content) : undefined
   };
 }