Thanks for the tip! wrangler tail tells me I'm missing AUTH_SECRET. However, I put it in the environ

F

faye•4/13/24, 12:37 PM

Heyo!

It seems that using 14.2.1 (so far I know), I am suddenly getting a weird error.

Error: The 'cache' field on 'RequestInitializerDict' is not implemented.

Error: The 'cache' field on 'RequestInitializerDict' is not implemented.

Error: The 'cache' field on 'RequestInitializerDict' is not implemented.

Error: The 'cache' field on 'RequestInitializerDict' is not implemented., when googling this, I found some supabase stuff, which I don't use.

However, my code contains a fetch on the page, which is for example:

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

The issue here, is the

cache

cache

part, if I remove it, it works fine. What's wrong with the no-cache? Is there a reason why it suddenly does not work anymore?

F

faye•4/13/24, 12:40 PM

Using the

appwrite

appwrite

appwrite

appwrite sdk, I am also getting:

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

F

faye•4/13/24, 12:45 PM

Seems to be the same issue on 14.1.3 :/

Ooreq Have any of you used next-auth with middleware on next-on-pages without error? I...

O

oreq•4/13/24, 12:47 PM

I can't get user in api routes in preview too but on local works

Edit:
I added

  useSecureCookies: process.env.NODE_ENV === "development" ? false : true,

useSecureCookies: process.env.NODE_ENV === "development" ? false : true,

  useSecureCookies: process.env.NODE_ENV === "development" ? false : true,

useSecureCookies: process.env.NODE_ENV === "development" ? false : true, to next-auth config and now everyting works

O

oreq•4/13/24, 1:08 PM

it works on deployment but doesn't on local build

Ffaye Heyo! It seems that using 14.2.1 (so far I know), I am suddenly getting a weird...

T

thanhle•4/13/24, 1:57 PM

try to use cache:no-store instead.

Tthanhle try to use cache:no-store instead.

F

faye•4/13/24, 2:00 PM

Then there's also the appwrite SDK, which looks like this:

T

thanhle•4/13/24, 2:02 PM

the reason here Worker detect the cache in the request. if you dont set the cache it will failed.

F

faye•4/13/24, 2:02 PM

But for the appwrite sdk, I get this error:

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

F

faye•4/13/24, 2:02 PM

Does that still have to do with the cache store?

Ppaulc Thanks for the tip! wrangler tail tells me I'm missing AUTH_SECRET. However, I p...

P

paulcOP•4/13/24, 2:56 PM

Got the issue fixed - boiled down to me thinking I could use $ wrangler secret put to create secrets in cloudflare pages

. My secret for authjs didn't exist in production env. Had to manually add. cc @James

N

neoney•4/13/24, 3:04 PM

my dev server often times seems to lag behind the actual code after I fix an issue and doesn't wanna work until I restart it

N

neoney•4/13/24, 3:04 PM

is this known?

N

neoney•4/13/24, 3:04 PM

how do I fix thi?

M

Matt•4/13/24, 5:24 PM

hey all, anyone have any experience with using durable objects from within next routes, locally? it doesnt seem like my DO is starting up right, when i attempt to get an id/stub everything is just undefined... I have something like this:

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

which is just giving me:

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

M

Matt•4/13/24, 5:25 PM

if I run the DO seperately with

wrangler dev ./thedo.ts

wrangler dev ./thedo.ts

wrangler dev ./thedo.ts

wrangler dev ./thedo.ts i can hit the DO directly in the browser without any issues

Tthanhle try to use cache:no-store instead.

F

faye•4/13/24, 10:40 PM

This does not work FYI

Ffaye Heyo! It seems that using 14.2.1 (so far I know), I am suddenly getting a weird...

J

James•4/14/24, 11:54 AM

are you able to share a reproduction? I wasn't having much luck trying to reproduce it

F

faye•4/14/24, 11:54 AM

Let me see

JJames are you able to share a reproduction? I wasn't having much luck trying to reprod...

F

faye•4/14/24, 11:57 AM

Might it be because the GET is in a server action?

