Mark Marijnissen markmarijnissen

Problem:

There's a module that knows how to load (and re-load) data through an API, and stores it locally.
Multiple modules access the loaded data, and transform them into a different representation (each module does a different transform), also storing them locally
The transformed data is exposed to the view, with a 'loading' indication when the original data is (re)loaded and/or the transformation is in progress.

##API idea

Promises support:

on resolution callbacks, where the transform function can be attached.
a isResolved attribute, which is false when the promise has been started but not yet resolved.

##Enhancements:

	// ==UserScript==
	// @name Trello Checklist Summary (Team View)
	// @namespace http://tampermonkey.net/
	// @version 1.1
	// @description Adds a button to Trello Board Header to view incomplete checklist items by @mention or assignee.
	// @author You
	// @match https://trello.com/b/*
	// @grant none
	// ==/UserScript==

	// In your parent
	import placeholderfunction from "./placeholderfunction";

	class Parent extends Component {
	// A placeholder function is a function that is not yet implemented
	save = placeholderfunction();

	render() {
	<button onClick={this.save}>Save</button>
	<Child save={this.save} />

	/**
	* Copy-paste this in your console to test if function works as expected
	**/
	function toNodejsFn(cordovaFn,self){
	return function(){
	var args = Array.prototype.slice.call(arguments,0);
	var callback = args.splice(args.length-1,1)[0];
	args.push(function onSuccess(){
	var args = Array.prototype.slice.call(arguments, 0);
	args.unshift(null);

	// TapEvent
	//
	// Adds a "tap" event to all surfaces.
	//
	// Usage:
	//
	// require("TapEvent") // require TapEvent ONCE BEFORE calling surface.on!
	// surface.on("tap", ... )
	//
	// When is the "tap" event fired?

	# set famous version here
	VERSION=0.2

	#
	echo "// Famo.us in one file. Including CSS. Version $VERSION." > famousBox.js

	# load all libraries
	curl -s http://code.famo.us/lib/functionPrototypeBind.js >> famousBox.js
	curl -s http://code.famo.us/lib/classList.js >> famousBox.js
	curl -s http://code.famo.us/lib/requestAnimationFrame.js >> famousBox.js

	define(function(require,module,exports){
	var Scrollview = require('famous/views/Scrollview');
	var ViewSequence = require('famous/core/ViewSequence');
	var VELOCITY = 0; // default: No animation (i.e. the item isn't given any "swipe"-velocity when moved)

	/***********************************
	* getIndex
	************************************/
	Scrollview.prototype.getIndex = function () {
	return this._node.getIndex();

	var Transform = require('famous/core/Transform');

	function ShowModifier(options) {
	this.visible = !!options.visible;
	this._output = {
	transform: Transform.identity,
	opacity: 1,
	origin: null,
	align: null,
	size: null,

	var Modifier = require('famous/core/Modifier');
	var StateModifier = require('famous/modifiers/StateModifier');

	__original_modify = Modifier.prototype.modify;

	Modifier.prototype.modify = function extended_modify(target) {
	__original_modify.call(this,target);

	// here is the hack: set target to NULL if it should not be visible!
	if(this._visibleGetter) this.visible = this._visibleGetter();