github-issue-tower-defence-management 1.88.1 → 1.90.0

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsoleList.ts

@@ -2,7 +2,8 @@ import { useEffect, useState } from 'react';
 import type { ConsoleListItem, ConsoleTabName } from '../types';
 import { useConsoleToken } from './useConsoleToken';
 
-const buildListUrl = (tab: ConsoleTabName): string => `./${tab}/list.json`;
+const buildListUrl = (pjcode: string, tab: ConsoleTabName): string =>
+  `/projects/${pjcode}/${tab}/list.json`;
 
 const extractItems = (payload: unknown): ConsoleListItem[] => {
   if (
@@ -22,7 +23,10 @@ export type ConsoleListState = {
   error: string | null;
 };
 
-export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
+export const useConsoleList = (
+  pjcode: string | null,
+  tab: ConsoleTabName,
+): ConsoleListState => {
   const { appendToken } = useConsoleToken();
   const [items, setItems] = useState<ConsoleListItem[]>([]);
   const [isLoading, setIsLoading] = useState<boolean>(true);
@@ -33,7 +37,16 @@ export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
     setIsLoading(true);
     setError(null);
 
-    const url = appendToken(buildListUrl(tab));
+    if (pjcode === null) {
+      setItems([]);
+      setIsLoading(false);
+      setError('No project specified in the URL path.');
+      return () => {
+        cancelled = true;
+      };
+    }
+
+    const url = appendToken(buildListUrl(pjcode, tab));
     fetch(url)
       .then(async (response) => {
         if (!response.ok) {
@@ -59,7 +72,7 @@ export const useConsoleList = (tab: ConsoleTabName): ConsoleListState => {
     return () => {
       cancelled = true;
     };
-  }, [tab, appendToken]);
+  }, [pjcode, tab, appendToken]);
 
   return { items, isLoading, error };
 };

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsolePjcode.test.ts

@@ -0,0 +1,24 @@
+import { parsePjcodeFromPath } from './useConsolePjcode';
+
+describe('parsePjcodeFromPath', () => {
+  it('extracts the pjcode from a projects path', () => {
+    expect(parsePjcodeFromPath('/projects/umino')).toBe('umino');
+    expect(parsePjcodeFromPath('/projects/umino/prs')).toBe('umino');
+    expect(parsePjcodeFromPath('/projects/xmile/triage')).toBe('xmile');
+  });
+
+  it('tolerates a trailing slash', () => {
+    expect(parsePjcodeFromPath('/projects/utage3/')).toBe('utage3');
+  });
+
+  it('returns null when the path is not under projects', () => {
+    expect(parsePjcodeFromPath('/')).toBeNull();
+    expect(parsePjcodeFromPath('/index.html')).toBeNull();
+    expect(parsePjcodeFromPath('/assets/app.js')).toBeNull();
+  });
+
+  it('returns null when no pjcode segment follows projects', () => {
+    expect(parsePjcodeFromPath('/projects')).toBeNull();
+    expect(parsePjcodeFromPath('/projects/')).toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/hooks/useConsolePjcode.ts

@@ -0,0 +1,17 @@
+export const parsePjcodeFromPath = (pathname: string): string | null => {
+  const segments = pathname.split('/').filter((segment) => segment.length > 0);
+  if (segments.length < 2 || segments[0] !== 'projects') {
+    return null;
+  }
+  const pjcode = segments[1];
+  if (pjcode.length === 0) {
+    return null;
+  }
+  return pjcode;
+};
+
+export const useConsolePjcode = (): string | null => {
+  const pathname =
+    typeof window === 'undefined' ? '' : window.location.pathname;
+  return parsePjcodeFromPath(pathname);
+};

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsolePage.tsx

@@ -1,17 +1,21 @@
 import { useState } from 'react';
 import { ConsoleListView } from '../components/ConsoleListView';
+import { ConsoleProjectHeader } from '../components/ConsoleProjectHeader';
 import { ConsoleTabBar } from '../components/ConsoleTabBar';
 import { useConsoleList } from '../hooks/useConsoleList';
+import { useConsolePjcode } from '../hooks/useConsolePjcode';
 import { CONSOLE_TABS, type ConsoleTabName } from '../types';
 
 export const ConsolePage = () => {
+  const pjcode = useConsolePjcode();
   const [activeTab, setActiveTab] = useState<ConsoleTabName>(
     CONSOLE_TABS[0].name,
   );
-  const { items, isLoading, error } = useConsoleList(activeTab);
+  const { items, isLoading, error } = useConsoleList(pjcode, activeTab);
 
   return (
     <main className="mx-auto flex max-w-3xl flex-col">
+      <ConsoleProjectHeader pjcode={pjcode} />
       <ConsoleTabBar activeTab={activeTab} onSelectTab={setActiveTab} />
       <ConsoleListView items={items} isLoading={isLoading} error={error} />
     </main>

package/src/adapter/entry-points/console/ui/tsconfig.json

@@ -20,5 +20,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src", ".storybook"]
+  "include": ["src", ".storybook"],
+  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
 }

package/src/adapter/entry-points/console/ui/vite.config.ts

@@ -5,7 +5,7 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   root: path.resolve(__dirname),
-  base: './',
+  base: '/',
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {