subscribable-things 2.0.10 → 2.1.2

package/README.md

@@ -130,6 +130,14 @@ function animationFrame(): SubscribableThing<number>;
 
 This function wraps the [`requestAnimationFrame()`](https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#dom-animationframeprovider-requestanimationframe) method. It emits the current timestamp of each animation frame.
 
+### attribute(htmlElement, name)
+
+```ts
+function attribute(htmlElement: HTMLElement, name: string): TSubscribableThing<null | string>;
+```
+
+This function uses `mutations()` on the inside to emit the latest value of the attribute with the given name.
+
 ### geolocation([options])
 
 ```ts

package/build/es2019/factories/attribute.d.ts

@@ -0,0 +1,6 @@
+import { TSubscribableThing } from '../types';
+import type { createMapSubscribableThing } from './map-subscribable-thing';
+import type { createMutations } from './mutations';
+import type { createPrependSubscribableThing } from './prepend-subscribable-thing';
+export declare const createAttribute: (mapSubscribableThing: ReturnType<typeof createMapSubscribableThing>, mutations: ReturnType<typeof createMutations>, prependSubscribableThing: ReturnType<typeof createPrependSubscribableThing>) => (htmlElement: HTMLElement, name: string) => TSubscribableThing<null | string>;
+//# sourceMappingURL=attribute.d.ts.map

package/build/es2019/factories/attribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute.d.ts","sourceRoot":"","sources":["../../../src/factories/attribute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAEnF,eAAO,MAAM,eAAe,yBACF,WAAW,iCAAiC,CAAC,aACxD,WAAW,sBAAsB,CAAC,4BACnB,WAAW,qCAAqC,CAAC,mBAEtD,WAAW,QAAQ,MAAM,KAAG,mBAAmB,IAAI,GAAG,MAAM,CAepF,CAAC"}

package/build/es2019/factories/attribute.js

@@ -0,0 +1,11 @@
+export const createAttribute = (mapSubscribableThing, mutations, prependSubscribableThing) => {
+    return (htmlElement, name) => {
+        const getAttribute = () => htmlElement.getAttribute(name);
+        return prependSubscribableThing(mapSubscribableThing(mutations(htmlElement, {
+            attributeFilter: [name],
+            childList: false,
+            subtree: false
+        }), () => getAttribute()), getAttribute());
+    };
+};
+//# sourceMappingURL=attribute.js.map

package/build/es2019/factories/attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute.js","sourceRoot":"","sources":["../../../src/factories/attribute.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,oBAAmE,EACnE,SAA6C,EAC7C,wBAA2E,EAC7E,EAAE;IACA,OAAO,CAAC,WAAwB,EAAE,IAAY,EAAqC,EAAE;QACjF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE1D,OAAO,wBAAwB,CAC3B,oBAAoB,CAChB,SAAS,CAAC,WAAW,EAAE;YACnB,eAAe,EAAE,CAAC,IAAI,CAAC;YACvB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;SACjB,CAAC,EACF,GAAG,EAAE,CAAC,YAAY,EAAE,CACvB,EACD,YAAY,EAAE,CACjB,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/build/es2019/factories/map-subscribable-thing.d.ts

@@ -0,0 +1,3 @@
+import { TSubscribableThing, TWrapSubscribeFunctionFunction } from '../types';
+export declare const createMapSubscribableThing: (wrapSubscribeFunction: TWrapSubscribeFunctionFunction) => <TValue, TMappedValue>(subscribableThing: TSubscribableThing<TValue>, map: (value: TValue) => TMappedValue) => TSubscribableThing<TMappedValue>;
+//# sourceMappingURL=map-subscribable-thing.d.ts.map

package/build/es2019/factories/map-subscribable-thing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-subscribable-thing.d.ts","sourceRoot":"","sources":["../../../src/factories/map-subscribable-thing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE9E,eAAO,MAAM,0BAA0B,0BACX,8BAA8B,oJAKiE,CAAC"}

package/build/es2019/factories/map-subscribable-thing.js

@@ -0,0 +1,2 @@
+export const createMapSubscribableThing = (wrapSubscribeFunction) => (subscribableThing, map) => wrapSubscribeFunction((observer) => subscribableThing({ ...observer, next: (value) => observer.next(map(value)) }));
+//# sourceMappingURL=map-subscribable-thing.js.map

package/build/es2019/factories/map-subscribable-thing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-subscribable-thing.js","sourceRoot":"","sources":["../../../src/factories/map-subscribable-thing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GACnC,CAAC,qBAAqD,EAAE,EAAE,CAC1D,CACI,iBAA6C,EAC7C,GAAoC,EACJ,EAAE,CAClC,qBAAqB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/build/es2019/factories/prepend-subscribable-thing.d.ts

@@ -0,0 +1,3 @@
+import { TSubscribableThing, TWrapSubscribeFunctionFunction } from '../types';
+export declare const createPrependSubscribableThing: (wrapSubscribeFunction: TWrapSubscribeFunctionFunction) => <TValue, TPrependedValue>(subscribableThing: TSubscribableThing<TValue>, prependedValue: TPrependedValue) => TSubscribableThing<TValue | TPrependedValue>;
+//# sourceMappingURL=prepend-subscribable-thing.d.ts.map

package/build/es2019/factories/prepend-subscribable-thing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepend-subscribable-thing.d.ts","sourceRoot":"","sources":["../../../src/factories/prepend-subscribable-thing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE9E,eAAO,MAAM,8BAA8B,0BACf,8BAA8B,8JAShD,CAAC"}

package/build/es2019/factories/prepend-subscribable-thing.js

@@ -0,0 +1,5 @@
+export const createPrependSubscribableThing = (wrapSubscribeFunction) => (subscribableThing, prependedValue) => wrapSubscribeFunction((observer) => {
+    observer.next(prependedValue);
+    return subscribableThing(observer);
+});
+//# sourceMappingURL=prepend-subscribable-thing.js.map

package/build/es2019/factories/prepend-subscribable-thing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepend-subscribable-thing.js","sourceRoot":"","sources":["../../../src/factories/prepend-subscribable-thing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,8BAA8B,GACvC,CAAC,qBAAqD,EAAE,EAAE,CAC1D,CACI,iBAA6C,EAC7C,cAA+B,EACa,EAAE,CAC9C,qBAAqB,CAAC,CAAC,QAAQ,EAAE,EAAE;IAC/B,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE9B,OAAO,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC"}

package/build/es2019/module.d.ts

@@ -1,6 +1,8 @@
 export * from './interfaces/index';
 export * from './types/index';
 export declare const animationFrame: import("./types/animation-frame-function").TAnimationFrameFunction;
+export declare const mutations: import("./types/mutations-function").TMutationsFunction;
+export declare const attribute: (htmlElement: HTMLElement, name: string) => import("./types/subscribable-thing").TSubscribableThing<string | null>;
 export declare const geolocation: (options?: PositionOptions | undefined) => import("./types/subscribable-thing").TSubscribableThing<GeolocationPosition>;
 export declare const intersections: import("./types/intersections-function").TIntersectionsFunction;
 export declare const mediaDevices: import("./types/media-devices-function").TMediaDevicesFunction;
@@ -8,7 +10,6 @@ export declare const mediaQueryMatch: import("./types/media-query-match-function
 export declare const metrics: import("./types/metrics-function").TMetricsFunction;
 export declare const midiInputs: import("./types/midi-inputs-function").TMidiInputsFunction;
 export declare const midiOutputs: import("./types/midi-outputs-function").TMidiOutputsFunction;
-export declare const mutations: import("./types/mutations-function").TMutationsFunction;
 export declare const on: import("./types/on-function").TOnFunction;
 export declare const online: import("./types/online-function").TOnlineFunction;
 export declare const permissionState: import("./types/permission-state-function").TPermissionStateFunction;

package/build/es2019/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AA0BA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAK9B,eAAO,MAAM,cAAc,oEAA6E,CAAC;AAEzG,eAAO,MAAM,WAAW,yHAA0E,CAAC;AAEnG,eAAO,MAAM,aAAa,iEAA4E,CAAC;AAEvG,eAAO,MAAM,YAAY,gEAA2E,CAAC;AAErG,eAAO,MAAM,eAAe,uEAA8E,CAAC;AAE3G,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,UAAU,4DAA0C,CAAC;AAElE,eAAO,MAAM,WAAW,8DAA2C,CAAC;AAEpE,eAAO,MAAM,SAAS,yDAAwE,CAAC;AAE/F,eAAO,MAAM,EAAE,2CAAkC,CAAC;AAElD,eAAO,MAAM,MAAM,mDAAqE,CAAC;AAEzF,eAAO,MAAM,eAAe,sEAA8E,CAAC;AAE3G,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,kBAAkB,4EAAiF,CAAC;AAEjH,eAAO,MAAM,UAAU,4DAAiE,CAAC;AAEzF,eAAO,MAAM,QAAQ,wDAAuE,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AA6BA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAK9B,eAAO,MAAM,cAAc,oEAA6E,CAAC;AAEzG,eAAO,MAAM,SAAS,yDAAwE,CAAC;AAK/F,eAAO,MAAM,SAAS,oHAA6E,CAAC;AAEpG,eAAO,MAAM,WAAW,yHAA0E,CAAC;AAEnG,eAAO,MAAM,aAAa,iEAA4E,CAAC;AAEvG,eAAO,MAAM,YAAY,gEAA2E,CAAC;AAErG,eAAO,MAAM,eAAe,uEAA8E,CAAC;AAE3G,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,UAAU,4DAA0C,CAAC;AAElE,eAAO,MAAM,WAAW,8DAA2C,CAAC;AAEpE,eAAO,MAAM,EAAE,2CAAkC,CAAC;AAElD,eAAO,MAAM,MAAM,mDAAqE,CAAC;AAEzF,eAAO,MAAM,eAAe,sEAA8E,CAAC;AAE3G,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,OAAO,qDAAsE,CAAC;AAE3F,eAAO,MAAM,kBAAkB,4EAAiF,CAAC;AAEjH,eAAO,MAAM,UAAU,4DAAiE,CAAC;AAEzF,eAAO,MAAM,QAAQ,wDAAuE,CAAC"}

package/build/es2019/module.js

@@ -1,7 +1,9 @@
 import { patch, toObserver } from 'rxjs-interop';
 import { createAnimationFrame } from './factories/animation-frame';
+import { createAttribute } from './factories/attribute';
 import { createGeolocation } from './factories/geolocation';
 import { createIntersections } from './factories/intersections';
+import { createMapSubscribableThing } from './factories/map-subscribable-thing';
 import { createMediaDevices } from './factories/media-devices';
 import { createMediaQueryMatch } from './factories/media-query-match';
 import { createMetrics } from './factories/metrics';
@@ -11,6 +13,7 @@ import { createMutations } from './factories/mutations';
 import { createOn } from './factories/on';
 import { createOnline } from './factories/online';
 import { createPermissionState } from './factories/permission-state';
+import { createPrependSubscribableThing } from './factories/prepend-subscribable-thing';
 import { createReports } from './factories/reports';
 import { createResizes } from './factories/resizes';
 import { createUnhandledRejection } from './factories/unhandled-rejection';
@@ -28,6 +31,10 @@ export * from './types/index';
 const window = createWindow();
 const wrapSubscribeFunction = createWrapSubscribeFunction(patch, toObserver);
 export const animationFrame = createAnimationFrame(emitNotSupportedError, window, wrapSubscribeFunction);
+export const mutations = createMutations(emitNotSupportedError, window, wrapSubscribeFunction);
+const mapSubscribableThing = createMapSubscribableThing(wrapSubscribeFunction);
+const prependSubscribableThing = createPrependSubscribableThing(wrapSubscribeFunction);
+export const attribute = createAttribute(mapSubscribableThing, mutations, prependSubscribableThing);
 export const geolocation = createGeolocation(emitNotSupportedError, window, wrapSubscribeFunction);
 export const intersections = createIntersections(emitNotSupportedError, window, wrapSubscribeFunction);
 export const mediaDevices = createMediaDevices(emitNotSupportedError, window, wrapSubscribeFunction);
@@ -35,7 +42,6 @@ export const mediaQueryMatch = createMediaQueryMatch(emitNotSupportedError, wind
 export const metrics = createMetrics(emitNotSupportedError, window, wrapSubscribeFunction);
 export const midiInputs = createMidiInputs(wrapSubscribeFunction);
 export const midiOutputs = createMidiOutputs(wrapSubscribeFunction);
-export const mutations = createMutations(emitNotSupportedError, window, wrapSubscribeFunction);
 export const on = createOn(wrapSubscribeFunction);
 export const online = createOnline(emitNotSupportedError, window, wrapSubscribeFunction);
 export const permissionState = createPermissionState(emitNotSupportedError, window, wrapSubscribeFunction);

package/build/es2019/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"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"}

package/build/es5/bundle.js

@@ -26,6 +26,22 @@
       };
     };
 
+    var createAttribute = function createAttribute(mapSubscribableThing, mutations, prependSubscribableThing) {
+      return function (htmlElement, name) {
+        var getAttribute = function getAttribute() {
+          return htmlElement.getAttribute(name);
+        };
+
+        return prependSubscribableThing(mapSubscribableThing(mutations(htmlElement, {
+          attributeFilter: [name],
+          childList: false,
+          subtree: false
+        }), function () {
+          return getAttribute();
+        }), getAttribute());
+      };
+    };
+
     var createGeolocation = function createGeolocation(emitNotSupportedError, window, wrapSubscribeFunction) {
       return function (options) {
         return wrapSubscribeFunction(function (observer) {
@@ -69,6 +85,22 @@
       };
     };
 
+    function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+    function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+    var createMapSubscribableThing = function createMapSubscribableThing(wrapSubscribeFunction) {
+      return function (subscribableThing, map) {
+        return wrapSubscribeFunction(function (observer) {
+          return subscribableThing(_objectSpread$1(_objectSpread$1({}, observer), {}, {
+            next: function next(value) {
+              return observer.next(map(value));
+            }
+          }));
+        });
+      };
+    };
+
     var createMediaDevices = function createMediaDevices(emitNotSupportedError, window, wrapSubscribeFunction) {
       return function () {
         return wrapSubscribeFunction(function (observer) {
@@ -304,6 +336,15 @@
       };
     };
 
+    var createPrependSubscribableThing = function createPrependSubscribableThing(wrapSubscribeFunction) {
+      return function (subscribableThing, prependedValue) {
+        return wrapSubscribeFunction(function (observer) {
+          observer.next(prependedValue);
+          return subscribableThing(observer);
+        });
+      };
+    };
+
     var createReports = function createReports(emitNotSupportedError, window, wrapSubscribeFunction) {
       return function (options) {
         return wrapSubscribeFunction(function (observer) {
@@ -543,6 +584,10 @@
     var window$1 = createWindow();
     var wrapSubscribeFunction = createWrapSubscribeFunction(rxjsInterop.patch, rxjsInterop.toObserver);
     var animationFrame = createAnimationFrame(emitNotSupportedError, window$1, wrapSubscribeFunction);
+    var mutations = createMutations(emitNotSupportedError, window$1, wrapSubscribeFunction);
+    var mapSubscribableThing = createMapSubscribableThing(wrapSubscribeFunction);
+    var prependSubscribableThing = createPrependSubscribableThing(wrapSubscribeFunction);
+    var attribute = createAttribute(mapSubscribableThing, mutations, prependSubscribableThing);
     var geolocation = createGeolocation(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var intersections = createIntersections(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var mediaDevices = createMediaDevices(emitNotSupportedError, window$1, wrapSubscribeFunction);
@@ -550,7 +595,6 @@
     var metrics = createMetrics(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var midiInputs = createMidiInputs(wrapSubscribeFunction);
     var midiOutputs = createMidiOutputs(wrapSubscribeFunction);
-    var mutations = createMutations(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var on = createOn(wrapSubscribeFunction);
     var online = createOnline(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var permissionState = createPermissionState(emitNotSupportedError, window$1, wrapSubscribeFunction);
@@ -561,6 +605,7 @@
     var wakeLock = createWakeLock(emitNotSupportedError, window$1, wrapSubscribeFunction);
 
     exports.animationFrame = animationFrame;
+    exports.attribute = attribute;
     exports.geolocation = geolocation;
     exports.intersections = intersections;
     exports.mediaDevices = mediaDevices;

package/package.json

@@ -15,36 +15,36 @@
         }
     ],
     "dependencies": {
-        "@babel/runtime": "^7.17.2",
+        "@babel/runtime": "^7.17.9",
         "rxjs-interop": "^2.0.0",
-        "tslib": "^2.3.1"
+        "tslib": "^2.4.0"
     },
     "description": "A collection of reactive wrappers for various browser APIs.",
     "devDependencies": {
-        "@babel/core": "^7.17.5",
+        "@babel/core": "^7.17.9",
         "@babel/plugin-external-helpers": "^7.16.7",
         "@babel/plugin-transform-runtime": "^7.17.0",
         "@babel/preset-env": "^7.16.11",
-        "@commitlint/cli": "^16.2.1",
-        "@commitlint/config-angular": "^16.2.1",
-        "@rollup/plugin-babel": "^5.3.0",
+        "@commitlint/cli": "^16.2.4",
+        "@commitlint/config-angular": "^16.2.4",
+        "@rollup/plugin-babel": "^5.3.1",
         "baconjs": "^3.0.17",
-        "body-parser": "^1.19.2",
+        "body-parser": "^1.20.0",
         "callbag-basics": "^4.0.0",
         "chai": "^4.3.6",
         "commitizen": "^4.2.4",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^8.9.0",
-        "eslint-config-holy-grail": "^52.0.2",
-        "grunt": "^1.4.1",
+        "eslint": "^8.14.0",
+        "eslint-config-holy-grail": "^52.0.8",
+        "grunt": "^1.5.2",
         "grunt-cli": "^1.4.3",
-        "grunt-contrib-clean": "^2.0.0",
+        "grunt-contrib-clean": "^2.0.1",
         "grunt-sh": "^0.2.0",
         "husky": "^7.0.4",
         "hyperf": "^1.3.0",
-        "karma": "^6.3.16",
+        "karma": "^6.3.19",
         "karma-browserstack-launcher": "^1.6.0",
-        "karma-chrome-launcher": "^3.1.0",
+        "karma-chrome-launcher": "^3.1.1",
         "karma-firefox-launcher": "^2.1.2",
         "karma-mocha": "^2.0.1",
         "karma-safari-launcher": "^1.0.0",
@@ -52,21 +52,21 @@
         "karma-webpack": "^5.0.0",
         "kefir": "^3.8.8",
         "load-grunt-config": "^4.0.1",
-        "midi-test": "^1.2.0",
-        "mocha": "^9.2.1",
-        "prettier": "^2.5.1",
+        "midi-test": "^1.2.1",
+        "mocha": "^9.2.2",
+        "prettier": "^2.6.2",
         "pretty-quick": "^3.1.3",
-        "rollup": "^2.67.3",
-        "rxjs": "^7.5.4",
+        "rollup": "^2.70.2",
+        "rxjs": "^7.5.5",
         "rxjs-for-await": "^1.0.0",
         "sinon": "^11.1.2",
         "sinon-chai": "^3.7.0",
-        "ts-loader": "^9.2.6",
-        "tsconfig-holy-grail": "^11.1.27",
+        "ts-loader": "^9.2.9",
+        "tsconfig-holy-grail": "^11.1.30",
         "tslint": "^6.1.3",
-        "tslint-config-holy-grail": "^53.2.26",
-        "typescript": "^4.5.5",
-        "webpack": "^5.69.1",
+        "tslint-config-holy-grail": "^53.2.28",
+        "typescript": "^4.6.3",
+        "webpack": "^5.72.0",
         "xstream": "^11.14.0"
     },
     "files": [
@@ -95,5 +95,5 @@
         "test": "grunt lint && grunt test"
     },
     "types": "build/es2019/module.d.ts",
-    "version": "2.0.10"
+    "version": "2.1.2"
 }

package/src/factories/attribute.ts

@@ -0,0 +1,26 @@
+import { TSubscribableThing } from '../types';
+import type { createMapSubscribableThing } from './map-subscribable-thing';
+import type { createMutations } from './mutations';
+import type { createPrependSubscribableThing } from './prepend-subscribable-thing';
+
+export const createAttribute = (
+    mapSubscribableThing: ReturnType<typeof createMapSubscribableThing>,
+    mutations: ReturnType<typeof createMutations>,
+    prependSubscribableThing: ReturnType<typeof createPrependSubscribableThing>
+) => {
+    return (htmlElement: HTMLElement, name: string): TSubscribableThing<null | string> => {
+        const getAttribute = () => htmlElement.getAttribute(name);
+
+        return prependSubscribableThing(
+            mapSubscribableThing(
+                mutations(htmlElement, {
+                    attributeFilter: [name],
+                    childList: false,
+                    subtree: false
+                }),
+                () => getAttribute()
+            ),
+            getAttribute()
+        );
+    };
+};

package/src/factories/map-subscribable-thing.ts

@@ -0,0 +1,9 @@
+import { TSubscribableThing, TWrapSubscribeFunctionFunction } from '../types';
+
+export const createMapSubscribableThing =
+    (wrapSubscribeFunction: TWrapSubscribeFunctionFunction) =>
+    <TValue, TMappedValue>(
+        subscribableThing: TSubscribableThing<TValue>,
+        map: (value: TValue) => TMappedValue
+    ): TSubscribableThing<TMappedValue> =>
+        wrapSubscribeFunction((observer) => subscribableThing({ ...observer, next: (value) => observer.next(map(value)) }));

package/src/factories/prepend-subscribable-thing.ts

@@ -0,0 +1,13 @@
+import { TSubscribableThing, TWrapSubscribeFunctionFunction } from '../types';
+
+export const createPrependSubscribableThing =
+    (wrapSubscribeFunction: TWrapSubscribeFunctionFunction) =>
+    <TValue, TPrependedValue>(
+        subscribableThing: TSubscribableThing<TValue>,
+        prependedValue: TPrependedValue
+    ): TSubscribableThing<TPrependedValue | TValue> =>
+        wrapSubscribeFunction((observer) => {
+            observer.next(prependedValue);
+
+            return subscribableThing(observer);
+        });

package/src/module.ts

@@ -1,7 +1,9 @@
 import { patch, toObserver } from 'rxjs-interop';
 import { createAnimationFrame } from './factories/animation-frame';
+import { createAttribute } from './factories/attribute';
 import { createGeolocation } from './factories/geolocation';
 import { createIntersections } from './factories/intersections';
+import { createMapSubscribableThing } from './factories/map-subscribable-thing';
 import { createMediaDevices } from './factories/media-devices';
 import { createMediaQueryMatch } from './factories/media-query-match';
 import { createMetrics } from './factories/metrics';
@@ -11,6 +13,7 @@ import { createMutations } from './factories/mutations';
 import { createOn } from './factories/on';
 import { createOnline } from './factories/online';
 import { createPermissionState } from './factories/permission-state';
+import { createPrependSubscribableThing } from './factories/prepend-subscribable-thing';
 import { createReports } from './factories/reports';
 import { createResizes } from './factories/resizes';
 import { createUnhandledRejection } from './factories/unhandled-rejection';
@@ -32,6 +35,13 @@ const wrapSubscribeFunction = createWrapSubscribeFunction(patch, toObserver);
 
 export const animationFrame = createAnimationFrame(emitNotSupportedError, window, wrapSubscribeFunction);
 
+export const mutations = createMutations(emitNotSupportedError, window, wrapSubscribeFunction);
+
+const mapSubscribableThing = createMapSubscribableThing(wrapSubscribeFunction);
+const prependSubscribableThing = createPrependSubscribableThing(wrapSubscribeFunction);
+
+export const attribute = createAttribute(mapSubscribableThing, mutations, prependSubscribableThing);
+
 export const geolocation = createGeolocation(emitNotSupportedError, window, wrapSubscribeFunction);
 
 export const intersections = createIntersections(emitNotSupportedError, window, wrapSubscribeFunction);
@@ -46,8 +56,6 @@ export const midiInputs = createMidiInputs(wrapSubscribeFunction);
 
 export const midiOutputs = createMidiOutputs(wrapSubscribeFunction);
 
-export const mutations = createMutations(emitNotSupportedError, window, wrapSubscribeFunction);
-
 export const on = createOn(wrapSubscribeFunction);
 
 export const online = createOnline(emitNotSupportedError, window, wrapSubscribeFunction);