woa... ``` npx wrangler --version ⛅️ wrangler 2.21.1 (update available 3.57.0) -------------------

woa...

npx wrangler --version
 ⛅️ wrangler 2.21.1 (update available 3.57.0)
-------------------------------------------------------
andrew@amackenz-mac collectr % wrangler --version 
 ⛅️ wrangler 3.57.0
-------------------

npx wrangler --version
 ⛅️ wrangler 2.21.1 (update available 3.57.0)
-------------------------------------------------------
andrew@amackenz-mac collectr % wrangler --version 
 ⛅️ wrangler 3.57.0
-------------------

npx wrangler --version
 ⛅️ wrangler 2.21.1 (update available 3.57.0)
-------------------------------------------------------
andrew@amackenz-mac collectr % wrangler --version 
 ⛅️ wrangler 3.57.0
-------------------

npx wrangler --version
 ⛅️ wrangler 2.21.1 (update available 3.57.0)
-------------------------------------------------------
andrew@amackenz-mac collectr % wrangler --version 
 ⛅️ wrangler 3.57.0
-------------------

Mmackenzie woa... ``` npx wrangler --version ⛅️ wrangler 2.21.1 (update available 3.57.0)...

Hello, I’m Allie!•5/21/24, 8:47 AM

That's a tricky bugger right there. We recommend installing

wrangler

wrangler

within a project, then calling it from there, so that you consitently use the same version

mackenzieOP•5/21/24, 8:47 AM

is it recommended calling directly, or via npx?
(I know virtually zero about npm and npx)

mackenzieOP•5/21/24, 8:48 AM

scripts in jsons seem to use npx

mackenzieOP•5/21/24, 8:48 AM

in .ts sorry

