@ohbug/extension-view 0.0.1 → 0.0.2

package/LICENSE

@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2020 ohbug-org
+Copyright (c) 2022 chenyueban
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -6,87 +6,25 @@
   <p>An open source application information monitoring platform.</p>
 </div>
 
-# OhbugExtension starter
+# `@ohbug/extension-view`
 
-Use this template to create your own Ohbug extension.
+[![npm](https://img.shields.io/npm/v/@ohbug/extension-view.svg?style=flat-square)](https://www.npmjs.com/package/@ohbug/extension-view)
+[![npm bundle size](https://img.shields.io/bundlephobia/min/@ohbug/extension-view?style=flat-square)](https://bundlephobia.com/result?p=@ohbug/extension-view)
 
-English | [简体中文](./README-zh_CN.md)
+Ohbug extension to collect view data
 
-## Quick start
+## Installation
 
-1.  **Git clone the repo.**
-    ```shell
-    git clone git@github.com:ohbug-org/ohbug-extension-starter.git
-    ```
-1.  **Installation dependencies.**
-    ```shell
-    cd ohbug-extension-starter/
-    yarn
-    ```
-1.  **Start developing.**
-    ```shell
-    yarn dev
-    ```
-1.  **Build.**
-    ```shell
-    yarn build
-    ```
-
-## What's inside?
-
-A quick look at the directory structure of **Ohbug Extension** project.
-
-    .
-    ├── node_modules
-    ├── src
-    ├── ui
-    ├── .editorconfig
-    ├── .eslintrc.js
-    ├── .gitignore
-    ├── .prettierrc
-    ├── LICENSE
-    ├── package.json
-    ├── README.md
-    ├── rollup.config.js
-    ├── rollup.config.ui.js
-    └── tsconfig.json
-
-1.  **`/node_modules`**: This directory contains all of the modules of code.
-
-1.  **`/src`**: This directory will contain the code for collecting data by Ohbug Extension. `src` is a convention for “source code”.
-
-1.  **`/ui`**: This directory will contain a [React](https://reactjs.org/) component, the function of this component is to visualize the data collected in the `src` directory.
-
-1.  **`.editorconfig`**: This is a file format and collection of text editor plugins for maintaining consistent coding styles between different editors and IDEs.
-
-1.  **`.eslintrc.js`**: This is a configuration file for [Eslint](https://eslint.org/). Eslint is a tool to find and fix problems in your JavaScript code.
-
-1.  **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-
-1.  **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-
-1.  **`LICENSE`**: This **ohbug-extension-starter** is licensed under the MIT license.
-
-1.  **`package.json`**: This file is how npm knows which packages to install for your project. Ohbug will query the extension's `name`, `key`, ui-extension's `name`, `cdn` and other data from this file.
+```
+pnpm i view @ohbug/extension-view
+```
 
-1.  **`README.md`**: A text file containing useful reference information about your project.
+## Usage
 
-## `package.json` `ohbug` field explanation
+```javascript
+import Ohbug from '@ohbug/browser'
+import OhbugExtensionView from '@ohbug/extension-view'
 
-```json
-{
-  "ohbug": {
-    // The name of the extension
-    "name": "OhbugExtensionStarter",
-    // Unique identifying name of the extension
-    "key": "starter",
-    "ui": {
-      // The name of the UI component corresponding to the extension
-      "name": "OhbugExtensionUIStarter",
-      // The cdn link of the corresponding UI component of the extension, the Ohbug online console will obtain the resource file according to the link provided here
-      // Recommend to use jsdelivr or unpkg
-      "cdn": "your_cdn"
-    }
-  }
-}
+const client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })
+client.use(OhbugExtensionView)
 ```

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-import extension from './extension';
-export default extension;
-//# sourceMappingURL=index.d.ts.map
+import { OhbugExtension } from '@ohbug/types';
+
+declare const extension: OhbugExtension;
+
+export { extension as default };

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var P=Object.create;var c=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var N=(t,e,i)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var R=(t,e)=>{for(var i in e)c(t,i,{get:e[i],enumerable:!0})},E=(t,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of F(e))!M.call(t,s)&&s!==i&&c(t,s,{get:()=>e[s],enumerable:!(n=A(e,s))||n.enumerable});return t};var W=(t,e,i)=>(i=t!=null?P(H(t)):{},E(e||!t||!t.__esModule?c(i,"default",{value:t,enumerable:!0}):i,t)),j=t=>E(c({},"__esModule",{value:!0}),t);var o=(t,e,i)=>(N(t,typeof e!="symbol"?e+"":e,i),i);var Q={};R(Q,{default:()=>K});module.exports=j(Q);var p=class{constructor(e=18e5){o(this,"session",null);o(this,"timeout",18e5);this.session=new Date().getTime(),this.timeout=e}isExpired(){if(!this.session)throw new Error("Session \u6CA1\u6709\u521D\u59CB\u5316");let e=new Date().getTime();return this.session+this.timeout<e}update(){if(!this.session)throw new Error("Session \u6CA1\u6709\u521D\u59CB\u5316");let e=new Date().getTime();return this.session=e,this.session}},I=p;var f=require("@ohbug/utils");function l(t,e){let{client:i}=(0,f.getOhbugObject)(),n=i.createEvent({category:"view",type:"pageView",detail:{initial:e,path:t}});i.notify(n)}function g(t){let{client:e}=(0,f.getOhbugObject)(),i=e.createEvent({category:"view",type:"userView",detail:{path:t}});e.notify(i)}var r=W(require("dayjs"));var w="OhbugExtensionViewUV",B=30;function J(t,e,i=null){let n=JSON.parse(e);return n?(0,r.default)().isAfter((0,r.default)(n.expiry))?(localStorage.removeItem(t),i):n.value:i}var m={getItem(t){let e=localStorage.getItem(t);return e?J(t,e):null},setItem(t,e){let i=(0,r.default)(),n={value:e,expiry:i.add(B,"day").toISOString()};return localStorage.setItem(t,JSON.stringify(n))},removeItem(t){return localStorage.removeItem(t)}};function _(t){let e=m.getItem(w);e?(0,r.default)(e).isBefore((0,r.default)(),"day")&&(m.setItem(w,(0,r.default)().toISOString()),g(t)):(m.setItem(w,(0,r.default)().toISOString()),g(t))}var h=_;var X="hidden",x="visible",u=class{constructor(){o(this,"visible",null);o(this,"lastVisible",null);o(this,"initialVisible",null);o(this,"sendPageLoad",!1);o(this,"visibleThresholdTimeout",null);o(this,"session");this.handleVisibleChange=this.handleVisibleChange.bind(this),window.addEventListener("visibilitychange",this.handleVisibleChange,!0),this.init(),this.session=new I}static capturePageVisibility(){return new u}init(){this.sendPageLoad||(document.visibilityState===x?(this.initialVisible=!0,l(window.location.href,!0),h(window.location.href),this.sendPageLoad=!0):this.initialVisible=!1)}handleVisibleChange(){this.lastVisible=this.visible,document.visibilityState===x?this.visible=!0:document.visibilityState===X?this.visible=!1:this.visible=null;let{visible:e,lastVisible:i,initialVisible:n,session:s}=this;n===!1&&e===!0&&(l(window.location.href,!0),h(window.location.href),this.initialVisible=null),i===!1&&e===!0&&s.isExpired()&&(l(window.location.href),h(window.location.href)),e===!1&&s.update()}},U=u;var a=require("@ohbug/utils");var S;function v(t,e){var V;let i=(0,a.parseUrl)((V=window==null?void 0:window.location)==null?void 0:V.href),n=(0,a.parseUrl)(t),s=(0,a.parseUrl)(e);n.path||(n=i),S=e;let y=t,d=e;i.protocol===s.protocol&&i.host===s.host&&(d=s.relative),i.protocol===n.protocol&&i.host===n.host&&(y=n.relative),y!==d&&l(d)}function T(t){return function(i,n,s){return s&&v(S,String(s)),t.apply(this,[i,n,s])}}var O,L,b={pushState:(O=window==null?void 0:window.history)==null?void 0:O.pushState,replaceState:(L=window==null?void 0:window.history)==null?void 0:L.replaceState,onpopstate:window==null?void 0:window.onpopstate};function k(){b.pushState=(0,a.replace)(window==null?void 0:window.history,"pushState",T),b.replaceState=(0,a.replace)(window==null?void 0:window.history,"replaceState",T),b.onpopstate=(0,a.replace)(window,"onpopstate",()=>{var e;let t=(e=window==null?void 0:window.location)==null?void 0:e.href;v(S,t)})}function q(t){let{oldURL:e,newURL:i}=t;v(e,i)}function z(){var t;k(),(t=window==null?void 0:window.addEventListener)==null||t.call(window,"hashchange",q,!0)}var C=z;var G={name:"OhbugExtensionView",onSetup:()=>{U.capturePageVisibility(),C()}},D=G;var K=D;0&&(module.exports={});

package/dist/index.mjs

@@ -0,0 +1 @@
+var D=Object.defineProperty;var P=(t,e,i)=>e in t?D(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var o=(t,e,i)=>(P(t,typeof e!="symbol"?e+"":e,i),i);var h=class{constructor(e=18e5){o(this,"session",null);o(this,"timeout",18e5);this.session=new Date().getTime(),this.timeout=e}isExpired(){if(!this.session)throw new Error("Session \u6CA1\u6709\u521D\u59CB\u5316");let e=new Date().getTime();return this.session+this.timeout<e}update(){if(!this.session)throw new Error("Session \u6CA1\u6709\u521D\u59CB\u5316");let e=new Date().getTime();return this.session=e,this.session}},V=h;import{getOhbugObject as E}from"@ohbug/utils";function a(t,e){let{client:i}=E(),n=i.createEvent({category:"view",type:"pageView",detail:{initial:e,path:t}});i.notify(n)}function d(t){let{client:e}=E(),i=e.createEvent({category:"view",type:"userView",detail:{path:t}});e.notify(i)}import r from"dayjs";var p="OhbugExtensionViewUV",A=30;function F(t,e,i=null){let n=JSON.parse(e);return n?r().isAfter(r(n.expiry))?(localStorage.removeItem(t),i):n.value:i}var f={getItem(t){let e=localStorage.getItem(t);return e?F(t,e):null},setItem(t,e){let i=r(),n={value:e,expiry:i.add(A,"day").toISOString()};return localStorage.setItem(t,JSON.stringify(n))},removeItem(t){return localStorage.removeItem(t)}};function H(t){let e=f.getItem(p);e?r(e).isBefore(r(),"day")&&(f.setItem(p,r().toISOString()),d(t)):(f.setItem(p,r().toISOString()),d(t))}var c=H;var M="hidden",I="visible",l=class{constructor(){o(this,"visible",null);o(this,"lastVisible",null);o(this,"initialVisible",null);o(this,"sendPageLoad",!1);o(this,"visibleThresholdTimeout",null);o(this,"session");this.handleVisibleChange=this.handleVisibleChange.bind(this),window.addEventListener("visibilitychange",this.handleVisibleChange,!0),this.init(),this.session=new V}static capturePageVisibility(){return new l}init(){this.sendPageLoad||(document.visibilityState===I?(this.initialVisible=!0,a(window.location.href,!0),c(window.location.href),this.sendPageLoad=!0):this.initialVisible=!1)}handleVisibleChange(){this.lastVisible=this.visible,document.visibilityState===I?this.visible=!0:document.visibilityState===M?this.visible=!1:this.visible=null;let{visible:e,lastVisible:i,initialVisible:n,session:s}=this;n===!1&&e===!0&&(a(window.location.href,!0),c(window.location.href),this.initialVisible=null),i===!1&&e===!0&&s.isExpired()&&(a(window.location.href),c(window.location.href)),e===!1&&s.update()}},x=l;import{parseUrl as g,replace as w}from"@ohbug/utils";var b;function S(t,e){var y;let i=g((y=window==null?void 0:window.location)==null?void 0:y.href),n=g(t),s=g(e);n.path||(n=i),b=e;let v=t,u=e;i.protocol===s.protocol&&i.host===s.host&&(u=s.relative),i.protocol===n.protocol&&i.host===n.host&&(v=n.relative),v!==u&&a(u)}function U(t){return function(i,n,s){return s&&S(b,String(s)),t.apply(this,[i,n,s])}}var T,O,m={pushState:(T=window==null?void 0:window.history)==null?void 0:T.pushState,replaceState:(O=window==null?void 0:window.history)==null?void 0:O.replaceState,onpopstate:window==null?void 0:window.onpopstate};function N(){m.pushState=w(window==null?void 0:window.history,"pushState",U),m.replaceState=w(window==null?void 0:window.history,"replaceState",U),m.onpopstate=w(window,"onpopstate",()=>{var e;let t=(e=window==null?void 0:window.location)==null?void 0:e.href;S(b,t)})}function R(t){let{oldURL:e,newURL:i}=t;S(e,i)}function W(){var t;N(),(t=window==null?void 0:window.addEventListener)==null||t.call(window,"hashchange",R,!0)}var L=W;var j={name:"OhbugExtensionView",onSetup:()=>{x.capturePageVisibility(),L()}},C=j;var oe=C;export{oe as default};

package/package.json

@@ -1,65 +1,41 @@
 {
-  "ohbug": {
-    "name": "OhbugExtensionView",
-    "key": "view"
-  },
   "name": "@ohbug/extension-view",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Ohbug extension to collect view data",
+  "license": "MIT",
   "author": "chenyueban <jasonchan0527@gmail.com>",
-  "homepage": "https://github.com/ohbug-org/ohbug-extension-view",
+  "homepage": "https://github.com/ohbug-org/extensions",
   "bugs": {
-    "url": "https://github.com/ohbug-org/ohbug-extension-view/issues"
+    "url": "https://github.com/ohbug-org/extensions/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/ohbug-org/ohbug-extension-view"
+    "url": "https://github.com/ohbug-org/extensions"
+  },
+  "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"
+    }
   },
-  "license": "MIT",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.umd.js",
-  "jsdelivr": "dist/index.umd.js",
-  "types": "dist/src/index.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@ohbug/core": "^1.1.3",
-    "@ohbug/utils": "^1.0.10",
-    "dayjs": "^1.10.4",
-    "js-cookie": "^2.2.1"
-  },
-  "devDependencies": {
-    "@chenyueban/lint": "^0.2.11",
-    "@chenyueban/tsconfig": "^0.1.8",
-    "@rollup/plugin-commonjs": "^18.0.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-replace": "^2.3.3",
-    "@types/js-cookie": "^2.2.6",
-    "cz-conventional-changelog": "3.3.0",
-    "postcss": "^8.2.10",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.46.0",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.30.0",
-    "standard-version": "^9.2.0",
-    "typescript": "^4.2.4"
+    "@ohbug/types": "^2.1.0",
+    "@ohbug/utils": "^2.0.6",
+    "dayjs": "^1.11.4"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "prebuild": "rimraf dist",
-    "build": "rollup -c --environment NODE_ENV:production",
-    "dev": "rollup -cw",
-    "update:deps": "yarn upgrade-interactive --latest",
-    "release": "standard-version"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
+    "build": "tsup",
+    "dev": "tsup --watch"
   }
-}
+}

package/CHANGELOG.md

@@ -1,24 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-### 0.0.1 (2021-04-29)
-
-### Features
-
-- 完成 PV/UV 的收集功能 ([df77370](https://github.com/ohbug-org/ohbug-extension-view/commit/df77370644e7025b73c0761620b2639b199706d5))
-
-### [1.2.1](https://github.com/ohbug-org/ohbug-extension-starter/compare/v1.2.0...v1.2.1) (2021-04-27)
-
-### Features
-
-- **ui:** 恢复 react 依赖 ([9c294f1](https://github.com/ohbug-org/ohbug-extension-starter/commit/9c294f1645c7aa8dd9c643ce073276e48ef0ca9f))
-- **ui:** remove unuseless deps ([7bb5b73](https://github.com/ohbug-org/ohbug-extension-starter/commit/7bb5b732515557e7296db75b4048a70e874bd857))
-
-## 1.2.0 (2021-04-20)
-
-### Features
-
-- adapt react17 ([f0cea91](https://github.com/ohbug-org/ohbug-extension-starter/commit/f0cea9128058433426589f3f61810e2289ccc311))
-- create ohbug-extension-starter ([a8c6151](https://github.com/ohbug-org/ohbug-extension-starter/commit/a8c6151306717f127e3fd428eaec88a664f0b0bd))
-- refactored rollup packaging configuration ([459f499](https://github.com/ohbug-org/ohbug-extension-starter/commit/459f499971e8405927f68be36010f36a7ff77bdb))

package/dist/createEvent.d.ts

@@ -1,3 +0,0 @@
-export declare function sendPageView(path: string, initial?: boolean): void;
-export declare function sendUserView(path: string): void;
-//# sourceMappingURL=createEvent.d.ts.map

package/dist/createEvent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createEvent.d.ts","sourceRoot":"","sources":["../src/createEvent.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,QAW3D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,QAUxC"}

package/dist/extension.d.ts

@@ -1,3 +0,0 @@
-declare const extension: import("@ohbug/types").OhbugExtension<any>;
-export default extension;
-//# sourceMappingURL=extension.d.ts.map

package/dist/extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../src/extension.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS,4CAMb,CAAA;AAEF,eAAe,SAAS,CAAA"}