spacetimeline
SpaceTimeLine A conceptual FRP model library
https://github.com/kenokabe/spacetimeline
Install
npm install spacetimeline
CDN
http://kentutorialbook.github.io/cdn/spacetimeline.js
Live Demo Webpage
facebook/react+spacetimeline live-demo web-page.
http://kentutorialbook.github.io/demo/frp-redball-delay/index.html
https://github.com/kentutorialbook/kentutorialbook.github.io/tree/master/demo/frp-redball-delay
In this live-demo, the FRP library records all mouse-move event with a time-stamp.
Or all mouse-move event in 10 seconds duration. You can limit the time-line data size by setting ___(timelineCapacity)
.
You can access any stream data aligned on time-line, or to be precise, the most recent event prior to any time-stamp, functionally.
In the live-demo, the code access the stream data on 1 seconds prior time-stamp to the current time-stamp.
var cursor = ___cursorvalue
Please note ___cursor is the stream data appearing while time-line proceeding to the future.
___cursor;
Then SVG virtual DOM element is passed to react function.
As a result, you can re-play 1 seconds past world that you behaved.
{ var timelineCapacity = moment; var ___cursor = ; var { var cursor = x: eclientX y: eclientY ; ___cursor; }; document; // here is the final part where pure logic meets our physical world // in lazy evaluation context, this corresponds to `toArray()` ___cursor; var Dom1 = React; React; //====================================};