DocumentationUrl ONLY implementation

Author: fabianwolski

src/context/FrontendConfigContext.tsx

@@ -1,5 +1,4 @@
 import { ReactNode, createContext, use } from 'react';
-import { DocLinkCreator } from '../lib/shared/links';
 import { z } from 'zod';
 
 export enum Landscape {
@@ -10,16 +9,11 @@ export enum Landscape {
   Local = 'LOCAL',
 }
 
+export const FrontendConfigContext = createContext<FrontendConfig | null>(null);
 
-
-interface FrontendConfigContextType extends FrontendConfig {
-  links: DocLinkCreator;
-}
-
-export const FrontendConfigContext =
-  createContext<FrontendConfigContextType | null>(null);
-
-const fetchPromise = fetch('/frontend-config.json').then((res) => res.json()).then((data) => validateAndCastFrontendConfig(data));
+const fetchPromise = fetch('/frontend-config.json')
+  .then((res) => res.json())
+  .then((data) => validateAndCastFrontendConfig(data));
 
 interface FrontendConfigProviderProps {
   children: ReactNode;
@@ -29,13 +23,11 @@ export function FrontendConfigProvider({
   children,
 }: FrontendConfigProviderProps) {
   const config = use(fetchPromise);
-  const docLinks = new DocLinkCreator(config.documentationBaseUrl);
-  const value: FrontendConfigContextType = {
-    links: docLinks,
-    ...config,
-  };
+
   return (
-    <FrontendConfigContext value={value}>{children}</FrontendConfigContext>
+    <FrontendConfigContext.Provider value={config}>
+      {children}
+    </FrontendConfigContext.Provider>
   );
 }
 
@@ -72,4 +64,4 @@ function validateAndCastFrontendConfig(config: unknown): FrontendConfig {
   } catch (error) {
     throw new Error(`Invalid frontend config: ${error}`);
   }
-}
+}

src/lib/shared/links.ts

@@ -1,29 +1,24 @@
-export class DocLinkCreator {
-  private baseUrl: string;
+import { useFrontendConfig } from '../../context/FrontendConfigContext';
 
-  constructor(baseUrl: string) {
-    this.baseUrl = baseUrl;
-  }
-  private createLink(path: string) {
-    return `${this.baseUrl}${path}`;
-  }
+export function useLink() {
+  const { documentationBaseUrl } = useFrontendConfig();
 
-  public get COMMUNITY_PAGE(): string {
-    return this.createLink('/');
+  if (!documentationBaseUrl) {
+    throw new Error('useLink must be used within a FrontendConfigProvider');
   }
-  public get COM_PAGE_GETTING_STARTED(): string {
-    return this.createLink(
+
+  const createLink = (path: string) => `${documentationBaseUrl}${path}`;
+
+  return {
+    documentationHomepage: createLink('/'),
+    gettingStartedGuide: createLink(
       '/docs/managed-control-planes/get-started/get-started-mcp',
-    );
-  }
-  public get COM_PAGE_GETTING_STARTED_WORKSPACE(): string {
-    return this.createLink(
+    ),
+    workspaceCreationGuide: createLink(
       '/docs/managed-control-planes/get-started/get-started-mcp#4-create-workspace',
-    );
-  }
-  public get COM_PAGE_GETTING_STARTED_MCP(): string {
-    return this.createLink(
+    ),
+    mcpCreationGuide: createLink(
       '/docs/managed-control-planes/get-started/get-started-mcp#5-create-managedcontrolplane',
-    );
-  }
+    ),
+  };
 }