feat: prefix log scope with 'renderer'

Author: KatoakDR

electron/renderer/components/grid/grid.tsx

@@ -20,7 +20,7 @@ export interface GridProps {
 export const Grid: React.FC<GridProps> = (props: GridProps): ReactNode => {
   const { boundary, contentItems } = props;
 
-  const logger = useLogger('cmp:grid');
+  const logger = useLogger('renderer:cmp:grid');
 
   const [focusedItemId, setFocusedItemId] = useState<string>(() => {
     const focusedItem = contentItems.find((contentItem) => {

electron/renderer/components/toast/toast-list.tsx

@@ -25,7 +25,7 @@ export const ToastList: React.FC<ToastListProps> = (
 ): ReactNode => {
   const { toastLifeTimeMs = 5000 } = props;
 
-  const logger = useLogger('cmp:toast-list');
+  const logger = useLogger('renderer:cmp:toast-list');
 
   const [toasts, setToasts] = useState<Array<Toast>>([]);
 

electron/renderer/context/game.tsx

@@ -38,7 +38,7 @@ export const GameProvider: React.FC<GameProviderProps> = (
 ) => {
   const { children } = props;
 
-  const logger = useLogger('context:game');
+  const logger = useLogger('renderer:context:game');
   const router = useRouter();
   const pubsub = usePubSub();
 

electron/renderer/pages/grid.tsx

@@ -32,7 +32,7 @@ import type {
 } from '../types/grid.types.js';
 
 const GridPage: React.FC = (): ReactNode => {
-  const logger = useLogger('page:grid');
+  const logger = useLogger('renderer:page:grid');
 
   // I started tracking these via `useState` but when calling their setter
   // the value did not update fast enough before a text game event
@@ -281,7 +281,7 @@ const GridPage: React.FC = (): ReactNode => {
     return () => {
       unsubscribe();
     };
-  }, [logger, gameEventsSubject$]);
+  }, [gameEventsSubject$]);
 
   // When the user sends a command, echo it to the main game stream so that
   // the user sees what they sent and can correlate to the game response.
@@ -311,7 +311,7 @@ const GridPage: React.FC = (): ReactNode => {
     return () => {
       unsubscribe();
     };
-  }, [logger, gameLogLineSubject$, euiTheme]);
+  }, [gameLogLineSubject$, euiTheme]);
 
   // TODO move to a new GameCommandInput component
   const onKeyDownCommandInput = useCallback<

electron/renderer/pages/home.tsx

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import { useLogger } from '../hooks/logger.jsx';
 
 const HomePage: React.FC = (): ReactNode => {
-  const logger = useLogger('page:home');
+  const logger = useLogger('renderer:page:home');
 
   // TODO make the home page useful
   //      - display list of favorite characters?