Upload cloud.mp4

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_246":247,"_248":249},"routes/_app.x.$handle.$name",{"_107":106,"_38":51,"_115":94,"_33":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":31,"_132":133,"_134":63,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":37,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":31},"version",15,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","4b66c1d2-a7ab-417a-812c-829c3259b529","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019e6f3a-9b0b-73a3-930e-9956b82084ae","name","fileType","http","content","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();","import { readFile, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { saveVideo, serveVideo, videoStatus } from \"./video.ts\";\n\nconst serveStatic = staticHTTPServer();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // --- Background video, served same-origin from blob storage ---\n if (path === \"/cloud.mp4\") {\n if (req.method === \"GET\" || req.method === \"HEAD\") {\n return await serveVideo(req);\n }\n // Upload / replace the video.\n if (req.method === \"PUT\" || req.method === \"POST\") {\n const bytes = await req.arrayBuffer();\n if (bytes.byteLength === 0) {\n return new Response(\"Empty body\", { status: 400 });\n }\n await saveVideo(bytes);\n return Response.json({ ok: true, size: bytes.byteLength });\n }\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n // --- Upload UI ---\n if (path === \"/upload\" || path === \"/upload/\") {\n const html = await readFile(\"/upload.html\", import.meta.url);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // --- Status endpoint used by the upload page ---\n if (path === \"/video-status\") {\n return Response.json(await videoStatus());\n }\n\n // --- Everything else: index.html, favicon.svg, etc. ---\n return await serveStatic(req);\n}\n","createdAt",["D",1780324992316],"branchVersion","branchId","f4c7c3e6-5aaa-11f1-8e84-ee650bb23af1","id","f4c3fa18-5aaa-11f1-8e84-ee650bb23af1","basic-html-starter5",["D",1779982572252],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","01999b42-6923-7516-b82f-33ca961b034d","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01999b42-6923-7516-b82f-3505b8a0d6c5","tursoName","f4c3fa185aaa11f18e84ee650bb23af1","tursoHostname","f4c3fa185aaa11f18e84ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789492855745],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":110},"org",{"_107":106,"_108":-5,"_109":110,"_19":60,"_111":112,"_113":31},"branch",{"_13":93,"_38":94,"_49":48,"_95":50,"_96":97,"_98":99,"_100":56,"_101":102,"_103":69,"_104":51,"_105":106},"isOwned",17,"main","projectId","forkedBranchId","dc43cf5e-f682-11f0-90bf-42dde27851f2","forkedBranchVersion",34,"forkedProjectPrivacy","forkedProjectId","dc4048ac-f682-11f0-90bf-42dde27851f2","forkedProjectOrgId","projectName","userHandle","want","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzUVBmSlozZlNTS0gzRFFsaHhPZk84VDFPNyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":241,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":37,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":242,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":243,"_88":244,"_90":245,"_92":31},"tree",[212,213,214,215,216,217,218],"files",[212,213,214,215,216,217,218],"counts",{"_202":67,"_203":175,"_204":67,"_205":206,"_207":208},"contents",[148,149,150,151,152,153,154],"upstreamProject",{"_49":102,"_38":146,"_58":-5,"_59":-5,"_55":56,"_86":147},"upstreamBranch",{"_49":97,"_44":139,"_140":141,"_38":94,"_95":102,"_13":99,"_96":142,"_98":143,"_144":145,"_53":-5,"_92":31,"_55":56,"_105":106,"_68":69,"_104":146},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1768970234977],"updatedAt",["D",1769622974019],"1bd09c8a-f2f8-11f0-af8c-42dde27851f2",43,"lockfileKey","1769622975181-esm.town_v_want_basic-html-starter4@34-main","basic-html-starter4",{"_107":106,"_114":110},{"_49":197,"_38":56,"_36":198,"_158":-5,"_47":48,"_46":175,"_160":63,"_44":199,"_13":67,"_39":200,"_41":-5,"_30":31,"_164":-5,"_33":201},{"_49":191,"_38":192,"_36":193,"_158":-5,"_47":48,"_46":175,"_160":63,"_44":194,"_13":67,"_39":26,"_41":195,"_30":31,"_164":-5,"_33":196},{"_49":185,"_38":186,"_36":187,"_158":-5,"_47":48,"_46":175,"_160":63,"_44":188,"_13":67,"_39":26,"_41":189,"_30":31,"_164":-5,"_33":190},{"_49":177,"_38":178,"_36":179,"_158":-5,"_47":48,"_46":180,"_160":31,"_44":181,"_13":182,"_39":26,"_41":183,"_30":31,"_164":-5,"_33":184},{"_49":173,"_38":34,"_36":37,"_158":-5,"_47":48,"_46":14,"_160":63,"_44":174,"_13":175,"_39":40,"_41":43,"_30":31,"_164":-5,"_33":176},{"_49":166,"_38":167,"_36":168,"_158":-5,"_47":48,"_46":169,"_160":63,"_44":170,"_13":67,"_39":26,"_41":171,"_30":31,"_164":-5,"_33":172},{"_49":155,"_38":156,"_36":157,"_158":-5,"_47":48,"_46":159,"_160":63,"_44":161,"_13":67,"_39":162,"_41":163,"_30":31,"_164":-5,"_33":165},"1c51b4b0-5dc8-11f1-98c3-1607ee4eb77e","video.ts","1c51b58c-5dc8-11f1-98c3-1607ee4eb77e","parentId",13,"latest",["D",1780324947505],"script","import { blob } from \"https://esm.town/v/std/blob\";\n\n// The blob key under which the background video is stored.\nexport const VIDEO_BLOB_KEY = \"cloud-mp4\";\n\n/**\n * Serve the background video from blob storage with HTTP Range support.\n *\n * Range support is what lets browsers stream and seek the video, and many\n * browsers will refuse to even start playing a

Background video

index // archive

Liquid Refraction Engines

The Patina of Web Artifacts

Hyper-Skeuomorphic Planes

Diff · v15