Automated YouTube Uploader

\n {/* */}\n \n \n\n {/* */}\n

Google Authorization Required

\n Link your Google account to authorize YouTube video uploads.\n

\n\n \n

\n Step 1\n Open Google authentication authorization path:\n

\n\n \n 🔐 Sign in with Google\n \n\n

\n Step 2\n Submit your Google verification token code:\n

\n\n \n \n

\n\n {/* */}\n

Upload Video

\n Transmit video files directly to your authenticated YouTube\n channel.\n

\n\n \n \n Select Video File (.mp4, .mkv, etc.)\n \n \n\n \n Video Title\n \n \n\n \n Video Description\n \n \n \n\n \n \n \n \n

\n\n \n \n \n );\n};",[19,69],"b6da64b9-83e3-4a78-a13b-65cad82d3bb8","directory",1,["D",1780847217560],56,[19],{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":80,"_47":48,"_49":105,"_17":78,"_52":77,"_53":-5,"_55":56,"_57":-5,"_92":106,"_18":107},{"_36":95,"_13":96,"_39":97,"_41":-5,"_43":44,"_45":98,"_47":48,"_49":99,"_17":100,"_52":101,"_53":102,"_55":56,"_57":14,"_92":103,"_18":104},{"_36":85,"_13":86,"_39":87,"_41":-5,"_43":44,"_45":88,"_47":48,"_49":89,"_17":90,"_52":65,"_53":91,"_55":56,"_57":-5,"_92":93,"_18":94},"74daf339-8a39-4196-b3d1-91b87bcc4fa9","youtube.ts","35dfb1dc-6284-11f1-ba32-1607ee4eb77e",74,["D",1780847950943],12,"import { google, youtube_v3 } from \"npm:googleapis\";\nimport { OAuth2Client } from \"npm:google-auth-library\";\nimport { GaxiosResponse } from \"npm:gaxios\";\nimport * as v from \"npm:valibot\";\nimport { Readable } from \"node:stream\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst ClientSecretSchema = v.object({\n web: v.object({\n client_id: v.string(),\n project_id: v.string(),\n auth_uri: v.string(),\n token_uri: v.string(),\n auth_provider_x509_cert_url: v.string(),\n client_secret: v.string(),\n redirect_uris: v.array(v.string()),\n }),\n});\n\nexport type ClientSecret = v.InferOutput;\n\nconst TOKEN_PATH = \"tokens.json\";\nconst SECRET_PATH = \"client_secret.json\";\nconst SCOPES = [\"https://www.googleapis.com/auth/youtube.upload\"];\n\n/**\n * Asynchronously loads and validates the application secrets via Valibot\n */\nexport async function loadClientSecrets(): Promise {\n const client_secrets = Deno.env.get(\"CLIENT_SECRETS_JSON\")\n if (!client_secrets)\n throw 'Configure CLIENT_SECRETS_JSON env var'\n return v.parse(ClientSecretSchema, JSON.parse(client_secrets));\n}\n\n/**\n * Creates an OAuth2Client instance from secret credentials\n */\nexport function getOAuthClient(secretData: ClientSecret): OAuth2Client {\n const { client_id, client_secret, redirect_uris } = secretData.web;\n const redirectUri = redirect_uris[0];\n return new OAuth2Client(\n client_id,\n client_secret,\n redirectUri,\n );\n}\n\n/**\n * Checks if a token file already exists and contains credentials\n */\nexport async function hasStoredToken(): Promise {\n try {\n const tokenContent = await blob.getJSON(TOKEN_PATH);\n const parsed = JSON.parse(tokenContent);\n return !!(parsed && (parsed.access_token || parsed.refresh_token));\n } catch (_err) {\n return false;\n }\n}\n\n/**\n * Exchages authorization code for tokens and saves them to disk\n */\nexport async function saveToken(\n auth: OAuth2Client,\n code: string,\n): Promise {\n const { tokens } = await auth.getToken(code);\n auth.setCredentials(tokens);\n await blob.setJSON(TOKEN_PATH, JSON.stringify(tokens));\n}\n\n/**\n * Pre-authorizes OAuth2Client using stored tokens\n */\nexport async function authorizeClient(auth: OAuth2Client): Promise {\n const tokenContent = await blob.getJSON(TOKEN_PATH);\n auth.setCredentials(JSON.parse(tokenContent));\n}\n\n/**\n * Generates the Google authorization URL for testing/redirects\n */\nexport function getAuthUrl(auth: OAuth2Client): string {\n return auth.generateAuthUrl({\n access_type: \"offline\",\n scope: SCOPES,\n prompt: \"consent\",\n });\n}\n\n/**\n * Handles the video media upload leveraging strict method chaining and zero 'any' typings\n */\nexport async function uploadVideoBuffer(\n auth: OAuth2Client,\n fileBytes: Uint8Array,\n metadata: { title: string; description: string },\n): Promise> {\n const youtube = google.youtube(\"v3\");\n const fileStream = Readable.from([fileBytes]);\n\n const res = await youtube.videos.insert({\n auth: auth as unknown as InstanceType,\n part: [\"snippet\", \"status\"],\n requestBody: {\n snippet: {\n title: metadata.title,\n description: metadata.description,\n categoryId: \"22\",\n },\n status: {\n privacyStatus: \"unlisted\",\n },\n },\n media: {\n body: fileStream,\n },\n });\n\n return res as GaxiosResponse;\n}","children",[],[86],"9cd93b84-f49b-42bf-9e0a-096edc4cce70","main.tsx","13f86046-6284-11f1-93da-1607ee4eb77e",63,["D",1780847269547],19,"http","/** @jsx npm:jsx */\n/** @jsxImportSource npm:hono/jsx */\n\nimport { Hono } from \"npm:hono@4.12.23\";\nimport {\n authorizeClient,\n getAuthUrl,\n getOAuthClient,\n hasStoredToken,\n loadClientSecrets,\n saveToken,\n uploadVideoBuffer,\n} from \"./youtube.ts\";\nimport {Frontend} from './frontend/index.tsx'\nconst app = new Hono();\n\n// Serve static frontend files (e.g. index.html)\napp.get(\"/\", async (c) => {\n // console.log({ dirs: await listFiles() });\n // const html = await Deno.readTextFile(\"./index.html\");\n // console.log(\"HTML length: \", html.length);\n return c.html();\n});\n\n// 1. Get OAuth authentication status & link\napp.get(\"/api/auth-status\", async (c) => {\n try {\n const authenticated = await hasStoredToken();\n if (authenticated) {\n return c.json({ authenticated: true });\n }\n\n const secrets = await loadClientSecrets();\n const oauth2Client = getOAuthClient(secrets);\n const authUrl = getAuthUrl(oauth2Client);\n\n return c.json({ authenticated: false, authUrl });\n } catch (err: any) {\n return c.json(\n { error: \"Failed to get auth status\", details: err.message },\n 500,\n );\n }\n});\n\n// 2. Submit verification code from Google\napp.post(\"/api/auth-callback\", async (c) => {\n try {\n const { code } = await c.req.json();\n if (!code) {\n return c.json({ error: \"Verification code is required\" }, 400);\n }\n\n const secrets = await loadClientSecrets();\n const oauth2Client = getOAuthClient(secrets);\n await saveToken(oauth2Client, code);\n\n return c.json({ success: true });\n } catch (err: any) {\n return c.json(\n { error: \"Token exchange failed\", details: err.message },\n 500,\n );\n }\n});\n\n// 3. Handle video upload\napp.post(\"/api/upload\", async (c) => {\n try {\n const body = await c.req.parseBody();\n const file = body.file;\n const title = body.title;\n const description = body.description;\n\n if (!file || !(file instanceof File)) {\n return c.json({ error: \"No video file provided\" }, 400);\n }\n if (!title || typeof title !== \"string\") {\n return c.json({ error: \"Video title is required\" }, 400);\n }\n\n const authenticated = await hasStoredToken();\n if (!authenticated) {\n return c.json(\n { error: \"Application is not authenticated with Google\" },\n 401,\n );\n }\n\n console.log(`📂 Processing file: ${file.name} (${file.size} bytes)`);\n\n // Load file bytes into an in-memory buffer\n const arrayBuffer = await file.arrayBuffer();\n const fileBytes = new Uint8Array(arrayBuffer);\n\n // Get authorized client\n const secrets = await loadClientSecrets();\n const oauth2Client = getOAuthClient(secrets);\n await authorizeClient(oauth2Client);\n\n console.log(`📤 Uploading to YouTube: \"${title}\"...`);\n const res = await uploadVideoBuffer(oauth2Client, fileBytes, {\n title,\n description: (description as string) || \"\",\n });\n\n console.log(`🎉 Upload success! Video ID: ${res.data.id}`);\n return c.json({\n success: true,\n videoId: res.data.id,\n watchUrl: `https://www.youtube.com/watch?v=${res.data.id}`,\n });\n } catch (err: any) {\n console.error(\"❌ Upload endpoint failed:\", err);\n return c.json({\n error: \"Video upload pipeline failed\",\n details: err.message,\n }, 500);\n }\n});\n\n// Start Deno server\nexport default app.fetch;",[],[96],["D",1780847217560],[108,109,110],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":117,"_17":73,"_52":65,"_53":74,"_55":56,"_57":-5,"_92":118,"_18":119},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":114,"_17":64,"_52":65,"_53":66,"_55":56,"_57":-5,"_92":115,"_18":116},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":111,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_92":112,"_18":113},["D",1780847239030],[],[19,38],["D",1780847232881],[],[19,60],["D",1780848264086],[],[19,69],"9270efaf-d92c-415b-8a57-3546f90e76a5",["D",1780845483513],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Easy YouTube upload automation","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8820face-fb6d-448b-d334-37dab9454000/square512?exp=1789538399&sig=b9d85aaad0b2714b7306263967d2b8c68e61dabd103d70f1e4004eaeb80a9f19","userId","f977153d-5533-4826-a69a-dddf85487bc0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","4e09891a-64d9-42be-8291-616955c069a5","tursoName","9270efafd92c415b8a573546f90e76a5","tursoHostname","9270efafd92c415b8a573546f90e76a5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789494036282],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_178":174},"org",{"_11":12,"_172":-5,"_173":174,"_131":132,"_175":176,"_177":56},"branch",{"_17":71,"_13":16,"_36":44,"_164":120,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya0NPMjNiYXh2ZHhNNzBvakFna3N5SkdpV0MifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":120,"_13":14,"_49":233,"_122":-5,"_123":56,"_124":125,"_126":125,"_127":128,"_129":130,"_131":132,"_133":-5,"_134":56,"_135":-5,"_136":-5,"_137":138,"_139":140,"_141":142,"_143":144,"_145":234,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":235,"_159":236,"_161":237,"_163":56},[215,219,220],"files",[215,216,217,218,219,220],"counts",{"_206":138,"_207":78,"_208":138,"_32":209,"_210":211},[200,201,202],{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":80,"_47":48,"_49":198,"_17":78,"_52":77,"_53":-5,"_55":56,"_57":-5,"_18":199},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1780847217560],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":73,"_52":65,"_53":74,"_55":56,"_57":-5,"_18":205},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":63,"_17":64,"_52":65,"_53":66,"_55":56,"_57":-5,"_18":204},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_18":203},[19,38],[19,60],[19,69],"pulls","branches","forks",{"_212":78,"_214":138},"connections",{"_212":138,"_213":138},"count","unfilledCount","emptyCount",{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":80,"_47":48,"_49":105,"_17":78,"_52":77,"_53":-5,"_55":56,"_57":-5,"_92":231,"_18":232},{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":117,"_17":73,"_52":65,"_53":74,"_55":56,"_57":-5,"_92":229,"_18":230},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":114,"_17":64,"_52":65,"_53":66,"_55":56,"_57":-5,"_92":227,"_18":228},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":111,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_92":225,"_18":226},{"_36":95,"_13":96,"_39":97,"_41":-5,"_43":44,"_45":98,"_47":48,"_49":99,"_17":100,"_52":101,"_53":102,"_55":56,"_57":14,"_92":223,"_18":224},{"_36":85,"_13":86,"_39":87,"_41":-5,"_43":44,"_45":88,"_47":48,"_49":89,"_17":90,"_52":65,"_53":91,"_55":56,"_57":-5,"_92":221,"_18":222},[],[86],[],[96],[],[19,38],[],[19,60],[],[19,69],[216,217,218],[19],["D",1780845483513],["D",1789494036282],{"_11":12,"_178":174},{"_11":12,"_172":-5,"_173":174,"_131":132,"_175":176,"_177":56},{"_17":71,"_13":16,"_36":44,"_164":120,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"ctx",{"_157":-5,"_195":271,"_272":273,"_274":275,"_276":56,"_277":56,"_278":56,"_279":48,"_280":-5,"_281":-7,"_282":-7,"_283":138,"_284":56,"_285":56,"_286":-5,"_287":56,"_288":56,"_289":56,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":16,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]