Spaces:

merve
/

git-101

No application file

git-101 / src /js /visuals /animation /animationFactory.js

initial commit

45a32e2 over 4 years ago

5.01 kB

var Backbone = require('backbone');
var Q = require('q');

var Animation = require('./index').Animation;
var PromiseAnimation = require('./index').PromiseAnimation;
var GRAPHICS = require('../../util/constants').GRAPHICS;

/******************
 * This class is responsible for a lot of the heavy lifting around creating an animation at a certain state in time.
 * The tricky thing is that when a new commit has to be "born," say in the middle of a rebase
 * or something, it must animate out from the parent position to it's birth position.
 * These two positions though may not be where the commit finally ends up. So we actually need to take a snapshot of the tree,
 * store all those positions, take a snapshot of the tree after a layout refresh afterwards, and then animate between those two spots.
 * and then essentially animate the entire tree too.
 */

// static class
var AnimationFactory = {};

var makeCommitBirthAnimation = function(gitVisuals, visNode) {
  var time = GRAPHICS.defaultAnimationTime * 1.0;
  var bounceTime = time * 2;

  var animation = function() {
    // essentially refresh the entire tree, but do a special thing for the commit
    gitVisuals.refreshTree(time);

    visNode.setBirth();
    visNode.parentInFront();
    gitVisuals.visBranchesFront();

    visNode.animateUpdatedPosition(bounceTime, 'bounce');
    visNode.animateOutgoingEdges(time);
  };
  return {
    animation: animation,
    duration: Math.max(time, bounceTime)
  };
};

var makeHighlightAnimation = function(visNode, visBranch) {
  var fullTime = GRAPHICS.defaultAnimationTime * 0.66;
  var slowTime = fullTime * 2.0;

  return {
    animation: function() {
      visNode.highlightTo(visBranch, slowTime, 'easeInOut');
    },
    duration: slowTime * 1.5
  };
};

AnimationFactory.genCommitBirthAnimation = function(animationQueue, commit, gitVisuals) {
  if (!animationQueue) {
    throw new Error("Need animation queue to add closure to!");
  }

  var visNode = commit.get('visNode');
  var anPack = makeCommitBirthAnimation(gitVisuals, visNode);

  animationQueue.add(new Animation({
    closure: anPack.animation,
    duration: anPack.duration
  }));
};

AnimationFactory.genCommitBirthPromiseAnimation = function(commit, gitVisuals) {
  var visNode = commit.get('visNode');
  return new PromiseAnimation(makeCommitBirthAnimation(gitVisuals, visNode));
};

AnimationFactory.highlightEachWithPromise = function(
  chain,
  toHighlight,
  destObj
) {
  toHighlight.forEach(function(commit) {
    chain = chain.then(function() {
      return this.playHighlightPromiseAnimation(
        commit,
        destObj
      );
    }.bind(this));
  }.bind(this));
  return chain;
};

AnimationFactory.playCommitBirthPromiseAnimation = function(commit, gitVisuals) {
  var animation = this.genCommitBirthPromiseAnimation(commit, gitVisuals);
  animation.play();
  return animation.getPromise();
};

AnimationFactory.playRefreshAnimationAndFinish = function(gitVisuals, animationQueue) {
  var animation = new PromiseAnimation({
    closure: function() {
      gitVisuals.refreshTree();
    }
  });
  animation.play();
  animationQueue.thenFinish(animation.getPromise());
};

AnimationFactory.genRefreshPromiseAnimation = function(gitVisuals) {
  return new PromiseAnimation({
    closure: function() {
      gitVisuals.refreshTree();
    }
  });
};

AnimationFactory.playRefreshAnimationSlow = function(gitVisuals) {
  var time = GRAPHICS.defaultAnimationTime;
  return this.playRefreshAnimation(gitVisuals, time * 2);
};

AnimationFactory.playRefreshAnimation = function(gitVisuals, speed) {
  var animation = new PromiseAnimation({
    duration: speed,
    closure: function() {
      gitVisuals.refreshTree(speed);
    }
  });
  animation.play();
  return animation.getPromise();
};

AnimationFactory.refreshTree = function(animationQueue, gitVisuals) {
  animationQueue.add(new Animation({
    closure: function() {
      gitVisuals.refreshTree();
    }
  }));
};

AnimationFactory.genHighlightPromiseAnimation = function(commit, destObj) {
  // could be branch or node
  var visObj = destObj.get('visBranch') || destObj.get('visNode') ||
    destObj.get('visTag');
  if (!visObj) {
    console.log(destObj);
    throw new Error('could not find vis object for dest obj');
  }
  var visNode = commit.get('visNode');
  return new PromiseAnimation(makeHighlightAnimation(visNode, visObj));
};

AnimationFactory.playHighlightPromiseAnimation = function(commit, destObj) {
  var animation = this.genHighlightPromiseAnimation(commit, destObj);
  animation.play();
  return animation.getPromise();
};

AnimationFactory.getDelayedPromise = function(amount) {
  var deferred = Q.defer();
  setTimeout(deferred.resolve, amount || 1000);
  return deferred.promise;
};

AnimationFactory.delay = function(animationQueue, time) {
  time = time || GRAPHICS.defaultAnimationTime;
  animationQueue.add(new Animation({
    closure: function() { },
    duration: time
  }));
};

