Look at the GraphQL calls that the individual project dashboards are making

K

kianOP•1/10/24, 4:47 PM

All metrics in the dash are just GraphQL or API calls that you can make yourself

Kkian Look at the GraphQL calls that the individual project dashboards are making

S

schwartzmj•1/10/24, 4:47 PM

Good idea

O

ottermanempire•1/10/24, 6:18 PM

Sorry for the dumb question, is it possible to use

await cache.match()

await cache.match()

await cache.match()

await cache.match() within a worker to pull a json file within a private R2 that I would otherwise access with the original

await env.bucket.get()

await env.bucket.get()

await env.bucket.get()

await env.bucket.get() method? Wondering because it won't have a url to build the cacheKey

S

Sean Morris•1/10/24, 6:23 PM

Hey guys check out this new thing im working on
https://php-cloud.pages.dev/phpinfo.php

S

Sean Morris•1/10/24, 6:24 PM

I've even got a PDO connector for D1 SQL

S

Sitefotos•1/10/24, 6:31 PM

Hi, how do i get access to browser workers, currently getting the following error

workers.api.error.no_access_to_browser_worker [code: 10088]

Aalfl I'm removing a bunch of bindings -- what should I do with the data?

C

Chaika•1/10/24, 7:54 PM

No way to delete, all data is deleted after 93 days though, at which point the dataset will be gone too

TTinkr Does anyone know for sure if there are any restrictions for using worker for sec...

E

Erisa•1/10/24, 8:11 PM

I'd probably email security@cloudflare.com for a request like that

E

Erisa•1/10/24, 8:12 PM

Though if you already have a support ticket that's fine too, we can take it from there

Original message was deleted

C

Cyb3r-Jak3•1/11/24, 1:41 AM

You can have custom role icons which is the cloud

Original message was deleted

C

Cyb3r-Jak3•1/11/24, 1:52 AM

It’s a server boosted perk. See https://support.discord.com/hc/en-us/articles/4409571023639-Custom-Role-Icons-FAQ

N

NazCodeland•1/11/24, 2:25 AM

Hey, just curious if its possible to setup a Cloudflare Worker that only handles CORS policies and use that Worker in all the other Cloudflare Worker scripts that need CORS policy implementation? - I don't understand CORS fully so, if this is not possible just let me know, thank you

A

Al Hill•1/11/24, 9:35 AM

Is there any way to know at execution time how much subrequests has done a worker? I'm reaching the limit and I'd like to know it to have unless one extra subrequest available to write in db the progress done at first attempt

Original message was deleted

A

Al Hill•1/11/24, 12:46 PM

sorry, cat & keyboard

L

ltdevv•1/11/24, 2:15 PM

Hi, does anyone know how to get the r2 endpoint when running the worker locally? I need that for using pre-signed urls in local environment.

K

kianOP•1/11/24, 2:20 PM

Local development doesn’t emulate the S3 API so there is no endpoint, you’d need to hit the production/live one

AAl Hill Is there any way to know at execution time how much subrequests has done a worke...

I

Isaac McFadyen•1/11/24, 2:31 PM

The subrequest limit should be documented based on the plan the Worker is on, if that's what you mean?

I

Isaac McFadyen•1/11/24, 2:31 PM

https://developers.cloudflare.com/workers/platform/limits/

A

Al Hill•1/11/24, 7:03 PM

I saw the limits, the problem is the function i'm developing need more or less subrequests depending on different things... so it would be useful knowing when it's going to crash into a "Error: Too many subrequests" loophole

A

Al Hill•1/11/24, 7:04 PM

so I could stop the loop, save a bookmark in the database, and "paginate" the work

K

kianOP•1/11/24, 7:06 PM

Workers don’t expose that so your only option would be implementing your own counter

S

Socal•1/11/24, 11:51 PM

What's the best way to process a file in a workers reqeust object? I see a bunch of exmaples of how to stream out the response, but not a lot of examples of how to process the request stream coming in

K

kianOP•1/11/24, 11:58 PM

Process a file is a little vague - what are you uploading and what do you want to do with it?

Kkian Process a file is a little vague - what are you uploading and what do you want t...

S

Socal•1/12/24, 12:01 AM

i want to send a csv or pdf to a cloudflare worker via a multipart/form-data post method. I then want to parse the file and do something with the result

K

kianOP•1/12/24, 12:02 AM

await request.formData() -> https://developer.mozilla.org/en-US/docs/Web/API/FormData

MDN Web Docs

FormData - Web APIs | MDN

The FormData interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the fetch(), XMLHttpRequest.send() or navigator.sendBeacon() methods. It uses the same format a form would use if the encoding type were set to "multipart/form-data".

Kkian await request.formData() -> https://developer.mozilla.org/en-US/docs/Web/API/For...

S

Socal•1/12/24, 12:13 AM

ok, i can see the formData() response, but it doesn't have a get() method on it

K

kianOP•1/12/24, 12:16 AM

What's your code?

Kkian What's your code?

S

Socal•1/12/24, 12:18 AM

export default {
    async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
        const results: string[] = [];


        const options = {
            header: true,
            dynamicTyping: true,
        };


        const req = await request.formData();
        console.log(req);
        const result = papa.parse(req.get('blob'), options);
        console.log(result);

    
        return new Response('Hello World!');
    },
};

