Skip to content
/ render Public

Cloudflare Worker to proxy and cache requests to R2

License

Notifications You must be signed in to change notification settings

kotx/render

Repository files navigation

Render

Proxies readonly requests to Cloudflare R2 via Cloudflare Workers.

If you want an uploader, try Aster!

If you see a bug or something missing, please open an issue or pull request!

Features

  • File listings (with optional hidden files)!

screenshot of file listings in light mode screenshot of file listings in dark mode

  • Handles HEAD, GET, and OPTIONS requests
  • Forwards caching headers (etag, cache-control, expires, last-modified)
  • Forwards content headers (content-type, content-encoding, content-language, content-disposition)
  • Caches served files using the Cache API
  • Ranged requests (range, if-range, returns content-range)
  • Handles precondition headers (if-modified-since, if-unmodified-since, if-match, if-none-match)
  • Can serve an appended path if the requested url ends with / - Defaults to index.html in 0.5.0
  • Can serve custom 404 responses if a file is not found

Setup

Configuration

Create your R2 bucket(s) if you haven't already (replace bucket_name and preview_bucket_name appropriately):

pnpm install
pnpm wrangler r2 bucket create bucket_name # required
pnpm wrangler r2 bucket create preview_bucket_name # optional

You can also do this from the Cloudflare dashboard.

Edit wrangler.toml to have the correct bucket_name and optionally, preview_bucket_name (you can set it to bucket_name) if you're going to run this locally. You can do this from a fork, if using the GitHub Actions method.

You may edit CACHE_CONTROL to the default cache-control header or remove it entirely to fall back to nothing. If you set CACHE_CONTROL to "no-store" then Cloudflare caching will not be used.

Deploying

Note: Due to how custom domains for workers work, you MUST use a route to take advantage of caching. Cloudflare may fix this soon. Also note that *.workers.dev domains do not cache responses. You MUST use a route to your own (sub)domain.

If you want to deploy render with multiple domains for one worker, check out multi-render! It uses render as a package to serve multiple buckets to multiple domains with custom configurations.

Method 1 (Local)

pnpm wrangler publish # or `pnpm run deploy`

Method 2 (GitHub Actions)

  1. Fork this repository
  2. Set the secrets CF_API_TOKEN (with the Edit Cloudflare Workers template) and CF_ACCOUNT_ID in the repo settings
  3. Enable workflows in the Actions tab
  4. Update wrangler.toml as needed (this will trigger the workflow)
  5. (Optionally) set the worker route in the Cloudflare dashboard to use the Cache API

Using as a package

You may use this worker's functionality as a package by installing and importing render2:

npm install render2

Usage:

import render from "render2";
render.fetch(req, env, ctx);

You can see an awesome example with Erisa's multi-render!

Development

Install deps:

pnpm install

To launch the development server:

pnpm run dev

Notable Related Projects