It doesn't do propagation, it's pull-based caching with a 60 second minimum.

Kkian It doesn't do propagation, it's pull-based caching with a 60 second minimum.

Ɽ

ⱤØ₥₳₦•2/17/24, 4:48 AM

What does that mean? Where KV data gets stored?

U

Unsmart•2/17/24, 4:48 AM

Well it does and doesnt. Theres 2 locations of KV 1 US 1 EU data will be replicated to both but then its pull based after that

UUnsmart Well it does and doesnt. Theres 2 locations of KV 1 US 1 EU data will be replica...

Ɽ

ⱤØ₥₳₦•2/17/24, 4:49 AM

K

kianOP•2/17/24, 4:50 AM

https://developers.cloudflare.com/kv/reference/how-kv-works/

UUnsmart Well it does and doesnt. Theres 2 locations of KV 1 US 1 EU data will be replica...

Ɽ

ⱤØ₥₳₦•2/17/24, 4:52 AM

So can't use it for global production traffic

U

Unsmart•2/17/24, 4:53 AM

Um, you can?

UUnsmart Um, you can?

Ɽ

ⱤØ₥₳₦•2/17/24, 4:54 AM

Ɽ

ⱤØ₥₳₦•2/17/24, 4:59 AM

Ɽ

ⱤØ₥₳₦•2/17/24, 4:59 AM

the second screenshot is for firebase, holy cow, KV is 100x faster than firestore

Rronan(wighawag)Hey got a question on KV eventual consistency Does it means that if I make mult...

H

Hello, I’m Allie!•2/18/24, 12:28 PM

Yes, depending on how fast updates are pushed to the Core datacenters.

H

Hello, I’m Allie!•2/18/24, 12:29 PM

So like, if one datacenter that is farther away from core writes before one that is closer, the one that is farther away may overwrite it

Rronan(wighawag)ok, so timestamp at the edge is not considered and there is indeed the possibili...

H

Hello, I’m Allie!•2/18/24, 12:47 PM

Yes. If you need consistenly ordered writes, then I would recommend running them through a single Durable Object

F

flof.fly•2/18/24, 6:04 PM

Hi, does KV have ttl expiration on fields? Or key-value fields can stay there for-ever?

S

Santosh•2/20/24, 10:25 PM

@Marshall No I didnt, I created smaller objects and stored them in KV. And it made the problem go away.

S

Santosh•2/20/24, 10:28 PM

Now, I havent observed if tissue happens with second or subsequent update. And we definitely need another format, not Json alone, heres is my reason: With the overall envelope, it was about may be 8 to 10 levels deep. Once I broke it into smaller chunks, the Json depth is probably cut down by about 4. I just couldn't fathom(nor have the time) to see the depth is an issue, or the over all size is. And I wasn't anywhere close to KV limitation at all. I do have a DO that wakes up every 5 mins and refreshes it so the UI always has a certain dataset available, so it is quite possible that things are twisted making it even more difficult to find the root cause

S

Santosh•2/20/24, 10:32 PM

I concur that the input to KV when it is placed is perfectly fine. Reading back is the issue, but again if I cant read, the whole thing is useless

J

jedi•2/22/24, 4:15 AM

hi all

J

jedi•2/22/24, 4:16 AM

i got a question when reading metadata from a key

Original message was deleted

C

Cyb3r-Jak3•2/22/24, 4:22 AM

?channel-crossposting

F

Flare•2/22/24, 4:22 AM

Please do not post your question in multiple channels per the rules at #

welcome-and-rules. It creates confusion for people trying to help you and doesn't get your issue or question solved any faster.

R

rajesh3222•2/22/24, 6:54 AM

Hey I am not able access KV, can somebody help out

Rrajesh3222 Hey I am not able access KV, can somebody help out

T

Tony Leung•2/23/24, 5:51 AM

you should tell your problem more specific then people can help you faster.

V

vakno•2/23/24, 9:22 AM

I got error KV put() limit exceeded for the day. Is there any information on what is the limit for each plan? I cant seem to find it

Vvakno I got error KV put() limit exceeded for the day. Is there any information on wh...

D

DaniFoldi•2/23/24, 9:26 AM

here's the limit page: https://developers.cloudflare.com/kv/platform/limits/

on the free tier, you get 1000 put operations per day

Cloudflare Docs

Limits · Cloudflare Workers KV

Request adjustments to limits that conflict with your project goals by contacting Cloudflare. To request an increase to a limit, complete the Limit …

DDaniFoldi here's the limit page: https://developers.cloudflare.com/kv/platform/limits/ on...

V

vakno•2/23/24, 9:27 AM

i have paid pro plan

D

DaniFoldi•2/23/24, 9:28 AM

zone plans are separate from workers plan

DDaniFoldi zone plans are separate from workers plan

V

vakno•2/23/24, 9:32 AM

where can i upgrade cant seem to find upgrade button inside KV section in admin

Vvakno where can i upgrade cant seem to find upgrade button inside KV section in admin

D

DaniFoldi•2/23/24, 9:33 AM

https://dash.cloudflare.com/?to=/:account/workers/plans

DDaniFoldi https://dash.cloudflare.com/?to=/:account/workers/plans

V

vakno•2/23/24, 9:34 AM

thank you!

D

Denver James Duran•2/23/24, 1:58 PM

Good evening my good buddies, I have tried backreading this channel for related topics as well as following the instructions here:
https://hono.dev/getting-started/cloudflare-workers#serve-static-files,
https://www.answeroverflow.com/m/1148745533649866762
https://developers.cloudflare.com/workers/configuration/sites/start-from-worker/#add-static-assets-to-an-existing-workers-project

but to no avail, I still can't make it to work..

I want to serve my static files.. I am using Hono with cloudflare workers

