Anyone know if I can check what's been stored in caches.default somewhere?

Ooutsideurimagination Anyone know if I can check what's been stored in caches.default somewhere?

H

You can't. If you have a specific URL, you can check whether something is cached for that value, but you can't ask for arbitrary cached items

O

outsideurimaginationOP•3/31/24, 12:36 PM

I can't figure out why my cache isn't working. Anyone have an idea? This is a remix app on CF Pages with a custom domain.

import { json } from "@remix-run/react";

export const loader: LoaderFunction = async ({ request, context, params }) => {
  const url = new URL(request.url);

  const cacheKey = new Request(url.toString(), request);
  const cache = context.cloudflare.caches.default;
  const cacheEntry = await cache.match(cacheKey);
  let users = (await cacheEntry?.json())?.users;

  if (!users) {
    const query = url.searchParams.get("query");
    const db = await context.db;
    users = await db.query(query);
    context.cloudflare.ctx.waitUntil(
      cache.put(
        cacheKey,
        json(users, {
          headers: {
            Expires: new Date(
              new Date().setFullYear(new Date().getFullYear() + 1),
            ).toUTCString(),
          },
        }),
      ),
    );
  }
  ...
}

import { json } from "@remix-run/react";

export const loader: LoaderFunction = async ({ request, context, params }) => {
  const url = new URL(request.url);

  const cacheKey = new Request(url.toString(), request);
  const cache = context.cloudflare.caches.default;
  const cacheEntry = await cache.match(cacheKey);
  let users = (await cacheEntry?.json())?.users;

  if (!users) {
    const query = url.searchParams.get("query");
    const db = await context.db;
    users = await db.query(query);
    context.cloudflare.ctx.waitUntil(
      cache.put(
        cacheKey,
        json(users, {
          headers: {
            Expires: new Date(
              new Date().setFullYear(new Date().getFullYear() + 1),
            ).toUTCString(),
          },
        }),
      ),
    );
  }
  ...
}

import { json } from "@remix-run/react";

export const loader: LoaderFunction = async ({ request, context, params }) => {
  const url = new URL(request.url);

  const cacheKey = new Request(url.toString(), request);
  const cache = context.cloudflare.caches.default;
  const cacheEntry = await cache.match(cacheKey);
  let users = (await cacheEntry?.json())?.users;

  if (!users) {
    const query = url.searchParams.get("query");
    const db = await context.db;
    users = await db.query(query);
    context.cloudflare.ctx.waitUntil(
      cache.put(
        cacheKey,
        json(users, {
          headers: {
            Expires: new Date(
              new Date().setFullYear(new Date().getFullYear() + 1),
            ).toUTCString(),
          },
        }),
      ),
    );
  }
  ...
}

import { json } from "@remix-run/react";

export const loader: LoaderFunction = async ({ request, context, params }) => {
  const url = new URL(request.url);

  const cacheKey = new Request(url.toString(), request);
  const cache = context.cloudflare.caches.default;
  const cacheEntry = await cache.match(cacheKey);
  let users = (await cacheEntry?.json())?.users;

  if (!users) {
    const query = url.searchParams.get("query");
    const db = await context.db;
    users = await db.query(query);
    context.cloudflare.ctx.waitUntil(
      cache.put(
        cacheKey,
        json(users, {
          headers: {
            Expires: new Date(
              new Date().setFullYear(new Date().getFullYear() + 1),
            ).toUTCString(),
          },
        }),
      ),
    );
  }
  ...
}

json is a helper from remix that does

// So you can write this:
return json({ any: "thing" });

// Instead of this:
return new Response(JSON.stringify({ any: "thing" }), {
  headers: {
    "Content-Type": "application/json; charset=utf-8",
  },
});

// So you can write this:
return json({ any: "thing" });

// Instead of this:
return new Response(JSON.stringify({ any: "thing" }), {
  headers: {
    "Content-Type": "application/json; charset=utf-8",
  },
});

// So you can write this:
return json({ any: "thing" });

// Instead of this:
return new Response(JSON.stringify({ any: "thing" }), {
  headers: {
    "Content-Type": "application/json; charset=utf-8",
  },
});

