diff --git a/examples/sveltekit/src/components/MediaCapture.svelte b/examples/sveltekit/src/components/MediaCapture.svelte
index ee78dc462..44bf9ff9d 100644
--- a/examples/sveltekit/src/components/MediaCapture.svelte
+++ b/examples/sveltekit/src/components/MediaCapture.svelte
@@ -1,30 +1,30 @@
diff --git a/examples/sveltekit/src/components/RemoteSource.svelte b/examples/sveltekit/src/components/RemoteSource.svelte
index e8201d1b3..cc151800e 100644
--- a/examples/sveltekit/src/components/RemoteSource.svelte
+++ b/examples/sveltekit/src/components/RemoteSource.svelte
@@ -1,32 +1,32 @@
{#if !remoteSource.state.authenticated}
diff --git a/examples/sveltekit/src/components/ScreenCapture.svelte b/examples/sveltekit/src/components/ScreenCapture.svelte
index f3ae45113..dbb655daf 100644
--- a/examples/sveltekit/src/components/ScreenCapture.svelte
+++ b/examples/sveltekit/src/components/ScreenCapture.svelte
@@ -1,21 +1,21 @@
- import MediaCapture from './MediaCapture.svelte'
- import { untrack } from 'svelte'
- import { useWebcam } from '@uppy/svelte'
+import { useWebcam } from '@uppy/svelte'
+import { untrack } from 'svelte'
+import MediaCapture from './MediaCapture.svelte'
- interface Props {
- close: () => void
+interface Props {
+ close: () => void
+}
+
+const { close }: Props = $props()
+const webcamStore = useWebcam({ onSubmit: close })
+
+$effect(() => {
+ untrack(() => webcamStore.start())
+ return () => {
+ untrack(() => webcamStore.stop())
}
-
- const { close }: Props = $props()
- const webcamStore = useWebcam({ onSubmit: close })
-
- $effect(() => {
- untrack(() => webcamStore.start())
- return () => {
- untrack(() => webcamStore.stop())
- }
- })
+})
- import '../app.css';
-
- let { children } = $props();
+import '../app.css'
+
+const { children } = $props()
{@render children()}
diff --git a/examples/sveltekit/src/routes/+page.svelte b/examples/sveltekit/src/routes/+page.svelte
index 1a8ebbd84..bbbd864e5 100644
--- a/examples/sveltekit/src/routes/+page.svelte
+++ b/examples/sveltekit/src/routes/+page.svelte
@@ -1,43 +1,43 @@
diff --git a/examples/sveltekit/svelte.config.js b/examples/sveltekit/svelte.config.js
index 1295460d1..e92eb5e12 100644
--- a/examples/sveltekit/svelte.config.js
+++ b/examples/sveltekit/svelte.config.js
@@ -1,18 +1,18 @@
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import adapter from '@sveltejs/adapter-auto'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
/** @type {import('@sveltejs/kit').Config} */
const config = {
- // Consult https://svelte.dev/docs/kit/integrations
- // for more information about preprocessors
- preprocess: vitePreprocess(),
+ // Consult https://svelte.dev/docs/kit/integrations
+ // for more information about preprocessors
+ preprocess: vitePreprocess(),
- kit: {
- // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
- // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
- // See https://svelte.dev/docs/kit/adapters for more information about adapters.
- adapter: adapter()
- }
-};
+ kit: {
+ // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+ // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+ // See https://svelte.dev/docs/kit/adapters for more information about adapters.
+ adapter: adapter(),
+ },
+}
-export default config;
+export default config
diff --git a/examples/sveltekit/tsconfig.json b/examples/sveltekit/tsconfig.json
index c2d46c7a3..68383fa08 100644
--- a/examples/sveltekit/tsconfig.json
+++ b/examples/sveltekit/tsconfig.json
@@ -10,8 +10,8 @@
"sourceMap": true,
"strict": true,
"module": "preserve",
- "moduleResolution": "bundler",
- },
+ "moduleResolution": "bundler"
+ }
// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
//
diff --git a/examples/sveltekit/vite.config.ts b/examples/sveltekit/vite.config.ts
index cecc075e2..85c6af9d2 100644
--- a/examples/sveltekit/vite.config.ts
+++ b/examples/sveltekit/vite.config.ts
@@ -1,6 +1,5 @@
-import tailwindcss from '@tailwindcss/vite'
import { sveltekit } from '@sveltejs/kit/vite'
-// eslint-disable-next-line import/no-extraneous-dependencies
+import tailwindcss from '@tailwindcss/vite'
import { defineConfig } from 'vite'
export default defineConfig({
diff --git a/examples/transloadit-markdown-bin/main.js b/examples/transloadit-markdown-bin/main.js
index bd7016e05..acfe8ae3f 100644
--- a/examples/transloadit-markdown-bin/main.js
+++ b/examples/transloadit-markdown-bin/main.js
@@ -1,11 +1,11 @@
-import { marked } from 'marked'
import Uppy from '@uppy/core'
-import DropTarget from '@uppy/drop-target'
import Dashboard from '@uppy/dashboard'
-import Transloadit from '@uppy/transloadit'
-import RemoteSources from '@uppy/remote-sources'
-import Webcam from '@uppy/webcam'
+import DropTarget from '@uppy/drop-target'
import ImageEditor from '@uppy/image-editor'
+import RemoteSources from '@uppy/remote-sources'
+import Transloadit from '@uppy/transloadit'
+import Webcam from '@uppy/webcam'
+import { marked } from 'marked'
import '@uppy/core/dist/style.css'
import '@uppy/dashboard/dist/style.css'
@@ -14,13 +14,12 @@ import '@uppy/image-editor/dist/style.css'
const TRANSLOADIT_EXAMPLE_KEY = '35c1aed03f5011e982b6afe82599b6a0'
const TRANSLOADIT_EXAMPLE_TEMPLATE = '0b2ee2bc25dc43619700c2ce0a75164a'
-function matchFilesAndThumbs (results) {
+function matchFilesAndThumbs(results) {
const filesById = {}
const thumbsById = {}
for (const [stepName, result] of Object.entries(results)) {
- // eslint-disable-next-line no-shadow
- result.forEach(result => {
+ result.forEach((result) => {
if (stepName === 'thumbnails') {
thumbsById[result.original_id] = result
} else {
@@ -39,7 +38,7 @@ function matchFilesAndThumbs (results) {
* A textarea for markdown text, with support for file attachments.
*/
class MarkdownTextarea {
- constructor (element) {
+ constructor(element) {
this.element = element
this.controls = document.createElement('div')
this.controls.classList.add('mdtxt-controls')
@@ -52,7 +51,7 @@ class MarkdownTextarea {
)
}
- install () {
+ install() {
const { element } = this
const wrapper = document.createElement('div')
wrapper.classList.add('mdtxt')
@@ -82,11 +81,9 @@ class MarkdownTextarea {
this.uppy.on('complete', (result) => {
const { successful, failed, transloadit } = result
if (successful.length !== 0) {
- this.insertAttachments(
- matchFilesAndThumbs(transloadit[0].results),
- )
+ this.insertAttachments(matchFilesAndThumbs(transloadit[0].results))
} else {
- failed.forEach(error => {
+ failed.forEach((error) => {
console.error(error)
this.reportUploadError(error)
})
@@ -95,14 +92,14 @@ class MarkdownTextarea {
})
}
- reportUploadError (err) {
+ reportUploadError(err) {
this.uploadLine.classList.add('error')
const message = document.createElement('span')
message.appendChild(document.createTextNode(err.message))
this.uploadLine.insertChild(message, this.uploadLine.firstChild)
}
- unreportUploadError () {
+ unreportUploadError() {
this.uploadLine.classList.remove('error')
const message = this.uploadLine.querySelector('message')
if (message) {
@@ -110,13 +107,16 @@ class MarkdownTextarea {
}
}
- insertAttachments (attachments) {
+ insertAttachments(attachments) {
attachments.forEach((attachment) => {
const { file, thumb } = attachment
const link = `\n[LABEL](${file.ssl_url})\n`
const labelText = `View File ${file.basename}`
if (thumb) {
- this.element.value += link.replace('LABEL', ``)
+ this.element.value += link.replace(
+ 'LABEL',
+ ``,
+ )
} else {
this.element.value += link.replace('LABEL', labelText)
}
@@ -124,7 +124,7 @@ class MarkdownTextarea {
}
uploadFiles = (files) => {
- const filesForUppy = files.map(file => {
+ const filesForUppy = files.map((file) => {
return {
data: file,
type: file.type,
@@ -139,7 +139,7 @@ class MarkdownTextarea {
const textarea = new MarkdownTextarea(document.querySelector('#new textarea'))
textarea.install()
-function renderSnippet (title, text) {
+function renderSnippet(title, text) {
const template = document.querySelector('#snippet')
const newSnippet = document.importNode(template.content, true)
const titleEl = newSnippet.querySelector('.snippet-title')
@@ -152,13 +152,13 @@ function renderSnippet (title, text) {
list.insertBefore(newSnippet, list.firstChild)
}
-function saveSnippet (title, text) {
+function saveSnippet(title, text) {
const id = parseInt(localStorage.numSnippets || 0, 10)
localStorage[`snippet_${id}`] = JSON.stringify({ title, text })
localStorage.numSnippets = id + 1
}
-function loadSnippets () {
+function loadSnippets() {
for (let id = 0; localStorage[`snippet_${id}`] != null; id += 1) {
const { title, text } = JSON.parse(localStorage[`snippet_${id}`])
renderSnippet(title, text)
@@ -168,16 +168,13 @@ function loadSnippets () {
document.querySelector('#new').addEventListener('submit', (event) => {
event.preventDefault()
- const title = event.target.elements['title'].value
- || 'Unnamed Snippet'
+ const title = event.target.elements.title.value || 'Unnamed Snippet'
const text = textarea.element.value
saveSnippet(title, text)
renderSnippet(title, text)
- // eslint-disable-next-line no-param-reassign
event.target.querySelector('input').value = ''
- // eslint-disable-next-line no-param-reassign
event.target.querySelector('textarea').value = ''
})
diff --git a/examples/transloadit/main.js b/examples/transloadit/main.js
index 8470c630a..4c6699dfb 100644
--- a/examples/transloadit/main.js
+++ b/examples/transloadit/main.js
@@ -1,11 +1,11 @@
-import Transloadit, { COMPANION_URL } from '@uppy/transloadit'
import Uppy from '@uppy/core'
-import Form from '@uppy/form'
import Dashboard from '@uppy/dashboard'
-import RemoteSources from '@uppy/remote-sources'
+import Form from '@uppy/form'
import ImageEditor from '@uppy/image-editor'
-import Webcam from '@uppy/webcam'
import ProgressBar from '@uppy/progress-bar'
+import RemoteSources from '@uppy/remote-sources'
+import Transloadit, { COMPANION_URL } from '@uppy/transloadit'
+import Webcam from '@uppy/webcam'
import '@uppy/core/dist/style.css'
import '@uppy/dashboard/dist/style.css'
@@ -59,13 +59,11 @@ const formUppy = new Uppy({
})
formUppy.on('error', (err) => {
- document.querySelector('#test-form .error')
- .textContent = err.message
+ document.querySelector('#test-form .error').textContent = err.message
})
formUppy.on('upload-error', (file, err) => {
- document.querySelector('#test-form .error')
- .textContent = err.message
+ document.querySelector('#test-form .error').textContent = err.message
})
formUppy.on('complete', ({ transloadit }) => {
@@ -163,15 +161,13 @@ const dashboardModal = new Uppy({
dashboardModal.on('complete', ({ transloadit, successful, failed }) => {
if (failed?.length !== 0) {
- // eslint-disable-next-line no-console
console.error('it failed', failed)
} else {
- // eslint-disable-next-line no-console
console.log('success', { transloadit, successful })
}
})
-function openModal () {
+function openModal() {
dashboardModal.getPlugin('Dashboard').openModal()
}
@@ -208,7 +204,7 @@ window.doUpload = (event) => {
errorEl.classList.add('hidden')
resultEl.textContent = JSON.stringify(transloadit[0].results, null, 2)
- const resizedUrl = transloadit[0].results['resize'][0]['ssl_url']
+ const resizedUrl = transloadit[0].results.resize[0].ssl_url
const img = document.createElement('img')
img.src = resizedUrl
document.getElementById('upload-result-image').appendChild(img)
diff --git a/examples/transloadit/server.js b/examples/transloadit/server.js
index 27b505107..e76053323 100755
--- a/examples/transloadit/server.js
+++ b/examples/transloadit/server.js
@@ -1,13 +1,12 @@
#!/usr/bin/env node
-
import http from 'node:http'
import qs from 'node:querystring'
import he from 'he'
const e = he.encode
-function Header () {
+function Header() {
return `
@@ -28,7 +27,7 @@ function Header () {
`
}
-function Footer () {
+function Footer() {
return `
@@ -36,31 +35,28 @@ function Footer () {
`
}
-function FormFields (fields) {
- function Field ([name, value]) {
+function FormFields(fields) {
+ function Field([name, value]) {
if (name === 'transloadit') return ''
let isValueJSON = false
if (value.startsWith('{') || value.startsWith('[')) {
try {
- // eslint-disable-next-line no-param-reassign
- value = JSON.stringify(
- JSON.parse(value),
- null,
- 2,
- )
+ value = JSON.stringify(JSON.parse(value), null, 2)
isValueJSON = true
} catch {
// Nothing
}
}
- const prettyValue = isValueJSON ? `
+ const prettyValue = isValueJSON
+ ? `
${e(value)}
- ` : e(value)
+ `
+ : e(value)
return `
${e(name)}
@@ -78,8 +74,8 @@ function FormFields (fields) {
`
}
-function UploadsList (uploads) {
- function Upload (upload) {
+function UploadsList(uploads) {
+ function Upload(upload) {
return `${e(upload.name)}`
}
@@ -90,12 +86,12 @@ function UploadsList (uploads) {
`
}
-function ResultsList (results) {
- function Result (result) {
+function ResultsList(results) {
+ function Result(result) {
return `${e(result.name)} View`
}
- function ResultsSection (stepName) {
+ function ResultsSection(stepName) {
return `
${e(stepName)}
@@ -104,12 +100,10 @@ function ResultsList (results) {
`
}
- return Object.keys(results)
- .map(ResultsSection)
- .join('\n')
+ return Object.keys(results).map(ResultsSection).join('\n')
}
-function AssemblyResult (assembly) {
+function AssemblyResult(assembly) {
return `
${e(assembly.assembly_id)} (${e(assembly.ok)})
${UploadsList(assembly.uploads)}
@@ -117,14 +111,14 @@ function AssemblyResult (assembly) {
`
}
-function onrequest (req, res) {
+function onrequest(req, res) {
if (req.url !== '/test') {
res.writeHead(404, { 'content-type': 'text/html' })
res.end('404')
return
}
- function onbody (body) {
+ function onbody(body) {
const fields = qs.parse(body)
const result = JSON.parse(fields.uppyResult)
const assemblies = result[0].transloadit
@@ -140,7 +134,9 @@ function onrequest (req, res) {
{
let body = ''
- req.on('data', (chunk) => { body += chunk })
+ req.on('data', (chunk) => {
+ body += chunk
+ })
req.on('end', () => {
onbody(body)
})
diff --git a/examples/uppy-with-companion/server/index.js b/examples/uppy-with-companion/server/index.js
index ed85fa3f7..ae9cf38d5 100644
--- a/examples/uppy-with-companion/server/index.js
+++ b/examples/uppy-with-companion/server/index.js
@@ -6,11 +6,13 @@ const companion = require('@uppy/companion')
const app = express()
app.use(bodyParser.json())
-app.use(session({
- secret: 'some-secret',
- resave: true,
- saveUninitialized: true,
-}))
+app.use(
+ session({
+ secret: 'some-secret',
+ resave: true,
+ saveUninitialized: true,
+ }),
+)
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', req.headers.origin || '*')
diff --git a/examples/vue3/src/App.vue b/examples/vue3/src/App.vue
index 5a2bad4dc..4ce701a3c 100644
--- a/examples/vue3/src/App.vue
+++ b/examples/vue3/src/App.vue
@@ -42,23 +42,23 @@
diff --git a/packages/@uppy/svelte/src/lib/components/DashboardModal.svelte b/packages/@uppy/svelte/src/lib/components/DashboardModal.svelte
index 0dd57dc28..57e147002 100644
--- a/packages/@uppy/svelte/src/lib/components/DashboardModal.svelte
+++ b/packages/@uppy/svelte/src/lib/components/DashboardModal.svelte
@@ -2,57 +2,57 @@
lang="ts"
generics="M extends import('@uppy/utils/lib/UppyFile').Meta, B extends import('@uppy/utils/lib/UppyFile').Body"
>
- import { onMount, onDestroy } from 'svelte'
- import type { Uppy } from '@uppy/core'
- import DashboardPlugin from '@uppy/dashboard'
+import type { Uppy } from "@uppy/core";
+import DashboardPlugin from "@uppy/dashboard";
+import { onDestroy, onMount } from "svelte";
- let container: HTMLElement
- let plugin: DashboardPlugin
+let container: HTMLElement;
+let plugin: DashboardPlugin;
- export let uppy: Uppy
- export let props: Object | undefined = {}
- export let open: boolean
- let lastOpen: boolean = open
+export let uppy: Uppy;
+export const props: Object | undefined = {};
+export let open: boolean;
+let lastOpen: boolean = open;
- export let plugins: string[] = []
+export const plugins: string[] = [];
- const installPlugin = () => {
- const options = {
- id: 'svelte:DashboardModal',
- plugins,
- ...props,
- target: container,
- }
+const installPlugin = () => {
+ const options = {
+ id: "svelte:DashboardModal",
+ plugins,
+ ...props,
+ target: container,
+ };
- uppy.use(DashboardPlugin, options)
- plugin = uppy.getPlugin(options.id) as DashboardPlugin
- if (open) plugin.openModal()
- }
- const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
- if (plugin != null) uppyInstance.removePlugin(plugin)
- }
+ uppy.use(DashboardPlugin, options);
+ plugin = uppy.getPlugin(options.id) as DashboardPlugin;
+ if (open) plugin.openModal();
+};
+const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
+ if (plugin != null) uppyInstance.removePlugin(plugin);
+};
- onMount(() => installPlugin())
+onMount(() => installPlugin());
- onDestroy(() => uninstallPlugin())
- $: {
- const options = {
- id: 'svelte:DashboardModal',
- plugins,
- ...props,
- target: container,
- }
- uppy.setOptions(options)
- }
- $: {
- if (open && !lastOpen) {
- plugin.openModal()
- }
- if (!open && lastOpen) {
- plugin.closeModal()
- }
- lastOpen = open
- }
+onDestroy(() => uninstallPlugin());
+$: {
+ const options = {
+ id: "svelte:DashboardModal",
+ plugins,
+ ...props,
+ target: container,
+ };
+ uppy.setOptions(options);
+}
+$: {
+ if (open && !lastOpen) {
+ plugin.openModal();
+ }
+ if (!open && lastOpen) {
+ plugin.closeModal();
+ }
+ lastOpen = open;
+}
diff --git a/packages/@uppy/svelte/src/lib/components/DragDrop.svelte b/packages/@uppy/svelte/src/lib/components/DragDrop.svelte
index 3e116b0e4..854ee5b08 100644
--- a/packages/@uppy/svelte/src/lib/components/DragDrop.svelte
+++ b/packages/@uppy/svelte/src/lib/components/DragDrop.svelte
@@ -2,42 +2,42 @@
lang="ts"
generics="M extends import('@uppy/utils/lib/UppyFile').Meta, B extends import('@uppy/utils/lib/UppyFile').Body"
>
- import { onMount, onDestroy } from 'svelte'
- import type { Uppy } from '@uppy/core'
- import DragDropPlugin from '@uppy/drag-drop'
+import type { Uppy } from "@uppy/core";
+import DragDropPlugin from "@uppy/drag-drop";
+import { onDestroy, onMount } from "svelte";
- let container: HTMLElement
- let plugin: DragDropPlugin
+let container: HTMLElement;
+let plugin: DragDropPlugin;
- export let uppy: Uppy
- export let props: Object | undefined = {}
+export let uppy: Uppy;
+export const props: Object | undefined = {};
- const installPlugin = () => {
- const options = {
- id: 'svelte:DragDrop',
- inline: true,
- ...props,
- target: container,
- }
+const installPlugin = () => {
+ const options = {
+ id: "svelte:DragDrop",
+ inline: true,
+ ...props,
+ target: container,
+ };
- uppy.use(DragDropPlugin, options)
- plugin = uppy.getPlugin(options.id) as DragDropPlugin
- }
- const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
- if (plugin != null) uppyInstance.removePlugin(plugin)
- }
+ uppy.use(DragDropPlugin, options);
+ plugin = uppy.getPlugin(options.id) as DragDropPlugin;
+};
+const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
+ if (plugin != null) uppyInstance.removePlugin(plugin);
+};
- onMount(() => installPlugin())
+onMount(() => installPlugin());
- onDestroy(() => uninstallPlugin())
- $: {
- const options = {
- id: 'svelte:DragDrop',
- ...props,
- target: container,
- }
- uppy.setOptions(options)
- }
+onDestroy(() => uninstallPlugin());
+$: {
+ const options = {
+ id: "svelte:DragDrop",
+ ...props,
+ target: container,
+ };
+ uppy.setOptions(options);
+}
diff --git a/packages/@uppy/svelte/src/lib/components/ProgressBar.svelte b/packages/@uppy/svelte/src/lib/components/ProgressBar.svelte
index 68287980b..b43603198 100644
--- a/packages/@uppy/svelte/src/lib/components/ProgressBar.svelte
+++ b/packages/@uppy/svelte/src/lib/components/ProgressBar.svelte
@@ -2,42 +2,42 @@
lang="ts"
generics="M extends import('@uppy/utils/lib/UppyFile').Meta, B extends import('@uppy/utils/lib/UppyFile').Body"
>
- import { onMount, onDestroy } from 'svelte'
- import type { Uppy } from '@uppy/core'
- import ProgressBarPlugin from '@uppy/progress-bar'
+import type { Uppy } from "@uppy/core";
+import ProgressBarPlugin from "@uppy/progress-bar";
+import { onDestroy, onMount } from "svelte";
- let container: HTMLElement
- let plugin: ProgressBarPlugin
+let container: HTMLElement;
+let plugin: ProgressBarPlugin;
- export let uppy: Uppy
- export let props: Object | undefined = {}
+export let uppy: Uppy;
+export const props: Object | undefined = {};
- const installPlugin = () => {
- const options = {
- id: 'svelte:ProgressBar',
- inline: true,
- ...props,
- target: container,
- }
+const installPlugin = () => {
+ const options = {
+ id: "svelte:ProgressBar",
+ inline: true,
+ ...props,
+ target: container,
+ };
- uppy.use(ProgressBarPlugin, options)
- plugin = uppy.getPlugin(options.id) as ProgressBarPlugin
- }
- const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
- if (plugin != null) uppyInstance.removePlugin(plugin)
- }
+ uppy.use(ProgressBarPlugin, options);
+ plugin = uppy.getPlugin(options.id) as ProgressBarPlugin;
+};
+const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
+ if (plugin != null) uppyInstance.removePlugin(plugin);
+};
- onMount(() => installPlugin())
+onMount(() => installPlugin());
- onDestroy(() => uninstallPlugin())
- $: {
- const options = {
- id: 'svelte:ProgressBar',
- ...props,
- target: container,
- }
- uppy.setOptions(options)
- }
+onDestroy(() => uninstallPlugin());
+$: {
+ const options = {
+ id: "svelte:ProgressBar",
+ ...props,
+ target: container,
+ };
+ uppy.setOptions(options);
+}
diff --git a/packages/@uppy/svelte/src/lib/components/StatusBar.svelte b/packages/@uppy/svelte/src/lib/components/StatusBar.svelte
index b217ca37d..e7ef9a758 100644
--- a/packages/@uppy/svelte/src/lib/components/StatusBar.svelte
+++ b/packages/@uppy/svelte/src/lib/components/StatusBar.svelte
@@ -2,42 +2,42 @@
lang="ts"
generics="M extends import('@uppy/utils/lib/UppyFile').Meta, B extends import('@uppy/utils/lib/UppyFile').Body"
>
- import { onMount, onDestroy } from 'svelte'
- import type { Uppy } from '@uppy/core'
- import StatusBarPlugin from '@uppy/status-bar'
+import type { Uppy } from "@uppy/core";
+import StatusBarPlugin from "@uppy/status-bar";
+import { onDestroy, onMount } from "svelte";
- let container: HTMLElement
- let plugin: StatusBarPlugin
+let container: HTMLElement;
+let plugin: StatusBarPlugin;
- export let uppy: Uppy
- export let props: Object | undefined = {}
+export let uppy: Uppy;
+export const props: Object | undefined = {};
- const installPlugin = () => {
- const options = {
- id: 'svelte:StatusBar',
- inline: true,
- ...props,
- target: container,
- }
+const installPlugin = () => {
+ const options = {
+ id: "svelte:StatusBar",
+ inline: true,
+ ...props,
+ target: container,
+ };
- uppy.use(StatusBarPlugin, options)
- plugin = uppy.getPlugin(options.id) as StatusBarPlugin
- }
- const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
- if (plugin != null) uppyInstance.removePlugin(plugin)
- }
+ uppy.use(StatusBarPlugin, options);
+ plugin = uppy.getPlugin(options.id) as StatusBarPlugin;
+};
+const uninstallPlugin = (uppyInstance: Uppy = uppy) => {
+ if (plugin != null) uppyInstance.removePlugin(plugin);
+};
- onMount(() => installPlugin())
+onMount(() => installPlugin());
- onDestroy(() => uninstallPlugin())
- $: {
- const options = {
- id: 'svelte:StatusBar',
- ...props,
- target: container,
- }
- uppy.setOptions(options)
- }
+onDestroy(() => uninstallPlugin());
+$: {
+ const options = {
+ id: "svelte:StatusBar",
+ ...props,
+ target: container,
+ };
+ uppy.setOptions(options);
+}
diff --git a/packages/@uppy/svelte/src/lib/components/headless/UppyContextProvider.svelte b/packages/@uppy/svelte/src/lib/components/headless/UppyContextProvider.svelte
index e1004278b..f19b9a6fd 100644
--- a/packages/@uppy/svelte/src/lib/components/headless/UppyContextProvider.svelte
+++ b/packages/@uppy/svelte/src/lib/components/headless/UppyContextProvider.svelte
@@ -1,12 +1,12 @@