\n GitHubSync\n
Sync vals from Val Town to GitHub and back
\n

\n View source\n \n ,\n );\n}",[18,92],"cb2639ac-3b1e-11f0-b422-9e149126039e",["D",1748366389144],"/**\n * This route pushes code from val.town to GitHub\n */\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { commitFiles } from \"../commit-files\";\nimport config from \"../config.json\" with { type: \"json\" };\n\nimport type { Context } from \"npm:hono\";\n\nconst token = Deno.env.get(\"GITHUB_TOKEN\");\n\nconst valtown = new ValTown();\n\nexport default async function GitHubPush(c: Context) {\n // auth check in /index\n const user = await valtown.me.profile.retrieve();\n const username = user.username || \"\";\n\n const vals = await Promise.all(config.vals.map(async (name) => {\n const val = await valtown.alias.username.valName.retrieve(username, name);\n return {\n path: `${name}.tsx`,\n content: val.code ?? \"\",\n };\n }));\n\n const result = await commitFiles({\n token,\n owner: config.owner,\n repo: config.repo,\n files: vals,\n message: \"Exported from https://val.town/x/jxnblk/GitHubSync\",\n });\n console.log(result);\n\n return c.json({ ok: true });\n}",[18,71],"pulls","branches","forks","envVars",{"_93":225,"_226":225},"connections",{"_93":26,"_224":26},"unfilledCount",4,"emptyCount",{"_33":185,"_13":18,"_69":98,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":289,"_39":26,"_72":99,"_189":-5,"_74":30,"_190":-5,"_243":290,"_17":291},{"_33":213,"_13":71,"_69":70,"_43":98,"_35":36,"_186":40,"_187":24,"_37":286,"_39":26,"_72":73,"_189":215,"_74":30,"_190":-5,"_243":287,"_17":288},{"_33":209,"_13":92,"_69":91,"_43":98,"_35":36,"_186":40,"_187":24,"_37":283,"_39":26,"_72":73,"_189":211,"_74":30,"_190":-5,"_243":284,"_17":285},{"_33":205,"_13":97,"_69":96,"_43":98,"_35":36,"_186":40,"_187":24,"_37":280,"_39":26,"_72":73,"_189":207,"_74":30,"_190":-5,"_243":281,"_17":282},{"_33":201,"_13":87,"_69":86,"_43":98,"_35":36,"_186":40,"_187":24,"_37":277,"_39":26,"_72":73,"_189":203,"_74":30,"_190":-5,"_243":278,"_17":279},{"_33":197,"_13":82,"_69":81,"_43":98,"_35":36,"_186":40,"_187":24,"_37":274,"_39":26,"_72":73,"_189":199,"_74":30,"_190":-5,"_243":275,"_17":276},{"_33":267,"_13":268,"_69":269,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":270,"_39":26,"_72":21,"_189":271,"_74":30,"_190":-5,"_243":272,"_17":273},{"_33":260,"_13":261,"_69":262,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":263,"_39":26,"_72":73,"_189":264,"_74":30,"_190":-5,"_243":265,"_17":266},{"_33":253,"_13":254,"_69":255,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":256,"_39":26,"_72":21,"_189":257,"_74":30,"_190":-5,"_243":258,"_17":259},{"_33":246,"_13":247,"_69":111,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":248,"_39":26,"_72":249,"_189":250,"_74":30,"_190":-5,"_243":251,"_17":252},{"_33":238,"_13":239,"_69":240,"_43":-5,"_35":36,"_186":40,"_187":24,"_37":241,"_39":26,"_72":73,"_189":242,"_74":30,"_190":-5,"_243":244,"_17":245},"cb26861e-3b1e-11f0-b422-9e149126039e","sign-webhook","de3896f5-db6e-43ff-8cb9-1f0420185c66",["D",1748366389144],"/**\n * Use this function along with your valtown webhook secret to create\n * the x-val-signature header when posting to the /export webhook\n */\nexport const signWebhook = async (payload: unknown, secret: string) => {\n console.log(\"signWebhook\");\n const encoder = new TextEncoder();\n const key = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(secret),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n console.log(\"signWebhook\", {\n payload,\n });\n const signature = await crypto.subtle.sign(\n \"HMAC\",\n key,\n encoder.encode(payload),\n );\n return Buffer.from(signature).toString(\"hex\");\n};\n\nexport default signWebhook;","children",[],[239],"cb268452-3b1e-11f0-b422-9e149126039e","index",["D",1748366389144],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport config from \"./config.json\" with { type: \"json\" };\nimport push from \"./routes/github-push\";\nimport Home from \"./routes/home\";\nimport deploy from \"./routes/valtown-deploy\";\nimport {\n //\n verifyGitHubSignature,\n verifyValSignature,\n} from \"./routes/middleware\";\n\nconst VAL_SECRET = Deno.env.get(\"VAL_SECRET\");\nconst GITHUB_WEBHOOK_SECRET = Deno.env.get(\"GITHUB_WEBHOOK_SECRET\");\n\nconst app = new Hono();\n\napp.get(\"/\", Home);\n\napp.post(\"/push\", verifyValSignature(VAL_SECRET), push);\n\napp.post(\"/deploy\", verifyGitHubSignature(GITHUB_WEBHOOK_SECRET), deploy);\n\nexport default app.fetch;",[],[247],"cb2682ae-3b1e-11f0-b422-9e149126039e","config.json","7ed1158b-5319-4b46-94e6-effeb858a026",["D",1748366389144],"{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncV2DemoVal\"\n ]\n}",[],[254],"cb2680f6-3b1e-11f0-b422-9e149126039e","commit-files","c80d85d0-420c-4193-b964-827f1fd5fa6d",["D",1748366389144],"import { Octokit } from \"npm:@octokit/rest\";\n\ninterface CommitOptions {\n token: string;\n owner: string;\n repo: string;\n files: {\n path: string;\n content: string;\n folder?: boolean;\n }[];\n branch?: string;\n message?: string;\n}\n\nconst FILE = \"100644\";\nconst FOLDER = \"040000\";\n\n/**\n * General use function to commit files to GitHub\n */\nexport async function commitFiles({\n token,\n owner,\n repo,\n files,\n branch = \"main\",\n message = \"published with https://val.town/x/jxnblk/GitHubSync\",\n}: CommitOptions) {\n const data: any = {};\n const gh = new Octokit({ auth: token });\n const user = await gh.rest.users.getAuthenticated();\n data.user = user.data;\n\n const ref = await gh.request(`GET /repos/${owner}/${repo}/git/ref/heads/${branch}`, {});\n data.ref = ref.data;\n\n // create tree\n const items = await Promise.all(\n files.map(async file => {\n const blob = await gh.request(`POST /repos/${owner}/${repo}/git/blobs`, {\n content: file.content,\n encoding: \"utf-8\",\n });\n\n return {\n path: file.path,\n sha: blob.data.sha,\n mode: file.folder ? FOLDER : FILE,\n type: \"blob\",\n };\n }),\n );\n\n const tree = await gh.request(`POST /repos/${owner}/${repo}/git/trees`, {\n base_tree: data.ref.object.sha,\n tree: items,\n });\n\n data.tree = tree.data;\n\n // create commit\n const commit = await gh.request(`POST /repos/${owner}/${repo}/git/commits`, {\n message,\n tree: data.tree.sha,\n parents: [data.ref.object.sha],\n });\n\n data.commit = commit.data;\n\n // push commit\n const push = await gh.request(`POST /repos/${owner}/${repo}/git/refs/heads/${branch}`, {\n sha: data.commit.sha,\n });\n\n data.push = push.data;\n return data;\n}",[],[261],"cb26791c-3b1e-11f0-b422-9e149126039e","README.md","d224213e-6cbb-4c82-8b75-caf49b097bcd",["D",1748366389144],"# GitHubSync\n\nWebhook to commit vals to GitHub and sync code from GitHub back to Val Town\n\n## Demo\n\nThis [example val][] is synced to this [GitHub repo][]\n\n## How to set up\n\nThis val exposes two webhook endpoints:\n\n- `/push` will copy the contents from a list of vals specified in `config.json` and push them to a GitHub repo\n- `/deploy` is a GitHub webhook URL that will fetch contents from GitHub and update the code on Val Town\n\n1. Fork this val\n1. Edit `config.json` to point to the repo and vals you plan to sync\n1. Create a new repo on GitHub to sync to\n1. Add a webhook to your repo that points to this val's `/deploy` route, e.g. `https://username-.web.val.run/deploy`\n \n - Create a _secret_ for your webhook \n - In this val's _Environment Variables_, add that secret as `GITHUB_WEBHOOK_SECRET`\n1. On GitHub, create a new personal [access token][]\n - Ensure the token has read/write access to _Contents_ for the repo\n - Copy the access token and add that as the `GITHUB_TOKEN` env var in this val\n1. Add a new [Val Town API token][] with read/write permissions. Add that token to the val's env vars as `VALTOWN_TOKEN`\n1. Add a `VAL_SECRET` env var to the val. Use this secret to sign the webhook POST request to the `/push` endpoint. Use this endpoint to commit vals from Val Town to your GitHub repo.\n\n### Example push to GitHub fetch\n\nYou can use this example to POST to the `/push` endpoint to copy vals to GitHub.\nYou should keep the code for this private so that only you can push to GitHub.\nThis example can run manually or use a Cron val.\n\n**NOTE: this can overwrite changes made outside of Val Town, on GitHub/etc.**\n\n```tsx\n// This can post to the GitHubSync `/push` webhook; keep this private\nimport sign from \"https://esm.town/v/jxnblk/GitHubSync/sign-webhook\";\n\nconst secret = Deno.env.get(\"SECRET\") as string;\nconst url = Deno.env.get(\"PUSH_URL\") as string;\n\nasync function pushValsToGitHub() {\n const body = \"hello\";\n const signature = await sign(body, secret);\n\n const res = await fetch(url, {\n method: \"POST\",\n body,\n headers: {\n \"x-val-signature\": signature,\n }\n })\n \n if (!res.ok) {\n console.log(res);\n return;\n }\n const json = await res.json();\n console.log(json);\n}\n\npushValsToGitHub();\n```\n\n## Env vars\n\n- `GITHUB_TOKEN`: Read/write GitHub personal access token for reading and writing repo contents \n- `VALTOWN_TOKEN`: ValTown API token (with read/write Vals permissions) for writing updates from GitHub\n- `GITHUB_WEBHOOK_SECRET`: secret for verifying webhooks from GitHub\n- `VAL_SECRET`: secret for verifying requests to the `/push` endpoint\n\n---\n\nThis is the latest version of .\n_Note: This will currently only work with non-project vals until the SDK supports projects._\n\n\n\n\n[github oauth app]: https://github.com/settings/developers\n[access token]: https://github.com/settings/tokens\n[val town api token]: https://www.val.town/settings/api\n[troubleshooting]: #troubleshooting\n\n[github repo]: https://github.com/jxnblk/valtown-github-sync-v2\n[example val]: https://val.town/v/jxnblk/GitHubSyncV2DemoVal",[],[268],["D",1748366389144],[],[18,82],["D",1748366389144],[],[18,87],["D",1748366389144],[],[18,97],["D",1748366389144],[],[18,92],["D",1748366389144],[],[18,71],["D",1748366389144],[228,229,230,231,232],[18],["D",1748366389144],{"_11":12,"_151":77},{"_11":12,"_147":-5,"_76":77,"_31":75,"_148":149,"_150":30},{"_39":40,"_13":16,"_33":36,"_135":101,"_136":137,"_138":139,"_140":106,"_141":142,"_143":144,"_145":14,"_146":12},"ctx",{"_51":-5,"_172":329,"_330":331,"_332":333,"_334":30,"_335":30,"_336":30,"_337":24,"_338":-5,"_339":-7,"_340":-7,"_341":26,"_342":30,"_343":30,"_344":-5,"_345":30,"_346":30,"_347":30,"_348":-5},"ENV",{"_300":301,"_302":303,"_304":16,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

\n GitHubSync\n Sync vals from Val Town to GitHub and back\n

\n GitHubSync\n
Sync vals from Val Town to GitHub and back
\n

History · routes