// So you can write this:
return json({ any: "thing" });

// Instead of this:
return new Response(JSON.stringify({ any: "thing" }), {
  headers: {
    "Content-Type": "application/json; charset=utf-8",
  },
});

C

Cretezy•3/31/24, 1:58 PM

Anyone seen

Error: Trace resource limit exceeded; subsequent exceptions not recorded.

Error: Trace resource limit exceeded; subsequent exceptions not recorded.

before?

CCretezy Anyone seen `Error: Trace resource limit exceeded; subsequent exceptions not rec...

D

DaniFoldi•3/31/24, 2:09 PM

I believe you get that error when you hit this limit: https://developers.cloudflare.com/workers/platform/limits/#log-size

C

Cretezy•3/31/24, 2:10 PM

I don't have a single console.log in that handler. It seems to be when I'm doing an external request, but I'm not sure why

D

DaniFoldi•3/31/24, 2:10 PM

do you have logpush enabled?

C

Cretezy•3/31/24, 2:10 PM

No

D

DaniFoldi•3/31/24, 2:11 PM

hmm, interesting, this could be a new limit I haven't seen yet

C

Cretezy•3/31/24, 2:17 PM

Seems like it was doing a

throw

throw

and that was too big (176kb lol).

graphql-request

graphql-request

errors are very big somehow

J

johtso•3/31/24, 4:02 PM

for some reason

wrangler dev

wrangler dev

has stopped working for me.. it just returns with no output. is there some way to debug?

J

johtso•3/31/24, 4:03 PM

wrangler dev --log-level debug

wrangler dev --log-level debug

also gives no output

J

johtso•3/31/24, 4:08 PM

updated wrangler, still no dice

J

James•3/31/24, 4:26 PM

Can you reproduce with a fresh worker created via

npm create cloudflare@latest

npm create cloudflare@latest

?

J

James•3/31/24, 4:26 PM

Is there something specific in your worker or wrangler.toml that's causing it? I'd start by trying to reproduce with a simple worker and then going from there.

B

bernardo.abreu•3/31/24, 5:30 PM

Hey folks, does anyone know what this error means? Specially the "make sure you've set the upstream option" part

Bbernardo.abreu Hey folks, does anyone know what this error means? Specially the "make sure you'...

H

Hello, I’m Allie!•3/31/24, 5:44 PM

This sounds like the Worker is calling itself in an infinite loop.

HHello, I’m Allie!This sounds like the Worker is calling itself in an infinite loop.

B

bernardo.abreu•3/31/24, 5:45 PM

What does upstream option mean ?

Bbernardo.abreu What does upstream option mean ?

H

Hello, I’m Allie!•3/31/24, 5:48 PM

The

host

host

option in your

wrangler

wrangler

config: https://developers.cloudflare.com/workers/wrangler/configuration/#local-development-settings

Cloudflare Docs

Configuration - Wrangler · Cloudflare Workers docs

Use a

wrangler.toml

wrangler.toml

configuration file to customize the development and deployment setup for your Worker project and other Developer Platform …

JJames Can you reproduce with a fresh worker created via `npm create cloudflare@latest`...

J

johtso•3/31/24, 5:51 PM

in the end reopening iterm sorted it out. still seems strange for it to silently fail with no output. I guess maybe an issue with a wrangler process still running? or maybe something to do with deleting the

.wrangler

.wrangler

directory in the project and the environment still thinking it should be there?

J

johtso•3/31/24, 5:51 PM

"have you tried turning it off and on again?"

J

johtso•3/31/24, 6:15 PM

@James I spoke too soon, it's doing the same thing again..

J

johtso•3/31/24, 6:16 PM

same issue happens in a fresh worker created with create-cloudflare

J

johtso•3/31/24, 6:16 PM

so seems to be wrangler getting into some kind of bad state

J

johtso•3/31/24, 6:19 PM

seems to be kind of non deterministic.. sometimes it works if I quit iterm and run

wrangler dev

wrangler dev

again.. sometimes it just continues to return after a small delay with no output

J

johtso•3/31/24, 6:29 PM

J

johtso•3/31/24, 6:29 PM

dev server runs successfully. I press x to close it. I try to run it again.. no output

J

johtso•3/31/24, 6:41 PM

upgrading from node 18 to 21 and reinstalling wrangler seems to have sorted it for now..

D

dog1283•3/31/24, 8:12 PM

Hello all. Just posted this in workers help in case anyone has a view: workers-and-pages-helpCustom Routes - Best Practice for Workers as Microservices

N

NazCodeland•3/31/24, 9:01 PM

I don't think I remember

wrangler tail

wrangler tail

working for remote urls, but it does now and its amazing. Out of curiousity, is it able to tail deployed Workers because those Workers are deployed on Cloudflare networks and therefore, Cloudflare knows when their code is executing?

NNazCodeland I don't think I remember `wrangler tail` working for remote urls, but it does no...

H

Hello, I’m Allie!•3/31/24, 9:07 PM

Do you mean

wrangler tail

wrangler tail

?

N

NazCodeland•3/31/24, 9:07 PM

oops, yeah I mean

wrangler tail

wrangler tail

NNazCodeland I don't think I remember `wrangler tail` working for remote urls, but it does no...

I

Isaac McFadyen•3/31/24, 10:02 PM

Yes. Cloudflare has a logging pipeline set up for all deployed Workers, so they can give you the logs live via

wrangler tail

wrangler tail

.

I

Isaac McFadyen•3/31/24, 10:02 PM

You can also pipe them to an external destination via Workers Logpush (on a Workers paid plan).

I

Isaac McFadyen•3/31/24, 10:02 PM

https://developers.cloudflare.com/workers/observability/logging/logpush/

N

NazCodeland•3/31/24, 10:06 PM

for all deployed workers, that's very cool

B

bernardo.abreu•4/1/24, 1:40 PM

Hi All, has anyone been through this before ?

Bbernardo.abreu Hi All, has anyone been through this before ?

I

Isaac McFadyen•4/1/24, 1:45 PM

It looks like you're trying to run the JS file directly with Node? If so you'll need to use Wrangler.

I

Isaac McFadyen•4/1/24, 1:45 PM

Or is this something else?

IIsaac McFadyen It looks like you're trying to run the JS file directly with Node? If so you'll ...

B

bernardo.abreu•4/1/24, 1:47 PM

this is my

.vscode/launch.json

.vscode/launch.json

.vscode/launch.json

.vscode/launch.json :

{
    "configurations": [
        {
            "name": "hybrid-routing",
            "type": "node",
            "request": "launch",
            "sourceMaps": true,
            "skipFiles": ["<node_internals>/**"],
            "program": "${workspaceFolder}/index.ts",
            "outFiles": [
                "${workspaceFolder}/out/**/*.js"
            ],
            "preLaunchTask": "tsc: build - tsconfig.json",
        }
    ]
}

{
    "configurations": [
        {
            "name": "hybrid-routing",
            "type": "node",
            "request": "launch",
            "sourceMaps": true,
            "skipFiles": ["<node_internals>/**"],
            "program": "${workspaceFolder}/index.ts",
            "outFiles": [
                "${workspaceFolder}/out/**/*.js"
            ],
            "preLaunchTask": "tsc: build - tsconfig.json",
        }
    ]
}

{
    "configurations": [
        {
            "name": "hybrid-routing",
            "type": "node",
            "request": "launch",
            "sourceMaps": true,
            "skipFiles": ["<node_internals>/**"],
            "program": "${workspaceFolder}/index.ts",
            "outFiles": [
                "${workspaceFolder}/out/**/*.js"
            ],
            "preLaunchTask": "tsc: build - tsconfig.json",
        }
    ]
}

{
    "configurations": [
        {
            "name": "hybrid-routing",
            "type": "node",
            "request": "launch",
            "sourceMaps": true,
            "skipFiles": ["<node_internals>/**"],
            "program": "${workspaceFolder}/index.ts",
            "outFiles": [
                "${workspaceFolder}/out/**/*.js"
            ],
            "preLaunchTask": "tsc: build - tsconfig.json",
        }
    ]
}

B

bernardo.abreu•4/1/24, 1:48 PM

My

tsconfig

tsconfig

tsconfig

tsconfig

{
  "compilerOptions": {
    "types": [
      "@cloudflare/workers-types",
      "vitest-environment-miniflare/globals",
    ],
    "target": "ES2020",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "lib": ["ES2020"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
    "module": "NodeNext",                                /* Specify what module code is generated. */
    "rootDir": "./",                                  /* Specify the root folder within your source files. */
    "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "baseUrl": "./",                                   /* Specify the base directory to resolve non-relative module names. */
    "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
    "outDir": "./out",                                   /* Specify an output folder for all emitted files. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
  }
}

{
  "compilerOptions": {
    "types": [
      "@cloudflare/workers-types",
      "vitest-environment-miniflare/globals",
    ],
    "target": "ES2020",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "lib": ["ES2020"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
    "module": "NodeNext",                                /* Specify what module code is generated. */
    "rootDir": "./",                                  /* Specify the root folder within your source files. */
    "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "baseUrl": "./",                                   /* Specify the base directory to resolve non-relative module names. */
    "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
    "outDir": "./out",                                   /* Specify an output folder for all emitted files. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
  }
}

{
  "compilerOptions": {
    "types": [
      "@cloudflare/workers-types",
      "vitest-environment-miniflare/globals",
    ],
    "target": "ES2020",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "lib": ["ES2020"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
    "module": "NodeNext",                                /* Specify what module code is generated. */
    "rootDir": "./",                                  /* Specify the root folder within your source files. */
    "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "baseUrl": "./",                                   /* Specify the base directory to resolve non-relative module names. */
    "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
    "outDir": "./out",                                   /* Specify an output folder for all emitted files. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
  }
}

{
  "compilerOptions": {
    "types": [
      "@cloudflare/workers-types",
      "vitest-environment-miniflare/globals",
    ],
    "target": "ES2020",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "lib": ["ES2020"],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
    "module": "NodeNext",                                /* Specify what module code is generated. */
    "rootDir": "./",                                  /* Specify the root folder within your source files. */
    "moduleResolution": "nodenext",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "baseUrl": "./",                                   /* Specify the base directory to resolve non-relative module names. */
    "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
    "outDir": "./out",                                   /* Specify an output folder for all emitted files. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
  }
}

B

bernardo.abreu•4/1/24, 1:48 PM

And my

package.json

package.json

{
    "name": "cxp-uwp2-int",
    "type": "module",
    "private": true,
    "version": "1.0.0",
    "description": "package for creating workers templates",
    "main": "./index.ts",
    "scripts": {
        "test": "vitest --watch",
        "start": "wrangler dev --local --port 3012 --env local",
        "wrangler:tail": "wrangler tail",
        "format": "prettier --write '**/*.{js,css,json,md}'",
        "compile": "tsc"
    },
    "author": "{{ authors }}",
    "license": "ISC",
    "devDependencies": {
        "@cloudflare/workers-types": "^4.20230404.0",
        "@types/jest": "^29.5.0",
        "@vitest/ui": "^0.29.8",
        "msw": "^1.2.1",
        "prettier": "^2.8.7",
        "vite": "^4.5.2",
        "vitest": "^0.29.8",
        "vitest-environment-miniflare": "^2.13.0"
    },
    "dependencies": {
        "itty-router": "^3.0.12",
        "serverless-cloudflare-workers": "^1.2.0",
        "typescript": "^5.0.3",
        "wrangler": "^2.20.2"
    }
}

{
    "name": "cxp-uwp2-int",
    "type": "module",
    "private": true,
    "version": "1.0.0",
    "description": "package for creating workers templates",
    "main": "./index.ts",
    "scripts": {
        "test": "vitest --watch",
        "start": "wrangler dev --local --port 3012 --env local",
        "wrangler:tail": "wrangler tail",
        "format": "prettier --write '**/*.{js,css,json,md}'",
        "compile": "tsc"
    },
    "author": "{{ authors }}",
    "license": "ISC",
    "devDependencies": {
        "@cloudflare/workers-types": "^4.20230404.0",
        "@types/jest": "^29.5.0",
        "@vitest/ui": "^0.29.8",
        "msw": "^1.2.1",
        "prettier": "^2.8.7",
        "vite": "^4.5.2",
        "vitest": "^0.29.8",
        "vitest-environment-miniflare": "^2.13.0"
    },
    "dependencies": {
        "itty-router": "^3.0.12",
        "serverless-cloudflare-workers": "^1.2.0",
        "typescript": "^5.0.3",
        "wrangler": "^2.20.2"
    }
}

{
    "name": "cxp-uwp2-int",
    "type": "module",
    "private": true,
    "version": "1.0.0",
    "description": "package for creating workers templates",
    "main": "./index.ts",
    "scripts": {
        "test": "vitest --watch",
        "start": "wrangler dev --local --port 3012 --env local",
        "wrangler:tail": "wrangler tail",
        "format": "prettier --write '**/*.{js,css,json,md}'",
        "compile": "tsc"
    },
    "author": "{{ authors }}",
    "license": "ISC",
    "devDependencies": {
        "@cloudflare/workers-types": "^4.20230404.0",
        "@types/jest": "^29.5.0",
        "@vitest/ui": "^0.29.8",
        "msw": "^1.2.1",
        "prettier": "^2.8.7",
        "vite": "^4.5.2",
        "vitest": "^0.29.8",
        "vitest-environment-miniflare": "^2.13.0"
    },
    "dependencies": {
        "itty-router": "^3.0.12",
        "serverless-cloudflare-workers": "^1.2.0",
        "typescript": "^5.0.3",
        "wrangler": "^2.20.2"
    }
}

{
    "name": "cxp-uwp2-int",
    "type": "module",
    "private": true,
    "version": "1.0.0",
    "description": "package for creating workers templates",
    "main": "./index.ts",
    "scripts": {
        "test": "vitest --watch",
        "start": "wrangler dev --local --port 3012 --env local",
        "wrangler:tail": "wrangler tail",
        "format": "prettier --write '**/*.{js,css,json,md}'",
        "compile": "tsc"
    },
    "author": "{{ authors }}",
    "license": "ISC",
    "devDependencies": {
        "@cloudflare/workers-types": "^4.20230404.0",
        "@types/jest": "^29.5.0",
        "@vitest/ui": "^0.29.8",
        "msw": "^1.2.1",
        "prettier": "^2.8.7",
        "vite": "^4.5.2",
        "vitest": "^0.29.8",
        "vitest-environment-miniflare": "^2.13.0"
    },
    "dependencies": {
        "itty-router": "^3.0.12",
        "serverless-cloudflare-workers": "^1.2.0",
        "typescript": "^5.0.3",
        "wrangler": "^2.20.2"
    }
}

Bbernardo.abreu this is my `.vscode/launch.json` : ```json { "configurations": [ { ...

I

Isaac McFadyen•4/1/24, 1:48 PM

So you're trying to run the Javascript file from

tsc

tsc

directly.

I

Isaac McFadyen•4/1/24, 1:48 PM

That won't work.

I

Isaac McFadyen•4/1/24, 1:48 PM

You'll need to run

wrangler dev

wrangler dev

in order to run the JS file.

I

Isaac McFadyen•4/1/24, 1:49 PM

(see your

start

start

script)

B

bernardo.abreu•4/1/24, 1:49 PM

I'm able to run the project, but when it comes to using the debugger from vscode it won't work

B

bernardo.abreu•4/1/24, 1:49 PM

Running in debug mode is my goal

I

Isaac McFadyen•4/1/24, 1:51 PM

You also cross-posted this in #workerd, please don't do that in the future as I completely missed kian's responses/questions.

IIsaac McFadyen You also cross-posted this in #workerd, please don't do that in the future as I ...

B

bernardo.abreu•4/1/24, 1:52 PM

Yeah, sorry, just deleted my post there. Figure this would be a better channel.

IIsaac McFadyen You'll need to run `wrangler dev` in order to run the JS file.

B

bernardo.abreu•4/1/24, 1:54 PM

What do you mean here ?

Anyone know if I can check what's been stored in caches.default somewhere?

Similar Threads

Similar Threads

Similar Threads