Merge pull request #17 from gopherjs/feature/reload-snippet-on-hash-change

playground: Reload snippet on hash change.

Author: dmitshur

playground/playground.go

@@ -247,6 +247,32 @@ func main(){
  })
  }()
  })
+
+// Start watching for hashchange events, and reload snippet if it happens.
+dom.GetWindow().Top().AddEventListener("hashchange", false, func(event dom.Event){
+event.PreventDefault()
+
+ifstrings.HasPrefix(location.Hash, "#/"){
+id:=location.Hash[2:]
+
+req:=xhr.NewRequest("GET", "http://"+snippetStoreHost+"/p/"+id)
+req.ResponseType=xhr.ArrayBuffer
+gofunc(){
+err:=req.Send(nil)
+iferr!=nil||req.Status!=200{
+scope.Apply(func(){
+scope.Set("output", []Line{Line{"type": "err", "content": `failed to load snippet "`+id+`"`}})
+ })
+return
+ }
+
+data:=js.Global.Get("Uint8Array").New(req.Response).Interface().([]byte)
+scope.Apply(func(){
+scope.Set("code", string(data))
+ })
+ }()
+ }
+ })
  })
 }
 

playground/playground.js

@@ -64848,6 +64848,33 @@ $packages["main"] = (function(){
  /* */ case -1: } return} }; $f.$blocking = true; return $f;
  }), []);
  }), funcType$1);
+ dom.GetWindow().Top().AddEventListener("hashchange", false, (function(event){
+ var id$1, req$1;
+ event.PreventDefault();
+ if (strings.HasPrefix($internalize(location.URLUtils.Object.hash, $String), "#/")){
+ id$1 = $internalize(location.URLUtils.Object.hash, $String).substring(2);
+ req$1 = xhr.NewRequest("GET", "http://snippets.gotools.org/p/" + id$1);
+ req$1.Object.responseType = $externalize("arraybuffer", $String);
+ $go((function($b){
+ var $this = this, $args = arguments, $r, $s = 0, _r, err, data;
+ /* */ if($b !== $BLOCKING){$nonblockingCall()}; var $f = function(){s: while (true){switch ($s){case 0:
+ _r = req$1.Send($ifaceNil, $BLOCKING); /* */ $s = 1; case 1: if (_r && _r.$blocking){_r = _r()}
+ err = _r;
+ if (!($interfaceIsEqual(err, $ifaceNil)) || !((($parseInt(req$1.Object.status) >> 0) === 200))){
+ scope.Apply((function(){
+ var _map, _key;
+ scope.Object.output = $externalize(new sliceType([(_map = new $Map(), _key = "type", _map[_key] ={k: _key, v: "err"}, _key = "content", _map[_key] ={k: _key, v: "failed to load snippet \"" + id$1 + "\""}, _map)]), sliceType);
+ }));
+ return;
+ }
+ data = $assertType($internalize(new ($global.Uint8Array)(req$1.Object.response), $emptyInterface), sliceType$2);
+ scope.Apply((function(){
+ scope.Object.code = $externalize($bytesToString(data), $String);
+ }));
+ /* */ case -1: } return} }; $f.$blocking = true; return $f;
+ }), []);
+ }
+ }));
  }));
  };
  setupEnvironment = function(scope){