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

\n View source\n \n ,\n );\n}",[18,163],"062865a2-e57f-11ef-a10f-e6cdfca9ef9f","github-push","38bacde6-e56d-11ef-9b1f-e6cdfca9ef9f",93,["D",1738951919841],12,"/**\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,171],"pulls","branches","forks",9,"envVars",{"_186":188,"_189":26},"connections",{"_186":26,"_187":26},"count","unfilledCount",4,"emptyCount",{"_38":121,"_13":18,"_32":33,"_122":-5,"_123":83,"_124":125,"_126":24,"_40":259,"_81":128,"_34":35,"_129":-5,"_36":30,"_130":-5,"_207":260,"_17":261},{"_38":170,"_13":171,"_32":172,"_122":33,"_123":83,"_124":173,"_126":24,"_40":256,"_81":175,"_34":143,"_129":176,"_36":30,"_130":-5,"_207":257,"_17":258},{"_38":162,"_13":163,"_32":164,"_122":33,"_123":83,"_124":165,"_126":24,"_40":253,"_81":167,"_34":143,"_129":168,"_36":30,"_130":-5,"_207":254,"_17":255},{"_38":154,"_13":155,"_32":156,"_122":33,"_123":83,"_124":157,"_126":24,"_40":250,"_81":159,"_34":143,"_129":160,"_36":30,"_130":-5,"_207":251,"_17":252},{"_38":146,"_13":147,"_32":148,"_122":33,"_123":83,"_124":149,"_126":24,"_40":247,"_81":151,"_34":143,"_129":152,"_36":30,"_130":-5,"_207":248,"_17":249},{"_38":137,"_13":138,"_32":139,"_122":33,"_123":83,"_124":140,"_126":24,"_40":244,"_81":142,"_34":143,"_129":144,"_36":30,"_130":-5,"_207":245,"_17":246},{"_38":237,"_13":238,"_32":53,"_122":-5,"_123":83,"_124":82,"_126":24,"_40":239,"_81":240,"_34":21,"_129":241,"_36":30,"_130":-5,"_207":242,"_17":243},{"_38":229,"_13":230,"_32":231,"_122":-5,"_123":83,"_124":232,"_126":24,"_40":233,"_81":225,"_34":143,"_129":234,"_36":30,"_130":-5,"_207":235,"_17":236},{"_38":220,"_13":221,"_32":222,"_122":-5,"_123":83,"_124":223,"_126":24,"_40":224,"_81":225,"_34":21,"_129":226,"_36":30,"_130":-5,"_207":227,"_17":228},{"_38":210,"_13":211,"_32":212,"_122":-5,"_123":83,"_124":213,"_126":24,"_40":214,"_81":215,"_34":216,"_129":217,"_36":30,"_130":-5,"_207":218,"_17":219},{"_38":201,"_13":202,"_32":203,"_122":-5,"_123":83,"_124":204,"_126":24,"_40":205,"_81":167,"_34":143,"_129":206,"_36":30,"_130":-5,"_207":208,"_17":209},"f659a620-e58a-11ef-bf7f-e6cdfca9ef9f","sign-webhook","36340550-e587-11ef-9c42-e6cdfca9ef9f",137,["D",1738957047304],"/**\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",[],[202],"def1d8e0-f2ff-11ef-9dc9-569c3dd06744","index","eb615ef4-e56a-11ef-b91b-e6cdfca9ef9f",174,["D",1740436624268],21,"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;",[],[211],"ddffecaa-e581-11ef-b4c0-e6cdfca9ef9f","config.json","4dfa861c-e56b-11ef-9ffd-e6cdfca9ef9f",112,["D",1738953140978],6,"{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncV2DemoVal\"\n ]\n}",[],[221],"4301421c-e58b-11ef-903f-e6cdfca9ef9f","commit-files","a10a6c42-e56a-11ef-bef0-e6cdfca9ef9f",139,["D",1738957175908],"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}",[],[230],"7c573ce8-f949-11ef-8e39-569c3dd06744","README.md",["D",1741127948569],39,"# 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",[],[238],["D",1738958658748],[],[18,138],["D",1738944223879],[],[18,147],["D",1738957237500],[],[18,155],["D",1738944180008],[],[18,163],["D",1738951919841],[],[18,171],["D",1738943921472],[191,192,193,194,195],[18],["D",1738939661756],{"_11":12,"_99":95},{"_11":12,"_92":93,"_94":95,"_31":51,"_96":97,"_98":30},{"_81":82,"_13":16,"_38":83,"_84":39,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":14,"_91":12},"ctx",{"_74":-5,"_118":299,"_300":301,"_302":303,"_304":30,"_305":30,"_306":30,"_307":24,"_308":-5,"_309":-7,"_310":-7,"_311":26,"_312":30,"_313":30,"_314":-5,"_315":30,"_316":30,"_317":30,"_318":-5},"ENV",{"_270":271,"_272":273,"_274":16,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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