@mundoit-lib/plugin-vue-event 1.0.1 → 2.0.2

package/package.json

@@ -1,81 +1,101 @@
 {
   "name": "@mundoit-lib/plugin-vue-event",
-  "version": "1.0.1",
-  "description": "Vue 3 plugin to handle global events between components, inspired by vue-events. This plugin provides a simple and efficient event bus system, allowing to emit, listen and unregister events in an intuitive way. Compatible with Vue 2 and Vue 3.",
+  "version": "2.0.2",
+  "description": "Plugin de Vue 3 con un bus de eventos global basado en mitt: $events, la opción de componente events: y useEvents() con auto-desregistro, con eventos tipados por module augmentation.",
+  "keywords": [
+    "custom-events",
+    "event-bus",
+    "event-system",
+    "events",
+    "frontend",
+    "javascript",
+    "vue",
+    "vue-events",
+    "vue-global-events",
+    "vue-library",
+    "vue-plugin",
+    "vue-plugin-event-bus",
+    "vue-plugin-events",
+    "vue3"
+  ],
+  "homepage": "https://github.com/mundoit-lib/monorepo/tree/main/packages/plugin-vue-event#readme",
+  "bugs": {
+    "url": "https://github.com/mundoit-lib/monorepo/issues"
+  },
   "license": "MIT",
+  "author": "@mundoit-lib",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mundoit-lib/monorepo.git",
+    "directory": "packages/plugin-vue-event"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./plugin": {
-      "types": "./dist/plugin.d.ts",
-      "import": "./dist/plugin.js",
-      "require": "./dist/plugin.cjs"
+      "import": {
+        "types": "./dist/plugin.d.ts",
+        "default": "./dist/plugin.js"
+      },
+      "require": {
+        "types": "./dist/plugin.d.cts",
+        "default": "./dist/plugin.cjs"
+      }
     },
     "./eventBus": {
-      "types": "./dist/eventBus.d.ts",
-      "import": "./dist/eventBus.js",
-      "require": "./dist/eventBus.cjs"
+      "import": {
+        "types": "./dist/eventBus.d.ts",
+        "default": "./dist/eventBus.js"
+      },
+      "require": {
+        "types": "./dist/eventBus.d.cts",
+        "default": "./dist/eventBus.cjs"
+      }
+    },
+    "./useEvents": {
+      "import": {
+        "types": "./dist/useEvents.d.ts",
+        "default": "./dist/useEvents.js"
+      },
+      "require": {
+        "types": "./dist/useEvents.d.cts",
+        "default": "./dist/useEvents.cjs"
+      }
     }
   },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mundoit-lib/plugin-vue-event"
-  },
-  "bugs": {
-    "url": "https://github.com/mundoit-lib/plugin-vue-event/issues"
-  },
-  "homepage": "https://github.com/mundoit-lib/plugin-vue-event",
-  "keywords": [
-    "vue",
-    "vue3",
-    "vue2",
-    "vue-plugin",
-    "events",
-    "event-bus",
-    "custom-events",
-    "vue-global-events",
-    "vue-plugin-event-bus",
-    "vue-plugin-events",
-    "vue-events",
-    "javascript",
-    "event-system",
-    "frontend",
-    "vue-library"
-  ],
-  "author": "@mundoit-lib",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsup",
-    "clean": "rm -rf dist && rm -rf node_modules",
-    "postinstall": "vue-demi-fix"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "mitt": "^3.0.1",
-    "vue-demi": "0.14.10"
+    "mitt": "^3.0.1"
   },
   "devDependencies": {
-    "@types/node": "^22.19.1",
-    "tsup": "^8.5.1",
-    "typescript": "5.9.3"
+    "@mundoit-lib/tsconfig": "0.0.0",
+    "@mundoit-lib/tsdown-config": "0.0.0"
   },
   "peerDependencies": {
-    "@vue/composition-api": "^1.0.0-rc.1",
-    "vue": "^2.0.0 || >=3.0.0"
+    "vue": "^3.3.0"
   },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    }
+  "scripts": {
+    "test": "vitest run --config ../../vitest.config.ts",
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "check:exports": "publint && attw --pack . --profile node16"
   }
-}
+}

package/src/eventBus.ts

