open-consul/ui/packages/consul-ui/app/utils/dom/event-source/callable.js
John Cowen c98130cc08
ui: Move to Workspaced Structure (#8994)
* ui: Add the most basic workspace root in /ui

* We already have a LICENSE file in the repository root

* Change directory path in build scripts ui-v2 -> ui

* Make yarn install flags configurable from elsewhere

* Minimal workspace root makefile

* Call the new docker specific target

* Update yarn in the docker build image

* Reconfigure the netlify target and move to the higher makefile

* Move ui-v2 -> ui/packages/consul-ui

* Change repo root to refleect new folder structure

* Temporarily don't hoist consul-api-double

* Fixup CI configuration

* Fixup lint errors

* Fixup Netlify target
2020-10-21 15:23:16 +01:00

95 lines
2.5 KiB
JavaScript

export const defaultRunner = function(target, configuration, isClosed) {
if (isClosed(target)) {
target.dispatchEvent({ type: 'close' });
return;
}
// TODO Consider wrapping this is a promise for none thenable returns
return target.source
.bind(target)(configuration, target)
.then(function(res) {
return defaultRunner(target, configuration, isClosed);
});
};
const errorEvent = function(e) {
return new ErrorEvent('error', {
error: e,
message: e.message,
});
};
const isClosed = function(target) {
switch (target.readyState) {
case 2: // CLOSED
case 3: // CLOSING
return true;
}
return false;
};
export default function(
EventTarget,
P = Promise,
run = defaultRunner,
createErrorEvent = errorEvent
) {
const CallableEventSource = function(source, configuration = {}) {
EventTarget.call(this);
this.readyState = 2;
this.source =
typeof source !== 'function'
? function(configuration, target) {
this.close();
return P.resolve();
}
: source;
this.readyState = 0; // CONNECTING
P.resolve()
.then(() => {
// if we are already closed, don't do anything
if (this.readyState > 1) {
return;
}
this.readyState = 1; // open
// the connection _was just_ opened
this.dispatchEvent({ type: 'open' });
return run(this, configuration, isClosed);
})
.catch(e => {
this.dispatchEvent(createErrorEvent(e));
// close after the dispatch so we can tell if it was an error whilst closed or not
// but make sure its before the promise tick
this.readyState = 2; // CLOSE
this.dispatchEvent({ type: 'close' });
})
.then(() => {
// This only gets called when the promise chain completely finishes
// so only when its completely closed.
this.readyState = 2; // CLOSE
});
};
CallableEventSource.prototype = Object.assign(
Object.create(EventTarget.prototype, {
constructor: {
value: CallableEventSource,
configurable: true,
writable: true,
},
}),
{
close: function() {
// additional readyState 3 = CLOSING
switch (this.readyState) {
case 0: // CONNECTING
case 2: // CLOSED
this.readyState = 2;
break;
default:
// OPEN
this.readyState = 3; // CLOSING
}
// non-standard
return this;
},
}
);
return CallableEventSource;
}