@blackglory/observe 0.1.6 → 0.2.0

package/README.md

@@ -2,7 +2,6 @@
 A module for observing things happening.
 
 ## Install
-
 ```sh
 npm install --save @blackglory/observe
 # or
@@ -10,8 +9,22 @@ yarn add @blackglory/observe
 ```
 
 ## API
+### observeURLChanges
+```ts
+function observeURLChanges(): Observable<void>
+```
+
+### observeStateChanges
+```ts
+function observeStateChanges(): Observable<void>
+```
 
-- `function observeUrlChanges(): Observable<void>`
-- `function observeStateChanges(): Observable<void>`
-- `function observeAdditionOfDescendantNodes(node: Node): Observable<Node[]>`
-- `function observeRemovalOfDescendantNodes(node: Node): Observable<Node[]>`
+### observeAdditionOfDescendantNodes
+```ts
+function observeAdditionOfDescendantNodes(node: Node): Observable<Node[]>
+```
+
+### observeRemovalOfDescendantNodes
+```ts
+function observeRemovalOfDescendantNodes(node: Node): Observable<Node[]>
+```

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export * from './observe-addtion-of-descendant-nodes.js';
+export * from './observe-removal-of-descendant-nodes.js';
+export * from './observe-state-changes.js';
+export * from './observe-url-changes.js';

package/lib/index.js

@@ -0,0 +1,5 @@
+export * from './observe-addtion-of-descendant-nodes.js';
+export * from './observe-removal-of-descendant-nodes.js';
+export * from './observe-state-changes.js';
+export * from './observe-url-changes.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,0CAA0C,CAAA;AACxD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA"}

package/lib/observe-addtion-of-descendant-nodes.js

@@ -0,0 +1,7 @@
+import { fromMutationObserver } from "./utils/from-mutation-observer.js";
+import { filter, map } from 'rxjs/operators';
+import * as Iter from 'iterable-operator';
+export function observeAdditionOfDescendantNodes(node) {
+    return fromMutationObserver(node, { childList: true, subtree: true }).pipe(map(records => Iter.toArray(Iter.flatten(Iter.map(records, x => x.addedNodes)))), filter(addedNodes => addedNodes.length > 0));
+}
+//# sourceMappingURL=observe-addtion-of-descendant-nodes.js.map

package/lib/observe-addtion-of-descendant-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-addtion-of-descendant-nodes.js","sourceRoot":"","sources":["../src/observe-addtion-of-descendant-nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,0CAAwC;AACvE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAA;AAEzC,MAAM,UAAU,gCAAgC,CAAC,IAAU;IACzD,OAAO,oBAAoB,CACzB,IAAI,EACJ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CACnC,CAAC,IAAI,CACJ,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CACzB,IAAI,CAAC,OAAO,CACV,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CACrC,CACF,CAAC,EACF,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAC5C,CAAA;AACH,CAAC"}

package/lib/observe-removal-of-descendant-nodes.js

@@ -0,0 +1,7 @@
+import { fromMutationObserver } from "./utils/from-mutation-observer.js";
+import { filter, map } from 'rxjs/operators';
+import * as Iter from 'iterable-operator';
+export function observeRemovalOfDescendantNodes(node) {
+    return fromMutationObserver(node, { childList: true, subtree: true }).pipe(map(records => Iter.toArray(Iter.flatten(Iter.map(records, x => x.removedNodes)))), filter(removedNodes => removedNodes.length > 0));
+}
+//# sourceMappingURL=observe-removal-of-descendant-nodes.js.map

package/lib/observe-removal-of-descendant-nodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-removal-of-descendant-nodes.js","sourceRoot":"","sources":["../src/observe-removal-of-descendant-nodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,0CAAwC;AACvE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,KAAK,IAAI,MAAM,mBAAmB,CAAA;AAEzC,MAAM,UAAU,+BAA+B,CAAC,IAAU;IACxD,OAAO,oBAAoB,CACzB,IAAI,EACJ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CACnC,CAAC,IAAI,CACJ,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CACzB,IAAI,CAAC,OAAO,CACV,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CACvC,CACF,CAAC,EACF,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAChD,CAAA;AACH,CAAC"}