@@ -1,72 +0,0 @@
-import mitt, { type Emitter, type EventType, type Handler } from 'mitt';
-
-// Define el tipo de eventos de tu aplicación
-// Puedes extender este tipo según tus necesidades
-export type EventBusEvents = Record<EventType, any>;
-
-// Tipos para los listeners
-type EventListener<T = any> = (args: T) => void;
-type UnwrappedHandler<T = any> = (...args: any[]) => T;
-
-// Exportamos una única instancia del event bus
-export const eventBus: Emitter<EventBusEvents> = mitt<EventBusEvents>();
-
-// Interface para el retorno de useEventBus
-export interface EventBusInstance {
-  emit<K extends keyof EventBusEvents>(event: K, ...args: any[]): void;
-  on<K extends keyof EventBusEvents>(
-    event: K,
-    callback: UnwrappedHandler
-  ): Handler<EventBusEvents[K]>;
-  fire<K extends keyof EventBusEvents>(event: K, ...args: any[]): void;
-  off<K extends keyof EventBusEvents>(
-    event: K,
-    listener: Handler<EventBusEvents[K]>
-  ): void;
-  once<K extends keyof EventBusEvents>(
-    event: K,
-    callback: UnwrappedHandler
-  ): Handler<EventBusEvents[K]>;
-}
-
-// Exportamos helpers para usar en composables o archivos JS/TS
-export const useEventBus = (): EventBusInstance => {
-  return {
-    emit<K extends keyof EventBusEvents>(event: K, ...args: any[]): void {
-      eventBus.emit(event, args);
-    },
-    
-    on<K extends keyof EventBusEvents>(
-      event: K,
-      callback: UnwrappedHandler
-    ): Handler<EventBusEvents[K]> {
-      const listener: Handler<EventBusEvents[K]> = (args: any) => callback(...args);
-      eventBus.on(event, listener);
-      return listener;
-    },
-    
-    fire<K extends keyof EventBusEvents>(event: K, ...args: any[]): void {
-      eventBus.emit(event, args);
-    },
-    
-    off<K extends keyof EventBusEvents>(
-      event: K,
-      listener: Handler<EventBusEvents[K]>
-    ): void {
-      eventBus.off(event, listener);
-    },
-    
-    once<K extends keyof EventBusEvents>(
-      event: K,
-      callback: UnwrappedHandler
-    ): Handler<EventBusEvents[K]> {
-      const listener: Handler<EventBusEvents[K]> = (args: any) => callback(...args);
-      const wrappedListener: Handler<EventBusEvents[K]> = (args: any) => {
-        listener(args);
-        eventBus.off(event, wrappedListener);
-      };
-      eventBus.on(event, wrappedListener);
-      return wrappedListener;
-    }
-  };
-};

package/src/index.ts

@@ -1,3 +0,0 @@
-export { eventBus, useEventBus } from './eventBus';
-export { default as eventsPlugin } from './plugin';
-export type { EventBusInstance, EventBusEvents } from './eventBus';

package/src/plugin.ts

@@ -1,91 +0,0 @@
-import { isVue2, isVue3 } from 'vue-demi';
-import type { App, ComponentOptions } from 'vue-demi';
-import { useEventBus, type EventBusInstance } from './eventBus';
-
-// Tipos para Vue 2
-interface Vue2Constructor {
-  prototype: any;
-  mixin: (options: any) => void;
-}
-
-// Tipos para las opciones de componentes extendidas
-interface ComponentWithEvents extends ComponentOptions {
-  events?: Record<string, (...args: any[]) => void>;
-}
-
-// Tipo interno para los listeners almacenados
-interface StoredListener {
-  event: string;
-  listener: any;
-}
-
-// Extensión de tipos para Vue 2
-interface Vue2Instance {
-  $options: ComponentWithEvents;
-  _eventListeners?: StoredListener[];
-  $events?: EventBusInstance;
-}
-// Sobrecarga de tipos para el plugin
-function plugin(app: App): void;
-function plugin(Vue: Vue2Constructor): void;
-function plugin(VueOrApp: App | Vue2Constructor): void {
-  const bus = useEventBus();
-
-  if (isVue3) {
-    // Vue 3
-    const app = VueOrApp as App;
-    app.config.globalProperties.$events = bus;
-    
-    app.mixin({
-      beforeCreate(this: any) {
-        if (typeof this.$options.events !== 'object') return;
-        this._eventListeners = [] as StoredListener[];
-        
-        for (const [event, handler] of Object.entries(this.$options.events)) {
-          // @ts-ignore
-          const boundHandler = handler.bind(this);
-          const listener = bus.on(event, boundHandler);
-          this._eventListeners.push({ event, listener });
-        }
-      },
-      beforeUnmount(this: any) {
-        if (!this._eventListeners) return;
-        
-        for (const { event, listener } of this._eventListeners as StoredListener[]) {
-          bus.off(event, listener);
-        }
-      },
-    });
-  } else if (isVue2) {
-    // Vue 2
-    const Vue = VueOrApp as Vue2Constructor;
-    
-    Object.defineProperty(Vue.prototype, '$events', {
-      get() {
-        return bus;
-      },
-    });
-    
-    Vue.mixin({
-      beforeCreate(this: Vue2Instance) {
-        if (typeof this.$options.events !== 'object') return;
-        this._eventListeners = [];
-        
-        for (const [event, handler] of Object.entries(this.$options.events)) {
-          const boundHandler = handler.bind(this);
-          const listener = bus.on(event, boundHandler);
-          this._eventListeners.push({ event, listener });
-        }
-      },
-      beforeDestroy(this: Vue2Instance) {
-        if (!this._eventListeners) return;
-        
-        for (const { event, listener } of this._eventListeners) {
-          bus.off(event, listener);
-        }
-      },
-    });
-  }
-}
-
-export default plugin;