From 924eef06ad07ea6e3bcbcc0071ca812942e117b7 Mon Sep 17 00:00:00 2001
From: Kevin van Zonneveld <kevin@vanzonneveld.net>
Date: Fri, 11 Dec 2015 12:05:49 +0100
Subject: [PATCH] Rename playground->cdn example and make it work

---
 .gitignore                                    |  2 +
 website/src/examples/index.md                 | 64 ++++---------------
 website/src/examples/playground/src/js/app.js |  9 +--
 website/update.js                             |  6 ++
 4 files changed, 20 insertions(+), 61 deletions(-)

diff --git a/.gitignore b/.gitignore
index c77e5b86d..dd9bab1fb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,5 @@ website/public/
 website/.deploy*/
 website/src/_drafts
 website/src/examples/**/static/js/app.js
+
+website/themes/uppy/source/js/uppy.js
diff --git a/website/src/examples/index.md b/website/src/examples/index.md
index fe40aebc6..eae22d87f 100644
--- a/website/src/examples/index.md
+++ b/website/src/examples/index.md
@@ -1,63 +1,21 @@
 ---
-title: Playground
+title: CDN
 type: examples
 order: 0
+snippets: [ playground/src/html/app.html, playground/src/js/app.html ]
 ---
 
-> Playground
+> CDN
 
-  <!-- Primary Page Layout
-  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-  <div class="container">
-    <div class="row">
-      <div class="twelve columns" style="margin-top: 10%">
-        <h1>
-          Loading..
-        </h1>
+<script src="/js/uppy.js"></script>
 
-        <h4>uppy</h4>
-        <p>
-          With this file we can easily test the built js client locally (via <code>npm run preview</code>)
-          and online.
-        </p>
-
-        <form id="upload-target" class="UppyDragDrop" method="post" action="/" enctype="multipart/form-data">
-            <svg class="UppyDragDrop-puppy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125" enable-background="new 0 0 100 100"><path d="M16.582 21.3L-.085 62.713l32.94 13.295zM99.915 62.714L66.975 76.01 83.25 21.3zM50.917 68.117L62.443 56.59H37.386l11.527 11.526v5.905l-3.063 3.32 1.474 1.36 2.59-2.807 2.59 2.807 1.475-1.358-3.063-3.32zM66.976 41.415c-3.972 0-7.193-3.22-7.193-7.193 0-3.973 3.222-7.193 7.193-7.193 3.974 0 7.193 3.22 7.193 7.192 0 3.973-3.22 7.193-7.194 7.193m2.506-11.732c-.738 0-1.337.6-1.337 1.337s.6 1.336 1.337 1.336 1.337-.598 1.337-1.336-.6-1.337-1.338-1.337zM32.854 41.415c-3.973 0-7.193-3.22-7.193-7.193 0-3.973 3.22-7.193 7.194-7.193 3.973 0 7.192 3.22 7.192 7.192 0 3.973-3.22 7.193-7.192 7.193m2.506-11.732c-.738 0-1.337.6-1.337 1.337s.6 1.336 1.337 1.336 1.337-.598 1.337-1.336-.598-1.337-1.337-1.337z"/></svg>          <div>
-            <input id="UppyDragDrop-input" class="UppyDragDrop-input" type="file" name="files[]" data-multiple-caption="{count} files selected" multiple />
-            <label class="UppyDragDrop-label" for="UppyDragDrop-input"><strong>Choose a file</strong><span class="UppyDragDrop-dragText"> or drag it here</span>.</label>
-            <!-- <button class="UppyDragDrop-btn" type="submit">Upload</button> -->
-          </div>
-          <div class="UppyDragDrop-status"></div>
-        </form>
-
-        <small>Puppy icon by Jorge Fernandez del Castillo Gomez <br>from the Noun Project</small>
-
-      </div>
-    </div>
-  </div>
-
-  <footer>
-    <hr />
-    <ul>
-      <li><a href="https://travis-ci.org/transloadit/uppy">Travis</a></li>
-      <li><a href="https://github.com/transloadit/uppy">GitHub</a></li>
-    </ul>
-  </footer>
-
-<!-- Include the bundled app.js client -->
-<script src="playground/static/js/app.js"></script>
-
-<!-- Apply the js client on a selector -->
 <script>
-  // var tl = Transloadit("#upload-target");
+var uppy = new Uppy.Core();
+uppy.use(Uppy.plugins.Tus10);
+
+console.log(Uppy);
+console.log('Uppy loaded from CDN with a tus 1.0 plugin');
 </script>
 
-<!-- Add the branch name to the <title> and <h1> of this page -->
-<script>
-  var branch        = location.pathname.split('/')[2] || 'local-unknown';
-  var elTitle       = document.querySelector('title');
-  var elH1          = document.querySelector('h1');
-  var title         = 'You are reviewing branch: ' + branch;
-  elTitle.innerHTML = title;
-  elH1.innerHTML    = title;
-</script>
+
+This example showcases sourcing an UMD dist build straight from a CDN.
diff --git a/website/src/examples/playground/src/js/app.js b/website/src/examples/playground/src/js/app.js
index 4c6ea867f..8b1a39374 100644
--- a/website/src/examples/playground/src/js/app.js
+++ b/website/src/examples/playground/src/js/app.js
@@ -1,8 +1 @@
-// import Uppy from 'uppy/core';
-// import { DragDrop, Tus10 } from 'uppy/plugins';
-
-// const uppy = new Uppy({wait: false});
-// const files = uppy
-//   .use(DragDrop, {selector: '#upload-target'})
-//   .use(Tus10, {endpoint: 'http://master.tus.io:8080'})
-//   .run();
+// empty
diff --git a/website/update.js b/website/update.js
index f12aa53a0..957a15c98 100644
--- a/website/update.js
+++ b/website/update.js
@@ -25,3 +25,9 @@ fs.writeFileSync(
       return 'uppy_' + p1 + '_size: "' + (sizes[p1] || 99999 ) + '"'
     })
 )
+
+// Copy latest uppy version into website so the CDN example can use it
+fs.writeFileSync(
+  './themes/uppy/source/js/uppy.js',
+  fs.readFileSync(locations.dev, 'utf-8')
+);