@rimori/client 2.2.0 → 2.3.0-next.2

package/src/fromRimori/EventBus.ts

@@ -3,9 +3,9 @@ export type EventPayload = Record<string, any>;
 
 /**
  * Interface representing a message sent through the EventBus
- * 
+ *
  * Debug capabilities:
- * - System-wide debugging: Send an event to "global.system.requestDebug" 
+ * - System-wide debugging: Send an event to "global.system.requestDebug"
  *   Example: `EventBus.emit("yourPluginId", "global.system.requestDebug");`
  */
 export interface EventBusMessage<T = EventPayload> {
@@ -39,8 +39,8 @@ export class EventBusHandler {
   private listeners: Map<string, Set<Listeners<EventPayload>>> = new Map();
   private responseResolvers: Map<number, (value: EventBusMessage<unknown>) => void> = new Map();
   private static instance: EventBusHandler | null = null;
-  private debugEnabled: boolean = false;
-  private evName: string = "";
+  private debugEnabled = false;
+  private evName = '';
 
   private constructor() {
     //private constructor
@@ -50,12 +50,16 @@ export class EventBusHandler {
     if (!EventBusHandler.instance) {
       EventBusHandler.instance = new EventBusHandler();
 
-      EventBusHandler.instance.on("global.system.requestDebug", () => {
+      EventBusHandler.instance.on('global.system.requestDebug', () => {
         EventBusHandler.instance!.debugEnabled = true;
-        console.log(`[${EventBusHandler.instance!.evName}] Debug mode enabled. Make sure debugging messages are enabled in the browser console.`);
+        console.log(
+          `[${
+            EventBusHandler.instance!.evName
+          }] Debug mode enabled. Make sure debugging messages are enabled in the browser console.`,
+        );
       });
     }
-    if (name && EventBusHandler.instance.evName === "") {
+    if (name && EventBusHandler.instance.evName === '') {
       EventBusHandler.instance.evName = name;
     }
     return EventBusHandler.instance;
@@ -80,9 +84,9 @@ export class EventBusHandler {
    * @param topic - The topic of the event.
    * @param data - The data of the event.
    * @param eventId - The event id of the event.
-   * 
+   *
    * The topic format is: **pluginId.area.action**
-   * 
+   *
    * Example topics:
    * - pl1234.card.requestHard
    * - pl1234.card.requestNew
@@ -96,7 +100,13 @@ export class EventBusHandler {
     this.emitInternal(sender, topic, data || {}, eventId);
   }
 
-  private emitInternal(sender: string, topic: string, data: EventPayload, eventId?: number, skipResponseTrigger = false): void {
+  private emitInternal(
+    sender: string,
+    topic: string,
+    data: EventPayload,
+    eventId?: number,
+    skipResponseTrigger = false,
+  ): void {
     if (!this.validateTopic(topic)) {
       this.logAndThrowError(false, `Invalid topic: ` + topic);
       return;
@@ -105,7 +115,7 @@ export class EventBusHandler {
     const event = this.createEvent(sender, topic, data, eventId);
 
     const handlers = this.getMatchingHandlers(event.topic);
-    handlers.forEach(handler => {
+    handlers.forEach((handler) => {
       if (handler.ignoreSender && handler.ignoreSender.includes(sender)) {
         // console.log("ignore event as its in the ignoreSender list", { event, ignoreList: handler.ignoreSender });
         return;
@@ -132,8 +142,12 @@ export class EventBusHandler {
    * @param ignoreSender - The senders to ignore.
    * @returns An EventListener object containing an off() method to unsubscribe the listeners.
    */
-  public on<T = EventPayload>(topics: string | string[], handler: EventHandler<T>, ignoreSender: string[] = []): EventListener {
-    const ids = this.toArray(topics).map(topic => {
+  public on<T = EventPayload>(
+    topics: string | string[],
+    handler: EventHandler<T>,
+    ignoreSender: string[] = [],
+  ): EventListener {
+    const ids = this.toArray(topics).map((topic) => {
       this.logIfDebug(`Subscribing to ` + topic, { ignoreSender });
       if (!this.validateTopic(topic)) {
         this.logAndThrowError(true, `Invalid topic: ` + topic);
@@ -144,17 +158,35 @@ export class EventBusHandler {
       }
       const id = Math.floor(Math.random() * 10000000000);
 
-      // Type assertion to handle the generic type mismatch
-      const eventHandler = handler as unknown as EventHandler<EventPayload>;
+      // To prevent infinite loops and processing the same eventId multiple times
+      const blackListedEventIds: { eventId: number; sender: string }[] = [];
+      const eventHandler = (data: EventBusMessage) => {
+        if (blackListedEventIds.some((item) => item.eventId === data.eventId && item.sender === data.sender)) {
+          console.log('BLACKLISTED EVENT ID', data.eventId, data);
+          return;
+        }
+        blackListedEventIds.push({
+          eventId: data.eventId,
+          sender: data.sender,
+        });
+        if (blackListedEventIds.length > 100) {
+          blackListedEventIds.shift();
+        }
+        return (handler as unknown as EventHandler<EventPayload>)(data);
+      };
+
       this.listeners.get(topic)!.add({ id, handler: eventHandler, ignoreSender });
 
-      this.logIfDebug(`Subscribed to ` + topic, { listenerId: id, ignoreSender });
+      this.logIfDebug(`Subscribed to ` + topic, {
+        listenerId: id,
+        ignoreSender,
+      });
 
       return btoa(JSON.stringify({ topic, id }));
     });
 
     return {
-      off: () => this.off(ids)
+      off: () => this.off(ids),
     };
   }
 
@@ -165,33 +197,41 @@ export class EventBusHandler {
    * @param handler - The handler to be called when the event is received. The handler returns the data to be emitted. Can be a static object or a function.
    * @returns An EventListener object containing an off() method to unsubscribe the listeners.
    */
-  public respond(sender: string, topic: string | string[], handler: EventPayload | ((data: EventBusMessage) => EventPayload | Promise<EventPayload>)): EventListener {
+  public respond(
+    sender: string,
+    topic: string | string[],
+    handler: EventPayload | ((data: EventBusMessage) => EventPayload | Promise<EventPayload>),
+  ): EventListener {
     const topics = Array.isArray(topic) ? topic : [topic];
-    const listeners = topics.map(topic => {
+    const listeners = topics.map((topic) => {
       const blackListedEventIds: number[] = [];
       //To allow event communication inside the same plugin the sender needs to be ignored but the events still need to be checked for the same event just reaching the subscriber to prevent infinite loops
-      const finalIgnoreSender = !topic.startsWith("self.") ? [sender] : [];
-
-      const listener = this.on(topic, async (data: EventBusMessage) => {
-        if (blackListedEventIds.includes(data.eventId)) {
-          // console.log("BLACKLISTED EVENT ID", data.eventId);
-          return;
-        }
-        blackListedEventIds.push(data.eventId);
-        if (blackListedEventIds.length > 20) {
-          blackListedEventIds.shift();
-        }
-        const response = typeof handler === "function" ? await handler(data) : handler;
-        this.emit(sender, topic, response, data.eventId);
-      }, finalIgnoreSender);
-
-      this.logIfDebug(`Added respond listener ` + sender + " to topic " + topic, { listener, sender });
+      const finalIgnoreSender = !topic.startsWith('self.') ? [sender] : [];
+
+      const listener = this.on(
+        topic,
+        async (data: EventBusMessage) => {
+          if (blackListedEventIds.includes(data.eventId)) {
+            // console.log("BLACKLISTED EVENT ID", data.eventId);
+            return;
+          }
+          blackListedEventIds.push(data.eventId);
+          if (blackListedEventIds.length > 100) {
+            blackListedEventIds.shift();
+          }
+          const response = typeof handler === 'function' ? await handler(data) : handler;
+          this.emit(sender, topic, response, data.eventId);
+        },
+        finalIgnoreSender,
+      );
+
+      this.logIfDebug(`Added respond listener ` + sender + ' to topic ' + topic, { listener, sender });
       return {
-        off: () => listener.off()
+        off: () => listener.off(),
       };
     });
     return {
-      off: () => listeners.forEach(listener => listener.off())
+      off: () => listeners.forEach((listener) => listener.off()),
     };
   }
 
@@ -206,7 +246,7 @@ export class EventBusHandler {
       return;
     }
 
-    let listener: EventListener | undefined;
+    let listener: EventListener | undefined = undefined;
     const wrapper = (event: EventBusMessage<T>) => {
       handler(event);
       listener?.off();
@@ -221,15 +261,18 @@ export class EventBusHandler {
    * @param listenerIds - The ids of the listeners to unsubscribe from.
    */
   private off(listenerIds: string | string[]): void {
-    this.toArray(listenerIds).forEach(fullId => {
+    this.toArray(listenerIds).forEach((fullId) => {
       const { topic, id } = JSON.parse(atob(fullId));
 
       const listeners = this.listeners.get(topic) || new Set();
 
-      listeners.forEach(listener => {
+      listeners.forEach((listener) => {
         if (listener.id === Number(id)) {
           listeners.delete(listener);
-          this.logIfDebug(`Removed listener ` + fullId, { topic, listenerId: id });
+          this.logIfDebug(`Removed listener ` + fullId, {
+            topic,
+            listenerId: id,
+          });
         }
       });
     });
@@ -246,7 +289,11 @@ export class EventBusHandler {
    * @param data - The data of the event.
    * @returns A promise that resolves to the event.
    */
-  public async request<T = EventPayload>(sender: string, topic: string, data?: EventPayload): Promise<EventBusMessage<T>> {
+  public async request<T = EventPayload>(
+    sender: string,
+    topic: string,
+    data?: EventPayload,
+  ): Promise<EventBusMessage<T>> {
     if (!this.validateTopic(topic)) {
       this.logAndThrowError(true, `Invalid topic: ` + topic);
     }
@@ -255,8 +302,10 @@ export class EventBusHandler {
 
     this.logIfDebug(`Requesting data from ` + topic, { event });
 
-    return new Promise<EventBusMessage<T>>(resolve => {
-      this.responseResolvers.set(event.eventId, (value: EventBusMessage<unknown>) => resolve(value as EventBusMessage<T>));
+    return new Promise<EventBusMessage<T>>((resolve) => {
+      this.responseResolvers.set(event.eventId, (value: EventBusMessage<unknown>) =>
+        resolve(value as EventBusMessage<T>),
+      );
       this.emitInternal(sender, topic, data || {}, event.eventId, true);
     });
   }
@@ -271,7 +320,7 @@ export class EventBusHandler {
 
     // Find wildcard matches
     const wildcard = [...this.listeners.entries()]
-      .filter(([key]) => key.endsWith("*") && topic.startsWith(key.slice(0, -1)))
+      .filter(([key]) => key.endsWith('*') && topic.startsWith(key.slice(0, -1)))
       .flatMap(([_, handlers]) => [...handlers]);
     return new Set([...exact, ...wildcard]);
   }
@@ -283,32 +332,35 @@ export class EventBusHandler {
    */
   private validateTopic(topic: string): boolean {
     // Split event type into parts
-    const parts = topic.split(".");
+    const parts = topic.split('.');
     const [plugin, area, action] = parts;
 
     if (parts.length !== 3) {
-      if (parts.length === 1 && plugin === "*") {
+      if (parts.length === 1 && plugin === '*') {
         return true;
       }
-      if (parts.length === 2 && plugin !== "*" && area === "*") {
+      if (parts.length === 2 && plugin !== '*' && area === '*') {
         return true;
       }
       this.logAndThrowError(false, `Event type must have 3 parts separated by dots. Received: ` + topic);
       return false;
     }
 
-    if (action === "*") {
+    if (action === '*') {
       return true;
     }
 
     // Validate action part
-    const validActions = ["request", "create", "update", "delete", "trigger"];
+    const validActions = ['request', 'create', 'update', 'delete', 'trigger'];
 
-    if (validActions.some(a => action.startsWith(a))) {
+    if (validActions.some((a) => action.startsWith(a))) {
       return true;
     }
 
-    this.logAndThrowError(false, `Invalid event topic name. The action: ` + action + ". Must be or start with one of: " + validActions.join(", "));
+    this.logAndThrowError(
+      false,
+      `Invalid event topic name. The action: ` + action + '. Must be or start with one of: ' + validActions.join(', '),
+    );
     return false;
   }
 
@@ -327,4 +379,4 @@ export class EventBusHandler {
   }
 }
 
-export const EventBus = EventBusHandler.getInstance();
+export const EventBus = EventBusHandler.getInstance();

package/src/fromRimori/PluginTypes.ts

@@ -1,13 +1,13 @@
 // whole configuration of a plugin (from the database)
-export type Plugin<T extends {} = {}> = Omit<RimoriPluginConfig<T>, 'context_menu_actions'> & {
+export type Plugin<T extends object = object> = Omit<RimoriPluginConfig<T>, 'context_menu_actions'> & {
   version: string;
   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,14 +74,14 @@ 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;
 }
 
 /**
  * Rimori plugin structure representing the complete configuration
  * of a Rimori plugin with all metadata and configuration options.
  */
-export interface RimoriPluginConfig<T extends {} = {}> {
+export interface RimoriPluginConfig<T extends object = object> {
   id: string;
   /**
    * Basic information about the plugin including branding and core details.
@@ -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/index.ts

@@ -12,7 +12,8 @@ export { Translator } from './controller/TranslationController';
 export type { TOptions } from 'i18next';
 export type { SharedContent, SharedContentObjectRequest } from './controller/SharedContentController';
 export type { Exercise } from './controller/ExerciseController';
-export type { UserInfo, Language } from './controller/SettingsController';
+export type { UserInfo, Language, UserRole } from './controller/SettingsController';
 export type { Message, ToolInvocation } from './controller/AIController';
 export type { TriggerAction } from './controller/ExerciseController';
 export type { MacroAccomplishmentPayload, MicroAccomplishmentPayload } from './controller/AccomplishmentController';
+export type { EventBusMessage } from './fromRimori/EventBus';

package/src/plugin/CommunicationHandler.ts

@@ -33,6 +33,17 @@ export interface RimoriInfo {
   mainPanelPlugin?: ActivePlugin;
   sidePanelPlugin?: ActivePlugin;
   interfaceLanguage: string;
+  /**
+   * The release channel of the plugin installation.
+   */
+  releaseChannel: 'alpha' | 'beta' | 'stable';
+  /**
+   * The database schema to use for plugin tables.
+   * Determined by rimori-main based on release channel:
+   * - 'plugins_alpha' for alpha release channel
+   * - 'plugins' for beta and stable release channels
+   */
+  dbSchema: 'plugins' | 'plugins_alpha';
 }
 
 export class RimoriCommunicationHandler {
@@ -56,16 +67,18 @@ export class RimoriCommunicationHandler {
 
   private initMessageChannel(worker = false): void {
     const listener = (event: MessageEvent) => {
-      console.log('[PluginController] window message', { origin: event.origin, data: event.data });
+      // console.log('[PluginController] window message', { origin: event.origin, data: event.data });
       const { type, pluginId, queryParams, rimoriInfo } = event.data || {};
       const [transferredPort] = event.ports || [];
 
       if (type !== 'rimori:init' || !transferredPort || pluginId !== this.pluginId) {
-        console.log('[PluginController] message ignored (not init or wrong plugin)', {
-          type,
-          pluginId,
-          hasPort: !!transferredPort,
-        });
+        // console.log('[PluginController] message ignored (not init or wrong plugin)', {
+        //   type,
+        //   pluginId,
+        //   currentPluginId: this.pluginId,
+        //   hasPortProperty: !!transferredPort,
+        //   event
+        // });
         return;
       }
 
@@ -218,7 +231,7 @@ export class RimoriCommunicationHandler {
       } else {
         // In main thread context, use EventBus
         const { data } = await EventBus.request<RimoriInfo>(this.pluginId, 'global.supabase.requestAccess');
-        console.log({ data });
+        // console.log({ data });
         this.rimoriInfo = data;
         this.supabase = createClient(this.rimoriInfo.url, this.rimoriInfo.key, {
           accessToken: () => Promise.resolve(this.getToken()),

package/src/plugin/Logger.ts

@@ -1,5 +1,4 @@
 import { RimoriClient } from './RimoriClient';
-import html2canvas from 'html2canvas';
 
 type LogLevel = 'debug' | 'info' | 'warn' | 'error';
 
@@ -307,16 +306,29 @@ export class Logger {
 
   /**
    * Capture a screenshot of the current page.
+   * Dynamically imports html2canvas only in browser environments.
    * @returns Promise resolving to base64 screenshot or null if failed
    */
   private async captureScreenshot(): Promise<string | null> {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+    // Only attempt to capture screenshot in browser environments
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      return null;
+    }
+
+    try {
+      // Dynamically import html2canvas only when window is available
+      // html2canvas is an optional peer dependency - provided by @rimori/react-client
+      // In worker builds, this import should be marked as external to prevent bundling
+      const html2canvas = (await import('html2canvas')).default;
       const canvas = await html2canvas(document.body);
       const screenshot = canvas.toDataURL('image/png');
       // this.originalConsole.log("screenshot captured", screenshot)
       return screenshot;
+    } catch (error) {
+      // html2canvas may not be available (e.g., in workers or when not installed)
+      // Silently fail to avoid breaking logging functionality
+      return null;
     }
-    return null;
   }
 
   /**

package/src/plugin/RimoriClient.ts

@@ -39,11 +39,12 @@ export class RimoriClient {
     this.rimoriInfo = info;
     this.superbase = supabase;
     this.pluginController = controller;
-    this.exerciseController = new ExerciseController(supabase);
+    this.exerciseController = new ExerciseController(supabase, this);
     this.accomplishmentHandler = new AccomplishmentController(info.pluginId);
     this.settingsController = new SettingsController(supabase, info.pluginId, info.guild);
     this.sharedContentController = new SharedContentController(supabase, this);
-    this.translator = new Translator(info.interfaceLanguage);
+    const currentPlugin = info.installedPlugins.find((plugin) => plugin.id === info.pluginId);
+    this.translator = new Translator(info.interfaceLanguage, currentPlugin?.endpoint || '');
 
     //only init logger in workers and on main plugin pages
     if (this.getQueryParam('applicationMode') !== 'sidebar') {
@@ -54,6 +55,11 @@ export class RimoriClient {
   public get plugin() {
     return {
       pluginId: this.rimoriInfo.pluginId,
+      /**
+       * The release channel of this plugin installation.
+       * Determines which database schema is used for plugin tables.
+       */
+      releaseChannel: this.rimoriInfo.releaseChannel,
       /**
        * Set the settings for the plugin.
        * @param settings The settings to set.
@@ -122,7 +128,16 @@ export class RimoriClient {
       from: <ViewName extends string & keyof GenericSchema['Views'], View extends GenericSchema['Views'][ViewName]>(
         relation: string,
       ): PostgrestQueryBuilder<GenericSchema, View, ViewName> => {
-        return this.superbase.from(this.db.getTableName(relation));
+        const tableName = this.db.getTableName(relation);
+        // Use the schema determined by rimori-main based on release channel
+        // Global tables (starting with 'global_') remain in public schema
+        // Plugin tables use the schema provided by rimori-main (plugins or plugins_alpha)
+        if (relation.startsWith('global_')) {
+          // Global tables stay in public schema
+          return this.superbase.from(tableName);
+        }
+        // Plugin tables go to the schema provided by rimori-main
+        return this.superbase.schema(this.rimoriInfo.dbSchema).from(tableName);
       },
       // storage: this.superbase.storage,
       // functions: this.superbase.functions,
@@ -130,6 +145,13 @@ export class RimoriClient {
        * The table prefix for of database tables of the plugin.
        */
       tablePrefix: this.rimoriInfo.tablePrefix,
+      /**
+       * The database schema used for plugin tables.
+       * Determined by rimori-main based on release channel:
+       * - 'plugins_alpha' for alpha release channel
+       * - 'plugins' for beta and stable release channels
+       */
+      schema: this.rimoriInfo.dbSchema,
       /**
        * Get the table name for a given plugin table.
        * Internally all tables are prefixed with the plugin id. This function is used to get the correct table name for a given public table.
@@ -243,9 +265,9 @@ export class RimoriClient {
       // this needs to be a emit and on because the main panel action is triggered by the user and not by the plugin
       this.event.emit('action.requestMain');
       this.event.on<MainPanelAction>('action.requestMain', ({ data }) => {
-        console.log('Received action ' + data.action);
-        console.log('Listening to actions', listeningActions);
-        if (actionsToListen.length === 0 || actionsToListen.includes(data.action)) {
+        // console.log('Received action for main panel ' + data.action_key);
+        // console.log('Listening to actions', listeningActions);
+        if (listeningActions.length === 0 || listeningActions.includes(data.action_key)) {
           callback(data);
         }
       });
@@ -256,9 +278,10 @@ export class RimoriClient {
       // this needs to be a emit and on because the main panel action is triggered by the user and not by the plugin
       this.event.emit('action.requestSidebar');
       this.event.on<MainPanelAction>('action.requestSidebar', ({ data }) => {
-        console.log('Received action ' + data.action);
-        console.log('Listening to actions', listeningActions);
-        if (actionsToListen.length === 0 || actionsToListen.includes(data.action)) {
+        // console.log("eventHandler .onSidePanelAction", data);
+        // console.log('Received action for sidebar ' + data.action);
+        // console.log('Listening to actions', listeningActions);
+        if (listeningActions.length === 0 || listeningActions.includes(data.action)) {
           callback(data);
         }
       });