I was referring to the static file hosting part of pages and the pages functions part of pages. But

Zzegevlier I was referring to the static file hosting part of pages and the pages functions...

G

GetPsyched•10/8/23, 4:05 PM

So, I can only run node and binaries during the build process and not at runtime? (of Pages, not Functions)

Z

zegevlierOP•10/8/23, 4:15 PM

Yes.

G

GetPsyched•10/8/23, 4:20 PM

Unfortunate.

HHello, I’m Allie!Yeah, then short of trying to rewrite all of the fs calls to R2/KV/whatever, the...

G

GetPsyched•10/8/23, 6:05 PM

is there no other local file I/O alternative?

G

GetPsyched•10/8/23, 6:05 PM

I'm guessing no

GGetPsyched is there no other _local_ file I/O alternative?

H

Hello, I’m Allie!•10/8/23, 6:39 PM

Nothing other than storing everything as a string/blob

G

GetPsyched•10/8/23, 6:40 PM

Gotcha.

P

Paolo•10/9/23, 5:33 AM

What does pages actually run on?

U

Unsmart•10/9/23, 5:39 AM

The runtime? WorkerD, cloudflares custom v8 based: https://github.com/cloudflare/workerd

GitHub

GitHub - cloudflare/workerd: The JavaScript / Wasm runtime that pow...

The JavaScript / Wasm runtime that powers Cloudflare Workers - GitHub - cloudflare/workerd: The JavaScript / Wasm runtime that powers Cloudflare Workers

R

rising_phoenix•10/9/23, 10:56 AM

I have a hugo site in cloudflare pages. Is it possible to use this library https://github.com/subhendukundu/worker-auth-providers in Cloudflare pages functions?

GitHub

GitHub - subhendukundu/worker-auth-providers: worker-auth-providers...

worker-auth-providers is an open-source providers to make authentication easy with workers. Very lightweight script which doesn't need a lot of dependencies. Plug it with any framework or t...

D

divby0•10/9/23, 1:41 PM

I have configured a build that yields a

functions/[[path]].js

functions/[[path]].js

functions/[[path]].js

functions/[[path]].js and a

functions/[[path]].js.map

functions/[[path]].js.map

functions/[[path]].js.map

functions/[[path]].js.map file. Do I expect stack traces to automatically use the sourcemap? Cause the logs are unreadable for me when I connect to a live function and an error happens.

KKris Does anyone understand the Pages Functions framework enough to understand what m...

D

divby0•10/9/23, 1:42 PM

I've seen this and an guess is that only a service like Sentry then uses the map to re-map the stack trace and present the usable stack trace to me? Currently for my small project I am just hitting a webhook that sends the stacktrace as a telegram to me

K

kian•10/9/23, 1:43 PM

Sourcemaps for individual routes aren't useful (iirc) - all of your Functions are bundled later into a single file.

D

divby0•10/9/23, 1:45 PM

I am not following - I have one single [[path]].js function and map. The build artefacts are already just one file (but with mappings to other files that exist during development). Disclaimer, I am inexperienced with buidl maps and infra setup

D

divby0•10/9/23, 1:49 PM

