@ohbug/vue 2.0.9 → 2.0.11

package/README.md

@@ -16,15 +16,13 @@ pnpm instal @ohbug/browser @ohbug/vue
 Vue3
 
 ```javascript
-import Vue from 'vue'
-import Ohbug from '@ohbug/browser'
-import OhbugVue from '@ohbug/vue'
+import Vue from "vue";
+import Ohbug from "@ohbug/browser";
+import OhbugVue from "@ohbug/vue";
 
-const client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })
+const client = Ohbug.setup({ apiKey: "YOUR_API_KEY" });
 
-Vue.createApp(App)
-  .use(OhbugVue(client))
-  .mount('#app')
+Vue.createApp(App).use(OhbugVue(client)).mount("#app");
 ```
 
 Vue2
@@ -39,6 +37,6 @@ const client = Ohbug.setup({ apiKey: "YOUR_API_KEY" });
 OhbugVue(client).install(Vue);
 
 new Vue({
-  render: (h) => h(App)
+  render: (h) => h(App),
 }).$mount("#app");
 ```

package/dist/index.d.mts

@@ -1,24 +1,28 @@
-import { OhbugBaseDetail, OhbugClient } from '@ohbug/types';
+import { OhbugBaseDetail, OhbugClient } from "@ohbug/types";
 
+//#region src/types.d.ts
 interface Vue {
-    config: {
-        errorHandler?: any;
-        warnHandler?: any;
-        silent?: boolean;
-    };
+  config: {
+    errorHandler?: any;
+    warnHandler?: any;
+    silent?: boolean;
+  };
 }
-
+//#endregion
+//#region src/install.d.ts
 interface VueErrorDetail extends OhbugBaseDetail {
-    name: string;
-    stack?: string;
-    errorInfo: string;
-    component?: string;
-    file?: string;
-    props?: Record<string, any>;
+  name: string;
+  stack?: string;
+  errorInfo: string;
+  component?: string;
+  file?: string;
+  props?: Record<string, any>;
 }
-
+//#endregion
+//#region src/index.d.ts
 declare function createVueClient(client: OhbugClient): {
-    install: (app: Vue) => void;
+  install: (app: Vue) => void;
 };
-
-export { VueErrorDetail, createVueClient as default };
+//#endregion
+export { type VueErrorDetail, createVueClient as default };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -1,53 +1,47 @@
-// src/install.ts
 import { EventTypes } from "@ohbug/core";
-var getComponent = (instance) => {
-  if ((instance == null ? void 0 : instance.$root) === instance) {
-    return { component: "Root" };
-  }
-  const options = instance == null ? void 0 : instance.$options;
-  const component = options == null ? void 0 : options.name;
-  const file = options == null ? void 0 : options.__file;
-  return {
-    component,
-    file
-  };
+//#region src/install.ts
+const getComponent = (instance) => {
+	if (!instance) return {};
+	if (instance.$root === instance || instance.$ && instance.$.root === instance.$) return { component: "Root" };
+	const type = instance.$?.type;
+	const options = instance.$options;
+	return {
+		component: type?.__name || type?.name || options?.name || void 0,
+		file: type?.__file || options?.__file || void 0
+	};
 };
 function install(client, Vue) {
-  const prev = Vue.config.errorHandler;
-  const handler = (error, instance, info) => {
-    const { component, file } = getComponent(instance);
-    const detail = {
-      name: error.name,
-      message: error.message,
-      stack: error.stack,
-      errorInfo: info,
-      component,
-      file,
-      props: instance ? instance.$options.propsData : void 0
-    };
-    const event = client.createEvent({
-      category: "error",
-      type: EventTypes.VUE,
-      detail
-    });
-    client.notify(event);
-    if (typeof console !== "undefined" && typeof console.error === "function") {
-      console.error(error);
-    }
-    if (typeof prev === "function")
-      prev(error, instance, info);
-  };
-  Vue.config.errorHandler = handler;
+	const prev = Vue.config.errorHandler;
+	const handler = (error, instance, info) => {
+		const { component, file } = getComponent(instance);
+		const detail = {
+			name: error.name,
+			message: error.message,
+			stack: error.stack,
+			errorInfo: info,
+			component,
+			file,
+			props: instance?.$props ?? instance?.$options?.propsData
+		};
+		const event = client.createEvent({
+			category: "error",
+			type: EventTypes.VUE,
+			detail
+		});
+		client.notify(event);
+		if (typeof console !== "undefined" && typeof console.error === "function") console.error(error);
+		if (typeof prev === "function") prev(error, instance, info);
+	};
+	Vue.config.errorHandler = handler;
 }
-
-// src/index.ts
+//#endregion
+//#region src/index.ts
 function createVueClient(client) {
-  return {
-    install: (app) => {
-      install(client, app);
-    }
-  };
+	return { install: (app) => {
+		install(client, app);
+	} };
 }
-export {
-  createVueClient as default
-};
+//#endregion
+export { createVueClient as default };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/install.ts","../src/index.ts"],"sourcesContent":["import { EventTypes } from \"@ohbug/core\";\nimport type { OhbugBaseDetail, OhbugClient } from \"@ohbug/types\";\n\nimport type { Vue } from \"./types\";\n\nexport interface VueErrorDetail extends OhbugBaseDetail {\n  name: string;\n  stack?: string;\n  errorInfo: string;\n  component?: string;\n  file?: string;\n  props?: Record<string, any>;\n}\n\nconst getComponent = (instance: any): { component?: string; file?: string } => {\n  if (!instance) return {};\n\n  // Vue 2: instance.$root === instance\n  // Vue 3: instance.$ exists and instance.$.root === instance.$\n  if (instance.$root === instance || (instance.$ && instance.$.root === instance.$)) {\n    return { component: \"Root\" };\n  }\n\n  // Vue 3: instance.$.type holds the component definition\n  const type = instance.$?.type;\n  const options = instance.$options;\n\n  // Priority: Vue 3 <script setup> __name > Vue 3 name > Vue 2 name\n  const component = type?.__name || type?.name || options?.name || undefined;\n\n  // Priority: Vue 3 __file > Vue 2 __file\n  const file = type?.__file || options?.__file || undefined;\n\n  return { component, file };\n};\n\nexport function install(client: OhbugClient, Vue: Vue) {\n  const prev = Vue.config.errorHandler;\n\n  const handler = (error: Error, instance: any, info: string) => {\n    const { component, file } = getComponent(instance);\n\n    const detail: VueErrorDetail = {\n      name: error.name,\n      message: error.message,\n      stack: error.stack,\n      errorInfo: info,\n      component,\n      file,\n      // Vue 3 uses $props, Vue 2 uses $options.propsData\n      props: instance?.$props ?? instance?.$options?.propsData,\n    };\n    const event = client.createEvent<VueErrorDetail>({\n      category: \"error\",\n      type: EventTypes.VUE,\n      detail,\n    });\n\n    void client.notify(event);\n\n    if (typeof console !== \"undefined\" && typeof console.error === \"function\") {\n      console.error(error);\n    }\n    if (typeof prev === \"function\") prev(error, instance, info);\n  };\n\n  Vue.config.errorHandler = handler;\n}\n","import type { OhbugClient } from \"@ohbug/types\";\n\nimport { install } from \"./install\";\nimport type { Vue } from \"./types\";\nexport type { VueErrorDetail } from \"./install\";\n\nexport default function createVueClient(client: OhbugClient) {\n  return {\n    install: (app: Vue) => {\n      install(client, app);\n    },\n  };\n}\n"],"mappings":";;AAcA,MAAM,gBAAgB,aAAyD;AAC7E,KAAI,CAAC,SAAU,QAAO,EAAE;AAIxB,KAAI,SAAS,UAAU,YAAa,SAAS,KAAK,SAAS,EAAE,SAAS,SAAS,EAC7E,QAAO,EAAE,WAAW,QAAQ;CAI9B,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,UAAU,SAAS;AAQzB,QAAO;EAAE,WALS,MAAM,UAAU,MAAM,QAAQ,SAAS,QAAQ,KAAA;EAK7C,MAFP,MAAM,UAAU,SAAS,UAAU,KAAA;EAEtB;;AAG5B,SAAgB,QAAQ,QAAqB,KAAU;CACrD,MAAM,OAAO,IAAI,OAAO;CAExB,MAAM,WAAW,OAAc,UAAe,SAAiB;EAC7D,MAAM,EAAE,WAAW,SAAS,aAAa,SAAS;EAElD,MAAM,SAAyB;GAC7B,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,OAAO,MAAM;GACb,WAAW;GACX;GACA;GAEA,OAAO,UAAU,UAAU,UAAU,UAAU;GAChD;EACD,MAAM,QAAQ,OAAO,YAA4B;GAC/C,UAAU;GACV,MAAM,WAAW;GACjB;GACD,CAAC;AAEG,SAAO,OAAO,MAAM;AAEzB,MAAI,OAAO,YAAY,eAAe,OAAO,QAAQ,UAAU,WAC7D,SAAQ,MAAM,MAAM;AAEtB,MAAI,OAAO,SAAS,WAAY,MAAK,OAAO,UAAU,KAAK;;AAG7D,KAAI,OAAO,eAAe;;;;AC5D5B,SAAwB,gBAAgB,QAAqB;AAC3D,QAAO,EACL,UAAU,QAAa;AACrB,UAAQ,QAAQ,IAAI;IAEvB"}

package/package.json

@@ -1,43 +1,42 @@
 {
   "name": "@ohbug/vue",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "Ohbug SDK for Vue",
-  "license": "Apache-2.0",
-  "author": "chenyueban <jasonchan0527@gmail.com>",
-  "homepage": "https://github.com/ohbug-org/ohbug",
+  "homepage": "https://github.com/ohbug-org/ohbug#readme",
   "bugs": {
     "url": "https://github.com/ohbug-org/ohbug/issues"
   },
+  "license": "Apache-2.0",
+  "author": {
+    "name": "xinyao",
+    "email": "hi@xinyao.me"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/ohbug-org/ohbug"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
-    }
+    "url": "git+https://github.com/ohbug-org/ohbug.git"
   },
+  "funding": "https://github.com/sponsors/xinyao27",
   "files": [
     "dist"
   ],
+  "type": "module",
   "sideEffects": false,
-  "peerDependencies": {
-    "vue": "2.x || 3.x"
-  },
-  "dependencies": {
-    "@ohbug/types": "2.2.0",
-    "@ohbug/core": "2.2.0"
+  "types": "dist/index.d.mts",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "@ohbug/core": "2.2.2",
+    "@ohbug/types": "2.2.2"
+  },
+  "peerDependencies": {
+    "vue": "2.x || 3.x"
+  },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "vp pack --watch"
   }
 }

package/dist/index.d.ts

@@ -1,24 +0,0 @@
-import { OhbugBaseDetail, OhbugClient } from '@ohbug/types';
-
-interface Vue {
-    config: {
-        errorHandler?: any;
-        warnHandler?: any;
-        silent?: boolean;
-    };
-}
-
-interface VueErrorDetail extends OhbugBaseDetail {
-    name: string;
-    stack?: string;
-    errorInfo: string;
-    component?: string;
-    file?: string;
-    props?: Record<string, any>;
-}
-
-declare function createVueClient(client: OhbugClient): {
-    install: (app: Vue) => void;
-};
-
-export { VueErrorDetail, createVueClient as default };

package/dist/index.js

@@ -1,76 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  default: () => createVueClient
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/install.ts
-var import_core = require("@ohbug/core");
-var getComponent = (instance) => {
-  if ((instance == null ? void 0 : instance.$root) === instance) {
-    return { component: "Root" };
-  }
-  const options = instance == null ? void 0 : instance.$options;
-  const component = options == null ? void 0 : options.name;
-  const file = options == null ? void 0 : options.__file;
-  return {
-    component,
-    file
-  };
-};
-function install(client, Vue) {
-  const prev = Vue.config.errorHandler;
-  const handler = (error, instance, info) => {
-    const { component, file } = getComponent(instance);
-    const detail = {
-      name: error.name,
-      message: error.message,
-      stack: error.stack,
-      errorInfo: info,
-      component,
-      file,
-      props: instance ? instance.$options.propsData : void 0
-    };
-    const event = client.createEvent({
-      category: "error",
-      type: import_core.EventTypes.VUE,
-      detail
-    });
-    client.notify(event);
-    if (typeof console !== "undefined" && typeof console.error === "function") {
-      console.error(error);
-    }
-    if (typeof prev === "function")
-      prev(error, instance, info);
-  };
-  Vue.config.errorHandler = handler;
-}
-
-// src/index.ts
-function createVueClient(client) {
-  return {
-    install: (app) => {
-      install(client, app);
-    }
-  };
-}