1. I mean any of them would just be an API call so not really the "easiest" but I think the only one

UUnsmart 1. I mean any of them would just be an API call so not really the "easiest" but ...

G

gralzer•12/4/23, 6:24 PM

Thanks, I will try it.

HHello, I’m Allie!TS is transpiled to JS, so it will still work

ز

زين•12/4/23, 7:08 PM

Wdym

ززين Wdym

I

Isaac McFadyen•12/4/23, 7:12 PM

Typescript is converted to JavaScript when compiling/transpiling. Anything that will work in Typescript will work in JavaScript as well.

I

Isaac McFadyen•12/4/23, 7:12 PM

So you can just use Hono with JS fine

UUnsmart 1. I mean any of them would just be an API call so not really the "easiest" but ...

G

gralzer•12/4/23, 8:40 PM

I just cant wrap my head around this... I copied the entire script from the cloudflare documentation. While building my site it acknowledges that I have a function, I can also see it in functions section of my page as the _middleware.ts:onRequest when I submit the simple form I copied from the documentation, I cant see anything in my network tab, it just doesnt work

F

Fenix•12/6/23, 6:35 PM

Hey all, I have a quick question about setting up my dev environment. I'm working with Pages Functions in TypeScript through VSCode and I was wondering if there is any method to get syntax highlighting / autocomplete for the top level

onRequest

onRequest

onRequest

onRequest/

onRequestGet

onRequestGet

onRequestGet

onRequestGet/... functions?

FFenix Hey all, I have a quick question about setting up my dev environment. I'm workin...

H

Hello, I’m Allie!•12/6/23, 6:44 PM

You can type it with

PagesFunction

PagesFunction

PagesFunction

PagesFunction?

HHello, I’m Allie!You can type it with `PagesFunction`?

F

Fenix•12/6/23, 7:05 PM

To get the correct param/return types yes, but I mean to get top level autocomplete for the function name itself i.e. type onReq -> see options for onRequest/onRequestGet/etc. for 'naming safety' if that makes sense?

F

Fenix•12/6/23, 7:06 PM

Basically to auto-complete the options of the Functions API itself https://developers.cloudflare.com/pages/platform/functions/api-reference/

FFenix To get the correct param/return types yes, but I mean to get top level autocompl...

H

Hello, I’m Allie!•12/6/23, 7:07 PM

Oh, then no

F

Fenix•12/6/23, 7:08 PM

Ah, well, thanks for the confirmation either way

M

Marius Gundersen•12/7/23, 6:15 AM

There is an issue in the TypeScript repo for this kind of thing, you can add your support for it there https://github.com/microsoft/TypeScript/issues/38511

GitHub

Type annotation for all exports in the module · Issue #38511 · micr...

Search Terms Export, typed exports, modules, Next.js, Redwood.js Suggestion Allow a new syntax From issue #420 that will allow typing all of exports in a module. export implements { default: string...

IIsaac McFadyen So you can just use Hono with JS fine

ز

زين•12/7/23, 11:48 AM

So i can make a dashboard.js file and use hono normally?

ز

زين•12/7/23, 11:58 AM

@Isaac McFadyen | YYZ01

ززين @Isaac McFadyen | YYZ01

H

Hello, I’m Allie!•12/7/23, 11:59 AM

Don't ping people multiple times. You won't get an answer any faster

ز

زين•12/7/23, 12:00 PM

No no i think i had mentions off when I replied so they didn't get mentioned

ز

زين•12/7/23, 12:00 PM

But yeah you're right sorry

E

Erisa•12/7/23, 12:06 PM

You didnt have them off (see the @)

EErisa You didnt have them off (see the @)

H

Hello, I’m Allie!•12/7/23, 12:07 PM

Just want to test something

H

Hello, I’m Allie!•12/7/23, 12:07 PM

Whoa, how did I not notice that...

EErisa You didnt have them off (see the @)

ز

زين•12/7/23, 12:15 PM

Oh, im sorry then

EErisa You didnt have them off (see the @)

ز

زين•12/7/23, 12:16 PM

I can't see that bc im on phone so.... Not a excuse tho you can warn me if you want to

E

Erisa•12/7/23, 12:20 PM

Nah it's fine :)

ز

زين•12/7/23, 2:57 PM

hello?

ز

زين•12/7/23, 2:57 PM

anyone?

ز

زين•12/7/23, 2:57 PM

oh wait my bad i didn't ask my question

ز

زين•12/7/23, 2:58 PM

