Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

example: update CDN example #3803

Merged
merged 3 commits into from Jun 27, 2022
Merged

example: update CDN example #3803

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
22016a9
example: update CDN example
aduh95 May 31, 2022
7623297
fixup! example: update CDN example
aduh95 Jun 9, 2022
00e7708
fixup! example: update CDN example
aduh95 Jun 27, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
48 changes: 36 additions & 12 deletions examples/cdn-example/index.html
View file
Open in desktop
Expand Up @@ -2,22 +2,46 @@
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://releases.transloadit.com/uppy/v3.0.0-beta.1/uppy.min.css" rel="stylesheet">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://releases.transloadit.com/uppy/v3.0.0-beta.1/uppy.min.css" rel="stylesheet" />
</head>
<body>
<noscript>You need JavaScript enabled for this example to work.</noscript>
<button id="uppyModalOpener">Open Modal</button>
<script src="https://releases.transloadit.com/uppy/v3.0.0-beta.1/uppy.min.js"></script>
<script>
const uppy = new Uppy.Core({debug: true, autoProceed: false})
.use(Uppy.Dashboard, { trigger: '#uppyModalOpener' })
.use(Uppy.Webcam, {target: Uppy.Dashboard})
.use(Uppy.Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })

uppy.on('success', (fileCount) => {
console.log(`${fileCount} files uploaded`)
})
<script type="module">
import {
Core,
Dashboard,
Webcam,
Tus,
} from "https://releases.transloadit.com/uppy/v3.0.0-beta.1/uppy.min.mjs";

const uppy = new Core.Uppy({ debug: true, autoProceed: false })
.use(Dashboard, { trigger: "#uppyModalOpener" })
.use(Webcam, { target: Dashboard })
.use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });

uppy.on("success", (fileCount) => {
console.log(`${fileCount} files uploaded`);
});
</script>

<!-- To support older browsers, you can use the legacy bundle which adds a global `Uppy` object. -->
<script nomodule src="https://releases.transloadit.com/uppy/v3.0.0-beta.1/uppy.legacy.min.js"></script>
<script nomodule>
{
const { Core, Dashboard, Webcam, Tus } = Uppy;
const uppy = new Core.Uppy({ debug: true, autoProceed: false })
.use(Dashboard, { trigger: "#uppyModalOpener" })
.use(Webcam, { target: Dashboard })
.use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });

uppy.on("success", function (fileCount) {
console.log(`${fileCount} files uploaded`);
});
}
</script>
</body>
</html>
7 changes: 5 additions & 2 deletions examples/cdn-example/package.json
View file
Open in desktop
@@ -1,5 +1,8 @@
{
"name": "@uppy-example/cdn-example",
"name": "@uppy-example/cdn",
"version": "0.0.0",
"private": true
"private": true,
"scripts": {
"dev": "deno run --allow-net --allow-read https://deno.land/std/http/file_server.ts || python3 -m http.server || php -S localhost:8000"
}
}
9 changes: 9 additions & 0 deletions examples/vue3/README.md
View file
Open in desktop
@@ -0,0 +1,9 @@
# Vue 3 example

To run the example, from the root directory of this repo, run the following commands:

```sh
cp .env.example .env
corepack yarn install
corepack yarn workspace @uppy-example/vue3 dev
```
4 changes: 2 additions & 2 deletions yarn.lock
View file
Open in desktop
Expand Up @@ -9749,9 +9749,9 @@ __metadata:
languageName: unknown
linkType: soft

"@uppy-example/cdn-example@workspace:examples/cdn-example":
"@uppy-example/cdn@workspace:examples/cdn-example":
version: 0.0.0-use.local
resolution: "@uppy-example/cdn-example@workspace:examples/cdn-example"
resolution: "@uppy-example/cdn@workspace:examples/cdn-example"
languageName: unknown
linkType: soft

Expand Down