@tko/observable 4.0.0-alpha8.0 → 4.0.0-beta1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Subscription.js +31 -0
- package/dist/Subscription.js.map +7 -0
- package/dist/defer.js +24 -0
- package/dist/defer.js.map +7 -0
- package/dist/dependencyDetection.js +47 -0
- package/dist/dependencyDetection.js.map +7 -0
- package/dist/extenders.js +60 -0
- package/dist/extenders.js.map +7 -0
- package/dist/index.cjs +1272 -0
- package/dist/index.cjs.map +7 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +7 -0
- package/dist/index.mjs +17 -0
- package/dist/index.mjs.map +7 -0
- package/dist/mappingHelpers.js +58 -0
- package/dist/mappingHelpers.js.map +7 -0
- package/dist/observable.js +120 -910
- package/dist/observable.js.map +7 -1
- package/dist/observableArray.changeTracking.js +126 -0
- package/dist/observableArray.changeTracking.js.map +7 -0
- package/dist/observableArray.js +130 -0
- package/dist/observableArray.js.map +7 -0
- package/dist/subscribable.js +137 -0
- package/dist/subscribable.js.map +7 -0
- package/dist/subscribableSymbol.js +5 -0
- package/dist/subscribableSymbol.js.map +7 -0
- package/package.json +15 -26
- package/dist/observable.es6.js +0 -918
- package/dist/observable.es6.js.map +0 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// @tko/observable 🥊 4.0.0-beta1.0 ESM
|
|
2
|
+
import {
|
|
3
|
+
removeDisposeCallback,
|
|
4
|
+
addDisposeCallback
|
|
5
|
+
} from "@tko/utils";
|
|
6
|
+
export default class Subscription {
|
|
7
|
+
constructor(target, observer, disposeCallback) {
|
|
8
|
+
this._target = target;
|
|
9
|
+
this._callback = observer.next;
|
|
10
|
+
this._disposeCallback = disposeCallback;
|
|
11
|
+
this._isDisposed = false;
|
|
12
|
+
this._domNodeDisposalCallback = null;
|
|
13
|
+
}
|
|
14
|
+
dispose() {
|
|
15
|
+
if (this._domNodeDisposalCallback) {
|
|
16
|
+
removeDisposeCallback(this._node, this._domNodeDisposalCallback);
|
|
17
|
+
}
|
|
18
|
+
this._isDisposed = true;
|
|
19
|
+
this._disposeCallback();
|
|
20
|
+
}
|
|
21
|
+
disposeWhenNodeIsRemoved(node) {
|
|
22
|
+
this._node = node;
|
|
23
|
+
addDisposeCallback(node, this._domNodeDisposalCallback = this.dispose.bind(this));
|
|
24
|
+
}
|
|
25
|
+
unsubscribe() {
|
|
26
|
+
this.dispose();
|
|
27
|
+
}
|
|
28
|
+
get closed() {
|
|
29
|
+
return this._isDisposed;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/Subscription.ts"],
|
|
4
|
+
"sourcesContent": ["\nimport {\n removeDisposeCallback, addDisposeCallback\n} from '@tko/utils'\n\n\nexport default class Subscription {\n constructor (target, observer, disposeCallback) {\n this._target = target\n this._callback = observer.next\n this._disposeCallback = disposeCallback\n this._isDisposed = false\n this._domNodeDisposalCallback = null\n }\n\n dispose () {\n if (this._domNodeDisposalCallback) {\n removeDisposeCallback(this._node, this._domNodeDisposalCallback)\n }\n this._isDisposed = true\n this._disposeCallback()\n }\n\n disposeWhenNodeIsRemoved (node) {\n this._node = node\n addDisposeCallback(node, this._domNodeDisposalCallback = this.dispose.bind(this))\n }\n\n // TC39 Observable API\n unsubscribe () { this.dispose() }\n get closed () { return this._isDisposed }\n}\n"],
|
|
5
|
+
"mappings": ";AACA;AAAA;AAAA;AAAA;AAKA,qBAAqB,aAAa;AAAA,EAChC,YAAa,QAAQ,UAAU,iBAAiB;AAC9C,SAAK,UAAU;AACf,SAAK,YAAY,SAAS;AAC1B,SAAK,mBAAmB;AACxB,SAAK,cAAc;AACnB,SAAK,2BAA2B;AAAA,EAClC;AAAA,EAEA,UAAW;AACT,QAAI,KAAK,0BAA0B;AACjC,4BAAsB,KAAK,OAAO,KAAK,wBAAwB;AAAA,IACjE;AACA,SAAK,cAAc;AACnB,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEA,yBAA0B,MAAM;AAC9B,SAAK,QAAQ;AACb,uBAAmB,MAAM,KAAK,2BAA2B,KAAK,QAAQ,KAAK,IAAI,CAAC;AAAA,EAClF;AAAA,EAGA,cAAe;AAAE,SAAK,QAAQ;AAAA,EAAE;AAAA,MAC5B,SAAU;AAAE,WAAO,KAAK;AAAA,EAAY;AAC1C;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/defer.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// @tko/observable 🥊 4.0.0-beta1.0 ESM
|
|
2
|
+
import { tasks } from "@tko/utils";
|
|
3
|
+
export function deferUpdates(target) {
|
|
4
|
+
if (target._deferUpdates) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
target._deferUpdates = true;
|
|
8
|
+
target.limit(function(callback) {
|
|
9
|
+
let handle;
|
|
10
|
+
let ignoreUpdates = false;
|
|
11
|
+
return function() {
|
|
12
|
+
if (!ignoreUpdates) {
|
|
13
|
+
tasks.cancel(handle);
|
|
14
|
+
handle = tasks.schedule(callback);
|
|
15
|
+
try {
|
|
16
|
+
ignoreUpdates = true;
|
|
17
|
+
target.notifySubscribers(void 0, "dirty");
|
|
18
|
+
} finally {
|
|
19
|
+
ignoreUpdates = false;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/defer.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Defer Updates\n// ===\n//\nimport { tasks } from '@tko/utils'\n\nexport function deferUpdates (target) {\n if (target._deferUpdates) { return }\n target._deferUpdates = true\n target.limit(function (callback) {\n let handle\n let ignoreUpdates = false\n return function () {\n if (!ignoreUpdates) {\n tasks.cancel(handle)\n handle = tasks.schedule(callback)\n try {\n ignoreUpdates = true\n target.notifySubscribers(undefined, 'dirty')\n } finally {\n ignoreUpdates = false\n }\n }\n }\n })\n}\n"],
|
|
5
|
+
"mappings": ";AAIA;AAEO,6BAAuB,QAAQ;AACpC,MAAI,OAAO,eAAe;AAAE;AAAA,EAAO;AACnC,SAAO,gBAAgB;AACvB,SAAO,MAAM,SAAU,UAAU;AAC/B,QAAI;AACJ,QAAI,gBAAgB;AACpB,WAAO,WAAY;AACjB,UAAI,CAAC,eAAe;AAClB,cAAM,OAAO,MAAM;AACnB,iBAAS,MAAM,SAAS,QAAQ;AAChC,YAAI;AACF,0BAAgB;AAChB,iBAAO,kBAAkB,QAAW,OAAO;AAAA,QAC7C,UAAE;AACA,0BAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// @tko/observable 🥊 4.0.0-beta1.0 ESM
|
|
2
|
+
import { isSubscribable } from "./subscribableSymbol";
|
|
3
|
+
const outerFrames = [];
|
|
4
|
+
let currentFrame;
|
|
5
|
+
let lastId = 0;
|
|
6
|
+
function getId() {
|
|
7
|
+
return ++lastId;
|
|
8
|
+
}
|
|
9
|
+
export function begin(options) {
|
|
10
|
+
outerFrames.push(currentFrame);
|
|
11
|
+
currentFrame = options;
|
|
12
|
+
}
|
|
13
|
+
export function end() {
|
|
14
|
+
currentFrame = outerFrames.pop();
|
|
15
|
+
}
|
|
16
|
+
export function registerDependency(subscribable) {
|
|
17
|
+
if (currentFrame) {
|
|
18
|
+
if (!isSubscribable(subscribable)) {
|
|
19
|
+
throw new Error("Only subscribable things can act as dependencies");
|
|
20
|
+
}
|
|
21
|
+
currentFrame.callback.call(currentFrame.callbackTarget, subscribable, subscribable._id || (subscribable._id = getId()));
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
export function ignore(callback, callbackTarget, callbackArgs) {
|
|
25
|
+
try {
|
|
26
|
+
begin();
|
|
27
|
+
return callback.apply(callbackTarget, callbackArgs || []);
|
|
28
|
+
} finally {
|
|
29
|
+
end();
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
export function getDependenciesCount() {
|
|
33
|
+
if (currentFrame) {
|
|
34
|
+
return currentFrame.computed.getDependenciesCount();
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
export function getDependencies() {
|
|
38
|
+
if (currentFrame) {
|
|
39
|
+
return currentFrame.computed.getDependencies();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
export function isInitial() {
|
|
43
|
+
if (currentFrame) {
|
|
44
|
+
return currentFrame.isInitial;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
export { ignore as ignoreDependencies };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/dependencyDetection.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// dependencyDetection\n// ---\n//\n// In KO 3.x, dependencyDetection was also known as computedContext.\n//\nimport { isSubscribable } from './subscribableSymbol'\n\nconst outerFrames = []\nlet currentFrame\nlet lastId = 0\n\n// Return a unique ID that can be assigned to an observable for dependency tracking.\n// Theoretically, you could eventually overflow the number storage size, resulting\n// in duplicate IDs. But in JavaScript, the largest exact integral value is 2^53\n// or 9,007,199,254,740,992. If you created 1,000,000 IDs per second, it would\n// take over 285 years to reach that number.\n// Reference http://blog.vjeux.com/2010/javascript/javascript-max_int-number-limits.html\nfunction getId () {\n return ++lastId\n}\n\nexport function begin (options) {\n outerFrames.push(currentFrame)\n currentFrame = options\n}\n\nexport function end () {\n currentFrame = outerFrames.pop()\n}\n\nexport function registerDependency (subscribable) {\n if (currentFrame) {\n if (!isSubscribable(subscribable)) { throw new Error('Only subscribable things can act as dependencies') }\n currentFrame.callback.call(currentFrame.callbackTarget, subscribable, subscribable._id || (subscribable._id = getId()))\n }\n}\n\nexport function ignore (callback, callbackTarget, callbackArgs) {\n try {\n begin()\n return callback.apply(callbackTarget, callbackArgs || [])\n } finally {\n end()\n }\n}\n\nexport function getDependenciesCount () {\n if (currentFrame) { return currentFrame.computed.getDependenciesCount() }\n}\n\nexport function getDependencies () {\n if (currentFrame) { return currentFrame.computed.getDependencies() }\n}\n\nexport function isInitial () {\n if (currentFrame) { return currentFrame.isInitial }\n}\n\nexport { ignore as ignoreDependencies }\n"],
|
|
5
|
+
"mappings": ";AAMA;AAEA,MAAM,cAAc,CAAC;AACrB,IAAI;AACJ,IAAI,SAAS;AAQb,iBAAkB;AAChB,SAAO,EAAE;AACX;AAEO,sBAAgB,SAAS;AAC9B,cAAY,KAAK,YAAY;AAC7B,iBAAe;AACjB;AAEO,sBAAgB;AACrB,iBAAe,YAAY,IAAI;AACjC;AAEO,mCAA6B,cAAc;AAChD,MAAI,cAAc;AAChB,QAAI,CAAC,eAAe,YAAY,GAAG;AAAE,YAAM,IAAI,MAAM,kDAAkD;AAAA,IAAE;AACzG,iBAAa,SAAS,KAAK,aAAa,gBAAgB,cAAc,aAAa,OAAQ,cAAa,MAAM,MAAM,EAAE;AAAA,EACxH;AACF;AAEO,uBAAiB,UAAU,gBAAgB,cAAc;AAC9D,MAAI;AACF,UAAM;AACN,WAAO,SAAS,MAAM,gBAAgB,gBAAgB,CAAC,CAAC;AAAA,EAC1D,UAAE;AACA,QAAI;AAAA,EACN;AACF;AAEO,uCAAiC;AACtC,MAAI,cAAc;AAAE,WAAO,aAAa,SAAS,qBAAqB;AAAA,EAAE;AAC1E;AAEO,kCAA4B;AACjC,MAAI,cAAc;AAAE,WAAO,aAAa,SAAS,gBAAgB;AAAA,EAAE;AACrE;AAEO,4BAAsB;AAC3B,MAAI,cAAc;AAAE,WAAO,aAAa;AAAA,EAAU;AACpD;AAEA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
// @tko/observable 🥊 4.0.0-beta1.0 ESM
|
|
2
|
+
import {
|
|
3
|
+
options,
|
|
4
|
+
objectForEach,
|
|
5
|
+
throttle as throttleFn,
|
|
6
|
+
debounce as debounceFn
|
|
7
|
+
} from "@tko/utils";
|
|
8
|
+
import { deferUpdates } from "./defer";
|
|
9
|
+
var primitiveTypes = {
|
|
10
|
+
"undefined": 1,
|
|
11
|
+
"boolean": 1,
|
|
12
|
+
"number": 1,
|
|
13
|
+
"string": 1
|
|
14
|
+
};
|
|
15
|
+
export function valuesArePrimitiveAndEqual(a, b) {
|
|
16
|
+
var oldValueIsPrimitive = a === null || typeof a in primitiveTypes;
|
|
17
|
+
return oldValueIsPrimitive ? a === b : false;
|
|
18
|
+
}
|
|
19
|
+
export function applyExtenders(requestedExtenders) {
|
|
20
|
+
var target = this;
|
|
21
|
+
if (requestedExtenders) {
|
|
22
|
+
objectForEach(requestedExtenders, function(key, value) {
|
|
23
|
+
var extenderHandler = extenders[key];
|
|
24
|
+
if (typeof extenderHandler === "function") {
|
|
25
|
+
target = extenderHandler(target, value) || target;
|
|
26
|
+
} else {
|
|
27
|
+
options.onError(new Error("Extender not found: " + key));
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
}
|
|
33
|
+
export function notify(target, notifyWhen) {
|
|
34
|
+
target.equalityComparer = notifyWhen == "always" ? null : valuesArePrimitiveAndEqual;
|
|
35
|
+
}
|
|
36
|
+
export function deferred(target, option) {
|
|
37
|
+
if (option !== true) {
|
|
38
|
+
throw new Error("The 'deferred' extender only accepts the value 'true', because it is not supported to turn deferral off once enabled.");
|
|
39
|
+
}
|
|
40
|
+
deferUpdates(target);
|
|
41
|
+
}
|
|
42
|
+
export function rateLimit(target, options2) {
|
|
43
|
+
var timeout, method, limitFunction;
|
|
44
|
+
if (typeof options2 === "number") {
|
|
45
|
+
timeout = options2;
|
|
46
|
+
} else {
|
|
47
|
+
timeout = options2.timeout;
|
|
48
|
+
method = options2.method;
|
|
49
|
+
}
|
|
50
|
+
target._deferUpdates = false;
|
|
51
|
+
limitFunction = method === "notifyWhenChangesStop" ? debounceFn : throttleFn;
|
|
52
|
+
target.limit(function(callback) {
|
|
53
|
+
return limitFunction(callback, timeout);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
export var extenders = {
|
|
57
|
+
notify,
|
|
58
|
+
deferred,
|
|
59
|
+
rateLimit
|
|
60
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/extenders.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Observable extenders\n// ---\n//\nimport {\n options, objectForEach,\n throttle as throttleFn, debounce as debounceFn\n} from '@tko/utils'\n\nimport { deferUpdates } from './defer'\n\nvar primitiveTypes = {\n 'undefined': 1, 'boolean': 1, 'number': 1, 'string': 1\n}\n\nexport function valuesArePrimitiveAndEqual (a, b) {\n var oldValueIsPrimitive = (a === null) || (typeof (a) in primitiveTypes)\n return oldValueIsPrimitive ? (a === b) : false\n}\n\nexport function applyExtenders (requestedExtenders) {\n var target = this\n if (requestedExtenders) {\n objectForEach(requestedExtenders, function (key, value) {\n var extenderHandler = extenders[key]\n if (typeof extenderHandler === 'function') {\n target = extenderHandler(target, value) || target\n } else {\n options.onError(new Error('Extender not found: ' + key))\n }\n })\n }\n return target\n}\n\n/*\n --- DEFAULT EXTENDERS ---\n */\n\n// Change when notifications are published.\nexport function notify (target, notifyWhen) {\n target.equalityComparer = notifyWhen == 'always'\n ? null // null equalityComparer means to always notify\n : valuesArePrimitiveAndEqual\n}\n\nexport function deferred (target, option) {\n if (option !== true) {\n throw new Error('The \\'deferred\\' extender only accepts the value \\'true\\', because it is not supported to turn deferral off once enabled.')\n }\n deferUpdates(target)\n}\n\nexport function rateLimit (target, options) {\n var timeout, method, limitFunction\n\n if (typeof options === 'number') {\n timeout = options\n } else {\n timeout = options.timeout\n method = options.method\n }\n\n // rateLimit supersedes deferred updates\n target._deferUpdates = false\n\n limitFunction = method === 'notifyWhenChangesStop' ? debounceFn : throttleFn\n\n target.limit(function (callback) {\n return limitFunction(callback, timeout)\n })\n}\n\nexport var extenders = {\n notify: notify,\n deferred: deferred,\n rateLimit: rateLimit\n}\n"],
|
|
5
|
+
"mappings": ";AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA,IAAI,iBAAiB;AAAA,EACnB,aAAa;AAAA,EAAG,WAAW;AAAA,EAAG,UAAU;AAAA,EAAG,UAAU;AACvD;AAEO,2CAAqC,GAAG,GAAG;AAChD,MAAI,sBAAuB,MAAM,QAAU,OAAQ,KAAM;AACzD,SAAO,sBAAuB,MAAM,IAAK;AAC3C;AAEO,+BAAyB,oBAAoB;AAClD,MAAI,SAAS;AACb,MAAI,oBAAoB;AACtB,kBAAc,oBAAoB,SAAU,KAAK,OAAO;AACtD,UAAI,kBAAkB,UAAU;AAChC,UAAI,OAAO,oBAAoB,YAAY;AACzC,iBAAS,gBAAgB,QAAQ,KAAK,KAAK;AAAA,MAC7C,OAAO;AACL,gBAAQ,QAAQ,IAAI,MAAM,yBAAyB,GAAG,CAAC;AAAA,MACzD;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAOO,uBAAiB,QAAQ,YAAY;AAC1C,SAAO,mBAAmB,cAAc,WAChC,OACA;AACV;AAEO,yBAAmB,QAAQ,QAAQ;AACxC,MAAI,WAAW,MAAM;AACnB,UAAM,IAAI,MAAM,uHAA2H;AAAA,EAC7I;AACA,eAAa,MAAM;AACrB;AAEO,0BAAoB,QAAQ,UAAS;AAC1C,MAAI,SAAS,QAAQ;AAErB,MAAI,OAAO,aAAY,UAAU;AAC/B,cAAU;AAAA,EACZ,OAAO;AACL,cAAU,SAAQ;AAClB,aAAS,SAAQ;AAAA,EACnB;AAGA,SAAO,gBAAgB;AAEvB,kBAAgB,WAAW,0BAA0B,aAAa;AAElE,SAAO,MAAM,SAAU,UAAU;AAC/B,WAAO,cAAc,UAAU,OAAO;AAAA,EACxC,CAAC;AACH;AAEO,WAAI,YAAY;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|