How would I get this working with the Uppy client?

[spencerbart]

I'm trying to get this to work on a Cloudflare Worker and I'm following this example https://github.com/Klowner/tussle/tree/main/examples/cloudflare-worker-r2. I am using the Uppy client but it isn't working.

Here's my Uppy client

import Uppy from '@uppy/core';
import { Dashboard } from '@uppy/react';
import Tus from '@uppy/tus';

import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';

const uppy = new Uppy().use(Tus, { endpoint: 'http://localhost:8787/files'})
export default function Home() {
  return (
    <main>
      <Dashboard uppy={uppy} plugins={["drag-drop"]} />
    </main>
  )
}

I must be missing something but I'm not sure what it is.

[Klowner]

You're running the example daemon (via miniflare) on your local machine as in the example, and are there any errors in the browser from Uppy, or any other errors? How are you serving the frontend portion? The example bundles the client script into the worker.mjs so it can serve from the same domain, circumventing CORS issues. I'd also be happy to look at a minimal example project too.

…

On Fri, May 19, 2023, 5:53 PM Spencer Bartholomew ***@***.***> wrote: I'm trying to get this to work on a Cloudflare Worker and I'm following this example https://github.com/Klowner/tussle/tree/main/examples/cloudflare-worker-r2. I am using the Uppy client but it isn't working. Here's my Uppy client import Uppy from ***@***.***/core'; import { Dashboard } from ***@***.***/react'; import Tus from ***@***.***/tus'; import ***@***.***/core/dist/style.min.css'; import ***@***.***/dashboard/dist/style.min.css'; const uppy = new Uppy().use(Tus, { endpoint: 'http://localhost:8787/files'}) export default function Home() { return ( <main> <Dashboard uppy={uppy} plugins={["drag-drop"]} /> </main> ) } I must be missing something but I'm not sure what it is. — Reply to this email directly, view it on GitHub <#11>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAACJHS53APBF3OVC6NUOZ3XG7TUTANCNFSM6AAAAAAYIIZQGE> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[spencerbart]

I just spun up the example in the examples/cloudflare-worker-r2 directory without changing it and this is the error that I get. It's trying to open a directory when it thinks it's a file.

[Klowner]

Ah-ha, well it looks like I introduced a bug with the R2 auto merge feature added in 0.7 and the way miniflare stores R2 records.

Until I get a fix published, you can either add skipMerge: true to the TussleStorageR2 constructor in worker.js or comment out r2_persist = "./data/r2" in the wrangler.toml within the example directory.