add missing config file for binding

correct layout
Use cloudflare recommended layout
Add wrangler.toml to root of build folder
Output wrangler
Attempt to reference media properly

Author: StevenPG

.github/workflows/workflow.yml

@@ -51,5 +51,5 @@ jobs:
         with:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          command: pages deploy ./build --project-name=howoldaremycats
+          command: pages deploy . --project-name=howoldaremycats
           gitHubToken: ${{ secrets.GITHUB_TOKEN }}

functions/media/[[all]].js

@@ -0,0 +1,8 @@
+export async function onRequestGet(ctx) {
+    const path = new URL(ctx.request.url).pathname.replace("/media/", "");
+    const file = await ctx.env.MEDIA.get(path);
+    if (!file) return new Response(null, { status: 404 });
+    return new Response(file.body, {
+        headers: { "Content-Type": file.httpMetadata.contentType },
+    });
+}

src/app/contents.json

@@ -161,7 +161,7 @@
       "deathdate": "",
       "images": [
         "https://i.imgur.com/7Z5UHr3.jpg",
-        "https://pub-de0e381b0f7043a297494a2012c5777f.r2.dev/PixieHappyCountertop.mp4"
+        "/media/PixieHappyCountertop.mp4"
       ],
       "imageAlt": "Images of Pixie the cat",
       "sounds": [

wrangler.toml

@@ -0,0 +1,5 @@
+pages_build_output_dir = "build"
+
+[[r2_buckets]]
+binding = "MEDIA"
+bucket_name = "howoldaremycats-videos"