I'm using `wrangler pages deploy` to deploy static files and Pages Functions. I would like to deploy

I'm using

wrangler pages deploy

wrangler pages deploy

to deploy static files and Pages Functions. I would like to deploy only the Pages Functions, without deploying the static files. I.e. I'm using

wrangler pages deploy ./build-output ...

wrangler pages deploy ./build-output ...

, which deploys the static files from

./build-output

./build-output

and also deploys

./functions

./functions

by the file-based routing convention.

So, can I use

wrangler pages deploy

wrangler pages deploy

to deploy only the pages functions? If I have an empty directory with only the functions directory, would wrangler pages deploy know to upload the functions but not delete the static files already uploaded?

For context: I'm migrating a Pages project to use other hosting of the static files because of 20K file limit, but would like to keep deploying the Pages Functions

Eemvh I'm using `wrangler pages deploy` to deploy static files and Pages Functions. I ...

Hello, I’m Allie!•9/8/23, 8:13 AM

If you deploy an empty directory, Pages will not serve the old files

Hello, I’m Allie!•9/8/23, 8:13 AM

If that is what you mean

HHello, I’m Allie!If that is what you mean

emvhOP•9/8/23, 8:15 AM

Yes, I guess I had a brain fart. I was concerned about deleting existing files, but since they will be hosted elsewhere, that's no problem. Sorry!

Aakash N S•9/8/23, 7:32 PM

Hi, how can I create a simple pages project with a "Hello world" typescript function route in the "functions" folder? I'm not looking to use any frameworks or build steps.

AAakash N S Hi, how can I create a simple pages project with a "Hello world" typescript func...

Dahoom•9/12/23, 6:20 AM

https://developers.cloudflare.com/pages/platform/functions/get-started/

Get started · Cloudflare Pages docs

This guide will instruct you on creating and deploying a Pages Function.

Dahoom•9/12/23, 6:21 AM

everything you will need will probably be at developers.cloudflare.com

Ricky U•9/12/23, 8:33 AM

How would i get the json request from a worker, is it in the request object ?

Ricky U•9/12/23, 8:34 AM

or do i need to do : const body = await request.json()

Ricky U•9/12/23, 8:34 AM

and lastly using the function logs, i cant seem to see any console.logs to debug.

RRicky U or do i need to do : const body = await request.json()

Dahoom•9/12/23, 9:37 AM

request.json() should be it

Dahoom•9/12/23, 9:39 AM

although i did have an issue at one point and could only get it to return what i needed with

JSON.parse(await event.request.text());

JSON.parse(await event.request.text());

, but yeah it should always be in request

MyZeD•9/14/23, 11:10 AM

If you manipulate your Shadow DOM. How do you do this? HTMLRewriter is not designed to be able to copy template tags or to insert into another tags.

Trevor O•9/16/23, 6:09 AM

Is there a way to get env variables in functions?

TTrevor O Is there a way to get env variables in functions?

Dahoom•9/16/23, 8:55 AM

yeah just do something like

export async function POST(event) {
        const db = event.platform?.env?.DB;`
}

export async function POST(event) {
        const db = event.platform?.env?.DB;`
}

Dahoom•9/16/23, 8:55 AM

its all part of the event parameter you can just access bindings with event.platform.env

DDahoom its all part of the event parameter you can just access bindings with event.plat...

James•9/16/23, 12:30 PM

Where did you get that info from? That’s not how Functions works. You get a

context

context

object with

env

env

attached: https://developers.cloudflare.com/pages/platform/functions/api-reference/#types

James•9/16/23, 12:32 PM

Perhaps you’re thinking of a specific framework?

Dahoom•9/16/23, 12:32 PM

oh yeah my bad, I forgot to mention thats for sveltekit

madridserginho•9/16/23, 10:13 PM

Two questions:

Is there a way to change functions directory?
The functions directory should be located in path of the repository or compiled files?

Mmadridserginho Two questions: - Is there a way to change functions directory? - The functions ...

JustinNoel•9/17/23, 1:52 PM

1) I don't believe so
2) The functions directory should be in the root path of the repository

Sev•9/18/23, 1:22 PM

I'm wondering: do CloudFlare Pages worker functions behave differently with the Cache API than normal Workers? Specifically when purging the cache:

Sev•9/18/23, 1:22 PM

https://community.cloudflare.com/t/purge-everything-doesnt-clear-cloudflare-pages-worker/557634

Cloudflare Community

Purge Everything doesn't clear CloudFlare pages worker

