async flow programming with setTimeout and requestAnimationFrame in haxe with continuation and tink_lang short lambda and inline

main.hx

import js.Browser;

@:build(com.dongxiguo.continuation.Continuation.cpsByMeta(":async"))
@:tink class AsyncFlow  {

  static inline function sleep(n:Int,next:Void->Void) untyped setTimeout(next,n);
  static inline function rq(fn:Void->Void,next:Void->Void) {
    Browser.window.requestAnimationFrame(function(b) {
      fn();
      next();
    });
  }

  @:async public static function flow(){

    @await rq([] => {
      trace("trace 1");
    });

    @await sleep(100);

    @await rq([] => {
      trace("trace 2");
    });

    @await sleep(100);

    @await rq([] => {
      trace("trace 3");
    });

  }


}


class Main {

  public static function main() {
    AsyncFlow.flow(function() {});
  }
}

main.js

(function (console) { "use strict";
var AsyncFlow = function() { };
AsyncFlow.flow = function(__return) {
	var fn = function() {
		console.log("trace 1");
		return;
	};
	var next2 = function() {
		setTimeout(function() {
			var fn1 = function() {
				console.log("trace 2");
				return;
			};
			var next1 = function() {
				setTimeout(function() {
					var fn2 = function() {
						console.log("trace 3");
						return;
					};
					var next = function() {
						__return();
					};
					window.requestAnimationFrame(function(b) {
						fn2();
						next();
					});
				},100);
			};
			window.requestAnimationFrame(function(b1) {
				fn1();
				next1();
			});
		},100);
	};
	window.requestAnimationFrame(function(b2) {
		fn();
		next2();
	});
};
var Main = function() { };
Main.main = function() {
	AsyncFlow.flow(function() {
	});
};
Main.main();
})(typeof console != "undefined" ? console : {log:function(){}});

I think tink_lang is unnecessary, just try this

@await Browser.window.requestAnimationFrame();
trace("trace 1");
@await sleep(100);
@await Browser.window.requestAnimationFrame();
trace("trace 2");
@await sleep(100);
@await Browser.window.requestAnimationFrame();
trace("trace 3");

requestAnimationFrame don't block. i have wrapped it for make it blocking and using await