[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_101":100,"_38":50,"_109":91,"_33":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":31,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","fb7194f7-7ceb-473e-ae81-065583dd0c81","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","ui.html","latestPath","fileId","054c76fa-62ab-11f1-b793-1607ee4eb77e","name","fileType","content","\n\n\n \n \n Betlify - Upload & Host Your Pages\n \n\n\n

🎯 Betlify

Upload & host your pages instantly

\n\n

Uploading...

\n\n

\n\n \n

\n\n \n\n\n","\n\n\n \n \n Betlify - Upload & Host Your Pages\n \n\n\n

🎯 Betlify

Upload & host your pages instantly

\n\n

Uploading...

\n\n

\n\n \n

📁

Drag & Drop Your Folder

or click to select files manually

Contains: HTML, CSS, JS, images, fonts, etc.

\n\n \n\n

Want to integrate Betlify?

\n 📚 View API Documentation →\n

\n\n \n\n\n","createdAt",["D",1780862292099],"branchVersion","branchId","3e7d52aa-d51f-4282-90fc-6c0585d81526","id","075be673-d0a9-402b-9610-ff08d3fb47b5","Betlify",["D",1780862033022],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Upload sites quickly with Betlify","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1c5a1319-b771-498a-c10a-d66754bca500/square512?exp=1789592399&sig=c57fcc6349b5acc25f3a8ab69b0ba3c199f603327133e5e6b85607a9b7b448bb","019beded-439e-73bf-8c9f-fb45609e1b53","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019beded-439e-73bf-8c9f-fc9839b94ee9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},"branch",{"_13":90,"_38":91,"_48":47,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":50,"_99":100},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","brybod123","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOGdaaHZnZDB3dXJYVm9WMTZ3bmF2a25iWE8ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":181,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":60,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":182,"_85":183,"_87":184,"_89":31},"tree",[168,169,170],"files",[168,169,170],"counts",{"_158":67,"_159":139,"_160":67,"_161":162,"_163":164},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":151,"_38":152,"_36":153,"_136":-5,"_46":47,"_45":154,"_137":31,"_43":155,"_13":67,"_39":26,"_40":156,"_30":31,"_140":-5,"_33":157},{"_48":142,"_38":143,"_36":144,"_136":-5,"_46":47,"_45":145,"_137":31,"_43":146,"_13":147,"_39":148,"_40":149,"_30":31,"_140":-5,"_33":150},{"_48":135,"_38":34,"_36":37,"_136":-5,"_46":47,"_45":14,"_137":31,"_43":138,"_13":139,"_39":26,"_40":42,"_30":31,"_140":-5,"_33":141},"dd4397ae-22b9-4639-8095-7ad2b75eca75","parentId","latest",["D",1780862292099],1,"label",[34],"d6f847f9-95db-4e4f-88f7-7f1105100137","main.ts","9c3ff1a0-62aa-11f1-87aa-1607ee4eb77e",4,["D",1780862195956],2,"http","import { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\ninterface PageData {\n html: string;\n css?: string;\n js?: string;\n assets: Record; // base64 encoded files\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // GET /ui - Admin panel to upload pages\n if (pathname === \"/ui\") {\n return new Response(await readFile(\"./ui.html\"), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // POST /api/upload - Upload a new page\n if (pathname === \"/api/upload\" && req.method === \"POST\") {\n try {\n const formData = await req.formData();\n const pageName = formData.get(\"pageName\") as string;\n const htmlFile = formData.get(\"html\") as File;\n const cssFile = formData.get(\"css\") as File;\n const jsFile = formData.get(\"js\") as File;\n const assetFiles = formData.getAll(\"assets\") as File[];\n\n if (!pageName || !htmlFile) {\n return new Response(JSON.stringify({ error: \"Page name and HTML are required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Read files\n const htmlContent = await htmlFile.text();\n const cssContent = cssFile ? await cssFile.text() : \"\";\n const jsContent = jsFile ? await jsFile.text() : \"\";\n\n // Process assets\n const assets: Record = {};\n for (const assetFile of assetFiles) {\n const arrayBuffer = await assetFile.arrayBuffer();\n const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));\n assets[assetFile.name] = base64;\n }\n\n const pageData: PageData = {\n html: htmlContent,\n css: cssContent,\n js: jsContent,\n assets,\n };\n\n // Save to blob storage\n await blob.setJSON(`page:${pageName}`, pageData);\n\n return new Response(JSON.stringify({ \n success: true, \n url: `/pages/${pageName}`,\n fullUrl: `${url.origin}/pages/${pageName}`\n }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // GET /pages/:pageName - Serve a hosted page\n if (pathname.startsWith(\"/pages/\")) {\n const pageName = pathname.slice(7); // Remove \"/pages/\"\n \n try {\n const pageData = await blob.getJSON(`page:${pageName}`) as PageData | null;\n \n if (!pageData) {\n return new Response(JSON.stringify({ error: \"Page not found\" }), {\n status: 404,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Build the final HTML with CSS and JS injected\n let html = pageData.html;\n\n // Inject CSS\n if (pageData.css) {\n html = html.replace(\"\", ``);\n }\n\n // Inject JS\n if (pageData.js) {\n html = html.replace(\"\", ``);\n }\n\n // Replace asset references with data URIs\n for (const [assetName, base64Data] of Object.entries(pageData.assets)) {\n const ext = assetName.split(\".\").pop()?.toLowerCase();\n const mimeTypes: Record = {\n \"png\": \"image/png\",\n \"jpg\": \"image/jpeg\",\n \"jpeg\": \"image/jpeg\",\n \"gif\": \"image/gif\",\n \"svg\": \"image/svg+xml\",\n \"webp\": \"image/webp\",\n \"woff\": \"font/woff\",\n \"woff2\": \"font/woff2\",\n \"ttf\": \"font/ttf\",\n };\n const mimeType = mimeTypes[ext || \"\"] || \"application/octet-stream\";\n const dataUri = `data:${mimeType};base64,${base64Data}`;\n html = html.replaceAll(assetName, dataUri);\n }\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // GET / - Redirect to UI\n if (pathname === \"/\") {\n return new Response(null, {\n status: 302,\n headers: { \"Location\": \"/ui\" },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n",[143],"bdbb38c1-3797-4cbf-8d40-d0ccb6d0390c","README.md","09e79550-62ab-11f1-950d-1607ee4eb77e",7,["D",1780862217014],"# 🎯 Betlify\n\nA lightweight hosting platform for uploading and instantly deploying HTML/CSS/JavaScript pages with assets.\n\n## Features\n\n✨ **Fast & Simple**\n- Upload HTML, CSS, and JavaScript files\n- Add images, fonts, and other assets\n- Get a live URL instantly\n- No configuration required\n\n🔒 **Secure & Private**\n- Pages stored in fast KV blob cache\n- Base64 encoding for all assets\n- Data URIs for asset delivery\n\n⚡ **Performance**\n- Instant page availability\n- Cached asset delivery\n- Minimal latency\n\n## How It Works\n\n1. **Upload** - Go to `/ui` and upload your files\n - HTML file (required)\n - CSS file (optional)\n - JavaScript file (optional)\n - Assets like images and fonts (optional)\n\n2. **Name Your Page** - Give it a URL-friendly name (e.g., `my-portfolio`)\n\n3. **Share** - Get an instant shareable link at `/pages/my-portfolio`\n\n## API Endpoints\n\n### `GET /ui`\nThe admin upload interface.\n\n### `POST /api/upload`\nUpload a new page.\n\n**Request:**\n```\nmultipart/form-data:\n- pageName (string): URL slug for your page\n- html (file): Main HTML file\n- css (file, optional): Stylesheet\n- js (file, optional): JavaScript\n- assets (file[], optional): Images, fonts, etc.\n```\n\n**Response:**\n```json\n{\n \"success\": true,\n \"url\": \"/pages/my-portfolio\",\n \"fullUrl\": \"https://brybod123-betlify.val.run/pages/my-portfolio\"\n}\n```\n\n### `GET /pages/:pageName`\nServe a hosted page with all CSS, JS, and assets injected.\n\n## Example Usage\n\n1. Go to \n2. Fill in the form:\n - Page Name: `hello-world`\n - HTML File: `index.html`\n - CSS File: `styles.css`\n - JavaScript File: `script.js`\n - Assets: `logo.png`, `font.woff2`\n3. Click \"⚡ Upload & Host\"\n4. Share your page: `https://brybod123-betlify.val.run/pages/hello-world`\n\n## Technical Details\n\n- **Storage**: Val Town's blob KV cache\n- **Runtime**: Deno + TypeScript\n- **Asset Encoding**: Base64 data URIs\n- **MIME Types**: Automatic detection for images, fonts, etc.\n\n## Supported Asset Types\n\n- Images: PNG, JPG, GIF, SVG, WebP\n- Fonts: WOFF, WOFF2, TTF\n- Other: Any file type supported via base64\n\n---\n\nMade with ❤️ on Val Town\n",[152],"pulls","branches","forks","envVars",{"_165":67,"_167":67},"connections",{"_165":67,"_166":67},"count","unfilledCount","emptyCount",{"_48":151,"_38":152,"_36":153,"_136":-5,"_46":47,"_45":154,"_137":31,"_43":178,"_13":67,"_39":26,"_40":156,"_30":31,"_140":-5,"_172":179,"_33":180},{"_48":142,"_38":143,"_36":144,"_136":-5,"_46":47,"_45":145,"_137":31,"_43":175,"_13":147,"_39":148,"_40":149,"_30":31,"_140":-5,"_172":176,"_33":177},{"_48":135,"_38":34,"_36":37,"_136":-5,"_46":47,"_45":14,"_137":31,"_43":171,"_13":139,"_39":26,"_40":42,"_30":31,"_140":-5,"_172":173,"_33":174},["D",1780862292099],"children",[],[34],["D",1780862195956],[],[143],["D",1780862217014],[],[152],["D",1780862033022],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},{"_13":90,"_38":91,"_48":47,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":50,"_99":100},"ctx",{"_83":-5,"_129":218,"_219":220,"_221":222,"_223":31,"_224":31,"_225":31,"_226":127,"_227":-5,"_228":-7,"_229":-7,"_230":67,"_231":31,"_232":31,"_233":-5,"_234":31,"_235":31,"_236":31,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":91,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8