ractive-ractive/_old.js

Ractive adaptor for Ractive objects

// Ractive adaptor plugin
// =======================
//
// This plugin allows you to have several Ractive instances sharing
// a single model, without using any third party libraries.
//
// Usage:
//
//     var ractiveOne = new Ractive({
//       el: 'one',
//       template: templateOne
//     });
//
//     var ractiveTwo = new Ractive({
//       el: 'two',
//       template: templateTwo,
//       data: ractiveOne,
//       adaptors: [ 'Ractive' ]
//     });
//
// Changes to either Ractive will be reflected in both.

(function () {

	var RactiveWrapper;
  var Ractive = require('ractive');

	Ractive.adaptors.Ractive = {
		filter: function ( object ) {
			return object instanceof Ractive;
		},
		wrap: function ( ractive, otherRactive, keypath, prefixer ) {
			return new RactiveWrapper( ractive, otherRactive, keypath, prefixer );
		}
	};

	RactiveWrapper = function ( ractive, otherRactive, keypath, prefixer ) {
		var wrapper = this;

		this.value = otherRactive;

		this.changeHandler = otherRactive.on( 'change', function ( changeHash ) {
			wrapper.shortCircuit = true;
			ractive.set( prefixer( changeHash ) );
			wrapper.shortCircuit = false;
		});

		this.resetHandler = otherRactive.on( 'reset', function ( newData ) {
			wrapper.shortCircuit = true;
			ractive.update( keypath );
			wrapper.shortCircuit = false;
		});
	};

	RactiveWrapper.prototype = {
		teardown: function () {
			this.changeHandler.cancel();
			this.resetHandler.cancel();
		},
		get: function () {
			return this.value.get();
		},
		set: function ( keypath, value ) {
			this.value.set( keypath, value );
		},
		reset: function ( object ) {
			// If the new object is a Backbone model, assume this one is
			// being retired. Ditto if it's not a model at all
			if ( object instanceof Ractive || typeof object !== 'object' ) {
				return false;
			}

			// Otherwise if this is a POJO, reset the model
			this.value.reset( object );
		}
	};

}());