F

faye•4/14/24, 11:58 AM

Because it's as simple as:

F

faye•4/14/24, 11:59 AM

(the

cache: 'no-cache'

cache: 'no-cache'

cache: 'no-cache'

cache: 'no-cache' part)

J

James•4/14/24, 1:42 PM

Hmm I haven't tried reproducing it in a server action before, will see if I have some time this evening to try it out

L

luna•4/15/24, 12:36 PM

trying to use

@cloudflare/pages-plugin-vercel-og/api

@cloudflare/pages-plugin-vercel-og/api

@cloudflare/pages-plugin-vercel-og/api

@cloudflare/pages-plugin-vercel-og/api and im getting a load of errors like so.

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

P

Pat Branchaud•4/15/24, 2:52 PM

Hello everyone! I'm currently migrating our app to Next-on-Pages and we are evaluating using KV instead of firebase. Quick question: I understand that KV bindings can be accessed in a runtime edge component (SSR/Workers). Can these same KV bindings be accessed in a server component (Static Rendering/Node.js) during the build process?

F

FelDev•4/16/24, 4:35 PM

About Next.js' 2MB cache limit

Failed to set fetch cache https://foobar.com/data Error: fetch for over 2MB of data can not be cached

There is a discussion in the Next.js repo about it https://github.com/vercel/next.js/discussions/48324
People talk about modifying the hardcoded 2MB limit in node_modules... which I'd rather not do.
Of course, some advise to keep fetch calls under 2MB... but that's not always possible.

One of our API calls returns almost 50MB of data.
I'm wondering how you guys deal with this?

F

FelDev•4/16/24, 4:36 PM

If we do increase the hardcoded 2MB limit, will CloudFlare be able to handle it?

N

neoney•4/17/24, 12:06 AM

changing my app from npm to bun, it's built on github actions... locally builds fine, on github it errors with

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

N

neoney•4/17/24, 12:07 AM

what the heck could that be?

N

neoney•4/17/24, 12:08 AM

Oh.

N

neoney•4/17/24, 12:08 AM

https://github.com/oven-sh/bun/issues/7539

GitHub

[package manager]: `string-width` is resolved incorrectly, causing ...

What version of Bun is running? 1.0.15+b3bdf22eb What platform is your computer? Darwin 23.1.0 arm64 arm What steps can reproduce the bug? see isaacs/jackspeak#5 (comment) run vite build What is th...

N

neoney•4/17/24, 12:08 AM

Bun bug

A

ANBU•4/17/24, 9:55 AM

Hey guys, any idea if

CF_PAGES_URL

CF_PAGES_URL

CF_PAGES_URL

CF_PAGES_URL is available in dev? If yes then any idea on how can I access it?

A

andrea_bhweb•4/17/24, 10:21 AM

Hi, I want to statically export most of the pages in my website, but still be able to use server actions, can it be achieved?

Aandrea_bhweb Hi, I want to statically export most of the pages in my website, but still be ab...

H

Hello, I’m Allie!•4/17/24, 10:25 AM

Not with next-on-pages atm

AANBU Hey guys, any idea if `CF_PAGES_URL` is available in dev? If yes then any idea o...

A

andrea_bhweb•4/17/24, 10:26 AM

From what I can see in the docs, and my own experience, those env variables only get defined during build; also note that the url in the

CF_PAGES_URL

CF_PAGES_URL

CF_PAGES_URL

CF_PAGES_URL var is the default

.pages.dev

.pages.dev

.pages.dev

.pages.dev one, if you plan on using a custom domain it's better to define your one env to specify it

AANBU Hey guys, any idea if `CF_PAGES_URL` is available in dev? If yes then any idea o...

H

Hello, I’m Allie!•4/17/24, 10:26 AM

I don't think so? Though you should be able to add it manually by putting it in a

.dev.vars

.dev.vars

file:

CF_PAGES_URL=hello.pages.dev

CF_PAGES_URL=hello.pages.dev

CF_PAGES_URL=hello.pages.dev

CF_PAGES_URL=hello.pages.dev

