Compare commits
6 Commits
2a84086828
...
1.1.3
| Author | SHA1 | Date | |
|---|---|---|---|
| 7f55ae0d4e | |||
| 6f52c56857 | |||
| cfdcdf1def | |||
| f8cdfe131f | |||
| 95f85aedaa | |||
| 5c7cf36cf3 |
@@ -7,9 +7,12 @@ export class Interactor {
|
|||||||
#latestReactions = {};
|
#latestReactions = {};
|
||||||
|
|
||||||
constructor(initialReaction = new Reaction()) {
|
constructor(initialReaction = new Reaction()) {
|
||||||
this.#actions.listen((action) =>
|
this.#actions.listen((action) => {
|
||||||
this[`handle${action.constructor.name}`](action)
|
let funcRef = `_handle${action.constructor.name}`;
|
||||||
);
|
if (!this[funcRef])
|
||||||
|
throw `${this.constructor.name} does not have a handler defined for the action "${action.constructor.name}". Create one by adding a function definition named "${funcRef}" in the ${this.constructor.name} class.`;
|
||||||
|
this[funcRef](action);
|
||||||
|
});
|
||||||
this._react(initialReaction);
|
this._react(initialReaction);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -45,8 +48,34 @@ export class Interactor {
|
|||||||
|
|
||||||
export class Action {}
|
export class Action {}
|
||||||
|
|
||||||
|
export class ActionBundle {
|
||||||
|
add(action) {
|
||||||
|
if (!(action.prototype instanceof Action)) {
|
||||||
|
throw "Only classes extended by `Action` can be added to a `ActionBundle`";
|
||||||
|
}
|
||||||
|
let actionName = action.name;
|
||||||
|
this[`#${actionName}`] = action;
|
||||||
|
Object.defineProperty(this, actionName, {
|
||||||
|
get: () => this[`#${actionName}`],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export class Reaction {
|
export class Reaction {
|
||||||
equals(reaction) {
|
equals(reaction) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export class ReactionBundle {
|
||||||
|
add(reaction) {
|
||||||
|
if (!(reaction.prototype instanceof Reaction)) {
|
||||||
|
throw "Only classes extended by `Reaction` can be added to a `ReactionBundle`";
|
||||||
|
}
|
||||||
|
let reactionName = reaction.name;
|
||||||
|
this[`#${reactionName}`] = reaction;
|
||||||
|
Object.defineProperty(this, reactionName, {
|
||||||
|
get: () => this[`#${reactionName}`],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "interactor",
|
"name": "interactor",
|
||||||
"version": "1.0.6",
|
"version": "1.1.3",
|
||||||
"description": "Cross-element communications and state management utility.",
|
"description": "Cross-element communications and state management utility.",
|
||||||
"author": "Bryce Thorup",
|
"author": "Bryce Thorup",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|||||||
Reference in New Issue
Block a user