fix(cms): add category link resolver (#420)

.changeset/tidy-kiwis-turn.md

@@ -0,0 +1,5 @@
+---
+"@shopware-pwa/cms-base": patch
+---
+
+Add category link resolver

packages/cms-base/helpers/buildUrlPrefix.ts

@@ -1,4 +1,6 @@
 export default function buildUrlPrefix(url: string | any, prefix: string) {
+  url = url[0] !== "/" ? `/${url}` : url;
+
   if (typeof url === "string") {
     return prefix ? `/${prefix}${url}` : url;
   }

packages/cms-base/helpers/html-to-vue/getOptionsFromNode.ts

@@ -1,3 +1,5 @@
+import resolveUrl from "../resolveUrl";
+
 export type NodeObject = {
   type: string;
   name: string;
@@ -34,9 +36,13 @@ export function getOptionsFromNode(node: any): Options {
     align = node.attrs.align;
     delete node.attrs.align;
   }
-
   const attrs = Object.keys(node.attrs).length === 0 ? null : { ...node.attrs };
 
+  // Resolve URL if exist
+  if (attrs?.href) {
+    attrs.href = `${resolveUrl(attrs.href)}`;
+  }
+
   return {
     align: align,
     attrs: attrs,

packages/cms-base/helpers/resolveUrl.ts

@@ -0,0 +1,16 @@
+import buildUrlPrefix from "./buildUrlPrefix";
+import getUrlPrefix from "./getUrlPrefix";
+
+export default function resolveUrl(url: string) {
+  const navigationPattern = /[a-zA-z0-9]+\/navigation\/[a-zA-z0-9]+/;
+  const urlPrefix = getUrlPrefix();
+
+  switch (true) {
+    case navigationPattern.test(url):
+      // Remove first lang segment of the URL
+      const newUrl = url.split("/").slice(1);
+      return newUrl ? `${buildUrlPrefix(newUrl.join("/"), urlPrefix)}` : url;
+    default:
+      return url;
+  }
+}