@eox/pages-theme-eox 0.11.5 → 1.1.0

package/src/vitepressConfig.mjs

@@ -4,70 +4,71 @@
  * @param {object} brandConfig The brand config
  * @returns
  */
-export const generate = (brandConfig) => ({
-  appearance: false,
-  cleanUrls: true,
-  description: brandConfig.meta?.description,
-  head: [
-    ["link", { rel: "icon", href: brandConfig.meta?.favicon }],
-    // Open Graph / Facebook
-    ["meta", { property: "og:type", content: "website" }],
-    [
-      "meta",
-      {
-        property: "og:url",
-        content: brandConfig.home,
-      },
-    ],
-    ["meta", { property: "og:title", content: brandConfig.meta?.title }],
-    [
-      "meta",
-      {
-        property: "og:description",
-        content: brandConfig.meta?.description,
-      },
-    ],
-    // TODO
-    // [
-    //   "meta",
-    //   {
-    //     property: "og:image",
-    //     content:
-    //       "https://earthcode.esa.int/img/EarthCODE_Herobanner_1920x1080.jpg",
-    //   },
-    // ],
-    // Twitter
-    ["meta", { property: "twitter:card", content: "summary_large_image" }],
-    [
-      "meta",
-      {
-        property: "twitter:url",
-        content: brandConfig.home,
-      },
-    ],
-    ["meta", { property: "twitter:title", content: brandConfig.meta?.title }],
-    [
-      "meta",
-      {
-        property: "twitter:description",
-        content: brandConfig.meta?.description,
-      },
-    ],
-    // TODO
-    // [
-    //   "meta",
-    //   {
-    //     property: "twitter:image",
-    //     content:
-    //       "https://earthcode.esa.int/img/EarthCODE_Herobanner_1920x1080.jpg",
-    //   },
-    // ],
-    ...(brandConfig.analytics
-      ? [
-          [
-            "script",
-            {},
-            `
+export const generate = (brandConfig) => {
+  const config = {
+    appearance: false,
+    cleanUrls: true,
+    description: brandConfig.meta?.description,
+    head: [
+      ["link", { rel: "icon", href: brandConfig.meta?.favicon }],
+      // Open Graph / Facebook
+      ["meta", { property: "og:type", content: "website" }],
+      [
+        "meta",
+        {
+          property: "og:url",
+          content: brandConfig.home,
+        },
+      ],
+      ["meta", { property: "og:title", content: brandConfig.meta?.title }],
+      [
+        "meta",
+        {
+          property: "og:description",
+          content: brandConfig.meta?.description,
+        },
+      ],
+      // TODO
+      // [
+      //   "meta",
+      //   {
+      //     property: "og:image",
+      //     content:
+      //       "https://earthcode.esa.int/img/EarthCODE_Herobanner_1920x1080.jpg",
+      //   },
+      // ],
+      // Twitter
+      ["meta", { property: "twitter:card", content: "summary_large_image" }],
+      [
+        "meta",
+        {
+          property: "twitter:url",
+          content: brandConfig.home,
+        },
+      ],
+      ["meta", { property: "twitter:title", content: brandConfig.meta?.title }],
+      [
+        "meta",
+        {
+          property: "twitter:description",
+          content: brandConfig.meta?.description,
+        },
+      ],
+      // TODO
+      // [
+      //   "meta",
+      //   {
+      //     property: "twitter:image",
+      //     content:
+      //       "https://earthcode.esa.int/img/EarthCODE_Herobanner_1920x1080.jpg",
+      //   },
+      // ],
+      ...(brandConfig.analytics
+        ? [
+            [
+              "script",
+              {},
+              `
         var _paq = (window._paq = window._paq || []);
         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
         _paq.push(["requireCookieConsent"]);
@@ -86,39 +87,84 @@ export const generate = (brandConfig) => ({
           s.parentNode.insertBefore(g, s);
         })();
       `,
-          ],
-        ]
-      : []),
-  ],
-  srcExclude: ["README.md"],
-  themeConfig: {
-    siteTitle: false,
-    theme: {
-      primaryColor: brandConfig.theme?.primary_color,
-      secondaryColor:
-        brandConfig.theme?.secondary_color || brandConfig.theme?.primary_color,
-      brandConfig,
-    },
-    logo: { light: brandConfig.logo, dark: brandConfig.logo_dark },
-    footer: {
-      message: `Powered by <img src="https://cockpit.hub.eox.at/storage/uploads/eoxhub/eoxhub_icon.svg" style="display: inline; height: 20px; transform: translateY(5px)" />`,
-      copyright:
-        'Copyright © 2014-present <a href="https://eox.at" target="_blank">EOX IT Services GmbH</a>',
+            ],
+          ]
+        : []),
+    ],
+    srcExclude: ["README.md"],
+    themeConfig: {
+      siteTitle: false,
+      theme: {
+        primaryColor: brandConfig.theme?.primary_color,
+        secondaryColor:
+          brandConfig.theme?.secondary_color ||
+          brandConfig.theme?.primary_color,
+        brandConfig,
+      },
+      logo: { light: brandConfig.logo, dark: brandConfig.logo_dark },
+      footer: {
+        message:
+          brandConfig.theme?.footer?.message ||
+          `Powered by <img src="https://cockpit.hub.eox.at/storage/uploads/eoxhub/eoxhub_icon.svg" style="display: inline; height: 20px; transform: translateY(5px)" />`,
+        copyright:
+          brandConfig.theme?.footer?.copyright ||
+          'Copyright © 2014-present <a href="https://eox.at" target="_blank">EOX IT Services GmbH</a>',
+      },
     },
-  },
-  title: brandConfig.meta?.title,
-  vite: {
-    ssr: {
-      noExternal: ["@eox/pages-theme-eox"],
+    title: brandConfig.meta?.title,
+    vite: {
+      ssr: {
+        noExternal: ["@eox/pages-theme-eox"],
+      },
     },
-  },
-  vue: {
-    template: {
-      compilerOptions: {
-        isCustomElement: (tag) => {
-          return tag.toLowerCase().includes("-");
+    vue: {
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => {
+            return tag.toLowerCase().includes("-");
+          },
         },
       },
     },
-  },
-});
+  };
+
+  if (brandConfig.i18n?.locale) {
+    const localeEntries = Object.entries(brandConfig.i18n.locale);
+    const currentLocale = brandConfig.i18n.currentLocale || "en";
+
+    if (localeEntries.length > 1) {
+      config.locales = Object.fromEntries(
+        localeEntries.map(([key, i18n]) => {
+          const isRoot = key === currentLocale;
+          return [
+            isRoot ? "root" : key,
+            {
+              label: key.toUpperCase(),
+              lang: key,
+              themeConfig: {
+                i18n,
+                ...(i18n.footer
+                  ? { footer: { ...config.themeConfig.footer, ...i18n.footer } }
+                  : {}),
+              },
+            },
+          ];
+        }),
+      );
+    } else {
+      const i18n =
+        brandConfig.i18n.locale[currentLocale] || localeEntries[0][1];
+      config.themeConfig.i18n = i18n;
+      if (i18n.footer) {
+        config.themeConfig.footer = {
+          ...config.themeConfig.footer,
+          ...i18n.footer,
+        };
+      }
+    }
+  } else if (brandConfig.i18n) {
+    config.themeConfig.i18n = brandConfig.i18n;
+  }
+
+  return config;
+};