HHello, I’m Allie!Not with <#1135899572141568050> atm

A

andrea_bhweb•4/17/24, 10:27 AM

ok, thanks; is it something that will be implemented at some point?

Aandrea_bhweb ok, thanks; is it something that will be implemented at some point?

H

Hello, I’m Allie!•4/17/24, 10:32 AM

Haven't heard anything about it. IIRC it is an issue from Next itself, not next-on-pages, as it expects to have control over routing, unless it is a fully static build

Lluna trying to use `@cloudflare/pages-plugin-vercel-og/api` and im getting a load of ...

D

Deo Kumar•4/17/24, 12:20 PM

It only works with workers not next-on-pages (if I'm not wrong). Either use @vercel/og or @cf-wasm/og

DDeo Kumar It only works with workers not next-on-pages (if I'm not wrong). Either use @ver...

L

luna•4/17/24, 12:21 PM

yeah i switched back to the vercel one.

Aandrea_bhweb From what I can see in the docs, and my own experience, those env variables only...

A

ANBU•4/17/24, 3:18 PM

Thanks for the info, I'll override this flag

N

neoney•4/17/24, 4:48 PM

Do durable object bindings work in

next dev

next dev

next dev

next dev?

Nneoney Do durable object bindings work in `next dev`?

H

Hello, I’m Allie!•4/17/24, 4:49 PM

They should? Can you share your

wrangler.toml

wrangler.toml

?

N

neoney•4/17/24, 4:49 PM

name = "sellhub-checkout"
compatibility_date = "2024-04-05"
compatibility_flags = ["nodejs_compat"]

[[services]]
binding = "WORKER"
service = "sellhub-checkout-cron"

# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
# Docs: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
[[durable_objects.bindings]]
name = "LOCK"
class_name = "Lock"
script_name = 'sellhub-checkout-cron'

name = "sellhub-checkout"
compatibility_date = "2024-04-05"
compatibility_flags = ["nodejs_compat"]

[[services]]
binding = "WORKER"
service = "sellhub-checkout-cron"

# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
# Docs: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
[[durable_objects.bindings]]
name = "LOCK"
class_name = "Lock"
script_name = 'sellhub-checkout-cron'

name = "sellhub-checkout"
compatibility_date = "2024-04-05"
compatibility_flags = ["nodejs_compat"]

[[services]]
binding = "WORKER"
service = "sellhub-checkout-cron"

# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
# Docs: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
[[durable_objects.bindings]]
name = "LOCK"
class_name = "Lock"
script_name = 'sellhub-checkout-cron'

name = "sellhub-checkout"
compatibility_date = "2024-04-05"
compatibility_flags = ["nodejs_compat"]

[[services]]
binding = "WORKER"
service = "sellhub-checkout-cron"

# Bind a Durable Object. Durable objects are a scale-to-zero compute primitive based on the actor model.
# Durable Objects can live for as long as needed. Use these when you need a long-running "server", such as in realtime apps.
# Docs: https://developers.cloudflare.com/workers/runtime-apis/durable-objects
[[durable_objects.bindings]]
name = "LOCK"
class_name = "Lock"
script_name = 'sellhub-checkout-cron'

Nneoney ```toml name = "sellhub-checkout" compatibility_date = "2024-04-05" compatibilit...

H

Hello, I’m Allie!•4/17/24, 4:50 PM

That looks fine? If you try logging the

env

env

env

env, do you see anything, or is it undefined?

N

neoney•4/17/24, 4:51 PM

well env.LOCK.idFromName and env.LOCK.get and the stub's fetch work

N

neoney•4/17/24, 4:51 PM

it just returns a 503 code

N

neoney•4/17/24, 4:51 PM

let me actually log the response text

N

neoney•4/17/24, 4:51 PM

[wrangler] Couldn't find

wrangler dev

wrangler dev

session for class "Lock" to proxy to

Thanks for the tip! wrangler tail tells me I'm missing AUTH_SECRET. However, I put it in the environ

Similar Threads

Similar Threads

Similar Threads