Is it possible to return a seperate html file as a response and have it show that?

SSilent Is it possible to return a seperate html file as a response and have it show tha...

W

Walshy•3/24/24, 1:06 AM

Yep, you can import the file and return it (it'll be uploaded as a module)

E.g.

import indexHtml from './pages/index.html';

export default {
  fetch(req) {
    const { pathname } = new URL(req.url);

    if (pathname === '/') {
      return new Response(indexHtml, { headers: { 'Content-Type': 'text/html' }});
    }

    return new Response('404 Not Found', { status: 404 });
  }
}

import indexHtml from './pages/index.html';

export default {
  fetch(req) {
    const { pathname } = new URL(req.url);

    if (pathname === '/') {
      return new Response(indexHtml, { headers: { 'Content-Type': 'text/html' }});
    }

    return new Response('404 Not Found', { status: 404 });
  }
}

import indexHtml from './pages/index.html';

export default {
  fetch(req) {
    const { pathname } = new URL(req.url);

    if (pathname === '/') {
      return new Response(indexHtml, { headers: { 'Content-Type': 'text/html' }});
    }

    return new Response('404 Not Found', { status: 404 });
  }
}

import indexHtml from './pages/index.html';

export default {
  fetch(req) {
    const { pathname } = new URL(req.url);

    if (pathname === '/') {
      return new Response(indexHtml, { headers: { 'Content-Type': 'text/html' }});
    }

    return new Response('404 Not Found', { status: 404 });
  }
}

(Wrote on phone so won't be perfect)

DDarkDeviL Was this the one you referred to with "fixed this"? If not, you need to look ar...

S

SageSphinx63920•3/24/24, 7:26 AM

This is fixed the second problem sadly not

S

SageSphinx63920•3/24/24, 7:27 AM

I have absolutely no clue what’s wrong because I can not find Thai online somewhere

T

thanhle•3/24/24, 1:49 PM

i really love workers and really enjoy using it. my question is: is there anyway I deploy a worker but dont go to egde network. I want the workers only deployed to a specific region not global. I try to use smart placement but not help. the reason I want to deploy worker to a specific region is when I benchmark the query Postgresql database by using CloudFlareWorker and AWS Lamba(aws lambda is deployed to only one region), the response time for aws lambda is TWICE FASTER than that of cloudflare workers. Thank you all.

A

alotabits•3/24/24, 2:07 PM

The Cache API allows interaction with the same cache used for fetch requests via caches.default. Is it possible to get or put the entries in this cache for a particular device type in a manner compatible with cache-by-device-type settings?

A

alotabits•3/24/24, 4:04 PM

So it’s not a special cache key value? As long as we construct a Request with the correct cf-device-type header when passing to cache get/put/delete it will work correctly?

C

codebam•3/24/24, 6:41 PM

the example code here doesn't work

https://developers.cloudflare.com/workers-ai/models/llama-2-7b-chat-fp16/

where does Response come from??? response doesn't have .json() it's a

ReadableStream<any> | AiTextGenerationOutput

ReadableStream<any> | AiTextGenerationOutput

Cloudflare Docs

llama-2-7b-chat-fp16 · Cloudflare Workers AI docs

Run AI models in Workers, Pages, or via API.

Ccodebam the example code here doesn't work https://developers.cloudflare.com/workers-ai...

H

Hello, I’m Allie!•3/24/24, 6:49 PM

Response.json()

Response.json()

belongs to the global

Response

Response

class.

Cloudflare Docs

Response · Cloudflare Workers docs

Interface that represents an HTTP response.

HHello, I’m Allie!`Response.json()` belongs to the global [`Response`](https://developers.cloudfla...

C

codebam•3/24/24, 7:04 PM

oh okay. does that mean I can't do multiple responses at the same time?

Ccodebam oh okay. does that mean I can't do multiple responses at the same time?

H

Hello, I’m Allie!•3/24/24, 7:15 PM

Not sure what you mean? You can construct multiple

Response

Response

objects at once, but you shouldn't need to for the tutorial you linked

T

Tony Leung•3/24/24, 8:25 PM

hi guys, is there anyway to use crypto.DigestStream in local dev environment? I'm using svelte and having this error:

TypeError: crypto.DigestStream is not a constructor

TypeError: crypto.DigestStream is not a constructor

C

codebam•3/24/24, 8:29 PM

getting this error when building

../../node_modules/@cloudflare/ai/dist/ai/tasks/image-classification.d.ts(2,24): error TS2307: Cannot find module '../ai' or its corresponding type declarations.

../../node_modules/@cloudflare/ai/dist/ai/tasks/image-classification.d.ts(2,24): error TS2307: Cannot find module '../ai' or its corresponding type declarations.

../../node_modules/@cloudflare/ai/dist/ai/tasks/image-classification.d.ts(2,24): error TS2307: Cannot find module '../ai' or its corresponding type declarations.

../../node_modules/@cloudflare/ai/dist/ai/tasks/image-classification.d.ts(2,24): error TS2307: Cannot find module '../ai' or its corresponding type declarations.

C

codebam•3/24/24, 8:29 PM

on the latest node

C

codebam•3/24/24, 8:30 PM

it built successfully 3 weeks ago

C

codebam•3/24/24, 8:38 PM

it doesn't build on the same commit that built successfully 3 weeks ago

A

alotabits•3/24/24, 8:39 PM

If we have different versions of wrangler installed as a dependency in multiple npm packages locally, each package representing a separate worker, can these workers still be bound to each other via service bindings by starting wrangler dev in each?

WWalshy Yep, you can import the file and return it (it'll be uploaded as a module) E.g....

S

SilentOP•3/24/24, 9:24 PM

i have to add type definitions or it manually or?
did not mean to ping&*

B

bun•3/24/24, 10:57 PM

@HardlyWorkin' since you can purge cache by url, cant you just make

bKv

bKv

cache indefinitely while purging on

.put

.put

requests?

B

bun•3/24/24, 10:57 PM

only caveat is that you can only cache stuff by

caches.default

caches.default

Bbun @HardlyWorkin' since you can purge cache by url, cant you just make `bKv` cache ...

H

Hello, I’m Allie!•3/24/24, 10:58 PM

Maybe, but then you are limited to around 1k writes a minute(or whatever the limit is)

B

bun•3/24/24, 10:59 PM

also cache api only caches on the datacenter its called from right?

B

bun•3/24/24, 10:59 PM

like it doesnt replicate to other datacenters?

Bbun also cache api only caches on the datacenter its called from right?

H

Hello, I’m Allie!•3/24/24, 11:05 PM

Oh, you meant like that

H

Hello, I’m Allie!•3/24/24, 11:05 PM

You could do that too, but as you pointed out, it wouldn't propagate

B

bun•3/24/24, 11:06 PM

hm what did you mean then

B

bun•3/24/24, 11:06 PM

initially what u thought?*

Bbun hm what did you mean then

H

Hello, I’m Allie!•3/24/24, 11:06 PM

I thought you meant purging the Cache via

api.cloudflare.com

api.cloudflare.com

B

bun•3/24/24, 11:06 PM

yes, but the cache set from cache api

Bbun yes, but the cache set from cache api

H

Hello, I’m Allie!•3/24/24, 11:08 PM

That can still be cleared via the API, if that is what you mean?

B

bun•3/24/24, 11:09 PM

yes true

B

bun•3/24/24, 11:09 PM

idk what you thought otherwise

SSilent i have to add type definitions or it manually or? did not mean to ping&*

W

Walshy•3/24/24, 11:11 PM

yeah you'll want to declare a module like:

declare module '*.html' {
  const value: string;
  export default value
}

declare module '*.html' {
  const value: string;
  export default value
}

declare module '*.html' {
  const value: string;
  export default value
}

declare module '*.html' {
  const value: string;
  export default value
}

D

deleted_user_97ffca1b58d4•3/25/24, 1:59 AM

I have a project in which I have to have a WebSocket connection on 24/7, watching for a (rare) event. If that event happens, I need to run some code, then restart the WebSocket and watch for the event again.

Is Workers suitable for this? From my understanding, there's no limit on wall time, so this would be feasible as long as the total CPU time stays under 10ms

B

bun•3/25/24, 3:53 AM

why is ctx.cf.city available on pages but not in workers ?

W

Walshy•3/25/24, 5:07 AM

It's available in both - https://reqinfo.walshy.dev/

B

bun•3/25/24, 5:42 AM

yea its just hidden in

c.req.raw.cf

c.req.raw.cf

for hono, mb

B

bun•3/25/24, 9:39 AM

Ok what if like cloudflare team works on less things but finish them instead of just having 100 things in beta? Like what? Probably wrong channel for this but i think it gets the most attention from cloudflare team so i hope anyone sees this

W

Walshy•3/25/24, 11:47 AM

Things that are in beta go GA when they're ready to.

I think you'd rather we call it beta than have a "production ready" product that isn't production ready.

N

Nick•3/25/24, 3:34 PM

Hey all

Have I just chosen the wrong tech by going with cloudflare workers? I just assumed I'd be using a node environment in my routes (astro ssr), and am trying to use either Mailgun or Sendgrid (with no luck because of 'define'/'fs' etc :D)

R

rob•3/25/24, 7:19 PM

Astro routes work on pages

M

Mozzy•3/25/24, 7:36 PM

I have a general cache question:
I am using Hono's cache middleware to set the cache:

cacheControl: "public, max-age=600"

cacheControl: "public, max-age=600"

When the endpoint is hit in Postman, it always returns

public, max-age=600

public, max-age=600

in the response headers.
When the endpoint is hit from a browser, it returns

public, max-age=14400

public, max-age=14400

in the response headers.

Having said that, it does seem like the browser does respect the 600 seconds. I'm wondering why it shows 14400

NNick Hey all 🙂 Have I just chosen the wrong tech by going with cloudflare workers? I...

A

alok•3/25/24, 8:12 PM

I'm using Sendgrid by hitting Sendgrid's API directly with a fetch. It works but I understand that using the node package is nicer/easier.

N

Nick•3/25/24, 8:13 PM

that's what i'm trying now... not much luck so far :/

NNick that's what i'm trying now... not much luck so far :/

A

alok•3/25/24, 8:14 PM

      const personalizations = [{
          to: [{ email: to }],
        }];
      const msg = {
      personalizations,
      from: {
        email: fromAddress,
        name: fromName,
      },
      subject: subject,
      content: [{ type: "text/plain", value: plainText }],
    };
    const email = await fetch("https://api.sendgrid.com/v3/mail/send", {
      body: JSON.stringify(msg),
      headers: {
        Authorization: `Bearer ${env.SENDGRID_API_KEY}`,
        "Content-Type": "application/json",
      },
      method: "POST",
    });

      const personalizations = [{
          to: [{ email: to }],
        }];
      const msg = {
      personalizations,
      from: {
        email: fromAddress,
        name: fromName,
      },
      subject: subject,
      content: [{ type: "text/plain", value: plainText }],
    };
    const email = await fetch("https://api.sendgrid.com/v3/mail/send", {
      body: JSON.stringify(msg),
      headers: {
        Authorization: `Bearer ${env.SENDGRID_API_KEY}`,
        "Content-Type": "application/json",
      },
      method: "POST",
    });

      const personalizations = [{
          to: [{ email: to }],
        }];
      const msg = {
      personalizations,
      from: {
        email: fromAddress,
        name: fromName,
      },
      subject: subject,
      content: [{ type: "text/plain", value: plainText }],
    };
    const email = await fetch("https://api.sendgrid.com/v3/mail/send", {
      body: JSON.stringify(msg),
      headers: {
        Authorization: `Bearer ${env.SENDGRID_API_KEY}`,
        "Content-Type": "application/json",
      },
      method: "POST",
    });

      const personalizations = [{
          to: [{ email: to }],
        }];
      const msg = {
      personalizations,
      from: {
        email: fromAddress,
        name: fromName,
      },
      subject: subject,
      content: [{ type: "text/plain", value: plainText }],
    };
    const email = await fetch("https://api.sendgrid.com/v3/mail/send", {
      body: JSON.stringify(msg),
      headers: {
        Authorization: `Bearer ${env.SENDGRID_API_KEY}`,
        "Content-Type": "application/json",
      },
      method: "POST",
    });

Sorry if this looks clunky, it's picked straight out of my code. There's a bunch of things going on before the email gets sent.

Aalok ``` const personalizations = [{ to: [{ email: to }], }];...

N

Nick•3/25/24, 8:16 PM

looks like mine, but thanks, be useful to compare to

NNick looks like mine, but thanks, be useful to compare to 🙂

A

alok•3/25/24, 8:18 PM

Dump the response to console.log or whatever. Anything useful in there? Also, get it working with curl first might help you figure out what's going on.

N

Nick•3/25/24, 8:27 PM

oh thank god, it's working XD

N

Nick•3/25/24, 8:28 PM

well, locally that is

N

Nick•3/25/24, 8:28 PM

any recommendations for logging pages/workers when live? i feel so blind, even with the real-time logging. do i need to set up more?

Aalok I'm using Sendgrid by hitting Sendgrid's API directly with a fetch. It works but...

R

rob•3/25/24, 8:43 PM

yep i do the same, using the rest API via fetch

Is it possible to return a seperate html file as a response and have it show that?

Similar Threads

Similar Threads

Similar Threads