postite · March 12, 2019 23:22
diff --git a/MiniApp.hx b/MiniApp.hx
 package minimal;

 #if client
 import tink.web.proxy.Remote;
 import tink.url.Host;
 import tink.http.clients.JsClient;
 import tink.web.proxy.Remote.RemoteEndpoint;
 import js.Browser.document as doc;
 using tink.CoreApi;
 import coconut.Ui.hxx;
 #else 
 using tink.CoreApi;
 import tink.web.proxy.Remote;
 import tink.http.containers.*;
 import tink.web.routing.*;
 import tink.http.Response;
 import tink.http.middleware.Static;
 #end
 import tink.json.Representation;


 interface IRemoteRoot{
    @:get("/getrec")
    public function getrec():Promise<RecX>;
 }

 /* server side */

 class MiniApp{
    static function main() {
        #if client
        Client.main();
        #else	
 		var container = new NodeContainer(8080);		
 		var router = new Router<Root>(new Root());
 		var handler:tink.http.Handler = function(req) {
 			return router.route(Context.ofRequest(req)).recover(OutgoingResponse.reportError);
 		}
        handler = handler.applyMiddleware(new Static('./', '/'));
 		container.run(handler);
        #end
    }
 }
 #if server
 class Root implements minimal.IRemoteRoot{

 	public function new() {}

    @:get("/")
    @:html(function(data) return'<!DOCTYPE html>
            <head><script src="minimalclient.js"></script></head>
            <body>${data.bim}</body>
            </html>')
    public function home(){
    return return {
      bim: "hello"
        };
    }

    @:produces('application/json')
    @:get("/getrec")
    public function getrec():Promise<RecX>{
        var r= new Rec();
        r.id=1;
        r.title="one";
        r.desc="the one";
        return Promise.lift(r);
    }
 }
 #end
 /* client side */
 #if client
 class Client{
    static var remote:Remote<IRemoteRoot>;
    public static function main(){
 	
 		remote = new Remote<IRemoteRoot>(
 			new JsClient(),
 			new RemoteEndpoint(new Host('localhost:8080'))
            );

        doc.addEventListener("DOMContentLoaded",e->{
            var reco=new CocoRec({ title : "nope", id : 0, desc : "nope" });
            remote.getrec().next(rec->{
                
                 //reco.setTitle(rec.title);
                 
                 reco.setAll(rec);
                 return rec;
                }
            ).recover(r->{r.log();return null;});
            
          
            coconut.ui.Renderer.mount(
                cast doc.body.appendChild( doc.createDivElement())
                ,hxx('<CocoApp model=${reco} />')
                );
        });
    }
    
    
 }

 class CocoApp extends coconut.ui.View{

   static  public var remote:tink.web.proxy.Remote<IRemoteRoot>;
    @:attribute var model:CocoRec;

    function render()
 	    <div class="cocoapp" >
            <h1>{model.title}</h1>
        </div>;
  
 }

 class CocoRec  implements coconut.data.Model{

 @:observable public var id:Int;
 @:observable public var title:String;
 @:observable public var desc:String;

 @:transition
 public function setTitle(t:String){
    trace( "setTitle");
    return {title:t};
 }
 @:transition
 public function setAll(recx:RecX){
    return @patch recx;   
 }
  
 }

 #end

 @:structInit
 class Rec{
    @:optional public var id:Int;
    @:optional public var title:String;
    @:optional public var desc:String;
    
    public function new(){

    }
    
    public static function create(args:Dynamic):minimal.Rec{
         var t:Rec= args;
         return t;
    }
 }

 @:forward
 abstract RecX(minimal.Rec) from minimal.Rec to minimal.Rec{
  
  public  inline function new(v) this = v;
  
  @:to function toRepresentation():Representation<String> 
    return new Representation(tink.Json.stringify(this));
    
   @:from static function ofRepresentation(rep:Representation<String>){
   return new RecX(minimal.Rec.create(tink.Json.parse(rep.get())));
   }
 }


 /*minimalServer.hxml*/
 /*
 -cp src
 -lib hxnodejs
 -lib tink_web
 -lib tink_template
 -lib tink_http_middleware
 -D server
 -main minimal.App
 -js minimalserver.js
 */
 /*minimalClient.hxml*/
 /*
 -cp src
 -main minimal.App
 -lib coconut.data
 -lib coconut.ui
 -lib coconut.vdom
 -lib tink_web
 -lib tink_core
 -D client 
 -js minimalclient.js
 */
	package minimal;

	#if client
	import tink.web.proxy.Remote;
	import tink.url.Host;
	import tink.http.clients.JsClient;
	import tink.web.proxy.Remote.RemoteEndpoint;
	import js.Browser.document as doc;
	using tink.CoreApi;
	import coconut.Ui.hxx;
	#else
	using tink.CoreApi;
	import tink.web.proxy.Remote;
	import tink.http.containers.*;
	import tink.web.routing.*;
	import tink.http.Response;
	import tink.http.middleware.Static;
	#end
	import tink.json.Representation;


	interface IRemoteRoot{
	@:get("/getrec")
	public function getrec():Promise<RecX>;
	}

	/* server side */

	class MiniApp{
	static function main() {
	#if client
	Client.main();
	#else
	var container = new NodeContainer(8080);
	var router = new Router<Root>(new Root());
	var handler:tink.http.Handler = function(req) {
	return router.route(Context.ofRequest(req)).recover(OutgoingResponse.reportError);
	}
	handler = handler.applyMiddleware(new Static('./', '/'));
	container.run(handler);
	#end
	}
	}
	#if server
	class Root implements minimal.IRemoteRoot{

	public function new() {}

	@:get("/")
	@:html(function(data) return'<!DOCTYPE html>
	<head><script src="minimalclient.js"></script></head>
	<body>${data.bim}</body>
	</html>')
	public function home(){
	return return {
	bim: "hello"
	};
	}

	@:produces('application/json')
	@:get("/getrec")
	public function getrec():Promise<RecX>{
	var r= new Rec();
	r.id=1;
	r.title="one";
	r.desc="the one";
	return Promise.lift(r);
	}
	}
	#end
	/* client side */
	#if client
	class Client{
	static var remote:Remote<IRemoteRoot>;
	public static function main(){

	remote = new Remote<IRemoteRoot>(
	new JsClient(),
	new RemoteEndpoint(new Host('localhost:8080'))
	);

	doc.addEventListener("DOMContentLoaded",e->{
	var reco=new CocoRec({ title : "nope", id : 0, desc : "nope" });
	remote.getrec().next(rec->{

	//reco.setTitle(rec.title);

	reco.setAll(rec);
	return rec;
	}
	).recover(r->{r.log();return null;});


	coconut.ui.Renderer.mount(
	cast doc.body.appendChild( doc.createDivElement())
	,hxx('<CocoApp model=${reco} />')
	);
	});
	}


	}

	class CocoApp extends coconut.ui.View{

	static public var remote:tink.web.proxy.Remote<IRemoteRoot>;
	@:attribute var model:CocoRec;

	function render()
	<div class="cocoapp" >
	<h1>{model.title}</h1>
	</div>;

	}

	class CocoRec implements coconut.data.Model{

	@:observable public var id:Int;
	@:observable public var title:String;
	@:observable public var desc:String;

	@:transition
	public function setTitle(t:String){
	trace( "setTitle");
	return {title:t};
	}
	@:transition
	public function setAll(recx:RecX){
	return @patch recx;
	}

	}

	#end

	@:structInit
	class Rec{
	@:optional public var id:Int;
	@:optional public var title:String;
	@:optional public var desc:String;

	public function new(){

	}

	public static function create(args:Dynamic):minimal.Rec{
	var t:Rec= args;
	return t;
	}
	}

	@:forward
	abstract RecX(minimal.Rec) from minimal.Rec to minimal.Rec{

	public inline function new(v) this = v;

	@:to function toRepresentation():Representation<String>
	return new Representation(tink.Json.stringify(this));

	@:from static function ofRepresentation(rep:Representation<String>){
	return new RecX(minimal.Rec.create(tink.Json.parse(rep.get())));
	}
	}


	/minimalServer.hxml/
	/*
	-cp src
	-lib hxnodejs
	-lib tink_web
	-lib tink_template
	-lib tink_http_middleware
	-D server
	-main minimal.App
	-js minimalserver.js
	*/
	/minimalClient.hxml/
	/*
	-cp src
	-main minimal.App
	-lib coconut.data
	-lib coconut.ui
	-lib coconut.vdom
	-lib tink_web
	-lib tink_core
	-D client
	-js minimalclient.js
	*/