From 3659dff2139117e4ed1e2e41dc167526bf9e86d3 Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Thu, 21 Dec 2017 23:53:19 -0500
Subject: [PATCH] update and clean up website examples

---
 website/src/examples/drive/app.css     |  0
 website/src/examples/drive/app.es6     |  8 -------
 website/src/examples/drive/app.html    |  4 ----
 website/src/examples/drive/index.ejs   | 33 --------------------------
 website/src/examples/i18n/app.es6      | 10 --------
 website/src/examples/i18n/app.html     |  6 ++---
 website/src/examples/statusbar/app.es6 |  6 ++---
 website/src/examples/xhrupload/app.es6 | 29 ++++++++++------------
 8 files changed, 18 insertions(+), 78 deletions(-)
 delete mode 100644 website/src/examples/drive/app.css
 delete mode 100644 website/src/examples/drive/app.es6
 delete mode 100644 website/src/examples/drive/app.html
 delete mode 100644 website/src/examples/drive/index.ejs

diff --git a/website/src/examples/drive/app.css b/website/src/examples/drive/app.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/website/src/examples/drive/app.es6 b/website/src/examples/drive/app.es6
deleted file mode 100644
index 5ec7eab8c..000000000
--- a/website/src/examples/drive/app.es6
+++ /dev/null
@@ -1,8 +0,0 @@
-const Uppy = require('uppy/lib/core/Core')
-const GoogleDrive = require('uppy/lib/plugins/GoogleDrive')
-const UPPY_SERVER = require('../env')
-
-const uppy = new Uppy({debug: true, autoProceed: false})
-uppy
-  .use(GoogleDrive, { target: '#GoogleDriveContainer', host: UPPY_SERVER })
-  .run()
diff --git a/website/src/examples/drive/app.html b/website/src/examples/drive/app.html
deleted file mode 100644
index 53d2eaa8e..000000000
--- a/website/src/examples/drive/app.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- Basic Uppy styles -->
-<link rel="stylesheet" href="/uppy/uppy.min.css">
-
-<div id="GoogleDriveContainer"></div>
diff --git a/website/src/examples/drive/index.ejs b/website/src/examples/drive/index.ejs
deleted file mode 100644
index 812e0437c..000000000
--- a/website/src/examples/drive/index.ejs
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Google Drive
-layout: example
----
-
-{% blockquote %}
-Here you'll see a demo of how you might set up Google Drive with Uppy.
-{% endblockquote %}
-
-<link rel="stylesheet" href="app.css">
-<% include app.html %>
-<script src="app.js"></script>
-
-<hr />
-
-<p id="console-wrapper">
-  Console output (latest logs are at the top): <br />
-</p>
-
-<p>
-  On this page we're using the following HTML snippet:
-</p>
-{% include_code lang:html drive/app.html %}
-
-<p>
-  Along with this JavaScript:
-</p>
-{% include_code lang:js drive/app.es6 %}
-
-<p>
-  And the following CSS:
-</p>
-{% include_code lang:css drive/app.css %}
diff --git a/website/src/examples/i18n/app.es6 b/website/src/examples/i18n/app.es6
index bed4f570d..e69de29bb 100644
--- a/website/src/examples/i18n/app.es6
+++ b/website/src/examples/i18n/app.es6
@@ -1,10 +0,0 @@
-const Uppy = require('uppy/lib/core/Core')
-const Tus = require('uppy/lib/plugins/GoogleDrive')
-
-const uppy = new Uppy({debug: true, autoProceed: false})
-
-uppy
-  .use(Tus, {endpoint: '//master.tus.io/files/'})
-  .run()
-
-console.log('--> Uppy Bundled version with Tus & Russian language pack has loaded')
diff --git a/website/src/examples/i18n/app.html b/website/src/examples/i18n/app.html
index 0969054d3..cd840e653 100644
--- a/website/src/examples/i18n/app.html
+++ b/website/src/examples/i18n/app.html
@@ -6,7 +6,7 @@
 <!-- Load Uppy pre-built bundled version. You can use a CDN: https://unpkg.com/uppy -->
 <script src="/uppy/uppy.min.js"></script>
 <script>
-  var uppy = Uppy.Core({debug: true});
+  var uppy = Uppy.Core({ debug: true });
   uppy.use(Uppy.DragDrop, {
     target: '.UppyDragDrop',
     locale: {
@@ -16,8 +16,8 @@
       }
     }
   });
-  uppy.use(Uppy.ProgressBar, {target: 'body', fixed: true})
-  uppy.use(Uppy.Tus, {endpoint: '//master.tus.io/files/'});
+  uppy.use(Uppy.ProgressBar, { target: 'body', fixed: true });
+  uppy.use(Uppy.Tus, { endpoint: '//master.tus.io/files/' });
   uppy.run();
 
   console.log('--> Uppy pre-built version with Tus, DragDrop & Russian language pack has loaded');
diff --git a/website/src/examples/statusbar/app.es6 b/website/src/examples/statusbar/app.es6
index edac5f093..19daf7fba 100644
--- a/website/src/examples/statusbar/app.es6
+++ b/website/src/examples/statusbar/app.es6
@@ -5,7 +5,7 @@ const Tus = require('uppy/lib/plugins/Tus')
 
 const uppyOne = new Uppy({debug: true})
 uppyOne
-  .use(FileInput, {target: '.UppyInput'})
-  .use(Tus, {endpoint: '//master.tus.io/files/'})
-  .use(StatusBar, {target: '.UppyInput-Progress'})
+  .use(FileInput, { target: '.UppyInput', pretty: false })
+  .use(Tus, { endpoint: '//master.tus.io/files/' })
+  .use(StatusBar, { target: '.UppyInput-Progress', hideUploadButton: true })
   .run()
diff --git a/website/src/examples/xhrupload/app.es6 b/website/src/examples/xhrupload/app.es6
index 2f1afe9ff..1bcae8bb6 100644
--- a/website/src/examples/xhrupload/app.es6
+++ b/website/src/examples/xhrupload/app.es6
@@ -3,22 +3,17 @@ const FileInput = require('uppy/lib/plugins/FileInput')
 const XHRUpload = require('uppy/lib/plugins/XHRUpload')
 const ProgressBar = require('uppy/lib/plugins/ProgressBar')
 
-const uppy = new Uppy({debug: true, autoProceed: true})
-
-uppy
-  .use(FileInput)
-  .use(XHRUpload, {
-    endpoint: '//api2.transloadit.com',
-    formData: true,
-    fieldName: 'files[]'
-  })
-  // by default Uppy removes everything inside target container,
-  // but we surely don’t want to do that in the case of body, so replaceTargetContent: false
-  .use(ProgressBar, {
-    target: 'body',
-    replaceTargetContent: false,
-    fixed: true
-  })
-  .run()
+const uppy = new Uppy({ debug: true, autoProceed: true })
+uppy.use(FileInput, { target: '.UppyForm', replaceTargetContent: true })
+uppy.use(XHRUpload, {
+  endpoint: '//api2.transloadit.com',
+  formData: true,
+  fieldName: 'files[]'
+})
+uppy.use(ProgressBar, {
+  target: 'body',
+  fixed: true
+})
+uppy.run()
 
 console.log('Uppy with Formtag and XHRUpload is loaded')