Does anyone understand the Pages Functions framework enough to understand what might be happening he

Does anyone understand the Pages Functions framework enough to understand what might be happening here?

I generate a Remix build that contains
```
functions/[[path]].js
```
functions/[[path]].js
```
functions/[[path]].js
```
functions/[[path]].js
and an associated sourcemap
```
functions/[[path]].js.map
```
functions/[[path]].js.map
```
functions/[[path]].js.map
```
functions/[[path]].js.map
.
I get stack traces (via Sentry) with raw stack frames like
```
{"filename":"functionsWorker-0.016298107377014315.js","module":"functionsWorker-0.016298107377014315","function":"pNe","lineno":39551,"colno":8,"in_app":true,"abs_path":"/functionsWorker-0.016298107377014315.js"}
```
{"filename":"functionsWorker-0.016298107377014315.js","module":"functionsWorker-0.016298107377014315","function":"pNe","lineno":39551,"colno":8,"in_app":true,"abs_path":"/functionsWorker-0.016298107377014315.js"}
```
{"filename":"functionsWorker-0.016298107377014315.js","module":"functionsWorker-0.016298107377014315","function":"pNe","lineno":39551,"colno":8,"in_app":true,"abs_path":"/functionsWorker-0.016298107377014315.js"}
```
{"filename":"functionsWorker-0.016298107377014315.js","module":"functionsWorker-0.016298107377014315","function":"pNe","lineno":39551,"colno":8,"in_app":true,"abs_path":"/functionsWorker-0.016298107377014315.js"}
.
I assume this is matching the dynamic
```
[[path]].js
```
[[path]].js
```
[[path]].js
```
[[path]].js
file, but the strange thing is that file has < 1000 lines, so the line numbers clearly aren't lining up.

The TL;DR is I can successully get the sourcemap file to match using the Sentry

RewriteFrames

RewriteFrames

RewriteFrames

RewriteFrames plugin, but can't figure out why the stack frames don't line up with the generated file. Is there some other Pages Functions magic happening?

KrisOP•6/16/23, 6:38 PM

I've confirmed all these things:

The artifacts
```
[[path]].js
```
```
[[path]].js
```
and [[path]].js.map[[path]].js.map are generated and uploaded to Sentry correctly. All the mappings are correct.
The stack frames are clearly referencing lines that don't exist in that file.

This leaves me with a few theories:

Is functionsWorker-0.016298107377014315.jsfunctionsWorker-0.016298107377014315.js actually served by my Pages Function, or is it the Worker wrapper? The strange thing is that I only see that file in whole stack; shouldn't I be seeing the frame inside my code generating the exception?
Is there some other bundling and minification process where my functions file is built into a generated worker? If so, is there a way to do a dry run like for wrangler worker deploywrangler worker deploy so I can inject into the files and upload them to Sentry?

KKris I've confirmed all these things: 1. The artifacts `[[path]].js` and `[[path]].js...

Hello, I’m Allie!•6/16/23, 6:49 PM

[[path]].js

[[path]].js

is re-bundled by

wrangler

wrangler

. I don't think you can --dry-run--dry-run it like with Workers, but you should be able to see the shim here: https://github.com/cloudflare/workers-sdk/blob/main/packages/wrangler/templates/pages-template-worker.ts

GitHub

workers-sdk/packages/wrangler/templates/pages-template-worker.ts at...

Home to Wrangler, the CLI for Cloudflare Workers® - workers-sdk/packages/wrangler/templates/pages-template-worker.ts at main · cloudflare/workers-sdk

Hello, I’m Allie!•6/16/23, 6:50 PM

Some frameworks output a _worker.js_worker.js, which should generate accurate Sourcemaps

Hello, I’m Allie!•6/16/23, 6:56 PM

Ooh, smart

Original message was deleted

KrisOP•6/16/23, 7:38 PM

what is this undocumented amazingness! Looks like exactly what I need. Will confirm once I have something working e2e.

KKris 🫢 what is this undocumented amazingness! Looks like exactly what I need. Will c...

KrisOP•6/16/23, 7:57 PM

It works well! In limited testing, the line mappings are pointing to the top of the calling function, rather than the exact line within the function, but are otherwise accurate. Perhaps something to do with the sourcemap generation in wrangler pages functions build --sourcemapwrangler pages functions build --sourcemap. But this definitely gets me in the ballpark. Thanks!

Dahoom•6/17/23, 11:35 PM

Hello, I'm having an issue when using the POST method in my sveltekit project on a +server.ts file in my routes/api folder. The documentation states that request.text();request.text(); Should be used but when i attempt to use it i get this error Property 'text' does not exist on type 'RequestEvent'.ts(2339)Property 'text' does not exist on type 'RequestEvent'.ts(2339) is there some sveltekit thing I'm unaware of?

kian•6/17/23, 11:37 PM

https://kit.svelte.dev/docs/types#public-types-requestevent seems like it might want RequestEvent.request.text()RequestEvent.request.text()?

kian•6/17/23, 11:37 PM

RequestEvent is Svelte's custom wrapper

