@ohbug/vue 2.0.5 → 2.0.8

package/README.md

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

package/dist/index.d.ts

@@ -1,5 +1,12 @@
 import { OhbugBaseDetail, OhbugClient } from '@ohbug/types';
-import { Plugin } from 'vue';
+
+interface Vue {
+    config: {
+        errorHandler?: any;
+        warnHandler?: any;
+        silent?: boolean;
+    };
+}
 
 interface VueErrorDetail extends OhbugBaseDetail {
     name: string;
@@ -10,6 +17,8 @@ interface VueErrorDetail extends OhbugBaseDetail {
     props?: Record<string, any>;
 }
 
-declare function createVueClient(client: OhbugClient): Plugin;
+declare function createVueClient(client: OhbugClient): {
+    install: (app: Vue) => void;
+};
 
 export { VueErrorDetail, createVueClient as default };

package/dist/index.js

@@ -1 +1,78 @@
-"use strict";var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var h=(o,e)=>{for(var r in e)l(o,r,{get:e[r],enumerable:!0})},C=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of b(e))!d.call(o,t)&&t!==r&&l(o,t,{get:()=>e[t],enumerable:!(n=y(e,t))||n.enumerable});return o};var E=o=>C(l({},"__esModule",{value:!0}),o);var v={};h(v,{default:()=>s});module.exports=E(v);var u=require("@ohbug/core"),D=o=>{if((o==null?void 0:o.$root)===o)return{component:"Root"};let e=o==null?void 0:o.$options,r=e==null?void 0:e.name,n=e==null?void 0:e.__file;return{component:r,file:n}};function f(o,e){let r=e.config.errorHandler,n=(t,p,i)=>{let{component:m,file:a}=D(p),g={name:t.name,message:t.message,stack:t.stack,errorInfo:i,component:m,file:a,props:p?p.$options.propsData:void 0},c=o.createEvent({category:"error",type:u.EventTypes.VUE,detail:g});o.notify(c),typeof console<"u"&&typeof console.error=="function"&&console.error(t),typeof r=="function"&&r(t,p,i)};e.config.errorHandler=n}function s(o){return{install:e=>{f(o,e)}}}0&&(module.exports={});
+"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);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/index.mjs

@@ -1 +1,53 @@
-import{EventTypes as a}from"@ohbug/core";var g=e=>{if((e==null?void 0:e.$root)===e)return{component:"Root"};let o=e==null?void 0:e.$options,r=o==null?void 0:o.name,p=o==null?void 0:o.__file;return{component:r,file:p}};function i(e,o){let r=o.config.errorHandler,p=(t,n,l)=>{let{component:u,file:f}=g(n),s={name:t.name,message:t.message,stack:t.stack,errorInfo:l,component:u,file:f,props:n?n.$options.propsData:void 0},m=e.createEvent({category:"error",type:a.VUE,detail:s});e.notify(m),typeof console<"u"&&typeof console.error=="function"&&console.error(t),typeof r=="function"&&r(t,n,l)};o.config.errorHandler=p}function c(e){return{install:o=>{i(e,o)}}}export{c as default};
+// 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
+  };
+};
+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;
+}
+
+// src/index.ts
+function createVueClient(client) {
+  return {
+    install: (app) => {
+      install(client, app);
+    }
+  };
+}
+export {
+  createVueClient as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohbug/vue",
-  "version": "2.0.5",
+  "version": "2.0.8",
   "description": "Ohbug SDK for Vue",
   "license": "Apache-2.0",
   "author": "chenyueban <jasonchan0527@gmail.com>",
@@ -27,14 +27,11 @@
   ],
   "sideEffects": false,
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "2.x || 3.x"
   },
   "dependencies": {
-    "@ohbug/core": "2.0.5",
-    "@ohbug/types": "2.0.4"
-  },
-  "devDependencies": {
-    "vue": "^3.2.37"
+    "@ohbug/core": "2.1.1",
+    "@ohbug/types": "2.1.1"
   },
   "publishConfig": {
     "access": "public"
@@ -42,6 +39,5 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch"
-  },
-  "readme": "# `@ohbug/vue`\n\n[![npm](https://img.shields.io/npm/v/@ohbug/vue.svg?style=flat-square)](https://www.npmjs.com/package/@ohbug/vue)\n[![npm bundle size](https://img.shields.io/bundlephobia/min/@ohbug/vue?style=flat-square)](https://bundlephobia.com/result?p=@ohbug/vue)\n\nEnglish | [简体中文](./README-zh_CN.md)\n\n## Installation\n\n```\npnpm instal @ohbug/browser @ohbug/vue\n```\n\n## Usage\n\n```javascript\nimport Vue from 'vue'\nimport Ohbug from '@ohbug/browser'\nimport OhbugVue from '@ohbug/vue'\n\nconst client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })\n\nVue.createApp(App)\n  .use(OhbugVue(client))\n  .mount('#app')\n```\n"
+  }
 }