bevacqua / promisees

:incoming_envelope: Promise visualization playground for the adventurous

license

MIT

promisees's Issues

Not working

Tried to view the demo but I'm not seeing any visualization rendered. Others are having similar issues, see: https://www.reddit.com/r/javascript/comments/3lp1a7/javascript_promises_visualization_stepbystep/

[Question] What empowers those circles visualizer?

Hi,

First, awesome visual application you have there!

I'd like to ask if you use a library for those nodes or you build them yourself? Thank you

"then" not appearing

Before I explain my issue just want to put out a big THANKS for this project. This morning I was frustrated trying to teach myself how to be a good promises coder so I just googled "promises playground" and voila! I could only go so far reading about promises and bashing my head trying to implement them in a real project. Your playground makes it easy and visual. Already I'm understanding correct patterns(syntax) better.

So here is some code I put in http://tinyurl.com/jgrm755 that works fine on my local machine but the "then" does not appear in the playground.

function foo(x) {
    done = new Promise( function(resolve,reject){

        setTimeout(function(){
          console.log('Foo is done after',x,' seconds')
          resolve();
          }
        ,x*1000);

    });
    // return a promise
    return done;
}

function bar() {
    console.log('Now doing Bar stuff');
}

function oopsBar() {
    console.log('Something went wrong up before');
}

var p = foo( 5 );

p.then( bar, oopsBar );

Says right code is wrong?

I'm following along a pluralsight course and copied this code straight out of the video, they are using promises as well to test out AJAX calls and I think the playground is awesome... But his same exact code snippet works while mine says 'echo' is undefined? I'm not a beginner but I'm definitely baffled by this.

`
function echo(message, delay) { };

var log = r => {
console.log(r);
return r;
}

echo('1st echo')
.then(log)
.then(log)
.then(log);
`

Awesome...but also quite confusing to use

I think that there is a genius idea in here but I find it quite hard to use and understand. The buttons don't have mouseovers to say what they are doing, debugging is very hard, etc.

Does the pulsing indicate how often the code is being run or is it just a visual effect?

What does the recorder button do?

Does not work with Babelify checked

demo.min.js:1 Uncaught ReferenceError: babel is not defined
    at i (demo.min.js:1)
    at HTMLScriptElement.r (demo.min.js:1)

this is awesome!

just wanted to thank you for creating this :-)

there are a few things i'd love to see added, but that's for other issues

🍻