feat(runtime): remove deprecated method

libs/plugin-types/index.d.ts

@@ -92,23 +92,6 @@ export interface Penpot
     props?: { [key: string]: unknown }
   ): symbol;
 
-  /**
-   * Removes an event listener for the specified event type.
-   *
-   * @param type The event type to stop listening for.
-   * @param callback The callback function to remove.
-   *
-   * @example
-   * ```js
-   * penpot.off('pagechange', () => {...do something}).
-   * ```
-   * @deprecated this method should not be used. Use instead off sending the `listenerId` (return value from `on` method)
-   */
-  off<T extends keyof EventsMap>(
-    type: T,
-    callback?: (event: EventsMap[T]) => void
-  ): void;
-
   /**
    * Removes an event listener for the specified event type.
    *

libs/plugins-runtime/src/lib/api/index.ts

@@ -124,11 +124,8 @@ export function createApi(
       return plugin.registerListener(type, callback, props);
     },
 
-    off<T extends keyof EventsMap>(
+    off(eventId: symbol): void {
-      idtype: symbol | T,
+      plugin.destroyListener(eventId);
-      callback?: (event: EventsMap[T]) => void
-    ): void {
-      plugin.destroyListener(idtype, callback);
     },
 
     // Penpot State API

libs/plugins-runtime/src/lib/models/plugin.model.ts

@@ -5,8 +5,3 @@ export type RegisterListener = <K extends keyof EventsMap>(
   event: (arg: EventsMap[K]) => void,
   props?: { [key: string]: unknown }
 ) => symbol;
-
-export type DestroyListener = <K extends keyof EventsMap>(
-  id: symbol | K,
-  event?: (arg: EventsMap[K]) => void
-) => void;

libs/plugins-runtime/src/lib/plugin-manager.ts

@@ -5,7 +5,7 @@ import { Manifest } from './models/manifest.model.js';
 import { PluginModalElement } from './modal/plugin-modal.js';
 import { openUIApi } from './api/openUI.api.js';
 import { OpenUIOptions } from './models/open-ui-options.model.js';
-import { RegisterListener, DestroyListener } from './models/plugin.model.js';
+import { RegisterListener } from './models/plugin.model.js';
 
 export async function createPluginManager(
   context: Context,
@@ -31,20 +31,17 @@ export async function createPluginManager(
     context?.removeListener(listenerId);
   });
 
-  // TODO: Remove when deprecating method `off`
+  let listeners: symbol[] = [];
-  let listeners: { [key: string]: Map<object, symbol> } = {};
 
   const removeAllEventListeners = () => {
-    context.removeListener(themeChangeId);
+    destroyListener(themeChangeId);
 
-    Object.entries(listeners).forEach(([, map]) => {
+    listeners.forEach((id) => {
-      map.forEach((id) => {
+      destroyListener(id);
-        destroyListener(id);
-      });
     });
 
     uiMessagesCallbacks = [];
-    listeners = {};
+    listeners = [];
   };
 
   const closePlugin = () => {
@@ -115,25 +112,13 @@ export async function createPluginManager(
       props
     );
 
-    if (!listeners[type]) {
+    listeners.push(id);
-      listeners[type] = new Map<object, symbol>();
+
-    }
-    listeners[type].set(callback, id);
     return id;
   };
 
-  const destroyListener: DestroyListener = (idtype, callback) => {
+  const destroyListener = (listenerId: symbol) => {
-    let listenerId: symbol | undefined;
+    context.removeListener(listenerId);
-
-    if (typeof idtype === 'symbol') {
-      listenerId = idtype;
-    } else if (callback) {
-      listenerId = listeners[idtype].get(callback);
-    }
-
-    if (listenerId) {
-      context.removeListener(listenerId);
-    }
   };
 
   return {