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

\n View source\n \n ,\n );\n}",[18,167],"38f664c2-ff86-11ef-ad47-569c3dd06744","github-push","89056460-3724-45d3-ae89-53c4aca3a6e2",["D",1741813741761],"/**\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,173],"pulls","branches","forks","envVars",{"_185":187,"_188":187},"connections",{"_185":26,"_186":26},"count","unfilledCount",4,"emptyCount",{"_38":133,"_13":18,"_32":33,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":251,"_78":26,"_34":35,"_139":-5,"_36":30,"_140":-5,"_205":252,"_17":253},{"_38":172,"_13":173,"_32":174,"_134":33,"_135":80,"_136":79,"_137":24,"_40":248,"_78":26,"_34":151,"_139":176,"_36":30,"_140":-5,"_205":249,"_17":250},{"_38":166,"_13":167,"_32":168,"_134":33,"_135":80,"_136":79,"_137":24,"_40":245,"_78":26,"_34":151,"_139":170,"_36":30,"_140":-5,"_205":246,"_17":247},{"_38":160,"_13":161,"_32":162,"_134":33,"_135":80,"_136":79,"_137":24,"_40":242,"_78":26,"_34":151,"_139":164,"_36":30,"_140":-5,"_205":243,"_17":244},{"_38":154,"_13":155,"_32":156,"_134":33,"_135":80,"_136":79,"_137":24,"_40":239,"_78":26,"_34":151,"_139":158,"_36":30,"_140":-5,"_205":240,"_17":241},{"_38":147,"_13":148,"_32":149,"_134":33,"_135":80,"_136":79,"_137":24,"_40":236,"_78":26,"_34":151,"_139":152,"_36":30,"_140":-5,"_205":237,"_17":238},{"_38":229,"_13":230,"_32":231,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":232,"_78":26,"_34":21,"_139":233,"_36":30,"_140":-5,"_205":234,"_17":235},{"_38":222,"_13":223,"_32":224,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":225,"_78":26,"_34":151,"_139":226,"_36":30,"_140":-5,"_205":227,"_17":228},{"_38":215,"_13":216,"_32":217,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":218,"_78":26,"_34":21,"_139":219,"_36":30,"_140":-5,"_205":220,"_17":221},{"_38":208,"_13":209,"_32":51,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":210,"_78":26,"_34":211,"_139":212,"_36":30,"_140":-5,"_205":213,"_17":214},{"_38":200,"_13":201,"_32":202,"_134":-5,"_135":80,"_136":79,"_137":24,"_40":203,"_78":26,"_34":151,"_139":204,"_36":30,"_140":-5,"_205":206,"_17":207},"38f6df1a-ff86-11ef-ad47-569c3dd06744","sign-webhook","f643284d-e62b-4478-ab49-00f284a82617",["D",1741813741761],"/**\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",[],[201],"38f6dd4e-ff86-11ef-ad47-569c3dd06744","index",["D",1741813741761],"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;",[],[209],"38f6dc36-ff86-11ef-ad47-569c3dd06744","config.json","929b3d8c-1384-4dc3-8901-2ea468468ce1",["D",1741813741761],"{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncV2DemoVal\"\n ]\n}",[],[216],"38f6da6a-ff86-11ef-ad47-569c3dd06744","commit-files","38fffd00-c08b-48f0-8136-d2bf2e129f1a",["D",1741813741761],"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}",[],[223],"38f6be0e-ff86-11ef-ad47-569c3dd06744","README.md","bef8df87-b050-4dbd-a797-6f62df97af28",["D",1741813741761],"# 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",[],[230],["D",1741813741761],[],[18,148],["D",1741813741761],[],[18,155],["D",1741813741761],[],[18,161],["D",1741813741761],[],[18,167],["D",1741813741761],[],[18,173],["D",1741813741761],[190,191,192,193,194],[18],["D",1741813741761],{"_11":12,"_99":95},{"_11":12,"_93":-5,"_94":95,"_31":49,"_96":97,"_98":30},{"_78":79,"_13":16,"_38":80,"_81":39,"_82":83,"_84":85,"_86":45,"_87":88,"_89":90,"_91":14,"_92":12},"ctx",{"_71":-5,"_120":291,"_292":293,"_294":295,"_296":30,"_297":30,"_298":30,"_299":24,"_300":-5,"_301":-7,"_302":-7,"_303":26,"_304":30,"_305":30,"_306":-5,"_307":30,"_308":30,"_309":30,"_310":-5},"ENV",{"_262":263,"_264":265,"_266":16,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290},"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