Cloudflare Developers•3y ago

Say I have a project with a directory structure like this, how can I: - Share a module between them?

Say I have a project with a directory structure like this, how can I:

Share a module between them? Should I place it inside
```
functions/
```
functions/
```
functions/
```
functions/
, and if so, will it become a route?
Import something from outside
```
functions/
```
functions/
```
functions/
```
functions/
? Say I have
```
web/src/utils.ts
```
web/src/utils.ts
```
web/src/utils.ts
```
web/src/utils.ts
, can I import that from a function?

CCretezy Say I have a project with a directory structure like this, how can I: - Share a ...

Hello, I’m Allie!•7/31/23, 9:00 PM

Either way is fine. As long as you import it correctly, and wrangler can find it, it will build

i40west•7/31/23, 10:41 PM

Is Workers Image Resizing supposed to work in Pages Functions? Like this example code? It seems to just ignore the

fetch

fetch

options and I'm at my wit's end... https://developers.cloudflare.com/images/image-resizing/resize-with-workers/#an-example-worker

Resize with Cloudflare Workers · Cloudflare Image Optimization docs

Using Image Resizing with Workers gives you powerful programmatic control over every image request.

kian•7/31/23, 10:43 PM

I don't believe it works

kian•7/31/23, 10:43 PM

Functions aren't 'recognised' as running on your zone that has Image Resizing.

i40west•7/31/23, 10:44 PM

hell's bells. Well, that's one way to waste an afternoon

i40west•7/31/23, 10:45 PM

It works fine with /cdn-cgi/image URLs but ultimately I need the watermark/overlay feature which only works with the Workers method

James•7/31/23, 10:48 PM

Yeah you'll probably want to expose a Worker on a zone with Image Resizing or something

i40west•7/31/23, 10:49 PM

Yep. Silly me, thinking a custom domain on a Pages project would do the same thing

HHello, I’m Allie!Either way is fine. As long as you import it correctly, and wrangler can find it...

CretezyOP•7/31/23, 11:26 PM

And this works with the Pages CI too, using the filesystem routing?

CCretezy And this works with the Pages CI too, using the filesystem routing?

Hello, I’m Allie!•7/31/23, 11:32 PM

Yup, as long as you configure Pages to clone the right directory(so that the external import isn’t cut out), then it should build like normal

CretezyOP•7/31/23, 11:33 PM

What do you mean by the right directory? The root directory?

CretezyOP•7/31/23, 11:34 PM

And if I have a file at functions/utils.tsfunctions/utils.ts, will that automatically become a route too, or does it need a

onRequest

onRequest

or onRequestGet/Post/etconRequestGet/Post/etc to become a route (which becomes listed in

_routes.json

_routes.json

which is automatically generated)

CCretezy What do you mean by the right directory? The root directory?

Hello, I’m Allie!•7/31/23, 11:34 PM

Yes, as long as your root directory contains all of the code you import.

CCretezy And if I have a file at `functions/utils.ts`, will that automatically become a r...

Hello, I’m Allie!•7/31/23, 11:34 PM

It will not. Routes are only generated when an onRequest*onRequest* export is present

CretezyOP•7/31/23, 11:35 PM

Perfect, thank you very much!

Sz•8/1/23, 6:53 AM

