@rimori/client 1.3.1 → 1.4.3

package/src/fromRimori/PluginTypes.ts

@@ -4,10 +4,10 @@ export type Plugin<T extends {} = {}> = Omit<RimoriPluginConfig<T>, 'context_men
   endpoint: string;
   assetEndpoint: string;
   context_menu_actions: MenuEntry[];
-  release_channel: "alpha" | "beta" | "stable";
-}
+  release_channel: 'alpha' | 'beta' | 'stable';
+};
 
-export type ActivePlugin = Plugin<{ active?: boolean }>
+export type ActivePlugin = Plugin<{ active?: boolean }>;
 
 // browsable page of a plugin
 export interface PluginPage {
@@ -17,13 +17,22 @@ export interface PluginPage {
   // Whether the page should be shown in the navbar
   show: boolean;
   description: string;
-  root: "vocabulary" | "grammar" | "reading" | "listening" | "watching" | "writing" | "speaking" | "other" | "community";
+  root:
+    | 'vocabulary'
+    | 'grammar'
+    | 'reading'
+    | 'listening'
+    | 'watching'
+    | 'writing'
+    | 'speaking'
+    | 'other'
+    | 'community';
   // The actions that can be triggered in the plugin
   // The key is the action key. The other entries are additional properties needed when triggering the action
   action?: {
     key: string;
     parameters: ObjectTool;
-  }
+  };
 }
 
 // a sidebar page of a plugin
@@ -65,7 +74,7 @@ export interface ContextMenuAction {
   // id of the plugin that the action belongs to
   plugin_id: string;
   // key of the action. Used to know which action to trigger when clicking on the context menu
-  action_key: string
+  action_key: string;
 }
 
 /**
@@ -86,7 +95,7 @@ export interface RimoriPluginConfig<T extends {} = {}> {
     logo: string;
     /** Optional website URL for the plugin's homepage or link to plugins owner for contributions */
     website?: string;
-  }
+  };
   /**
    * Configuration for different types of pages.
    */
@@ -101,11 +110,11 @@ export interface RimoriPluginConfig<T extends {} = {}> {
     settings?: string;
     /** Optional array of event topics the plugin pages can listen to for cross-plugin communication */
     topics?: string[];
-  }
+  };
   /**
    * Context menu actions that the plugin registers to appear in right-click menus throughout the application.
    */
-  context_menu_actions: Omit<MenuEntry, "plugin_id">[];
+  context_menu_actions: Omit<MenuEntry, 'plugin_id'>[];
   /**
    * Documentation paths for different types of plugin documentation.
    */
@@ -116,7 +125,7 @@ export interface RimoriPluginConfig<T extends {} = {}> {
     user_path: string;
     /** Path to developer documentation for plugin development */
     developer_path: string;
-  }
+  };
   /**
    * Configuration for the plugin's web worker if it uses background processing or exposes actions to other plugins.
    */
@@ -136,7 +145,7 @@ export interface Tool {
   parameters: {
     name: string;
     description: string;
-    type: "string" | "number" | "boolean";
+    type: 'string' | 'number' | 'boolean';
   }[];
   execute?: (args: Record<string, any>) => Promise<unknown> | unknown | void;
 }