I have a Cloudflare Pages project that uses _worker.js with a domain of pages.sevfurneaux.co.uk. The _worker.js has the following Cache API test code: export default { async fetch(request, env, ctx) { const cacheUrl = new URL(request.url); // Construct the cache key from the cache URL const cacheKey = new Request(cacheUrl.toStri...

titanic_•9/18/23, 3:15 PM

Where can I find error log

titanic_•9/18/23, 3:16 PM

Ttitanic_Click to see attachment

Chaika•9/18/23, 3:18 PM

For functions:

Chaika•9/18/23, 3:18 PM

?pages-logs

Flare•9/18/23, 3:18 PM

If you're looking to tail a Pages Function you can do so in the UI here: https://dash.cloudflare.com?to=/:account/pages/view/:pages-project/:pages-deployment/functions

or with Wrangler:

wrangler pages deployment tail [deploymentId/url]

wrangler pages deployment tail [deploymentId/url]

titanic_•9/18/23, 3:20 PM

Am I missing something? its just showing me the list of deployments

Ttitanic_Am I missing something? its just showing me the list of deployments

Chaika•9/18/23, 3:22 PM

Functions code is versioned just like the rest of your assets, you have to select the one you want to tail (the latest production one in your case)

titanic_•9/18/23, 3:23 PM

Thank you chaika!!

titanic_•9/18/23, 4:34 PM

I can't seem to get functions to do anything on local dev

titanic_•9/18/23, 5:08 PM

No functions. Shimming...

No functions. Shimming...

RyanD•9/19/23, 11:24 AM

I can't find any docs on how to use packages with functions so I'm assuming we can't? Does this limit how useful functions are since we can't just import, say, openai or stripe?

kian•9/19/23, 11:27 AM

Same as any other project -

npm i <package>

npm i <package>

and

import { foo } from "package"

import { foo } from "package"

in your Functions files.

RyanD•9/19/23, 11:28 AM

where would the packages dir live for functions, am I just not understanding how the functions dir works? Do they just live alongside each function?

RRyanD where would the packages dir live for functions, am I just not understanding how...

Hello, I’m Allie!•9/19/23, 11:40 AM

It would live in the root of your project:

/project
  /node_modules
    /package1
    /package2
    /etc
  /functions
    /index.js # import { foo } from "package1"; here
  /static
    /index.html

/project
  /node_modules
    /package1
    /package2
    /etc
  /functions
    /index.js # import { foo } from "package1"; here
  /static
    /index.html

HHello, I’m Allie!It would live in the root of your project: ``` /project /node_modules /pac...

RyanD•9/19/23, 11:41 AM

ok, that means that all modules I used (even for the frontend) are included with the functions?

RRyanD ok, that means that all modules I used (even for the frontend) are included with...

Hello, I’m Allie!•9/19/23, 11:47 AM

They will all be available, yes, but only the ones you explicitly import(and their dependencies) will actually be included in your Functions.

RyanD•9/19/23, 12:11 PM

great thank you. Are there certain modules that will not work that I should be aware of?

RRyanD great thank you. Are there certain modules that will not work that I should be a...

Hello, I’m Allie!•9/19/23, 12:45 PM

Anything that explicitly relies on Node APIs for one

Ttitanic_I can't seem to get functions to do anything on local dev

titanic_•9/19/23, 3:04 PM

Do functions not work locally or am i doing something wrong

Ttitanic_Do functions not work locally or am i doing something wrong

RyanD•9/19/23, 4:14 PM

they work locally

titanic_•9/19/23, 5:11 PM

i was running the command from

c:\users\[user]\

c:\users\[user]\

, just needed to cd to

\github\[repo]\

\github\[repo]\

and run it from there

lerela•9/21/23, 6:32 AM

Hello, I enabled functions and Static Forms Pages Plugin. Now Cloudflare rewrites the Javascript in my static assets (replacing

.innerHTML="<form></form><form></form>"

.innerHTML="<form></form><form></form>"

.innerHTML="<form method="POST"><input type="hidden" name="static-form-name" value="null" /></form><form method="POST"><input type="hidden" name="static-form-name" value="null" /></form>"

.innerHTML="<form method="POST"><input type="hidden" name="static-form-name" value="null" /></form><form method="POST"><input type="hidden" name="static-form-name" value="null" /></form>"

). Obviously this breaks the JS + the computation of the integrity hash, and I don’t see the point of this rewrite as this file is completely unrelated to functions. Is there a config flag I missed?

charelf•9/23/23, 9:13 AM

I have a CF page and Im stuck. In one of my pages functions, I do:

import { jsPDF } from 'jspdf'

import { jsPDF } from 'jspdf'

and I ran

npm install jspdf

npm install jspdf

and my page function works fine locally. My package.json also mentions this dependency. But when I push to my github to deploy, I see in the cloudflare dashboard

ERROR] Build failed with 1 error:

ERROR] Build failed with 1 error:

and

pdfmaker.js:1:22: ERROR: Could not resolve "jspdf"

pdfmaker.js:1:22: ERROR: Could not resolve "jspdf"

did i miss some simple step? how can i get this external dependcy in production?

charelf•9/23/23, 9:13 AM

the logs also mention

  You can mark the path "jspdf" as external to exclude it from the bundle, which will remove this error.

  You can mark the path "jspdf" as external to exclude it from the bundle, which will remove this error.

but im not sure how to do this

charelf•9/23/23, 9:31 AM

I added the

nodejs_compat

nodejs_compat

flag to the pages > functions > compatibility flags, but it doesnt work...

could it be because i gitignore

node_modules

node_modules

charelf•9/23/23, 9:32 AM

is there any tutorial on how to use cloudflare page functions where a function has an external NPM dependency, but without using a framework like react/angular/ ...?

Ccharelf I added the `nodejs_compat` flag to the pages > functions > compatibility flags,...

Hello, I’m Allie!•9/23/23, 9:39 AM

Do you see the build log showing that it runs an install?

charelf•9/23/23, 10:00 AM

i dont see an install. here is the complete build log

3:08:10.954    Cloning repository...
23:08:12.065    From https://github.com/charelF/wg-form-page
23:08:12.065     * branch            bf14b72070afb75b1b8c4a5e13d5caa3b7aea792 -> FETCH_HEAD
23:08:12.066    
23:08:12.110    HEAD is now at bf14b72 nice
23:08:12.111    
23:08:12.219    
23:08:12.252    Success: Finished cloning repository files
23:08:12.979    No build command specified. Skipping build step.
23:08:12.980    Found Functions directory at /functions. Uploading.
23:08:14.565    ✘ [ERROR] 1 error(s) and 0 warning(s) when compiling Worker.
23:08:14.566    
23:08:14.566    
23:08:14.569    
23:08:14.570    ✘ [ERROR] Could not resolve "jspdf"
23:08:14.571    
23:08:14.571        pdfmaker.js:1:22:
23:08:14.571          1 │ import { jsPDF } from 'jspdf'
23:08:14.571            ╵                       ~~~~~~~
23:08:14.571    
23:08:14.571      You can mark the path "jspdf" as external to exclude it from the bundle, which will remove this error.
23:08:14.572    
23:08:14.572    
23:08:14.575    ✘ [ERROR] Build failed with 1 error:
23:08:14.575    
23:08:14.575      pdfmaker.js:1:22: ERROR: Could not resolve "jspdf"
23:08:14.575    
23:08:14.575    
23:08:14.585    Failed building Pages Functions.
23:08:15.476    Failed: an internal error occurred. If this continues, contact support: https://cfl.re/3WgEyrH

3:08:10.954    Cloning repository...
23:08:12.065    From https://github.com/charelF/wg-form-page
23:08:12.065     * branch            bf14b72070afb75b1b8c4a5e13d5caa3b7aea792 -> FETCH_HEAD
23:08:12.066    
23:08:12.110    HEAD is now at bf14b72 nice
23:08:12.111    
23:08:12.219    
23:08:12.252    Success: Finished cloning repository files
23:08:12.979    No build command specified. Skipping build step.
23:08:12.980    Found Functions directory at /functions. Uploading.
23:08:14.565    ✘ [ERROR] 1 error(s) and 0 warning(s) when compiling Worker.
23:08:14.566    
23:08:14.566    
23:08:14.569    
23:08:14.570    ✘ [ERROR] Could not resolve "jspdf"
23:08:14.571    
23:08:14.571        pdfmaker.js:1:22:
23:08:14.571          1 │ import { jsPDF } from 'jspdf'
23:08:14.571            ╵                       ~~~~~~~
23:08:14.571    
23:08:14.571      You can mark the path "jspdf" as external to exclude it from the bundle, which will remove this error.
23:08:14.572    
23:08:14.572    
23:08:14.575    ✘ [ERROR] Build failed with 1 error:
23:08:14.575    
23:08:14.575      pdfmaker.js:1:22: ERROR: Could not resolve "jspdf"
23:08:14.575    
23:08:14.575    
23:08:14.585    Failed building Pages Functions.
23:08:15.476    Failed: an internal error occurred. If this continues, contact support: https://cfl.re/3WgEyrH

3:08:10.954 Cloning repository... 23:08:12.065 From https://github.com/charelF/wg-form-page 23:08:12.065 * branch bf14b72070afb75b1b8c4a5e13d5caa3b7aea792 -> FETCH_HEAD 23:08:12.066 23:08:12.110 HEAD is now at bf14b72 nice 23:08:12.111 23:08:12.219 23:08:12.252 Success: Finished cloning repository files 23:08:12.979 No build command specified. Skipping build step. 23:08:12.980 Found Functions directory at /functions. Uploading. 23:08:14.565 ✘ [ERROR] 1 error(s) and 0 warning(s) when compiling Worker. 23:08:14.566 23:08:14.566 23:08:14.569 23:08:14.570 ✘ [ERROR] Could not resolve "jspdf" 23:08:14.571 23:08:14.571 pdfmaker.js:1:22: 23:08:14.571 1 │ import { jsPDF } from 'jspdf' 23:08:14.571 ╵ ~~~~~~~ 23:08:14.571 23:08:14.571 You can mark the path "jspdf" as external to exclude it from the bundle, which will remove this error. 23:08:14.572 23:08:14.572 23:08:14.575 ✘ [ERROR] Build failed with 1 error: 23:08:14.575 23:08:14.575 pdfmaker.js:1:22: ERROR: Could not resolve "jspdf" 23:08:14.575 23:08:14.575 23:08:14.585 Failed building Pages Functions. 23:08:15.476 Failed: an internal error occurred. If this continues, contact support: https://cfl.re/3WgEyrH

I'm using `wrangler pages deploy` to deploy static files and Pages Functions. I would like to deploy

Similar Threads

Similar Threads

Similar Threads