Hey all, been having some trouble trying to get up R2 + worker + image resize. The images are in the R2 bucket and are accessible through an existing worker (worker1). Another worker has been created with a route configured to /images/*.

Took the code from this https://developers.cloudflare.com/images/image-resizing/resize-with-workers/#an-example-worker and deployed the worker. When I try to access the worker (ie: example.com/images?image=https://worker1.com/cat.png), I'm hit with this

Resize with Cloudflare Workers · Cloudflare Image Optimization docs

Using Image Resizing with Workers gives you powerful programmatic control over every image request.

Sz•8/1/23, 6:54 AM

Any suggestions on what I'm probably doing wrong here?

bllchmbrs•8/1/23, 5:44 PM

Hey functions team, I'm trying to deploy a simple hello world function. I am using nuxt.js and juxt content. I run it locally, no problem: npx wrangler pages dev -- npm run devnpx wrangler pages dev -- npm run dev
http://127.0.0.1:8788/helloworld = "Hello World"http://127.0.0.1:8788/helloworld = "Hello World"

However, when I perform my deploy and then navigate to the page on the service, (it deploys and builds fine) but I just get a 404 .
it's the 404 provided by the framework (nuxt.jsnuxt.js) and i don't know how to override this / configure it to point to the pages function.

Bbllchmbrs Hey functions team, I'm trying to deploy a simple hello world function. I am usi...

bllchmbrs•8/2/23, 3:48 AM

I think I found a bug: https://github.com/cloudflare/workers-sdk/issues/3401
reported there.

GitHub

Workers not being deployed for Nuxt 3 projects · Issue #3401 · clou...

I would really like some clarity regarding the following: (Edit: Forgot to add that I intended to ask @luc122c about this - thanks for any input!) I am a bit confused by this issue: Is the intended...

CretezyOP•8/2/23, 4:11 AM

How does Cloudflare Pages Functions behave when importing files in the rest of the project (under the root directory, but not functionsfunctions) which import npm packages? (e.g. functions/index.tsfunctions/index.ts -> src/schema.tssrc/schema.ts -> zodzod)

CCretezy How does Cloudflare Pages Functions behave when importing files in the rest of t...

Hello, I’m Allie!•8/2/23, 4:23 AM

Should work fine

Original message was deleted

bllchmbrs•8/2/23, 12:31 PM

Thanks for this guidance, but how do I move my functions to nuxt's server endpoint? Is this inside of the /server/serverdirectory? I've spent hours pouring over docs and I can't figure out how to do it. I'd be happy to write / contribute a documentation snippet or just include it in that github for others, I just don't know what to do.

bllchmbrs•8/2/23, 1:50 PM

I don't understand enough about the expectations of cloudflare functions to do any of that work confidently. It's not covered in the CF pages documentation and kind of goes against what's in the getting started guide. It feels like a hack but I just don't know enough about the systems to spend time on it. I think functions probably aren't for me.

bllchmbrs•8/2/23, 4:29 PM

will give this a try!

bllchmbrs•8/2/23, 4:29 PM

Thanks

EvanPiro•8/3/23, 7:29 PM

Is there are an equivalent to google-auth-librarygoogle-auth-library that will work in a function?

Original message was deleted

Asatsuki•8/3/23, 11:15 PM

so i tried not using a functions folder completely, and just having /server/api/hello.ts that just returns 'hello'. in nuxt.config.ts i set

nitro: {
     preset: 'cloudflare-pages'
},

nitro: {
     preset: 'cloudflare-pages'
},

but it still doesn't work. do you happen to know if i am missing something?

Asatsuki•8/4/23, 12:34 AM

ah it's because i'm using nuxt generate, which is for SSG sites, and that means i can't use the /server stuff at all

Shivam•8/5/23, 7:32 AM

I am using middleware in /functions/functions to secure some pages. But when the url has double slashes ////, wrangler doesn't run the middleware for the url.

I have replicated the issue in a minimal repo here – https://github.com/Shivam010/cloudflare-double-slashes-issue

I have also asked help on wrangler-sdk repo https://github.com/cloudflare/workers-sdk/issues/3677 but it feels like they are overburdened with other issues.

Am I missing something here? or is this an actual issue?

GitHub

GitHub - Shivam010/cloudflare-double-slashes-issue

Contribute to Shivam010/cloudflare-double-slashes-issue development by creating an account on GitHub.

GitHub

🐛 BUG: In some cases, urls with double slashes don't invoke Pages F...

Which Cloudflare product(s) does this pertain to? Pages What version(s) of the tool(s) are you using? latest What version of Node are you using? 20.1.0 What operating system are you using? Mac Desc...

Shivam•8/5/23, 7:35 AM

More description on the issue
It's replicated in https://github.com/Shivam010/cloudflare-double-slashes-issue

There's a middleware in /functions/secure/functions/secure directory to be applied on all routes of /secure/secure.

And the /out/secure/out/secure directory contains a file one.htmlone.html which should be served at /secure/one/secure/one (but first the middleware needs to be invoked)

The issue is...

The middleware is properly invoked on /secure/one/secure/one route but not on the //secure/one//secure/one, whenever someone uses a double slash before the middleware directory, wrangler doesn't run the middleware and instead directly serve the pages.

Links
Github Repo: https://github.com/Shivam010/cloudflare-double-slashes-issue
Hosted on: https://double-slashes-issue.pages.dev
/secure/one/secure/one route – https://double-slashes-issue.pages.dev/secure/one
//secure/one//secure/one route – https://double-slashes-issue.pages.dev//secure/one
/secure/one?allow/secure/one?allow route – https://double-slashes-issue.pages.dev/secure/one?allow (that's actually allowed by middleware)

GitHub

GitHub - Shivam010/cloudflare-double-slashes-issue

Contribute to Shivam010/cloudflare-double-slashes-issue development by creating an account on GitHub.

Soham•8/12/23, 12:45 PM

Anyway I can make a blog using pages functions and workers for my pages website?

MMy Account I have created a nice web app for exploring purposes I dont know backend stuff ...

Dahoom•8/13/23, 11:50 AM

Look in the dashboard, in your pages project in the settings tab there is an environment variable option that you can set and encrypt for both preview and production branches

CretezyOP•8/13/23, 9:37 PM

Currently trying to test Functions locally using npx wrangler pages dev .npx wrangler pages dev . (.. contains a directory with functionsfunctions) and getting the following error:

CCretezy Currently trying to test Functions locally using `npx wrangler pages dev .` (`.`...

James•8/13/23, 9:40 PM

Try downgrading to wrangler 3.4.0. 3.5.0 has an issue that's hiding some useful error logs from workerd.

Say I have a project with a directory structure like this, how can I: - Share a module between them?

Similar Threads

Similar Threads

Similar Threads