Home Esplora Aiuto
Accedi
biheng
/
uppy
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

example: migrate `xhr-bundle` to ESM (#4012)

Antoine du Hamel 2 anni fa
parent
4f1e04d922
commit
f1ddd43765
8 ha cambiato i file con 26 aggiunte e 26 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 1 0
      .eslintrc.js
  2. 0 1
      examples/xhr-bundle/.gitignore
  3. 6 6
      examples/xhr-bundle/README.md
  4. 4 4
      examples/xhr-bundle/index.html
  5. 6 3
      examples/xhr-bundle/main.js
  6. 8 9
      examples/xhr-bundle/package.json
  7. 0 0
      examples/xhr-bundle/server.cjs
  8. 1 3
      yarn.lock

+ 1 - 0
.eslintrc.js
Vedi File 

@@ -197,6 +197,7 @@ module.exports = {
 
         'examples/custom-provider/client/*.js',
 
         'examples/multiple-instances/*.js',
 
         'examples/transloadit-markdown-bin/*.js',
 
+        'examples/xhr-bundle/*.js',
 
         'private/dev/*.js',
 
         'private/release/*.js',
 
         'private/remark-lint-uppy/*.js',

+ 0 - 1
examples/xhr-bundle/.gitignore
Vedi File 

@@ -1 +0,0 @@
 
-uppy.min.css

+ 6 - 6
examples/xhr-bundle/readme.md → examples/xhr-bundle/README.md
Vedi File 

@@ -2,21 +2,21 @@
 
 
 This example uses Uppy with XHRUpload plugin in `bundle` mode. Bundle mode uploads all files to the endpoint in a single request, instead of firing off a new request for each file. This makes uploading a bit slower, but it may be easier to handle on the server side, depending on your setup.
 
 
-[serve.js](./serve.js) contains an example express.js server that receives a multipart form-data upload and responds with some information about the files that were received (name, size) as JSON. It uses [multer](https://npmjs.com/package/multer) to parse the upload stream.
 
+[`server.cjs`](./server.cjs) contains an example express.js server that receives a multipart form-data upload and responds with some information about the files that were received (name, size) as JSON. It uses [multer](https://npmjs.com/package/multer) to parse the upload stream.
 
 
 ## Run it
 
 
 To run this example, make sure you've correctly installed the **repository root**:
 
 
-```bash
 
-npm install
 
-npm run build
 
+```sh
 
+corepack yarn install
 
+corepack yarn build
 
 ```
 
 
 That will also install the dependencies for this example.
 
 
 Then, again in the **repository root**, start this example by doing:
 
 
-```bash
 
-npm run example xhr-bundle
 
+```sh
 
+corepack yarn workspace @uppy-example/xhr-bundle start
 
 ```

+ 4 - 4
examples/xhr-bundle/index.html
Vedi File 

@@ -4,8 +4,6 @@
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <title>Uppy example: XHRUpload to a single endpoint</title>
 
-  </head>
 
-  <body>
 
     <style>
 
       main {
 
         display: flex;
 
@@ -14,6 +12,8 @@
 
       }
 
       h1 { text-align: center }
 
     </style>
 
+  </head>
 
+  <body>
 
     <main>
 
       <div>
 
         <h1>files[]</h1>
 
@@ -21,7 +21,7 @@
 
       </div>
 
     </main>
 
 
-    <link href="uppy.min.css" rel="stylesheet">
 
-    <script src="bundle.js"></script>
 
+    <noscript>This app requires JavaScript.</noscript>
 
+    <script src="./main.js" type="module"></script>
 
   </body>
 
 </html>

+ 6 - 3
examples/xhr-bundle/main.js
Vedi File 

@@ -1,6 +1,9 @@
 
-const Uppy = require('@uppy/core')
 
-const Dashboard = require('@uppy/dashboard')
 
-const XHRUpload = require('@uppy/xhr-upload')
 
+import Uppy from '@uppy/core'
 
+import Dashboard from '@uppy/dashboard'
 
+import XHRUpload from '@uppy/xhr-upload'
 
+
 
+import '@uppy/core/dist/style.css'
 
+import '@uppy/dashboard/dist/style.css'
 
 
 const uppy = new Uppy({
 
   debug: true,

+ 8 - 9
examples/xhr-bundle/package.json
Vedi File 

@@ -2,22 +2,21 @@
 
   "name": "@uppy-example/xhr-bundle",
 
   "version": "0.0.0",
 
   "dependencies": {
 
-    "@babel/core": "^7.2.2",
 
     "@uppy/core": "workspace:*",
 
     "@uppy/dashboard": "workspace:*",
 
     "@uppy/xhr-upload": "workspace:*",
 
-    "babelify": "^10.0.0",
 
-    "budo": "^11.6.1",
 
     "cors": "^2.8.5",
 
     "express": "^4.16.4",
 
-    "multer": "^1.4.1",
 
-    "npm-run-all": "^4.1.5"
 
+    "multer": "^1.4.1"
 
+  },
 
+  "devDependencies": {
 
+    "npm-run-all": "^4.1.5",
 
+    "vite": "^3.0.0"
 
   },
 
   "private": true,
 
   "scripts": {
 
-    "css": "cp ../../packages/uppy/dist/uppy.min.css .",
 
-    "start": "run-p start:*",
 
-    "start:client": "yarn run css && budo main.js:bundle.js -- -t babelify",
 
-    "start:server": "node serve.js"
 
+    "start": "run-p start:server start:client",
 
+    "start:client": "vite",
 
+    "start:server": "node server.cjs"
 
   }
 
 }

+ 0 - 0
examples/xhr-bundle/serve.js → examples/xhr-bundle/server.cjs
Vedi File


+ 1 - 3
yarn.lock
Vedi File 

@@ -8356,16 +8356,14 @@ __metadata:
 
   version: 0.0.0-use.local
 
   resolution: "@uppy-example/xhr-bundle@workspace:examples/xhr-bundle"
 
   dependencies:
 
-    "@babel/core": ^7.2.2
 
     "@uppy/core": "workspace:*"
 
     "@uppy/dashboard": "workspace:*"
 
     "@uppy/xhr-upload": "workspace:*"
 
-    babelify: ^10.0.0
 
-    budo: ^11.6.1
 
     cors: ^2.8.5
 
     express: ^4.16.4
 
     multer: ^1.4.1
 
     npm-run-all: ^4.1.5
 
+    vite: ^3.0.0
 
   languageName: unknown
 
   linkType: soft