feat(game-stream-text): make text style optional

Author: KatoakDR

electron/renderer/components/game/game-stream-text.tsx

@@ -26,21 +26,21 @@ export const GameStreamText: React.FC<GameStreamTextProps> = memo(
       let fontWeight = euiTheme.font.weight.regular;
       let fontColor = euiTheme.colors.text;
 
-      if (logLine.styles.outputClass === 'mono') {
+      if (logLine.styles?.outputClass === 'mono') {
         fontFamily = euiTheme.font.familyCode;
         fontSize = euiTheme.size.m;
       }
 
-      if (logLine.styles.stylePreset === 'roomName') {
+      if (logLine.styles?.stylePreset === 'roomName') {
         fontColor = euiTheme.colors.title;
         fontWeight = euiTheme.font.weight.bold;
       }
 
-      if (logLine.styles.bold === true) {
+      if (logLine.styles?.bold === true) {
         fontWeight = euiTheme.font.weight.bold;
       }
 
-      if (logLine.styles.subdued === true) {
+      if (logLine.styles?.subdued === true) {
         fontColor = euiTheme.colors.subduedText;
       }
 

electron/renderer/components/game/game.utils.ts

@@ -1,4 +1,3 @@
-import { css } from '@emotion/react';
 import * as rxjs from 'rxjs';
 import type { GameLogLine } from '../../types/game.types.jsx';
 
@@ -9,7 +8,6 @@ const emptyLogLine: GameLogLine = {
   eventId: '',
   streamId: '',
   text: '',
-  styles: css(),
 };
 
 /**

electron/renderer/types/game.types.ts

@@ -29,7 +29,7 @@ export interface GameLogLine {
   /**
    * The text formatting to apply to the entire line.
    */
-  styles: {
+  styles?: {
     /**
      * The theme color mode to use (e.g. 'light' or 'dark').
      */