package/lib/{es2018/observe-state-changes.js → observe-state-changes.js}

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.observeStateChanges = void 0;
-const rxjs_1 = require("rxjs");
-const operators_1 = require("rxjs/operators");
+import { Observable, fromEvent, merge } from 'rxjs';
+import { map } from 'rxjs/operators';
 const pushStateHooks = new Set();
 const replaceStateHooks = new Set();
 let pushStateHookRegistered = false;
 let replaceStateHookRegistered = false;
-function observeStateChanges() {
-    return (0, rxjs_1.merge)(observePushState(), observeReplaceState(), (0, rxjs_1.fromEvent)(window, 'popstate')).pipe((0, operators_1.map)(_ => undefined));
+export function observeStateChanges() {
+    return merge(observePushState(), observeReplaceState(), fromEvent(window, 'popstate')).pipe(map(_ => undefined));
 }
-exports.observeStateChanges = observeStateChanges;
 function observePushState() {
-    return new rxjs_1.Observable(observer => {
+    return new Observable(observer => {
         if (!pushStateHookRegistered) {
             registerPushStateHook();
         }
@@ -21,7 +17,7 @@ function observePushState() {
     });
 }
 function observeReplaceState() {
-    return new rxjs_1.Observable(observer => {
+    return new Observable(observer => {
         if (!replaceStateHookRegistered) {
             registerReplaceStateHook();
         }

package/lib/observe-state-changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-state-changes.js","sourceRoot":"","sources":["../src/observe-state-changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAc,SAAS,EAAE,KAAK,EAAE,MAAM,MAAM,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,cAAc,GAAG,IAAI,GAAG,EAAoB,CAAA;AAClD,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAAoB,CAAA;AACrD,IAAI,uBAAuB,GAAG,KAAK,CAAA;AACnC,IAAI,0BAA0B,GAAG,KAAK,CAAA;AAEtC,MAAM,UAAU,mBAAmB;IACjC,OAAO,KAAK,CACV,gBAAgB,EAAE,EAClB,mBAAmB,EAAE,EACrB,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,CAC9B,CAAC,IAAI,CACJ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CACpB,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB;IACvB,OAAO,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC/B,IAAI,CAAC,uBAAuB,EAAE;YAC5B,qBAAqB,EAAE,CAAA;SACxB;QACD,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC5B,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,mBAAmB;IAC1B,OAAO,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC/B,IAAI,CAAC,0BAA0B,EAAE;YAC/B,wBAAwB,EAAE,CAAA;SAC3B;QACD,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC/B,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjD,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,qBAAqB;IAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,OAAO,CAAC,SAAS,GAAG,UAAU,GAAG,IAAI;QACnC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QACpC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;IACrD,CAAC,CAAA;IACD,uBAAuB,GAAG,IAAI,CAAA;AAChC,CAAC;AAED,SAAS,wBAAwB;IAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAA;IACzC,OAAO,CAAC,YAAY,GAAG,UAAU,GAAG,IAAI;QACtC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QACvC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;IACxD,CAAC,CAAA;IACD,0BAA0B,GAAG,IAAI,CAAA;AACnC,CAAC"}

package/lib/observe-url-changes.d.ts

@@ -0,0 +1,2 @@
+import { Observable } from 'rxjs';
+export declare function observeURLChanges(): Observable<void>;

package/lib/observe-url-changes.js

@@ -0,0 +1,7 @@
+import { animationFrames } from 'rxjs';
+import { filter, tap, map } from 'rxjs/operators';
+export function observeURLChanges() {
+    let url = document.URL;
+    return animationFrames().pipe(filter(() => url !== document.URL), tap(() => url = document.URL), map(() => undefined));
+}
+//# sourceMappingURL=observe-url-changes.js.map

package/lib/observe-url-changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observe-url-changes.js","sourceRoot":"","sources":["../src/observe-url-changes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,MAAM,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,UAAU,iBAAiB;IAC/B,IAAI,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAA;IACtB,OAAO,eAAe,EAAE,CAAC,IAAI,CAC3B,MAAM,CAAC,GAAG,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,EAClC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,EAC7B,GAAG,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CACrB,CAAA;AACH,CAAC"}

package/lib/utils/from-mutation-observer.js

@@ -0,0 +1,9 @@
+import { Observable } from 'rxjs';
+export function fromMutationObserver(...args) {
+    return new Observable(subscriber => {
+        const observer = new MutationObserver(mutationList => subscriber.next(mutationList));
+        observer.observe(...args);
+        return () => observer.disconnect();
+    });
+}
+//# sourceMappingURL=from-mutation-observer.js.map

package/lib/utils/from-mutation-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"from-mutation-observer.js","sourceRoot":"","sources":["../../src/utils/from-mutation-observer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAEjC,MAAM,UAAU,oBAAoB,CAClC,GAAG,IAA6C;IAEhD,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE;QACjC,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CACnC,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAC9C,CAAA;QACD,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAA;QACzB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/package.json

@@ -1,73 +1,61 @@
 {
   "name": "@blackglory/observe",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "A module for observing things happening.",
   "keywords": [
     "DOM"
   ],
   "files": [
-    "lib",
-    "dist"
+    "lib"
   ],
-  "main": "lib/es2018/index.js",
-  "types": "lib/es2018/index.d.ts",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "sideEffects": false,
+  "engines": {
+    "node": ">=16"
+  },
   "repository": "git@github.com:BlackGlory/observe.git",
   "author": "BlackGlory <woshenmedoubuzhidao@blackglory.me>",
   "license": "MIT",
   "scripts": {
+    "prepare": "ts-patch install -s",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --quiet src __tests__",
-    "test": "jest --config jest.config.js",
-    "test:coverage": "jest --coverage --config jest.config.js",
-    "prepublishOnly": "run-s clean build bundle",
-    "clean": "run-p clean:*",
-    "clean:build": "rimraf lib",
-    "clean:bundle": "rimraf dist",
-    "build": "run-p build:*",
-    "build:es2015": "run-s build:es2015:*",
-    "build:es2015:compile": "tsc --project tsconfig.build.json --module commonjs --target es2015 --outDir lib/es2015",
-    "build:es2015:patch": "tscpaths -p tsconfig.build.json -s ./src -o ./lib/es2015",
-    "build:es2018": "run-s build:es2018:*",
-    "build:es2018:compile": "tsc --project tsconfig.build.json --module commonjs --target es2018 --outDir lib/es2018",
-    "build:es2018:patch": "tscpaths -p tsconfig.build.json -s ./src -o ./lib/es2018",
-    "bundle": "rollup --config rollup.config.js",
+    "test": "vitest --run",
+    "prepublishOnly": "run-s prepare clean build",
+    "clean": "rimraf lib",
+    "build": "tsc --project tsconfig.build.json",
     "release": "standard-version"
   },
   "husky": {
     "hooks": {
-      "pre-commit": "run-s lint build test",
+      "pre-commit": "run-s prepare lint build test",
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
   "devDependencies": {
-    "@blackglory/jest-matchers": "^0.2.1",
-    "@blackglory/wait-for": "^0.5.1",
-    "@commitlint/cli": "^17.0.3",
-    "@commitlint/config-conventional": "^17.0.3",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@rollup/plugin-typescript": "^8.3.4",
-    "@types/jest": "^27.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.32.0",
-    "@typescript-eslint/parser": "^5.32.0",
-    "eslint": "^8.21.0",
+    "@blackglory/wait-for": "^0.7.1",
+    "@commitlint/cli": "^17.4.4",
+    "@commitlint/config-conventional": "^17.4.4",
+    "@typescript-eslint/eslint-plugin": "^5.55.0",
+    "@typescript-eslint/parser": "^5.55.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.36.0",
     "husky": "^4.3.6",
-    "jest": "^27.4.7",
+    "jsdom": "^21.1.1",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "rollup": "^2.77.2",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
     "standard-version": "^9.5.0",
-    "ts-jest": "^27.1.2",
-    "tscpaths": "^0.0.9",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4"
+    "ts-patch": "^2.1.0",
+    "tslib": "^2.5.0",
+    "typescript": "4.8",
+    "typescript-transform-paths": "^3.4.6",
+    "vite": "^4.2.0",
+    "vite-tsconfig-paths": "^4.0.7",
+    "vitest": "^0.29.3"
   },
   "dependencies": {
-    "iterable-operator": "^1.2.0",
-    "rxjs": "^7.5.6"
+    "iterable-operator": "^4.0.3",
+    "rxjs": "^7.8.0"
   }
 }