examples: Update to Parcel 2 (#3275)

* examples: Update to Parcel 2

* switch to ESM

.gitignore

@@ -5,6 +5,7 @@ npm-debug.log*
 nohup.out
 node_modules
 .cache
+.parcel-cache
 .eslintcache
 
 env.sh

examples/bundled/index.html

@@ -27,6 +27,6 @@
       </form>
     </main>
 
-    <script src="index.js"></script>
+    <script src="index.js" type="module"></script>
   </body>
 </html>

examples/bundled/index.js

@@ -1,15 +1,15 @@
-const Uppy = require('@uppy/core')
-const Dashboard = require('@uppy/dashboard')
-const Instagram = require('@uppy/instagram')
-const GoogleDrive = require('@uppy/google-drive')
-const Url = require('@uppy/url')
-const Webcam = require('@uppy/webcam')
-const Tus = require('@uppy/tus')
+import Uppy from '@uppy/core'
+import Dashboard from '@uppy/dashboard'
+import Instagram from '@uppy/instagram'
+import GoogleDrive from '@uppy/google-drive'
+import Url from '@uppy/url'
+import Webcam from '@uppy/webcam'
+import Tus from '@uppy/tus'
 
-require('@uppy/core/dist/style.css')
-require('@uppy/dashboard/dist/style.css')
-require('@uppy/url/dist/style.css')
-require('@uppy/webcam/dist/style.css')
+import '@uppy/core/dist/style.css'
+import '@uppy/dashboard/dist/style.css'
+import '@uppy/url/dist/style.css'
+import '@uppy/webcam/dist/style.css'
 
 const TUS_ENDPOINT = 'https://tusd.tusdemo.net/files/'
 

examples/bundled/package.json

@@ -9,9 +9,10 @@
     "@uppy/tus": "file:../../packages/@uppy/tus",
     "@uppy/url": "file:../../packages/@uppy/url",
     "@uppy/webcam": "file:../../packages/@uppy/webcam",
-    "parcel-bundler": "^1.11.0"
+    "parcel": "^2.0.0"
   },
   "private": true,
+  "type": "module",
   "scripts": {
     "build": "parcel build index.html",
     "dev": "parcel index.html"