Mmackenzie is it recommended calling directly, or via npx? (I know virtually zero about npm...

Hello, I’m Allie!•5/21/24, 8:48 AM

Calling directly is what I do, though afaik

npm

npm

doesn't actually support that for arbitrary commands, so

npx

npx

would probably be the next best thing.

Hello, I’m Allie!•5/21/24, 8:49 AM

I use

pnpm

pnpm

for arbitrary command execution using the locally installed package:

pnpm wrangler deploy [whatever]

pnpm wrangler deploy [whatever]

mackenzieOP•5/21/24, 8:51 AM

I have multiple folders (a worker, a pages app, functions) - so maybe I need to upgrade wrangler in all of them when updating?

mackenzieOP•5/21/24, 8:55 AM

OK, for now I'm calling wrangler directly and it's solved that....now to fix broken Leptos app that won't deploy

Eai•5/21/24, 1:06 PM

Hello, I'm thinking of using an API token because wrangler's oauth doesn't support multiple accounts.
How can I create an API token with privileges equivalent to wrangler login?
That is, an API token that has these permissions:
account:read
user:read
zone:read
workers:write
workers_kv:write
workers_routes:write
workers_scripts:write
workers_tail:read
d1:write
pages:write
ssl_certs:write
constellation:write
ai:write
queues:write
offline_access

LordSilver•5/21/24, 4:01 PM

do you guys use the

satisfies

satisfies

in your workers?

LordSilver•5/21/24, 4:01 PM

i see it's present in some parts of the docs and not present in others

LordSilver•5/21/24, 4:01 PM

in other parts they use the types on the parameters instead

LLordSilver do you guys use the `satisfies` in your workers?

James•5/21/24, 6:01 PM

short answer: a combo of both provides the best DX.

export default {
    async fetch(request, env, ctx): Promise<Response> {
        // do things
    },
} satisfies ExportedHandler<Env>;

export default {
    async fetch(request, env, ctx): Promise<Response> {
        // do things
    },
} satisfies ExportedHandler<Env>;

long answer: https://github.com/cloudflare/cloudflare-docs/pull/14007

JJames short answer: a combo of both provides the best DX. ```ts export default { ...

LordSilver•5/21/24, 6:11 PM

the one you are using misses stuff

LordSilver•5/21/24, 6:12 PM

You could use

request: Request

request: Request

env: Env

env: Env

James•5/21/24, 6:12 PM

You don't need those with

satisfies ExportedHandler<Env>

satisfies ExportedHandler<Env>

the arguments are already typed

LordSilver•5/21/24, 6:12 PM

in some cases you also have extra stuff like here message batch

LordSilver•5/21/24, 6:13 PM

also this is not needed?

James•5/21/24, 6:13 PM

That could be refactored to use

ExportedHandler

ExportedHandler

return type annotation too, yes

LordSilver•5/21/24, 6:13 PM

return type annotation?

LordSilver•5/21/24, 6:13 PM

promise void u mean?

James•5/21/24, 6:13 PM

All you need is the return type like

: Promise<Response>

: Promise<Response>

for better DX, and then

satisfies ExportedHandler<Env>;

satisfies ExportedHandler<Env>;

James•5/21/24, 6:14 PM

Yeah,

queue

queue

handlers don't need to return anything so:

Promise<void>

Promise<void>

works well

LordSilver•5/21/24, 6:15 PM

but

satisfies

satisfies

operatore introduced in TypeScript 4.9 shouldn't just check that the function matches expect class?

JJames Yeah, `queue` handlers don't need to return anything so: `Promise<void>` works w...

LordSilver•5/21/24, 6:15 PM

ok but how does it make sure that

batch

batch

is of type

MessageBatch

MessageBatch

LordSilver•5/21/24, 6:16 PM

inside the code i think you would miss some stuff

James•5/21/24, 6:16 PM

ExportedHandler

ExportedHandler

takes other generic types, included one for

MessageBatch

MessageBatch

James•5/21/24, 6:16 PM

satisfies

satisfies

covers most of the function. But the return type being explicit creates better errors for DX.

James•5/21/24, 6:16 PM

That github PR I linked above and discussion that follows is a good reference.

James•5/21/24, 6:17 PM

As for MessageBatch: https://github.com/Cloudflare-Mining/Cloudflare-Datamining/blob/b7da71b1db954d604955d62c702b955d5e612173/data/workers-types/experimental/index.ts#L409

James•5/21/24, 6:17 PM

ExportedHandler<Env, MessageBatch>

ExportedHandler<Env, MessageBatch>

for example

LordSilver•5/21/24, 6:17 PM

docs are messy

LordSilver•5/21/24, 6:17 PM

they use half in one way, half in another way, another portion without anything lol

James•5/21/24, 6:17 PM

File an issue if you find any

Many won't have type arguments though - they're JavaScript (not TypeScript) examples

LordSilver•5/21/24, 6:18 PM

okok so that's the new best way i see

James•5/21/24, 6:19 PM

Yes, the "best" and recommended way now is

satisfies

satisfies

return type annotation. Like this: https://canary.discord.com/channels/595317990191398933/799437470004412476/1242537864642822245

LordSilver•5/21/24, 6:19 PM

i see many docs also still explicitly put the

Env

Env

in the

index.ts

index.ts

even tho now that's automatically generated in

worker-configuration.d.ts

worker-configuration.d.ts

LordSilver•5/21/24, 6:19 PM

i guess that was also recent addition

James•5/21/24, 6:20 PM

Yeah that's super new, and not something I'm personally a fan of, but hey

James•5/21/24, 6:20 PM

It allows for good types generation via

wrangler types

wrangler types

tho

LordSilver•5/21/24, 6:22 PM

is there a way to further improve this too?

James•5/21/24, 6:23 PM

I'd add an explicit return type annotation on

fetch

fetch

: Promise<Response>

: Promise<Response>

so ts will catch if you ever accidentally return something else

James•5/21/24, 6:23 PM

otherwise seems good

LordSilver•5/21/24, 6:24 PM

JJames I'd add an explicit return type annotation on `fetch` as `: Promise<Response>` s...

DaniFoldi•5/22/24, 8:31 AM

fun fact Response | Promise<Response>Response | Promise<Response> is implied from implements DurableObjectimplements DurableObject

Varna•5/22/24, 10:50 AM

Is it possible to mimic worker routes in localhost with wrangler?

# wrangler.toml
# ...

routes = [
  { pattern = "example.test/api*", zone_name = "example.test" },
  { pattern = "localhost:4321/api*", zone_name = "localhost" },
]

# wrangler.toml
# ...

routes = [
  { pattern = "example.test/api*", zone_name = "example.test" },
  { pattern = "localhost:4321/api*", zone_name = "localhost" },
]

VVarna Is it possible to mimic worker routes in localhost with wrangler? ```toml # wran...

Hello, I’m Allie!•5/22/24, 10:54 AM

Afaik no

tstststs•5/22/24, 2:54 PM

Hello.
I'm developing a worker that uploads files to R2. For local dev, is there a way to emulate S3 compatible endpoint that would serve/upload the files stored in the --persist-to dir that my worker is using?

Ttstststs Hello. I'm developing a worker that uploads files to R2. For local dev, is there...

Hello, I’m Allie!•5/22/24, 3:08 PM

Not at the moment, no

woa... ``` npx wrangler --version ⛅️ wrangler 2.21.1 (update available 3.57.0) -------------------

Similar Threads

Similar Threads

Similar Threads