-
Notifications
You must be signed in to change notification settings - Fork 5
/
chief.js
138 lines (105 loc) · 3.36 KB
/
chief.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
var kimi = require('kimi');
var noOp = require('no-op');
var parseStates = require('./lib/states/parseStates');
var parseTransitions = require('./lib/transitions/parseTransitions');
var extend = require('deep-extend');
module.exports = function(options) {
var opts = options || {};
var driver = kimi({
manualStep: opts.autoUpdate === undefined ? false : !opts.autoUpdate,
onUpdate: onUpdate.bind(undefined, onTargetInState)
});
var onInState = noOp;
var stateChief;
var currentTargetState;
var targetsInState;
var chief = {
targets: function(targets) {
opts.targets = targets;
},
states: function(states) {
opts.states = states;
},
transitions: function(transitions) {
opts.transitions = transitions;
},
init: function(state) {
var transitions;
if(opts.targets === undefined) {
throw new Error('You must pass in targets to chief');
}
if(opts.states === undefined) {
throw new Error('You must pass in states to chief');
}
if(opts.transitions === undefined) {
throw new Error('You must pass in transitions to chief');
}
// for chief we want to make the default duration to be 0
transitions = opts.transitions.map(function(transition) {
transition = extend(
{},
transition
);
transition.animation = transition.animation || {};
transition.animation.duration = transition.animation.duration === undefined ? 0 : transition.animation.duration;
return transition;
});
parseStates(driver, opts.states);
parseTransitions(driver, opts.states, transitions);
stateChief = state;
currentTargetState = {};
driver.init(state);
return this;
},
destroy: function() {
driver.destroy();
},
go: function(state, onComplete) {
stateChief = state;
currentTargetState = {};
targetsInState = Object.keys(opts.states[ state ])
.reduce(function(targetsInState, key) {
targetsInState[ key ] = false;
return targetsInState;
}, {});
onInState = onComplete || noOp;
driver.go(state);
return this;
},
step: function(deltaTime) {
driver.step(deltaTime);
return this;
}
};
return chief;
function onUpdate(onTargetInState, state, stateName, time) {
for(var target in state) {
var ui = opts.targets[ target ];
var toState = state[ target ];
if(ui) {
if(!ui.isInitialized) {
currentTargetState[ target ] = toState;
ui.init(toState);
} else if(currentTargetState[ target ] !== toState) {
currentTargetState[ target ] = toState;
ui.go(toState, onTargetInState.bind(undefined, target, toState));
}
}
}
if(opts.onUpdate) {
opts.onUpdate(state, stateName);
}
}
function onTargetInState(target, targetState) {
// set the current target as being in the state it should be in
targetsInState[ target ] = opts.states[ stateChief ][ target ] === targetState;
// now check if all states are in the state they should be in
var allInState = Object.keys(targetsInState)
.reduce(function(allInState, key) {
return allInState && targetsInState[ key ];
}, true);
if(allInState) {
onInState(opts.states[ stateChief ], stateChief);
}
}
};