so basiclly i am trying to host my discord bot's dashboard on cloudflare and my bot too

ز

زين•12/7/23, 2:58 PM

but i keep getting that the port i wanna im using in express is already in use

ز

زين•12/7/23, 2:58 PM

its port 3000

ز

زين•12/7/23, 3:04 PM

nvm fixed it

채

채찬•12/8/23, 2:57 AM

When I deploy the wrangler page, the functions side files are not imported.
This seems to be a bug because I can do it in advanced mode.

Rrobinio We just created a Cloudflare Worker, to fetch from https://api-free.deepl.com/v2...

C

captain•12/8/23, 5:08 AM

did you ever get this resolved or find out why? I am finding this to be concerning...as it appears the only solution is to create a support ticket and somehow its resolved behind the scenes without explaination. But would love to know what is going on

Z

zwily•12/8/23, 4:23 PM

i think i know the answer to this, but just in case... is it possible to use hyperdrive on Pages yet?

J

jparrish88•12/11/23, 7:14 PM

Hi All, I'm looking to architect a web application. I'd like to use gastsby along with Pages functions to pull user data from D1 and then display a gatsby page based on that data. The data, in D1 will not be changing that often. Often, it will be updated months before hand -- BUT it could be updated the day it would be needed by the app (scheduling work shifts, etc.). Is this something that can be handeled in pages functions? I'm trying to understand if this is an appropriate use of pages functions or not. To add more info, the REACT inside Gatsby will be made in such a way that the page will start the fetch from D1 and then the returned data will be injected into each Gatsby/React component. The problem is, I can't understand whether or not that can actually work correctly? Thanks for any help that you can provide.

Lloiu92 yes it should works

J

jparrish88•12/12/23, 10:06 PM

Thanks so much @loiu92 , I will start dev'ing.

C

Charlie•12/13/23, 5:28 AM

I'm using the remix setup(

bun create cloudflare@latest my-new-project -- --framework=remix

bun create cloudflare@latest my-new-project -- --framework=remix

bun create cloudflare@latest my-new-project -- --framework=remix

bun create cloudflare@latest my-new-project -- --framework=remix) and I wanted to deploy it to Cloudlfare Pages. My issue right now is that its showing "....page can't be found" My remix app is inside the apps folder.

Here's my github action yml file code:

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

on: [push]
jobs:
  deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    name: Deploy to Cloudflare Pages

    steps:
      - name: Check out code
        uses: actions/checkout@v3
        with:
          fetch-depth: 2

      - name: Setup Bun environment
        uses: oven-sh/setup-bun@v1
        with:
          bun-version: 1.0.13

      - name: Install dependencies
        run: bun install

      - name: Build
        run: bun run build

      - name: Create Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        continue-on-error: true
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages project create test-project --production-branch main

      - name: Deploy Cloudflare Pages project
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_WORKERS_API_TOKEN }}
          command: pages deploy "./apps/test-project/public/build" --project-name=test-project

J

jjjrmy•12/14/23, 6:34 PM

my pages functions were getting a cpu resources error yesterday, but not anymore today. is there any way to figure out the cause of that to prevent it in the future?

Jjjjrmy my pages functions were getting a cpu resources error yesterday, but not anymore...

E

Elliot Hesp•12/14/23, 8:56 PM

Not an official answer but doubtful. Pages doesn't even support log push so if something happens to your function like this, you have to be live streaming to even be able to view the logs, which may not even be helpful

K

kian•12/14/23, 9:01 PM

Even if you had logs, it won't tell you what function hit the timeout so you'd have to just log checkpoints along your code and see how far it gets before it fails - but yeah, Logpush is oddly missing from Pages.

Jjjjrmy my pages functions were getting a cpu resources error yesterday, but not anymore...

C

Chaika•12/14/23, 9:20 PM

I would check your Pages Function Metrics: https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/analytics/production and see what your Median CPU Time is now.
You may still be running on the edge of CPU Time now but just not getting errors due to less traffic or slightly lower usage

CChaika I would check your Pages Function Metrics: https://dash.cloudflare.com/?to=/:acc...

J

jjjrmy•12/14/23, 9:29 PM

when does it timeout? the median CPU time is 5ms, but there is some spikes 500ms+

K

kian•12/14/23, 9:31 PM

Free => 10ms
Paid:
Bundled => 50ms
Unbound => 30s
Standard => 30s

1. I mean any of them would just be an API call so not really the "easiest" but I think the only one

Similar Threads

Similar Threads

Similar Threads