This is how my functions dir looks like (and it should look like that in Cloudflare's CI step as well, so cloudflare should have everything they need to provide the usable stack trace)

9

9oelm•10/9/23, 2:58 PM

hi guys. is

tail.developers.workers.dev

tail.developers.workers.dev

tail.developers.workers.dev

tail.developers.workers.dev working right now?

9

9oelm•10/9/23, 2:59 PM

i keep getting an error connecting to it

9

9oelm•10/9/23, 3:01 PM

actually it's just my DNS server that is not aware of the domain

i resolved it by switching to Cloudflare DNS server 1.1.1.1

K

kingmesal•10/9/23, 4:12 PM

I'm stuck on function bindings... I have worker A with a service binding to worker B.

WORKER_A does the following:

    const request = new Request("/", payload);
    const response = await env.WORKER_B.fetch(request);

    const request = new Request("/", payload);
    const response = await env.WORKER_B.fetch(request);

    const request = new Request("/", payload);
    const response = await env.WORKER_B.fetch(request);

    const request = new Request("/", payload);
    const response = await env.WORKER_B.fetch(request);

I get an error:

TypeError: Fetch API cannot load: /

TypeError: Fetch API cannot load: /

TypeError: Fetch API cannot load: /

TypeError: Fetch API cannot load: /

All the examples I see show just passing the request that worker A received, but I need to hit a different endpoint on WORKER_B.

K

kian•10/9/23, 4:18 PM

The URL needs to be absolute.

K

kian•10/9/23, 4:18 PM

(i.e have a hostname)

K

kingmesal•10/9/23, 4:20 PM

really? OMG! I though the whole point of that Fetcher was that it was BOUND to the service!

K

kian•10/9/23, 4:21 PM

The hostname doesn't really do anything, it doesn't send it to anywhere but the bound Worker.

K

kian•10/9/23, 4:21 PM

It's the same as Durable Objects - the URL needs to be absolute.

K

kingmesal•10/9/23, 4:49 PM

Okay, well, that did "resolve" my issue... one more question on the topic though ... when I call that worker both the workers log a canceled event, but there was a 200 response:

 "outcome": "canceled",
    "response": {
      "status": 200
    }

 "outcome": "canceled",
    "response": {
      "status": 200
    }

 "outcome": "canceled",
    "response": {
      "status": 200
    }

 "outcome": "canceled",
    "response": {
      "status": 200
    }

K

kingmesal•10/9/23, 4:51 PM

I have an

await

await

on my call to the worker binding

J

Jonas Dautel•10/10/23, 11:24 AM

i am trying to get my function to accept a http POST with formdata and then send that to a webhook to discord. Somehow i am only getting an empty object but also no errors in the logs in the dashboard :

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

J

Jonas Dautel•10/10/23, 11:24 AM

any pointers why i would not see any of the later console.logs or why this is not getting the formdata

P

Paolo•10/10/23, 4:06 PM

is wrangler's watch_dirs supported for pages local development? I'm doing some libs development and i could do with autoupdate

R

riskiidrus•10/13/23, 6:50 AM

Can anyone help me?

My worker receives error 1101 when trying to send a POST request to the following endpoint:

https://oauth2.googleapis.com/token

Even though as long as it's on localhost, it's fine. I don't accept any errors.

This is what the code looks like:

var body = new FormData();
body.set('client_id', 'xxxxx');
body.set('client_secret', 'xxxxx');
body.set('code', 'xxxxx');
body.set('grant_type', 'authorization_code');
body.set('redirect_uri', 'xxxxx');

var f = await (await fetch('https://oauth2.googleapis.com/token', {"method": "POST", body})).json();

if(empty(f.error)){

/.../

} else {

/.../

}

Rriskiidrus Can anyone help me? My worker receives error 1101 when trying to send a POST re...

H

Hello, I’m Allie!•10/13/23, 6:52 AM

If you tail your Functions, what error does it display?

H

Hello, I’m Allie!•10/13/23, 6:54 AM

Via

wrangler pages deployment tail

wrangler pages deployment tail

wrangler pages deployment tail

wrangler pages deployment tail

Commands - Wrangler · Cloudflare Workers docs

Wrangler offers a number of commands to manage your Cloudflare Workers.

R

riskiidrus•10/13/23, 7:03 AM

Thank you for the help. I already know the cause. I forgot or didn't realize that I always have to clone a Response before I can modify it. Even though this is what I always did before.

A

agathorpt•10/13/23, 12:39 PM

I need help, I'm building a CF Pages plugin, Compiled Workers says it's good, but the dist folder does not include any of the static files I told him to

A

agathorpt•10/13/23, 12:39 PM

is this normal?

A

agathorpt•10/13/23, 1:18 PM

You're attempting to import static assets as part of your Pages Functions, but have not specified a directory in which to put them. You must use 'wrangler pages dev <directory>' rather than 'wrangler pages dev -- <command>' to import static assets in Functions.

A

agathorpt•10/13/23, 1:18 PM

as part of importing a plugin that uses static assets

A

agathorpt•10/13/23, 5:01 PM

is there any way I can get support from a cloudflare plugins/wrangler expert? the issue I'm having is very weird atm

E

Erisa•10/14/23, 12:44 PM

Please dont post the same problem in multiple channels

A

agathorpt•10/14/23, 12:47 PM

I'm sorry

G

GH•10/15/23, 8:08 AM

In Cloudflare Workers, I use code like this

if (request.headers.get("Origin") !== "(Website)") { } return new Response('Unauthorized', { status: 403 }); }

I set it to reject all requests except those from my website.

However, using the above method, since the server code is executed even when rejecting requests from other websites, it counts towards the 100,000/day limit on the free plan. This means that a malicious user may intentionally send requests to exceed this limit. How can I prevent this?

K

kian•10/15/23, 8:25 AM

Use the WAF to do it instead

K

kian•10/15/23, 8:25 AM

https://developers.cloudflare.com/ruleset-engine/rules-language/fields/#http-request-header-fields

Fields reference · Cloudflare Ruleset Engine docs

The Cloudflare Rules language supports a range of field types:

G

GH•10/15/23, 8:43 AM

Thank you!

P

poi•10/15/23, 6:37 PM

hello, everyone. have a nice day!
I'm wondering that can i use both

_headers

_headers

_headers

_headers

_redirects

_redirects

_redirects

_redirects files feature and

workers.js

workers.js

workers.js

workers.js?
My use case is that I need to server-side rendering my application and want to managing redirects in

_redirects

_redirects

_redirects

_redirects file in same time.

Ppoi hello, everyone. have a nice day! I'm wondering that can i use both `_headers` `...

P

poi•10/15/23, 6:51 PM

oh, never mind, I managed to do it by putting a _routes.json file in output directory blobhaj

은

은성•10/16/23, 6:01 AM

I could use some help, I have no idea hoe to request these pages functions

은

은성•10/16/23, 6:01 AM

은

은성•10/16/23, 6:02 AM

I just pushed a helloworld, in the functions folder, went to /helloworld, and it's 404

은

은성•10/16/23, 6:22 AM

I also find the language around _routes.json confusing:
docs say:
Create a _routes.json file to control when your Function is invoked. It should be placed in the output directory of your project.
which I assume refers this config:
Build command:
npm run build
Build output directory:
/dist
Root directory:
/
Build comments on pull requests:
Enabled

but function page says:
Invocation routes

Invocation routes determine when your Functions script is executed. This file is generated based on the files present in the /functions directory.

which neither placing in functions, dist, or root seemed to change the Invocation routes

I was referring to the static file hosting part of pages and the pages functions part of pages. But

Similar Threads

Similar Threads

Similar Threads