diff --git a/.eslintrc.js b/.eslintrc.js index 323ac59ee1..d3982658a7 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -195,6 +195,7 @@ module.exports = { 'examples/aws-presigned-url/*.js', 'examples/bundled/*.js', 'examples/custom-provider/client/*.js', + 'examples/multiple-instances/*.js', 'examples/transloadit-markdown-bin/*.js', 'private/dev/*.js', 'private/release/*.js', diff --git a/examples/multiple-instances/.gitignore b/examples/multiple-instances/.gitignore deleted file mode 100644 index 70a19130fe..0000000000 --- a/examples/multiple-instances/.gitignore +++ /dev/null @@ -1 +0,0 @@ -uppy.min.css diff --git a/examples/multiple-instances/readme.md b/examples/multiple-instances/README.md similarity index 81% rename from examples/multiple-instances/readme.md rename to examples/multiple-instances/README.md index 54614c5ccd..7a6c9a1fe9 100644 --- a/examples/multiple-instances/readme.md +++ b/examples/multiple-instances/README.md @@ -8,8 +8,8 @@ It has two instances on the same page, side-by-side, but with different `id`s so To run this example, make sure you've correctly installed the **repository root**: ```bash -npm install -npm run build +corepack yarn install +corepack yarn build ``` That will also install the dependencies for this example. @@ -17,5 +17,5 @@ That will also install the dependencies for this example. Then, again in the **repository root**, start this example by doing: ```bash -npm run example multiple-instances +corepack yarn workspace @uppy-example/multiple-instances start ``` diff --git a/examples/multiple-instances/index.html b/examples/multiple-instances/index.html index a29319352c..5eee75358a 100644 --- a/examples/multiple-instances/index.html +++ b/examples/multiple-instances/index.html @@ -4,8 +4,6 @@ Uppy example: Multiple instances - - + +

Instance A

@@ -24,8 +24,8 @@

Instance B

+ - - + diff --git a/examples/multiple-instances/main.js b/examples/multiple-instances/main.js index d325b8b34c..973432237b 100644 --- a/examples/multiple-instances/main.js +++ b/examples/multiple-instances/main.js @@ -1,6 +1,9 @@ -const Uppy = require('@uppy/core') -const Dashboard = require('@uppy/dashboard') -const GoldenRetriever = require('@uppy/golden-retriever') +import Uppy from '@uppy/core' +import Dashboard from '@uppy/dashboard' +import GoldenRetriever from '@uppy/golden-retriever' + +import '@uppy/core/dist/style.css' +import '@uppy/dashboard/dist/style.css' // Initialise two Uppy instances with the GoldenRetriever plugin, // but with different `id`s. diff --git a/examples/multiple-instances/package.json b/examples/multiple-instances/package.json index 2a6b87feb5..33fe65a280 100644 --- a/examples/multiple-instances/package.json +++ b/examples/multiple-instances/package.json @@ -1,17 +1,17 @@ { "name": "@uppy-example/multiple-instances", "version": "0.0.0", + "type": "module", "dependencies": { - "@babel/core": "^7.4.4", "@uppy/core": "workspace:*", "@uppy/dashboard": "workspace:*", - "@uppy/golden-retriever": "workspace:*", - "babelify": "^10.0.0", - "budo": "^11.6.1" + "@uppy/golden-retriever": "workspace:*" + }, + "devDependencies": { + "vite": "^3.0.0" }, "private": true, "scripts": { - "css": "cp ../../packages/uppy/dist/uppy.min.css .", - "start": "yarn run css && budo main.js:bundle.js -- -t babelify" + "start": "vite" } } diff --git a/yarn.lock b/yarn.lock index 75f27e28a3..408ccb96b8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8137,12 +8137,10 @@ __metadata: version: 0.0.0-use.local resolution: "@uppy-example/multiple-instances@workspace:examples/multiple-instances" dependencies: - "@babel/core": ^7.4.4 "@uppy/core": "workspace:*" "@uppy/dashboard": "workspace:*" "@uppy/golden-retriever": "workspace:*" - babelify: ^10.0.0 - budo: ^11.6.1 + vite: ^3.0.0 languageName: unknown linkType: soft