exports.AnimationFactory = AnimationFactory;

	var Backbone = require('backbone');
	var Q = require('q');

	var Animation = require('./index').Animation;
	var PromiseAnimation = require('./index').PromiseAnimation;
	var GRAPHICS = require('../../util/constants').GRAPHICS;

	/******************
	* This class is responsible for a lot of the heavy lifting around creating an animation at a certain state in time.
	* The tricky thing is that when a new commit has to be "born," say in the middle of a rebase
	* or something, it must animate out from the parent position to it's birth position.

	* These two positions though may not be where the commit finally ends up. So we actually need to take a snapshot of the tree,
	* store all those positions, take a snapshot of the tree after a layout refresh afterwards, and then animate between those two spots.
	* and then essentially animate the entire tree too.
	*/

	// static class
	var AnimationFactory = {};

	var makeCommitBirthAnimation = function(gitVisuals, visNode) {
	var time = GRAPHICS.defaultAnimationTime * 1.0;
	var bounceTime = time * 2;

	var animation = function() {
	// essentially refresh the entire tree, but do a special thing for the commit
	gitVisuals.refreshTree(time);

	visNode.setBirth();
	visNode.parentInFront();
	gitVisuals.visBranchesFront();

	visNode.animateUpdatedPosition(bounceTime, 'bounce');
	visNode.animateOutgoingEdges(time);
	};
	return {
	animation: animation,
	duration: Math.max(time, bounceTime)
	};
	};

	var makeHighlightAnimation = function(visNode, visBranch) {
	var fullTime = GRAPHICS.defaultAnimationTime * 0.66;
	var slowTime = fullTime * 2.0;

	return {
	animation: function() {
	visNode.highlightTo(visBranch, slowTime, 'easeInOut');
	},
	duration: slowTime * 1.5
	};
	};

	AnimationFactory.genCommitBirthAnimation = function(animationQueue, commit, gitVisuals) {
	if (!animationQueue) {
	throw new Error("Need animation queue to add closure to!");
	}

	var visNode = commit.get('visNode');
	var anPack = makeCommitBirthAnimation(gitVisuals, visNode);

	animationQueue.add(new Animation({
	closure: anPack.animation,
	duration: anPack.duration
	}));
	};

	AnimationFactory.genCommitBirthPromiseAnimation = function(commit, gitVisuals) {
	var visNode = commit.get('visNode');
	return new PromiseAnimation(makeCommitBirthAnimation(gitVisuals, visNode));
	};

	AnimationFactory.highlightEachWithPromise = function(
	chain,
	toHighlight,
	destObj
	) {
	toHighlight.forEach(function(commit) {
	chain = chain.then(function() {
	return this.playHighlightPromiseAnimation(
	commit,
	destObj
	);
	}.bind(this));
	}.bind(this));
	return chain;
	};

	AnimationFactory.playCommitBirthPromiseAnimation = function(commit, gitVisuals) {
	var animation = this.genCommitBirthPromiseAnimation(commit, gitVisuals);
	animation.play();
	return animation.getPromise();
	};

	AnimationFactory.playRefreshAnimationAndFinish = function(gitVisuals, animationQueue) {
	var animation = new PromiseAnimation({
	closure: function() {
	gitVisuals.refreshTree();
	}
	});
	animation.play();
	animationQueue.thenFinish(animation.getPromise());
	};

	AnimationFactory.genRefreshPromiseAnimation = function(gitVisuals) {
	return new PromiseAnimation({
	closure: function() {
	gitVisuals.refreshTree();
	}
	});
	};

	AnimationFactory.playRefreshAnimationSlow = function(gitVisuals) {
	var time = GRAPHICS.defaultAnimationTime;
	return this.playRefreshAnimation(gitVisuals, time * 2);
	};

	AnimationFactory.playRefreshAnimation = function(gitVisuals, speed) {
	var animation = new PromiseAnimation({
	duration: speed,
	closure: function() {
	gitVisuals.refreshTree(speed);
	}
	});
	animation.play();
	return animation.getPromise();
	};

	AnimationFactory.refreshTree = function(animationQueue, gitVisuals) {
	animationQueue.add(new Animation({
	closure: function() {
	gitVisuals.refreshTree();
	}
	}));
	};

	AnimationFactory.genHighlightPromiseAnimation = function(commit, destObj) {
	// could be branch or node
	var visObj = destObj.get('visBranch') \|\| destObj.get('visNode') \|\|
	destObj.get('visTag');
	if (!visObj) {
	console.log(destObj);
	throw new Error('could not find vis object for dest obj');
	}
	var visNode = commit.get('visNode');
	return new PromiseAnimation(makeHighlightAnimation(visNode, visObj));
	};

	AnimationFactory.playHighlightPromiseAnimation = function(commit, destObj) {
	var animation = this.genHighlightPromiseAnimation(commit, destObj);
	animation.play();
	return animation.getPromise();
	};

	AnimationFactory.getDelayedPromise = function(amount) {
	var deferred = Q.defer();
	setTimeout(deferred.resolve, amount \|\| 1000);
	return deferred.promise;
	};

	AnimationFactory.delay = function(animationQueue, time) {
	time = time \|\| GRAPHICS.defaultAnimationTime;
	animationQueue.add(new Animation({
	closure: function() { },
	duration: time
	}));
	};

	exports.AnimationFactory = AnimationFactory;