it suggested basically a seamless change, but after hours of refactoring i still wasn't able to get

H

Maybe try Next then? I know there has been some collab between the CRA team and Vercel, so it should be a bit easier to get working

N

NoelOP•8/18/23, 1:36 PM

after your first message i already started looking through the docs

HHello, I’m Allie!IIRC, JSON when imported is bundled as a JS object, so you shouldn’t need to mak...

C

Cretezy•8/18/23, 2:42 PM

Doesn't seem like it's possible to

import

import

JSON, am I missing something?

✘ [ERROR] Could not resolve "../builder/output.json"

src/api.ts:2:28:
2 │ import someJson from "../builder/output.json";

✘ [ERROR] Could not resolve "../builder/output.json"

src/api.ts:2:28:
2 │ import someJson from "../builder/output.json";

✘ [ERROR] Could not resolve "../builder/output.json"

src/api.ts:2:28:
2 │ import someJson from "../builder/output.json";

✘ [ERROR] Could not resolve "../builder/output.json"

src/api.ts:2:28:
2 │ import someJson from "../builder/output.json";

Have this file at

functions/src/api.ts

functions/src/api.ts

functions/src/api.ts

functions/src/api.ts with the JSON under

functions/builder/output.json

functions/builder/output.json

functions/builder/output.json

functions/builder/output.json

C

Cretezy•8/18/23, 2:42 PM

Also have

resolveJsonModule

resolveJsonModule

resolveJsonModule

resolveJsonModule set for TypeScript

U

Unsmart•8/18/23, 3:33 PM

not yet