export default {
    async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
        const results: string[] = [];


        const options = {
            header: true,
            dynamicTyping: true,
        };


        const req = await request.formData();
        console.log(req);
        const result = papa.parse(req.get('blob'), options);
        console.log(result);

    
        return new Response('Hello World!');
    },
};

export default {
    async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
        const results: string[] = [];


        const options = {
            header: true,
            dynamicTyping: true,
        };


        const req = await request.formData();
        console.log(req);
        const result = papa.parse(req.get('blob'), options);
        console.log(result);

    
        return new Response('Hello World!');
    },
};

export default {
    async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
        const results: string[] = [];


        const options = {
            header: true,
            dynamicTyping: true,
        };


        const req = await request.formData();
        console.log(req);
        const result = papa.parse(req.get('blob'), options);
        console.log(result);

    
        return new Response('Hello World!');
    },
};

Kkian What's your code?

S

Socal•1/12/24, 12:19 AM

console.log(req) gives

FormData(1) {
  'blob' => File {
    lastModified: 1705018748508,
    name: 'csv_filename.csv',
    type: 'text/csv',
    size: 2007
  }
}

FormData(1) {
  'blob' => File {
    lastModified: 1705018748508,
    name: 'csv_filename.csv',
    type: 'text/csv',
    size: 2007
  }
}

FormData(1) {
  'blob' => File {
    lastModified: 1705018748508,
    name: 'csv_filename.csv',
    type: 'text/csv',
    size: 2007
  }
}

FormData(1) {
  'blob' => File {
    lastModified: 1705018748508,
    name: 'csv_filename.csv',
    type: 'text/csv',
    size: 2007
  }
}

K

kianOP•1/12/24, 12:20 AM

What makes you think there isn't a get() method though? Does the

papa.parse()

papa.parse()

papa.parse()

papa.parse() call fail?

Kkian What makes you think there isn't a get() method though? Does the `papa.parse()` ...

S

Socal•1/12/24, 12:23 AM

ok, i did double check. it does have a get method that returns

File {
  lastModified: 1705018963031,
  name: 'csv_filename.csv',
  type: 'text/csv',
  size: 2007
}

File {
  lastModified: 1705018963031,
  name: 'csv_filename.csv',
  type: 'text/csv',
  size: 2007
}

File {
  lastModified: 1705018963031,
  name: 'csv_filename.csv',
  type: 'text/csv',
  size: 2007
}

File {
  lastModified: 1705018963031,
  name: 'csv_filename.csv',
  type: 'text/csv',
  size: 2007
}

. How do I access the file?

S

Socal•1/12/24, 12:24 AM

or what do i need to be sending into papaparse

K

kianOP•1/12/24, 12:25 AM

It's a

File

File

File

File, which extends

Blob

Blob

Blob

Blob, so there's methods like

arrayBuffer()

arrayBuffer()

arrayBuffer()

arrayBuffer(),

stream()

stream()

stream()

stream() and

text()

text()

text()

text()

K

kianOP•1/12/24, 12:26 AM

https://developer.mozilla.org/en-US/docs/Web/API/Blob

Kkian It's a `File`, which extends `Blob`, so there's methods like `arrayBuffer()`, `s...

S

Socal•1/12/24, 12:58 AM

thank you. I got it working. Apparently i needed to use text() text and then pass it into papaparse as papaparse tries to use FileReaderSync otherwise

R

Ranjan Mangla•1/12/24, 9:54 AM

How to setup. Cors in workers?

R

Ranjan Mangla•1/12/24, 9:55 AM

On doing a put request to my worker from react front end (store data in R2), I am getting cors error,

R

Ranjan Mangla•1/12/24, 9:55 AM

Tried setting up. Cors headers, still not working

RRanjan Mangla Tried setting up. Cors headers, still not working

H

Hello, I’m Allie!•1/12/24, 9:55 AM

Can you give us a code example to show what you are doing right now?

R

Ranjan Mangla•1/12/24, 9:59 AM

this is what i am doing:

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

RRanjan Mangla this is what i am doing: ``` export default { async fetch(request, env, ctx) {...

H

Hello, I’m Allie!•1/12/24, 10:01 AM

Oh, I see. Your browser is probably sending a

OPTIONS

OPTIONS

request to check for CORS headers, which you aren't handling, so it errors. Try adding an

if

if

if

if statement for

OPTIONS

OPTIONS

requests that

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

and then see if it works.

Original message was deleted

H

Hello, I’m Allie!•1/12/24, 10:05 AM

https://tenor.com/view/wow-gif-20411229

Tenor

Original message was deleted

H

Hello, I’m Allie!•1/12/24, 10:06 AM

Thanks for the save!

R

Ranjan Mangla•1/12/24, 10:12 AM

still getting it , here is my code:

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

R

Ranjan Mangla•1/12/24, 11:20 AM

now it is solved, added PUT method in OPTIONS request as allowed methods

R

Ranjan Mangla•1/12/24, 11:20 AM

Thank you very much @HardlyHolidayin’ ,was stuck on it for past one day

R

Ranjan Mangla•1/12/24, 11:20 AM

and got know about pre-flight requests today facehappy

Look at the GraphQL calls that the individual project dashboards are making

Similar Threads

Similar Threads

Similar Threads