<html>
<head>
  <title>fiddle-embed demo</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
  <script src="/res/common/js/common.js"></script>
  <script type="text/javascript" charset="utf-8">
    (function () {
      var text_body = {
        "sources":"[1,2,3,4,5,6]",
        "fiddlehash":"@text_only",
        "code":"void draw(SkCanvas* canvas) {\n    SkDebugf(\"Hello World!\");\n}",
        "name":"",
        "overwrite":false,
        "options":{
          "width":256,
          "height":256,
          "source":0,
          "srgb":false,
          "f16":false,
          "textOnly":true
        }
      };

      var image_body = {
        "sources":"[1,2,3,4,5,6]",
        "fiddlehash":"@default",
        "code":"void draw(SkCanvas* canvas) {\n    SkPaint p;\n    p.setColor(SK_ColorRED);\n    p.setAntiAlias(true);\n    p.setStyle(SkPaint::kStroke_Style);\n    p.setStrokeWidth(10);\n\n    canvas-\u003edrawLine(20, 20, 236, 236, p);\n}",
        "name":"",
        "overwrite":false,
        "options":{
          "width":256,
          "height":256,
          "source":0,
          "srgb":false,
          "f16":false,
          "textOnly":false
        }
      };

      sk.get = function(url) {
        console.log(url)
        if (url.indexOf(".txt") != -1) {
          return new Promise(function (resolve, reject) {
            resolve("Hello World!");
          });
        }
        if (url.indexOf('@default') != -1) {
          return new Promise(function (resolve, reject) {
            resolve(JSON.stringify(image_body));
          });
        } else {
          return new Promise(function (resolve, reject) {
            resolve(JSON.stringify(text_body));
          });
        }
      };
    })();
  </script>
  <script src="/res/imp/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel=import href="/res/imp/bower_components/polymer/polymer.html">
  <link rel=import href="fiddle-embed.html">
</head>
<body>
  <h1>Fiddle Embed Text Only</h1>
  <fiddle-embed name="@text_only"></fiddle-embed>
  <h1>Fiddle Embed Images</h1>
  <fiddle-embed name="@default"></fiddle-embed>
</body>
</html>