CCretezy Doesn't seem like it's possible to `import` JSON, am I missing something? ``` ✘...

N

NoelOP•8/18/23, 5:26 PM

but if the file gets generated during build then it doesn't exists when evaluating dependencies, does it?

N

NoelOP•8/18/23, 5:29 PM

so i guess you need some multi stage build where first the file is generated then it's used

C

Cretezy•8/18/23, 5:32 PM

It gets generated in the build command of the Pages, so it's present before it worker is compiled

Aanthony I am using D1 with Pages functions. Was working fine. My D1 database had a bindi...

D

Darg•8/18/23, 7:40 PM

I am having this issue as well on a new project. Name variable name (

DB

DB

) turned into

__D1_BETA__DB

__D1_BETA__DB

. However in most cases I can't utilize either binding. Can anyone advise a path forward?

DDarg I am having this issue as well on a new project. Name variable name (`DB`) turne...

A

anthony•8/18/23, 8:07 PM

So weird. Are you seeing this behavior only in the deployed app as well?

Aanthony So weird. Are you seeing this behavior only in the deployed app as well?

D

Darg•8/18/23, 8:09 PM

Yeah. It is a Pages app, and I just found that the D1 binding works if I deploy via

wrangler pages deploy

wrangler pages deploy

instead of uploading via the dashboard. It's only an issue with D1 bindings as far as I know. I believe the KV binding works as expected in both cases

DDarg Yeah. It is a Pages app, and I just found that the D1 binding works if I deploy ...

H

Hello, I’m Allie!•8/18/23, 8:12 PM

Functions don’t work at all if you use dashboard direct uploads

HHello, I’m Allie!Functions don’t work at all if you use dashboard direct uploads

D

Darg•8/18/23, 8:13 PM

How were they working for me?

DDarg How were they working for me?

H

Hello, I’m Allie!•8/18/23, 8:14 PM

unless they added that recently, they shouldn’t be working

H

Hello, I’m Allie!•8/18/23, 8:15 PM

Were you doing it via Git?

D

Darg•8/18/23, 8:15 PM

No

H

Hello, I’m Allie!•8/18/23, 8:15 PM

Direct Uploads don’t run through a build, so something else must be happening…

D

Darg•8/18/23, 8:15 PM

The app is already built before I upload

DDarg The app is already built before I upload

H

Hello, I’m Allie!•8/18/23, 8:16 PM

Maybe that’s why D1 didn’t work, since it has to be run through Wrangler to work

H

Hello, I’m Allie!•8/18/23, 8:18 PM

Though there may be an update that removes the need for a shim

H

Hello, I’m Allie!•8/18/23, 8:18 PM

We do still recommend using Wrangler when using Functions though

D

Darg•8/18/23, 8:18 PM

I'm only talking about the deployed app here, not local development

H

Hello, I’m Allie!•8/18/23, 8:18 PM

D1 or not

DDarg I'm only talking about the deployed app here, not local development

H

Hello, I’m Allie!•8/18/23, 8:18 PM

No, I mean using wrangler pages deploy

D

Darg•8/18/23, 8:22 PM

Ok well when I upload via the web UI — which doesn't mention this limitation — I would get a KV binding and a binding to

__D1_BETA__DB

__D1_BETA__DB

which would sometimes be a D1 binding and sometimes an empty object

DDarg Ok well when I upload via the web UI — which doesn't mention this limitation — I...

H

Hello, I’m Allie!•8/18/23, 8:24 PM

IIRC, D1 Bindings, under the hood, are just a fetcher instance. When building with Wrangler, it will insert a shim that takes all the calls to env.D1, formats it a certain way, then passes it in to the Beta DB binding you found

H

Hello, I’m Allie!•8/18/23, 8:24 PM

So since you didn’t run wrangler to deploy it, it never inserts the shim, and thus D1 queries don’t work

HHello, I’m Allie!IIRC, D1 Bindings, under the hood, are just a fetcher instance. When building wi...

A

anthony•8/18/23, 8:27 PM

That's interesting, thanks. Will dig a bit deeper when i get the time into if I can reproduce both broken/correct state with something on my side

K

kian•8/19/23, 3:56 AM

You can't

JSON.stringify

JSON.stringify

a FormData object

K

kian•8/19/23, 3:57 AM

If you just want a quick idea of what's in it, try this instead:

const formData = await request.formData();
console.log(Object.fromEntries(formData))

const formData = await request.formData();
console.log(Object.fromEntries(formData))

const formData = await request.formData();
console.log(Object.fromEntries(formData))

const formData = await request.formData();
console.log(Object.fromEntries(formData))

B

borat8333•8/19/23, 4:56 AM

Hi. I have a Nuxt project with Git integration to deploy at Cloudflare Pages. I have no functions at all (no

/functions

/functions

) but I am getting the error:

Error: Failed to publish your Function. Got error: Uncaught TypeError: Cannot convert object to primitive value

Error: Failed to publish your Function. Got error: Uncaught TypeError: Cannot convert object to primitive value

I have no functions at all. Any help would be appreciated.

Bborat8333 Hi. I have a Nuxt project with Git integration to deploy at Cloudflare Pages. I ...

D

Dahoom•8/20/23, 2:16 AM

You might be trying to use SSR, SSR depends on functions to load the page

D

Dahoom•8/20/23, 2:16 AM

Without functions you would probably have to make it a static site for it to work

J

Johtozo•8/20/23, 10:19 PM

Question specifically on Pages. I have a case where I have a template page and a Function, specifically HTMLrewriter. Whenever that template page is visited, the Function runs to - say, replace the inner content of

<p>

<p>

for now. The end goal is to mimic a "site generator" (you can sorta think about it in terms of includes, I suppose - I'm aware there's stuff like Jekyll but this is more of a learning than using the "correct" resources) but I'll just go with replacing elements for now.

For whatever reason, it just hasn't been working for me, and I think it's because I can't really wrap my head around either requests or routing. So, two questions:

(1) Is the function at

/functions/index.js

/functions/index.js

, for example, automatically invoked when I visit

index.html

index.html

at the root? Or do I actually have to call it, somehow?

(2) I'm not really sure I'm understanding requests - I would assume visiting the page is a form of a request, which would call the worker? But it's just not working for me, unless the problem lies with the rest of the code.

I've scoured the documentation and I guess I just need someone to explain it with a bit more words

I

IEatBeans•8/21/23, 3:05 AM

This may be more relevant to workers in general, but is there any way to set the timezone on a production function, or change it on wrangler? I built lots of time related logic, and then realized it all breaks in prod because the workers run on UTC and my local machine runs on my time zone

I

IEatBeans•8/21/23, 4:14 AM

This timezone and general time stuff is driving me crazy

PPA I'm referring to a database to store a constantly updating list of strings. Such...

I

i40west•8/21/23, 6:50 AM

You can use KV on the free plan. Also D1 though that's still just in alpha

Original message was deleted

J

Johtozo•8/21/23, 6:52 AM

Nope - I'm running it on a local host. Either that's the issue or I'm just doing something terribly wrong

thank you so much!

Original message was deleted

J

Johtozo•8/21/23, 7:32 AM

None at all, hmm.

Here's my worker at

/functions/index.js/

/functions/index.js/

I've refactored the HTMLrewriter example to be a pages function

`export async function onRequestGet(context, env) {
      const OLD_URL = "developer.mozilla.org";
      const NEW_URL = "mynewdomain.com";
  
      class AttributeRewriter {
        constructor(attributeName) {
          this.attributeName = attributeName;
        }
        element(element) {
          const attribute = element.getAttribute(this.attributeName);
          if (attribute) {
            element.setAttribute(
              this.attributeName,
              attribute.replace(OLD_URL, NEW_URL)
            );
          }
        } 
      }
  
      const rewriter = new HTMLRewriter()
        .on("a", new AttributeRewriter("href"))
        .on("img", new AttributeRewriter("src"));
  
      const res = await fetch(context, env);
      const contentType = res.headers.get("Content-Type");
  
      // If the response is HTML, it can be transformed with
      // HTMLRewriter -- otherwise, it should pass through
      if (contentType.startsWith("text/html")) {
        return rewriter.transform(res);
      } else {
        return res;
      }
    }```

and of course my

`export async function onRequestGet(context, env) {
      const OLD_URL = "developer.mozilla.org";
      const NEW_URL = "mynewdomain.com";
  
      class AttributeRewriter {
        constructor(attributeName) {
          this.attributeName = attributeName;
        }
        element(element) {
          const attribute = element.getAttribute(this.attributeName);
          if (attribute) {
            element.setAttribute(
              this.attributeName,
              attribute.replace(OLD_URL, NEW_URL)
            );
          }
        } 
      }
  
      const rewriter = new HTMLRewriter()
        .on("a", new AttributeRewriter("href"))
        .on("img", new AttributeRewriter("src"));
  
      const res = await fetch(context, env);
      const contentType = res.headers.get("Content-Type");
  
      // If the response is HTML, it can be transformed with
      // HTMLRewriter -- otherwise, it should pass through
      if (contentType.startsWith("text/html")) {
        return rewriter.transform(res);
      } else {
        return res;
      }
    }```

and of course my

`export async function onRequestGet(context, env) {
      const OLD_URL = "developer.mozilla.org";
      const NEW_URL = "mynewdomain.com";
  
      class AttributeRewriter {
        constructor(attributeName) {
          this.attributeName = attributeName;
        }
        element(element) {
          const attribute = element.getAttribute(this.attributeName);
          if (attribute) {
            element.setAttribute(
              this.attributeName,
              attribute.replace(OLD_URL, NEW_URL)
            );
          }
        } 
      }
  
      const rewriter = new HTMLRewriter()
        .on("a", new AttributeRewriter("href"))
        .on("img", new AttributeRewriter("src"));
  
      const res = await fetch(context, env);
      const contentType = res.headers.get("Content-Type");
  
      // If the response is HTML, it can be transformed with
      // HTMLRewriter -- otherwise, it should pass through
      if (contentType.startsWith("text/html")) {
        return rewriter.transform(res);
      } else {
        return res;
      }
    }```

and of course my

`export async function onRequestGet(context, env) {
      const OLD_URL = "developer.mozilla.org";
      const NEW_URL = "mynewdomain.com";
  
      class AttributeRewriter {
        constructor(attributeName) {
          this.attributeName = attributeName;
        }
        element(element) {
          const attribute = element.getAttribute(this.attributeName);
          if (attribute) {
            element.setAttribute(
              this.attributeName,
              attribute.replace(OLD_URL, NEW_URL)
            );
          }
        } 
      }
  
      const rewriter = new HTMLRewriter()
        .on("a", new AttributeRewriter("href"))
        .on("img", new AttributeRewriter("src"));
  
      const res = await fetch(context, env);
      const contentType = res.headers.get("Content-Type");
  
      // If the response is HTML, it can be transformed with
      // HTMLRewriter -- otherwise, it should pass through
      if (contentType.startsWith("text/html")) {
        return rewriter.transform(res);
      } else {
        return res;
      }
    }```

and of course my

index.html` at the root:

<!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
  </head>
  <body>
    <a href="developer.mozilla.org">link</a>
  </body>
</html>

<!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
  </head>
  <body>
    <a href="developer.mozilla.org">link</a>
  </body>
</html>

<!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
  </head>
  <body>
    <a href="developer.mozilla.org">link</a>
  </body>
</html>

<!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
  </head>
  <body>
    <a href="developer.mozilla.org">link</a>
  </body>
</html>

CCretezy Doesn't seem like it's possible to `import` JSON, am I missing something? ``` ✘...

C

Cretezy•8/21/23, 5:59 PM

Any update on this?

import

import

ing JSON doesn't seem to work

C

Cretezy•8/21/23, 6:29 PM

Just got this error 3 times in a row:

14:28:36.759    ✨ Upload complete!
14:28:40.138    Could not generate the asset manifest. Please try again. If this continues to fail, please consider posting in our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID.
14:28:41.289    Failed: an internal error occurred
14:28:41.289    Error: Failed to publish assets. For support, join our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID: 4c6a572e-849d-4616-a765-622978e75584

14:28:36.759    ✨ Upload complete!
14:28:40.138    Could not generate the asset manifest. Please try again. If this continues to fail, please consider posting in our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID.
14:28:41.289    Failed: an internal error occurred
14:28:41.289    Error: Failed to publish assets. For support, join our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID: 4c6a572e-849d-4616-a765-622978e75584

14:28:36.759    ✨ Upload complete!
14:28:40.138    Could not generate the asset manifest. Please try again. If this continues to fail, please consider posting in our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID.
14:28:41.289    Failed: an internal error occurred
14:28:41.289    Error: Failed to publish assets. For support, join our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID: 4c6a572e-849d-4616-a765-622978e75584

14:28:36.759    ✨ Upload complete!
14:28:40.138    Could not generate the asset manifest. Please try again. If this continues to fail, please consider posting in our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID.
14:28:41.289    Failed: an internal error occurred
14:28:41.289    Error: Failed to publish assets. For support, join our Discord (https://discord.gg/cloudflaredev) or create a ticket and reference the deployment ID: 4c6a572e-849d-4616-a765-622978e75584

it suggested basically a seamless change, but after hours of refactoring i still wasn't able to get

Similar Threads

Similar Threads

Similar Threads