@@ -145,7 +154,7 @@ export interface Tool {
  * The tool definition structure is used for LLM function calling and plugin action parameters.
  * It defines the schema for tools that can be used by Language Learning Models (LLMs)
  * and plugin actions.
- * 
+ *
  * @example
  * ```typescript
  * const flashcardTool: Tool = {
@@ -155,13 +164,13 @@ export interface Tool {
  *     description: 'Number of flashcards to practice'
  *   },
  *   deck: {
- *     type: 'string', 
+ *     type: 'string',
  *     enum: ['latest', 'random', 'oldest', 'mix', 'best_known'],
  *     description: 'Type of deck to practice'
  *   }
  * };
  * ```
- * 
+ *
  */
 export type ObjectTool = {
   [key: string]: ToolParameter;
@@ -188,15 +197,15 @@ interface ToolParameter {
  * Supports primitive types, nested objects for complex data structures,
  * and arrays of objects for collections. The tuple notation [{}] indicates
  * arrays of objects with a specific structure.
- * 
+ *
  * @example Primitive: 'string' | 'number' | 'boolean'
  * @example Nested object: { name: { type: 'string' }, age: { type: 'number' } }
  * @example Array of objects: [{ id: { type: 'string' }, value: { type: 'number' } }]
  */
 type ToolParameterType =
   | PrimitiveType
-  | { [key: string]: ToolParameter }  // for nested objects
-  | [{ [key: string]: ToolParameter }];  // for arrays of objects (notice the tuple type)
+  | { [key: string]: ToolParameter } // for nested objects
+  | [{ [key: string]: ToolParameter }]; // for arrays of objects (notice the tuple type)
 
 /**
  * Primitive data types supported by the LLM tool system.

package/src/fromRimori/readme.md

@@ -1,2 +1,2 @@
-Files inside this folder are copied from Rimori and should not be changed. 
-If change is needed adapt it in Rimori and copy the file then over.
+Files inside this folder are copied from Rimori and should not be changed.
+If change is needed adapt it in Rimori and copy the file then over.

package/src/hooks/UseChatHook.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { Tool } from "../fromRimori/PluginTypes";
-import { useRimori } from "../providers/PluginProvider";
-import { Message, ToolInvocation } from "../core/controller/AIController";
+import React from 'react';
+import { Tool } from '../fromRimori/PluginTypes';
+import { useRimori } from '../providers/PluginProvider';
+import { Message, ToolInvocation } from '../core/controller/AIController';
 
 export function useChat(tools?: Tool[]) {
   const [messages, setMessages] = React.useState<Message[]>([]);
@@ -11,18 +11,28 @@ export function useChat(tools?: Tool[]) {
   const append = (appendMessages: Message[]) => {
     const allMessages = [...messages, ...appendMessages];
     setMessages(allMessages);
-    ai.getSteamedText(allMessages, (id, message, finished: boolean, toolInvocations?: ToolInvocation[]) => {
-      const lastMessage = messages[messages.length - 1];
-      setIsLoading(!finished);
+    ai.getSteamedText(
+      allMessages,
+      (id, message, finished: boolean, toolInvocations?: ToolInvocation[]) => {
+        const lastMessage = messages[messages.length - 1];
+        setIsLoading(!finished);
 
-      if (lastMessage?.id === id) {
-        lastMessage.content = message;
-        setMessages([...messages, lastMessage]);
-      } else {
-        setMessages([...allMessages, { id, role: 'assistant', content: message, toolCalls: toolInvocations }]);
-      }
-    }, tools);
+        if (lastMessage?.id === id) {
+          lastMessage.content = message;
+          setMessages([...messages, lastMessage]);
+        } else {
+          setMessages([...allMessages, { id, role: 'assistant', content: message, toolCalls: toolInvocations }]);
+        }
+      },
+      tools,
+    );
   };
 
-  return { messages, append, isLoading, setMessages, lastMessage: messages[messages.length - 1] as Message | undefined };
+  return {
+    messages,
+    append,
+    isLoading,
+    setMessages,
+    lastMessage: messages[messages.length - 1] as Message | undefined,
+  };
 }

package/src/index.ts

@@ -1,12 +1,12 @@
 // Re-export everything
 export * from './components';
-export * from "./hooks/UseChatHook";
-export * from "./plugin/PluginController";
-export * from "./providers/PluginProvider";
-export * from "./cli/types/DatabaseTypes";
-export * from "./utils/difficultyConverter";
-export * from "./utils/PluginUtils";
-export * from "./utils/Language";
-export * from "./fromRimori/PluginTypes";
-export { FirstMessages } from "./components/ai/utils";
-export { AudioController } from "./plugin/AudioController";
+export * from './hooks/UseChatHook';
+export * from './plugin/PluginController';
+export * from './providers/PluginProvider';
+export * from './cli/types/DatabaseTypes';
+export * from './utils/difficultyConverter';
+export * from './utils/PluginUtils';
+export * from './utils/Language';
+export * from './fromRimori/PluginTypes';
+export { FirstMessages } from './components/ai/utils';
+export { AudioController } from './plugin/AudioController';

package/src/plugin/AccomplishmentHandler.ts

@@ -1,11 +1,11 @@
-import { EventBus, EventBusMessage } from "../fromRimori/EventBus";
+import { EventBus, EventBusMessage } from '../fromRimori/EventBus';
 
 export type AccomplishmentMessage = EventBusMessage<MicroAccomplishmentPayload>;
 
-export const skillCategories = ["reading", "listening", "speaking", "writing", "learning", "community"] as const;
+export const skillCategories = ['reading', 'listening', 'speaking', 'writing', 'learning', 'community'] as const;
 
 interface BaseAccomplishmentPayload {
-  type: "micro" | "macro";
+  type: 'micro' | 'macro';
   skillCategory: (typeof skillCategories)[number];
   /*
   what is the accomplishment? e.g. chapter, flashcard, story, etc.
@@ -25,11 +25,11 @@ interface BaseAccomplishmentPayload {
 }
 
 export interface MicroAccomplishmentPayload extends BaseAccomplishmentPayload {
-  type: "micro";
+  type: 'micro';
 }
 
 export interface MacroAccomplishmentPayload extends BaseAccomplishmentPayload {
-  type: "macro";
+  type: 'macro';
   errorRatio: number;
   durationMinutes: number;
 }
@@ -43,14 +43,17 @@ export class AccomplishmentHandler {
     this.pluginId = pluginId;
   }
 
-  emitAccomplishment(payload: Omit<AccomplishmentPayload, "type">) {
-    const accomplishmentPayload = { ...payload, type: "durationMinutes" in payload ? "macro" : "micro" } as AccomplishmentPayload;
+  emitAccomplishment(payload: Omit<AccomplishmentPayload, 'type'>) {
+    const accomplishmentPayload = {
+      ...payload,
+      type: 'durationMinutes' in payload ? 'macro' : 'micro',
+    } as AccomplishmentPayload;
 
     this.validateAccomplishment(accomplishmentPayload);
 
     const sanitizedPayload = this.sanitizeAccomplishment(accomplishmentPayload);
 
-    const topic = "global.accomplishment.trigger" + (accomplishmentPayload.type === "macro" ? "Macro" : "Micro");
+    const topic = 'global.accomplishment.trigger' + (accomplishmentPayload.type === 'macro' ? 'Macro' : 'Micro');
 
     EventBus.emit(this.pluginId, topic, sanitizedPayload);
   }
@@ -62,53 +65,59 @@ export class AccomplishmentHandler {
 
     //regex validate accomplishmentKeyword
     if (!/^[a-z_-]+$/.test(payload.accomplishmentKeyword)) {
-      throw new Error(`The accomplishment keyword: ${payload.accomplishmentKeyword} is invalid. Only lowercase letters, minuses and underscores are allowed`);
+      throw new Error(
+        `The accomplishment keyword: ${payload.accomplishmentKeyword} is invalid. Only lowercase letters, minuses and underscores are allowed`,
+      );
     }
 
     //description is required
     if (payload.description.length < 10) {
-      throw new Error("Description is too short");
+      throw new Error('Description is too short');
     }
 
     //check that the type is valid
-    if (!["micro", "macro"].includes(payload.type)) {
-      throw new Error("Invalid accomplishment type " + payload.type);
+    if (!['micro', 'macro'].includes(payload.type)) {
+      throw new Error('Invalid accomplishment type ' + payload.type);
     }
 
     //durationMinutes is required
-    if (payload.type === "macro" && payload.durationMinutes < 4) {
-      throw new Error("The duration must be at least 4 minutes");
+    if (payload.type === 'macro' && payload.durationMinutes < 4) {
+      throw new Error('The duration must be at least 4 minutes');
     }
 
     //errorRatio is required
-    if (payload.type === "macro" && (payload.errorRatio < 0 || payload.errorRatio > 1)) {
-      throw new Error("The error ratio must be between 0 and 1");
+    if (payload.type === 'macro' && (payload.errorRatio < 0 || payload.errorRatio > 1)) {
+      throw new Error('The error ratio must be between 0 and 1');
     }
 
     //regex check meta data key
     if (payload.meta) {
-      payload.meta.forEach(meta => {
+      payload.meta.forEach((meta) => {
         if (!/^[a-z_]+$/.test(meta.key)) {
-          throw new Error("Invalid meta data key " + meta.key + ", only lowercase letters and underscores are allowed");
+          throw new Error('Invalid meta data key ' + meta.key + ', only lowercase letters and underscores are allowed');
         }
       });
     }
   }
 
   private sanitizeAccomplishment(payload: AccomplishmentPayload) {
-    payload.description = payload.description.replace(/[^\x20-\x7E]/g, "");
+    payload.description = payload.description.replace(/[^\x20-\x7E]/g, '');
 
     payload.meta?.forEach((meta) => {
-      meta.description = meta.description.replace(/[^\x20-\x7E]/g, "");
+      meta.description = meta.description.replace(/[^\x20-\x7E]/g, '');
     });
 
     return payload;
   }
 
   private getDecoupledTopic(topic: string) {
-    const [plugin, skillCategory, accomplishmentKeyword] = topic.split(".");
+    const [plugin, skillCategory, accomplishmentKeyword] = topic.split('.');
 
-    return { plugin: plugin || "*", skillCategory: skillCategory || "*", accomplishmentKeyword: accomplishmentKeyword || "*" };
+    return {
+      plugin: plugin || '*',
+      skillCategory: skillCategory || '*',
+      accomplishmentKeyword: accomplishmentKeyword || '*',
+    };
   }
 
   /**
@@ -116,30 +125,39 @@ export class AccomplishmentHandler {
    * @param accomplishmentTopic - The topic of the accomplishment event. The pattern can be any pattern of plugin.skillCategory.accomplishmentKeyword or an * as wildcard for any plugin, skill category or accomplishment keyword
    * @param callback - The callback function to be called when the accomplishment event is triggered
    */
-  subscribe(accomplishmentTopics = "*" as string | string[], callback: (payload: EventBusMessage<AccomplishmentPayload>) => void) {
-    if (typeof accomplishmentTopics === "string") {
+  subscribe(
+    accomplishmentTopics = '*' as string | string[],
+    callback: (payload: EventBusMessage<AccomplishmentPayload>) => void,
+  ) {
+    if (typeof accomplishmentTopics === 'string') {
       accomplishmentTopics = [accomplishmentTopics];
     }
 
     accomplishmentTopics.forEach((accomplishmentTopic) => {
-      const topicLength = accomplishmentTopic.split(".").length
+      const topicLength = accomplishmentTopic.split('.').length;
       if (topicLength === 1) {
-        accomplishmentTopic += ".*.*"
+        accomplishmentTopic += '.*.*';
       } else if (topicLength === 2) {
-        accomplishmentTopic += ".*"
+        accomplishmentTopic += '.*';
       } else if (topicLength !== 3) {
-        throw new Error("Invalid accomplishment topic pattern. The pattern must be plugin.skillCategory.accomplishmentKeyword or an * as wildcard for any plugin, skill category or accomplishment keyword");
+        throw new Error(
+          'Invalid accomplishment topic pattern. The pattern must be plugin.skillCategory.accomplishmentKeyword or an * as wildcard for any plugin, skill category or accomplishment keyword',
+        );
       }
 
-      EventBus.on<AccomplishmentPayload>(["global.accomplishment.triggerMicro", "global.accomplishment.triggerMacro"], (event) => {
-        const { plugin, skillCategory, accomplishmentKeyword } = this.getDecoupledTopic(accomplishmentTopic);
+      EventBus.on<AccomplishmentPayload>(
+        ['global.accomplishment.triggerMicro', 'global.accomplishment.triggerMacro'],
+        (event) => {
+          const { plugin, skillCategory, accomplishmentKeyword } = this.getDecoupledTopic(accomplishmentTopic);
 
-        if (plugin !== "*" && event.sender !== plugin) return;
-        if (skillCategory !== "*" && event.data.skillCategory !== skillCategory) return;
-        if (accomplishmentKeyword !== "*" && event.data.accomplishmentKeyword !== accomplishmentKeyword) return;
+          if (plugin !== '*' && event.sender !== plugin) return;
+          if (skillCategory !== '*' && event.data.skillCategory !== skillCategory) return;
+          if (accomplishmentKeyword !== '*' && event.data.accomplishmentKeyword !== accomplishmentKeyword) return;
 
-        callback(event);
-      }, [this.pluginId]);
+          callback(event);
+        },
+        [this.pluginId],
+      );
     });
   }
 }

package/src/plugin/AudioController.ts

@@ -1,8 +1,8 @@
-import { EventBus } from "../fromRimori/EventBus";
+import { EventBus } from '../fromRimori/EventBus';
 
 /**
  * AudioController is a class that provides methods to record audio. It is a wrapper around the Capacitor Voice Recorder plugin. For more information, see https://github.com/tchvu3/capacitor-voice-recorder.
- * 
+ *
  * @example
  * const audioController = new AudioController();
  * await audioController.startRecording();
@@ -16,43 +16,49 @@ export class AudioController {
 
   /**
    * Start the recording.
-   * 
+   *
    * @example
    * const audioController = new AudioController();
    * await audioController.startRecording();
    * @returns void
    */
   public async startRecording(): Promise<void> {
-    EventBus.emit(this.pluginId, "global.microphone.triggerStartRecording");
+    EventBus.emit(this.pluginId, 'global.microphone.triggerStartRecording');
   }
 
   /**
    * Stop the recording and return the audio data.
    * @returns The audio data.
-   * 
-   * @example 
+   *
+   * @example
    * const audioRef = new Audio(`data:${mimeType};base64,${base64Sound}`)
    * audioRef.oncanplaythrough = () => audioRef.play()
    * audioRef.load()
    */
-  public async stopRecording(): Promise<{ recording: Blob, msDuration: number, mimeType: string }> {
-    const result = await EventBus.request<{ recording: Blob, msDuration: number, mimeType: string }>(this.pluginId, "global.microphone.triggerStopRecording");
+  public async stopRecording(): Promise<{ recording: Blob; msDuration: number; mimeType: string }> {
+    const result = await EventBus.request<{ recording: Blob; msDuration: number; mimeType: string }>(
+      this.pluginId,
+      'global.microphone.triggerStopRecording',
+    );
 
     return result.data;
   }
 
   public async pauseRecording(): Promise<boolean> {
-    const result = await EventBus.request<boolean>(this.pluginId, "global.microphone.triggerPauseRecording");
+    const result = await EventBus.request<boolean>(this.pluginId, 'global.microphone.triggerPauseRecording');
     return result.data;
   }
 
   public async resumeRecording(): Promise<boolean> {
-    const result = await EventBus.request<boolean>(this.pluginId, "global.microphone.triggerResumeRecording");
+    const result = await EventBus.request<boolean>(this.pluginId, 'global.microphone.triggerResumeRecording');
     return result.data;
   }
 
-  public async getCurrentStatus(): Promise<"RECORDING" | "PAUSED" | "NONE"> {
-    const result = await EventBus.request<"RECORDING" | "PAUSED" | "NONE">(this.pluginId, "global.microphone.triggerGetCurrentStatus");
+  public async getCurrentStatus(): Promise<'RECORDING' | 'PAUSED' | 'NONE'> {
+    const result = await EventBus.request<'RECORDING' | 'PAUSED' | 'NONE'>(
+      this.pluginId,
+      'global.microphone.triggerGetCurrentStatus',
+    );
     return result.data;
   }
 }

package/src/plugin/Logger.ts

@@ -62,7 +62,7 @@ export class Logger {
       info: console.info,
       warn: console.warn,
       error: console.error,
-      debug: console.debug
+      debug: console.debug,
     };
 
     // Override console methods globally
@@ -82,8 +82,8 @@ export class Logger {
       const logs = {
         logs: this.logs,
         pluginId: rimori.plugin.pluginId,
-        timestamp: new Date().toISOString()
-      }
+        timestamp: new Date().toISOString(),
+      };
       this.logs = [];
       this.logIdCounter = 0;
       return logs;
@@ -129,7 +129,7 @@ export class Logger {
     if (typeof window === 'undefined' || typeof history === 'undefined') return;
 
     // Clear logs on browser back/forward
-    window.addEventListener('popstate', () => this.logs = []);
+    window.addEventListener('popstate', () => (this.logs = []));
 
     // Override history methods to clear logs on programmatic navigation
     const originalPushState = history.pushState;
@@ -158,7 +158,7 @@ export class Logger {
     setInterval(checkUrlChange, 100);
 
     // Also listen for hash changes (for hash-based routing)
-    window.addEventListener('hashchange', () => this.logs = []);
+    window.addEventListener('hashchange', () => (this.logs = []));
   }
 
   /**
@@ -167,35 +167,81 @@ export class Logger {
   private overrideConsoleMethods(): void {
     // Override console.log
     console.log = (...args: any[]) => {
-      this.originalConsole.log(...args);
+      const { location, style } = this.getCallerLocation();
+      this.originalConsole.log(location, style, ...args);
       this.handleConsoleCall('info', args);
     };
 
     // Override console.info
     console.info = (...args: any[]) => {
-      this.originalConsole.info(...args);
+      const { location, style } = this.getCallerLocation();
+      this.originalConsole.info(location, style, ...args);
       this.handleConsoleCall('info', args);
     };
 
     // Override console.warn
     console.warn = (...args: any[]) => {
-      this.originalConsole.warn(...args);
+      const { location, style } = this.getCallerLocation();
+      this.originalConsole.warn(location, style, ...args);
       this.handleConsoleCall('warn', args);
     };
 
     // Override console.error
     console.error = (...args: any[]) => {
-      this.originalConsole.error(...args);
+      const { location, style } = this.getCallerLocation();
+      this.originalConsole.error(location, style, ...args);
       this.handleConsoleCall('error', args);
     };
 
     // Override console.debug
     console.debug = (...args: any[]) => {
-      this.originalConsole.debug(...args);
+      const { location, style } = this.getCallerLocation();
+      this.originalConsole.debug(location, style, ...args);
       this.handleConsoleCall('debug', args);
     };
   }
 
+  /**
+   * Get caller information from stack trace.
+   * @returns Object with location string and CSS style, or empty values for production
+   */
+  private getCallerLocation(): { location: string; style: string } {
+    const emptyResult = { location: '', style: '' };
+    const style = 'color: #0063A2; font-weight: bold;';
+
+    if (this.isProduction) return emptyResult;
+
+    try {
+      const stack = new Error().stack;
+      if (!stack) return emptyResult;
+
+      const stackLines = stack.split('\n');
+      // Skip the first 3 lines: Error, getCallerLocation, overrideConsoleMethods wrapper
+      const callerLine = stackLines[3];
+
+      if (!callerLine) return emptyResult;
+
+      // Extract file name and line number from stack trace
+      // Format: "at functionName (file:line:column)" or "at file:line:column"
+      const match = callerLine.match(/(?:at\s+.*?\s+\()?([^/\\(]+\.(?:ts|tsx|js|jsx)):(\d+):(\d+)\)?/);
+
+      if (match) {
+        const [, fileName, lineNumber] = match;
+        return { style, location: `%c[${fileName}:${lineNumber}]` };
+      }
+
+      // Fallback: try to extract just the file name
+      const simpleMatch = callerLine.match(/([^/\\]+\.(?:ts|tsx|js|jsx))/);
+      if (simpleMatch) {
+        return { style, location: `%c[${simpleMatch[1]}]` };
+      }
+
+      return emptyResult;
+    } catch (error) {
+      return emptyResult;
+    }
+  }
+
   /**
    * Track mouse position for screenshot context.
    */
@@ -205,7 +251,7 @@ export class Logger {
         this.mousePosition = {
           x: event.clientX,
           y: event.clientY,
-          timestamp: new Date().toISOString()
+          timestamp: new Date().toISOString(),
         };
       };
 
@@ -226,9 +272,16 @@ export class Logger {
     }
 
     // Convert console arguments to message and data
-    const message = args.map(arg =>
-      typeof arg === 'object' ? JSON.stringify(arg) : String(arg)
-    ).join(' ');
+    const message = args
+      .map((arg) => {
+        if (typeof arg !== 'object') return arg;
+        try {
+          return JSON.stringify(arg);
+        } catch (error: any) {
+          return 'Error adding object to log: ' + error.message + ' ' + String(arg);
+        }
+      })
+      .join(' ');
 
     const data = args.length > 1 ? args.slice(1) : undefined;
 
@@ -248,7 +301,7 @@ export class Logger {
       onLine: navigator.onLine,
       screenResolution: `${screen.width}x${screen.height}`,
       windowSize: `${window.innerWidth}x${window.innerHeight}`,
-      timestamp: new Date().toISOString()
+      timestamp: new Date().toISOString(),
     };
   }
 
@@ -273,7 +326,12 @@ export class Logger {
    * @param data - Additional data
    * @returns Log entry
    */
-  private async createLogEntry(level: LogLevel, message: string, data?: any, forceScreenshot?: boolean): Promise<LogEntry> {
+  private async createLogEntry(
+    level: LogLevel,
+    message: string,
+    data?: any,
+    forceScreenshot?: boolean,
+  ): Promise<LogEntry> {
     const context: Partial<LogEntry['context']> = {};
 
     // Add URL if available
@@ -284,7 +342,7 @@ export class Logger {
         level,
         message,
         data,
-      }
+      };
     }
 
     context.url = window.location.href;
@@ -295,7 +353,7 @@ export class Logger {
 
     // Add screenshot and mouse position if level is error or warn
     if (level === 'error' || level === 'warn' || forceScreenshot) {
-      context.screenshot = await this.captureScreenshot() || undefined;
+      context.screenshot = (await this.captureScreenshot()) || undefined;
       context.mousePosition = this.mousePosition || undefined;
     }
 
@@ -305,7 +363,7 @@ export class Logger {
       level,
       message,
       data,
-      context: context as LogEntry['context']
+      context: context as LogEntry['context'],
     };
   }