hover error:

Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)

Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)

// src/index.ts

import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST"; //Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)


const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts

import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST"; //Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)


const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts

import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST"; //Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)


const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts

import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST"; //Cannot find module '__STATIC_CONTENT_MANIFEST' or its corresponding type declarations.ts(2307)


const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

#wrangler.toml

name = "hono-htmx"
compatibility_date = "2023-12-01"

main = "src/index.ts"

[site]
bucket = "./assets"

#wrangler.toml

name = "hono-htmx"
compatibility_date = "2023-12-01"

main = "src/index.ts"

[site]
bucket = "./assets"

#wrangler.toml

name = "hono-htmx"
compatibility_date = "2023-12-01"

main = "src/index.ts"

[site]
bucket = "./assets"

#wrangler.toml

name = "hono-htmx"
compatibility_date = "2023-12-01"

main = "src/index.ts"

[site]
bucket = "./assets"

I appreciate the help in advanced!

DDenver James Duran Good evening my good buddies, I have tried backreading this channel for related ...

D

Denver James Duran•2/24/24, 2:05 AM

I devised a silly workaround for this, in case that anyone is experiencing the same, the alternate method I made was to import them as .txt files

now I can serve my static files.. If anybody knows the correct solution, it would be highly appreciated!

DDenver James Duran Good evening my good buddies, I have tried backreading this channel for related ...

I

Isaac McFadyen•2/24/24, 2:07 AM

This is likely an editor-only error.

I

Isaac McFadyen•2/24/24, 2:07 AM

The __STATIC_CONTENT_MANIFEST is injected at build-time and isn't typed with Typescript, which means your editor doesn't know about it and gives an error.

I

Isaac McFadyen•2/24/24, 2:07 AM

If you were to actually deploy the Worker I believe it would work.

I

Isaac McFadyen•2/24/24, 2:17 AM

You want to create a file called

env.d.ts

env.d.ts

env.d.ts

env.d.ts with the content:

declare module '__STATIC_CONTENT_MANIFEST' {
  const manifest: string
  export default manifest
}

declare module '__STATIC_CONTENT_MANIFEST' {
  const manifest: string
  export default manifest
}

declare module '__STATIC_CONTENT_MANIFEST' {
  const manifest: string
  export default manifest
}

declare module '__STATIC_CONTENT_MANIFEST' {
  const manifest: string
  export default manifest
}

IIsaac McFadyen The __STATIC_CONTENT_MANIFEST is injected at build-time and isn't typed with Typ...

D

Denver James Duran•2/24/24, 2:17 AM

that makes sense.. so here's what I did just now, so I simply declared the module in my custom.d.ts so that typescript will know what it is. The red swiggly line disappeared. AND wow it worked! it didn't serve my files yesterday I wonder why!

anyway, I only had one minor problem now... Do I really have to type in all files I want to serve statically? it can't be like everything on that folder?

//custom.d.ts
declare module "__STATIC_CONTENT_MANIFEST" {
    const content: string;
    export default content;
}

//custom.d.ts
declare module "__STATIC_CONTENT_MANIFEST" {
    const content: string;
    export default content;
}

//custom.d.ts
declare module "__STATIC_CONTENT_MANIFEST" {
    const content: string;
    export default content;
}

//custom.d.ts
declare module "__STATIC_CONTENT_MANIFEST" {
    const content: string;
    export default content;
}

// src/index.ts
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));  // This does NOT work...


// below get method should be typed individual files?

app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest })); 
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));  // This does NOT work...


// below get method should be typed individual files?

app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest })); 
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));  // This does NOT work...


// below get method should be typed individual files?

app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest })); 
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

// src/index.ts
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));
app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest }));
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;
import { Hono } from "hono";
import { serveStatic } from "hono/cloudflare-workers";
import Home from "./lib/templates/index.html";
import manifest from "__STATIC_CONTENT_MANIFEST";

const app = new Hono();

app.get("/static/*", serveStatic({ root: "./", manifest }));  // This does NOT work...


// below get method should be typed individual files?

app.get("/htmx.js", serveStatic({ path: "./htmx.js", manifest })); 
app.get("/simple.css", serveStatic({ path: "./simple.css", manifest }));
app.get("/", (c) => {
    return c.html(Home);
});

export default app;

I

Isaac McFadyen•2/24/24, 2:17 AM

That should allow VSCode to pick up on it.

IIsaac McFadyen That should allow VSCode to pick up on it.

D

Denver James Duran•2/24/24, 2:18 AM

It did thank you so much, I created the same thing but I used content instead of manifest I believe it's the same?

DDenver James Duran It did thank you so much, I created the same thing but I used content instead of...

I

Isaac McFadyen•2/24/24, 2:19 AM

Yup, should be the same.

IIsaac McFadyen Yup, should be the same.

D

Denver James Duran•2/24/24, 2:20 AM

got it.. On the get method.. Do I really have to type in all files I want to serve? I can not just declare that anything on my assets folder should be served on "/" ?

I

Isaac McFadyen•2/24/24, 2:20 AM

What happens with the first thing you tried? The

root

root

root

root part? Does it just 404?

IIsaac McFadyen What happens with the first thing you tried? The `root` part? Does it just 404?

D

Denver James Duran•2/24/24, 2:22 AM

Yes, that's right

http://127.0.0.1:8787/static/htmx.js

http://127.0.0.1:8787/static/htmx.js

http://127.0.0.1:8787/static/htmx.js

http://127.0.0.1:8787/static/htmx.js returns

404 Not Found

404 Not Found

404 Not Found

404 Not Found

It doesn't do propagation, it's pull-based caching with a 60 second minimum.

Similar Threads

Similar Threads

Similar Threads