fab-demo

module.exports = function( exports, imports ) {

  return imports( function
    ( run
    , node$listen
    , node$fs
    , route
    , html
    , head
    , sleep
    ) {

    with ( html ) return run

    ()

      ( node$listen, 0xFAB )

      ( route, /^\/init/ )
        ( "(" )
        ( client.toString() )
        ( ")()" )
      ()

      ( route, /^\/jquery\.js/ )
        ( node$fs )
          ( __dirname )
          ( "/jquery.js" )
        ()
      ()

      ( route, /^\/listen/ )
        ( sleep, 2000 )
      ()

      ( route, /^\/focused/ )
        ( "$('body').html('" )
          ( head.headers[ "user-agent" ] )
        ( "');" )
      ()

      ( HTML )
        ( BODY, { style: 'font: bold 5em helvetica' } )
          ( SCRIPT, { src: '/jquery.js' } )
          ()
          ( SCRIPT, { src: '/init' } )
          ()
        ()
      ()

    ();
    
  });

};

var client = function() {
  ( function listen(){ $.getScript( "/listen", listen ) } )();

  $( window )
    .focus( function(){ $.getScript( "/focused" ) } )
    .focus();
};