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

\n View source\n \n ,\n );\n}",[18,98],"08ce9fde-07ed-11f0-9591-569c3dd06744",["D",1742737508430],"/**\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,88],"pulls","branches","forks","envVars",{"_94":234,"_235":26},"connections",{"_94":26,"_233":26},"unfilledCount",3,"emptyCount",{"_34":194,"_13":18,"_70":106,"_44":-5,"_36":37,"_197":41,"_206":24,"_38":298,"_40":26,"_73":107,"_195":-5,"_75":30,"_198":-5,"_252":299,"_17":300},{"_34":222,"_13":88,"_70":87,"_44":106,"_36":37,"_197":41,"_206":24,"_38":295,"_40":26,"_73":74,"_195":224,"_75":30,"_198":-5,"_252":296,"_17":297},{"_34":218,"_13":98,"_70":97,"_44":106,"_36":37,"_197":41,"_206":24,"_38":292,"_40":26,"_73":74,"_195":220,"_75":30,"_198":-5,"_252":293,"_17":294},{"_34":214,"_13":72,"_70":71,"_44":106,"_36":37,"_197":41,"_206":24,"_38":289,"_40":26,"_73":74,"_195":216,"_75":30,"_198":-5,"_252":290,"_17":291},{"_34":210,"_13":83,"_70":82,"_44":106,"_36":37,"_197":41,"_206":24,"_38":286,"_40":26,"_73":74,"_195":212,"_75":30,"_198":-5,"_252":287,"_17":288},{"_34":205,"_13":93,"_70":92,"_44":106,"_36":37,"_197":101,"_206":24,"_38":283,"_40":41,"_73":74,"_195":208,"_75":30,"_198":-5,"_252":284,"_17":285},{"_34":276,"_13":277,"_70":278,"_44":-5,"_36":37,"_197":41,"_206":24,"_38":279,"_40":26,"_73":21,"_195":280,"_75":30,"_198":-5,"_252":281,"_17":282},{"_34":269,"_13":270,"_70":271,"_44":-5,"_36":37,"_197":41,"_206":24,"_38":272,"_40":26,"_73":74,"_195":273,"_75":30,"_198":-5,"_252":274,"_17":275},{"_34":262,"_13":263,"_70":264,"_44":-5,"_36":37,"_197":143,"_206":24,"_38":265,"_40":101,"_73":21,"_195":266,"_75":30,"_198":-5,"_252":267,"_17":268},{"_34":255,"_13":256,"_70":119,"_44":-5,"_36":37,"_197":41,"_206":24,"_38":257,"_40":26,"_73":258,"_195":259,"_75":30,"_198":-5,"_252":260,"_17":261},{"_34":247,"_13":248,"_70":249,"_44":-5,"_36":37,"_197":41,"_206":24,"_38":250,"_40":26,"_73":74,"_195":251,"_75":30,"_198":-5,"_252":253,"_17":254},"08cee638-07ed-11f0-9591-569c3dd06744","sign-webhook","c73a03e3-2e6c-4c3c-9c8f-4137371791aa",["D",1742737508430],"/**\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",[],[248],"08cee4a8-07ed-11f0-9591-569c3dd06744","index",["D",1742737508430],"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;",[],[256],"f31f4250-07ed-11f0-8850-569c3dd06744","config.json","4adac7d1-af22-4cd7-be4f-59fa295a0d6e",["D",1742737901591],"{\n \"owner\": \"tionis\",\n \"repo\": \"vals\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"hnFollow\"\n ]\n}",[],[263],"08cee0ac-07ed-11f0-9591-569c3dd06744","commit-files","178aed74-178e-4fcb-8017-f02aeb0e7b7f",["D",1742737508430],"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}",[],[270],"08ced972-07ed-11f0-9591-569c3dd06744","README.md","27b4d82d-aff1-4bfc-86ae-8c04a35b8dc1",["D",1742737508430],"# 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",[],[277],["D",1742737820039],[],[18,93],["D",1742737508430],[],[18,83],["D",1742737508430],[],[18,72],["D",1742737508430],[],[18,98],["D",1742737508430],[],[18,88],["D",1742737508430],[237,238,239,240,241],[18],["D",1742737508430],{"_11":12,"_160":78},{"_11":12,"_156":-5,"_77":78,"_31":76,"_157":158,"_159":30},{"_40":143,"_13":16,"_34":37,"_144":109,"_145":146,"_147":148,"_149":114,"_150":151,"_152":153,"_154":14,"_155":12},"ctx",{"_52":-5,"_181":338,"_339":340,"_341":342,"_343":30,"_344":30,"_345":30,"_346":24,"_347":-5,"_348":-7,"_349":-7,"_350":26,"_351":30,"_352":30,"_353":-5,"_354":30,"_355":30,"_356":30,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"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