Головна сторінка Огляд Довідка
Увійти
biheng
/
uppy
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

docs: non bundled example

Ifedapo Olarewaju 7 роки тому
батько
dbe71de4ab
коміт
c264d390f6
5 змінених файлів з 54 додано та 28 видалено
Розділений вигляд Показати статистику Diff
  1. 1 1
      .gitignore
  2. 0 10
      examples/bundled-example/index.html
  3. 14 14
      examples/bundled-example/main.js
  4. 36 0
      examples/cdn-example/index.html
  5. 3 3
      package.json

+ 1 - 1
.gitignore
Переглянути файл 

@@ -20,4 +20,4 @@ npm-debug.log*
 
 config/
 
 nohup.out
 
 
-example/bundle.js
 
+examples/bundled-example/bundle.js

+ 0 - 10
example/index.html → examples/bundled-example/index.html
Переглянути файл 

@@ -18,15 +18,5 @@
 
 
     <link href="uppy.min.css" rel="stylesheet">
 
     <script src="bundle.js"></script>
 
-
 
-    <!--script src="uppy.min.js"></script-->
 
-    <script>
 
-      // console.log(Uppy)
 
-      // var uppy = new Uppy.Core({locales: Uppy.locales.ru_RU, debug: true})
 
-      //   .use(Uppy.Dashboard, {trigger: '#uppyModalOpener'})
 
-      //   .use(Uppy.Dummy, {target: Uppy.Dashboard})
 
-      //   .run();
 
-      // document.querySelector('#uppyModalOpener').click()
 
-    </script>
 
   </body>
 
 </html>

+ 14 - 14
example/main.js → examples/bundled-example/main.js
Переглянути файл 

@@ -1,21 +1,21 @@
 
-const Uppy = require('../src/core/Core.js')
 
-const Dashboard = require('../src/plugins/Dashboard')
 
-const GoogleDrive = require('../src/plugins/GoogleDrive')
 
-const Dropbox = require('../src/plugins/Dropbox')
 
-const Webcam = require('../src/plugins/Webcam')
 
-const Tus10 = require('../src/plugins/Tus10')
 
-// const Multipart = require('../src/plugins/Multipart')
 
-const MetaData = require('../src/plugins/MetaData')
 
-// const Informer = require('../src/plugins/Informer')
 
-// const StatusBar = require('../src/plugins/StatusBar')
 
-// const DragDrop = require('../src/plugins/DragDrop')
 
+const Uppy = require('../../src/core/Core.js')
 
+const Dashboard = require('../../src/plugins/Dashboard')
 
+const GoogleDrive = require('../../src/plugins/GoogleDrive')
 
+const Dropbox = require('../../src/plugins/Dropbox')
 
+const Webcam = require('../../src/plugins/Webcam')
 
+const Tus10 = require('../../src/plugins/Tus10')
 
+// const Multipart = require('../../src/plugins/Multipart')
 
+const MetaData = require('../../src/plugins/MetaData')
 
+// const Informer = require('../../src/plugins/Informer')
 
+// const StatusBar = require('../../src/plugins/StatusBar')
 
+// const DragDrop = require('../../src/plugins/DragDrop')
 
 
 const PROTOCOL = location.protocol === 'https:' ? 'https' : 'http'
 
 const TUS_ENDPOINT = PROTOCOL + '://master.tus.io/files/'
 
 
-// import ru_RU from '../src/locales/ru_RU.js'
 
-// import MagicLog from '../src/plugins/MagicLog'
 
-// import PersistentState from '../src/plugins/PersistentState'
 
+// import ru_RU from '../../src/locales/ru_RU.js'
 
+// import MagicLog from '../../src/plugins/MagicLog'
 
+// import PersistentState from '../../src/plugins/PersistentState'
 
 
 const uppy = Uppy({debug: true, autoProceed: false})
 
   .use(Dashboard, {

+ 36 - 0
examples/cdn-example/index.html
Переглянути файл 

@@ -0,0 +1,36 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <title></title>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link href="https://unpkg.com/uppy/dist/uppy.min.css" rel="stylesheet"> 
+  </head>
 
+  <body>
 
+    <button id="uppyModalOpener">Open Modal</button>
 
+    <script src="https://unpkg.com/uppy/dist/uppy.min.js"></script>
 
+    <script>
 
+      const Dashboard = Uppy.Dashboard
 
+      const Webcam = Uppy.Webcam
 
+      const Tus10 = Uppy.Tus10
 
+      const Informer = Uppy.Informer
 
+
 
+      const uppy = Uppy.Core({debug: true, autoProceed: false})
 
+      .use(Uppy.Dashboard, {
 
+        trigger: '#uppyModalOpener',
 
+        target: 'body'
 
+      })
 
+      .use(Webcam, {target: Dashboard})
 
+      .use(Tus10, {endpoint: 'http://master.tus.io/files/', resume: true})
 
+      .use(Informer, {target: Dashboard})
 
+
 
+      uppy.run()
 
+
 
+      uppy.on('core:success', (fileCount) => {
 
+        console.log(`${fileCount} files uploaded`)
 
+      })
 
+
 
+      document.querySelector('#uppyModalOpener').click()
 
+    </script>
 
+  </body>
 
+</html>

+ 3 - 3
package.json
Переглянути файл 

@@ -10,7 +10,7 @@
 
     "dist/",
 
     "test/",
 
     "bin/",
 
-    "example/"
 
+    "examples/"
 
   ],
 
   "lint-staged": {
 
     "*.js": "eslint"
 
@@ -120,8 +120,8 @@
 
     "watch:js": "onchange 'src/**/*.js' --initial --verbose -- npm run build:bundle",
 
     "watch": "npm-run-all --parallel watch:js watch:css",
 
     "watch:fast": "npm-run-all --parallel watch:css web:preview",
 
-    "watch:example:browsersync": "browser-sync start --server example --port 3452 --serveStatic dist --files \"example/bundle.js, dist/uppy.min.css\"",
 
-    "watch:example:js": "watchify -t babelify example/main.js -o example/bundle.js -vd",
 
+    "watch:example:browsersync": "browser-sync start --server examples/bundled-example --port 3452 --serveStatic dist --files \"examples/bundled-example/bundle.js, dist/uppy.min.css\"",
 
+    "watch:example:js": "watchify -t babelify examples/bundled-example/main.js -o examples/bundled-example/bundle.js -vd",
 
     "watch:example": "npm-run-all --parallel watch:example:js watch:css watch:example:browsersync",
 
     "dev": "npm-run-all --parallel watch:example:js watch:css watch:example:browsersync",
 
     "web:build": "cd website && node update.js && ./node_modules/.bin/hexo generate --silent && node build-examples.js",