```ts ... writeFileSync(`dist/${target}.html`, finalHtml); await prince() .license('./princ

GGetPsyched ```ts ... writeFileSync(`dist/${target}.html`, finalHtml); await prince() ...

H

Oh wait, weren't you the person who was trying to use the

prince

prince

prince

prince lib which calls the CLI to generate PDFs from HTML?

G

GetPsychedOP•10/8/23, 2:25 PM

haha yes

G

GetPsychedOP•10/8/23, 2:25 PM

I'm trying to eliminate each roadblock from hosting on Pages one at a time

G

GetPsychedOP•10/8/23, 2:26 PM

AFAIK

prince

prince

prince

prince should work on Pages

G

GetPsychedOP•10/8/23, 2:26 PM

it brings its own binary

Z

zegevlier•10/8/23, 2:30 PM

Just like workers, pages functions don't run on Node, and they don't have access to the operating system. You can't run binaries on pages functions. You could, however, run stuff like that during build

Zzegevlier Just like workers, pages functions don't run on Node, and they don't have access...

Z

zegevlier•10/8/23, 2:30 PM

Well, I suppose if it's compiled to WASM it might work, but if that's not supported adding that yourself will be extremely tricky

Zzegevlier Just like workers, pages functions don't run on Node, and they don't have access...

G

GetPsychedOP•10/8/23, 2:33 PM

Fair enough.

G

GetPsychedOP•10/8/23, 2:33 PM

I can run them on normal Pages though, right?

G

GetPsychedOP•10/8/23, 2:34 PM

referring to binaries specifically

G

GetPsychedOP•10/8/23, 2:34 PM

AFAIK, I can't run stuff on Node on Pages either

GGetPsyched I can run them on normal Pages though, right?

Z

zegevlier•10/8/23, 2:47 PM

Pages is a static file host. Pages functions is workers integrated with pages. Neither of these can run node. Pages also has a build process (you push a change to git -> CF builds the project and uploads the results to pages). This runs in a VM where you can do whatever you need, including running node or other binaries. You can't trigger this build process per request.

G

GetPsychedOP•10/8/23, 3:19 PM

Thanks for the detailed explanation!

G

GetPsychedOP•10/8/23, 3:19 PM

Neither of these can run node

this refers to functions and workers, right?

Z

zegevlier•10/8/23, 3:35 PM

I was referring to the static file hosting part of pages and the pages functions part of pages. But indeed, workers also can't run node or executables

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

G

GetPsychedOP•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

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

Yes.

G

GetPsychedOP•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

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

is there no other local file I/O alternative?

G

GetPsychedOP•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

GetPsychedOP•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?

```ts ... writeFileSync(`dist/${target}.html`, finalHtml); await prince() .license('./princ

Similar Threads

Similar Threads

Similar Threads