[WIP] Force clock start

Example/test/index.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Button, StyleSheet, View } from 'react-native';
 
 import Animated, { Easing } from 'react-native-reanimated';
 
@@ -21,6 +21,7 @@ const {
   Value,
   Clock,
   event,
+  forceStartClock,
 } = Animated;
 
 function runSpring(clock, value, dest) {
@@ -77,7 +78,7 @@ function runTiming(clock, value, dest) {
       set(state.position, value),
       set(state.frameTime, 0),
       set(config.toValue, dest),
-      startClock(clock),
+      //startClock(clock),
     ]),
     timing(clock, state, config),
     cond(state.finished, debug('stop clock', stopClock(clock))),
@@ -90,11 +91,12 @@ export default class Example extends Component {
     super(props);
 
     // const transX = new Value(0);
-    const clock = new Clock();
+    this.clock = new Clock();
+    this.state = { moving: false };
     // const twenty = new Value(20);
     // const thirty = new Value(30);
     // this._transX = cond(new Value(0), twenty, multiply(3, thirty));
-    this._transX = runTiming(clock, -120, 120);
+    this._transX = runTiming(this.clock, -120, 120);
   }
   componentDidMount() {
     // Animated.spring(this._transX, {
@@ -109,6 +111,12 @@ export default class Example extends Component {
         <Animated.View
           style={[styles.box, { transform: [{ translateX: this._transX }] }]}
         />
+        <Button
+          title="1"
+          onPress={() => {
+            forceStartClock(this.clock);
+          }}
+        />
       </View>
     );
   }

android/src/main/java/com/swmansion/reanimated/NodesManager.java

@@ -192,6 +192,12 @@ public void dropNode(int tag) {
     mAnimatedNodes.remove(tag);
   }
 
+  public void evaluateClock(int clockId) {
+    Node clock = findNodeById(clockId);
+    if (clock instanceof ClockNode)
+      ((ClockNode) clock).start();
+  }
+
   public void connectNodes(int parentID, int childID) {
     Node parentNode = mAnimatedNodes.get(parentID);
     if (parentNode == null) {

android/src/main/java/com/swmansion/reanimated/ReanimatedModule.java

@@ -174,6 +174,16 @@ public void execute(NodesManager nodesManager) {
     });
   }
 
+  @ReactMethod
+  public void evaluateClock(final int nodeID) {
+    mOperations.add(new UIThreadOperation() {
+      @Override
+      public void execute(NodesManager nodesManager) {
+        nodesManager.evaluateClock(nodeID);
+      }
+    });
+  }
+
   @ReactMethod
   public void configureNativeProps(ReadableArray nativePropsArray) {
     int size = nativePropsArray.size();

src/base.js

@@ -9,7 +9,7 @@ import AnimatedDebug from './core/AnimatedDebug';
 import AnimatedCall from './core/AnimatedCall';
 import AnimatedEvent from './core/AnimatedEvent';
 
-import { adapt } from './utils';
+import { adapt, evaluateClock } from './utils';
 
 function operator(name) {
   return (...args) => new AnimatedOperator(name, args.map(adapt));
@@ -68,6 +68,10 @@ export const startClock = function(clock) {
   return new AnimatedStartClock(clock);
 };
 
+export const forceStartClock = function(clock) {
+  evaluateClock(clock);
+};
+
 export const stopClock = function(clock) {
   return new AnimatedStopClock(clock);
 };

src/core/AnimatedNode.js

@@ -106,7 +106,7 @@ export default class AnimatedNode {
   }
 
   __onEvaluate() {
-    throw new Excaption('Missing implementation of onEvaluate');
+    throw new Exception('Missing implementation of onEvaluate');
   }
 
   __getProps() {

src/utils.js

@@ -1,6 +1,9 @@
 import AnimatedBlock from './core/AnimatedBlock';
 import AnimatedNode from './core/AnimatedNode';
 import AnimatedValue from './core/AnimatedValue';
+import { NativeModules } from 'react-native';
+
+const { ReanimatedModule } = NativeModules;
 
 function nodify(v) {
   // TODO: cache some typical static values (e.g. 0, 1, -1)
@@ -16,3 +19,7 @@ export function adapt(v) {
 export function val(v) {
   return v && v.__getValue ? v.__getValue() : v || 0;
 }
+
+export function evaluateClock(clock) {
+  ReanimatedModule.evaluateClock(clock.__nodeID);
+}