Dahoom•6/17/23, 11:38 PM

currently my 'request' is of type RequestEvent

Dahoom•6/17/23, 11:38 PM

request.request.text()request.request.text() looks weird but i guess that works now, thanks :)

kian•6/17/23, 11:40 PM

You can probably destructure it

kian•6/17/23, 11:40 PM

export async function load({ request }) {
  const body = await request.text()
}

export async function load({ request }) {
  const body = await request.text()
}

kian•6/17/23, 11:40 PM

like that

kian•6/17/23, 11:41 PM

loadload receives the RequestEventRequestEvent type with a bunch of other stuff, like paramsparams or platformplatform alongside the original

request

request

Dahoom•6/18/23, 5:27 AM

does requesting a service worker use a function call?

DDahoom does requesting a service worker use a function call?

James•6/18/23, 3:27 PM

What do you mean exactly? Do you mean a service worker like an sw.jssw.js that runs in the browser? If so, that'll almost certainly just be a static JS file that you host on your Pages site - which is free. Static assets are free

James•6/18/23, 3:27 PM

The only thing you're billed for are function invocations. So actual routes that are in your functionsfunctions folder for example.

JJames What do you mean exactly? Do you mean a service worker like an `sw.js` that runs...

Dahoom•6/18/23, 8:19 PM

As in calling another cloudflare worker through a binding or some other method

DDahoom As in calling another cloudflare worker through a binding or some other method

James•6/18/23, 8:20 PM

Ah, then yes, that Function invocation will count as a billable request, as will the other Worker

Dahoom•6/18/23, 8:20 PM

Oh alright thanks

BBertoldBrecht Hello Do I understand correctly that if I read ENV variable as `context.env.VAR...

Hello, I’m Allie!•6/19/23, 8:03 PM

Yes, Functions vars only update when you redeploy

Jjcovert Quick ? - can my Pages project have a function that's run as a cron trigger? I'...

pavi2410•6/20/23, 10:22 AM

I am trying to figure out the same — I want to run my Pages function on a schedule. I don't see anything in the UI. I do not want to create a separate worker because I would prefer to have them in one place.

kian•6/20/23, 10:32 AM

You’d need a Worker

Ooblivious I have a Pages project which accesses a vanilla worker DO project like this: ```...

GregBrimble•6/20/23, 2:32 PM

You can use --persist-to--persist-to to reference a shared directory.

GregBrimble•6/20/23, 2:32 PM

And then I've actually just recently put up a PR which allows you to reference those resources by ID

GregBrimble•6/20/23, 2:33 PM

Which you'll need in order to actually ensure they speak to each other properly.

GregBrimble•6/20/23, 2:33 PM

https://github.com/cloudflare/workers-sdk/pull/3485

GitHub

Allow setting d1 database id in pages dev by GregBrimble · Pull Req...

What this PR solves / how to test:
Allows setting a D1 database ID when using wrangler pages dev by providing an optional =<ID> suffix to the argument like --d1 BINDING_NAME=database-id.
This...

GregBrimble•6/20/23, 2:33 PM

You can try out the prerelease with

npm install --save-dev https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/5322823523/npm-package-wrangler-3485

npm install --save-dev https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/5322823523/npm-package-wrangler-3485

Ooblivious I'm familiar with `--persist-to` but when I looked at it yesterday, it seemed li...

GregBrimble•6/20/23, 4:50 PM

The root should be the same, by default, but yeah, Wrangler proper references the resources by ID whereas Pages references it by the binding name,

GregBrimble•6/20/23, 4:53 PM

So you'd want to run something like:

wrangler dev --persist-to=~/my-shared-project/.wrangler/state

wrangler dev --persist-to=~/my-shared-project/.wrangler/state

where

wrangler.toml

wrangler.toml

looks like:

kv_namespaces = [
  { binding = "MY_WORKER_KV_BINDING", id = "xyz-abc", preview_id = "xyz-abc" }
]

kv_namespaces = [
  { binding = "MY_WORKER_KV_BINDING", id = "xyz-abc", preview_id = "xyz-abc" }
]

and

wrangler pages dev --persist-to=~/my-shared-project/.wrangler/state --kv MY_PAGES_KV_BINDING=xyz-abc

wrangler pages dev --persist-to=~/my-shared-project/.wrangler/state --kv MY_PAGES_KV_BINDING=xyz-abc

When used, this'll create a ~/my-shared-project/.wrangler/state/kv/xyz-abc~/my-shared-project/.wrangler/state/kv/xyz-abc folder which should be shared between the two Wrangler instances,.

Ooblivious insane timing, just about when I need this 🙂

GregBrimble•6/20/23, 4:53 PM

I needed it last weekend myself

Unsmart•6/20/23, 6:15 PM

Yes functions are cloudflare workers. And no you are on one plan or the other.
Free plan is: 100k req/day
Workers paid includes the first 10 million for bundled scripts, and the first 1 million for unbound scripts.

Does anyone understand the Pages Functions framework enough to understand what might be happening he

Similar Threads

Similar Threads

Similar Threads