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

\n View source\n \n ,\n );\n}",[],[155,185],{"_103":194,"_95":195,"_156":196,"_158":157,"_159":141,"_160":197,"_162":163,"_105":198,"_100":199,"_165":179,"_167":200,"_168":22,"_169":-5,"_170":201,"_98":202},"67b789cc-e58b-11ef-94ab-e6cdfca9ef9f","middleware","1214684e-e56f-11ef-a5a5-e6cdfca9ef9f",142,["D",1738957237500],24,"import { Webhooks } from \"npm:@octokit/webhooks\";\nimport { Context, Hono, Next } from \"npm:hono\";\nimport signWebhook from \"../sign-webhook\";\n\n\nexport const verifyGitHubSignature = (secret: string) => {\n const webhooks = new Webhooks({ secret });\n \n return async (c: Context, next: Next) => {\n const signature = c.req.header(\"x-hub-signature-256\");\n if (!signature) {\n console.error(\"Missing GitHub secret\");\n c.status(401);\n return c.body(\"Unauthorized\");\n }\n\n // const body = await c.req.json();\n const text = await c.req.text();\n // const body = await JSON.parse(text);\n\n if (!(await webhooks.verify(text, signature))) {\n console.error(\"Invalid GitHub secret\");\n c.status(401);\n return c.body(\"Unauthorized\");\n }\n\n console.log(\"GitHub secret verified\");\n await next();\n };\n};\n\n// Middleware for signature verification\nexport const verifyValSignature = (secret: string) => {\n return async (c: Context, next: Next) => {\n console.log(\"verifyValSignature\");\n const signature = c.req.header(\"x-val-signature\");\n if (!signature) {\n console.error(\"Missing signature\");\n return c.text(\"Missing signature\", 401);\n }\n\n const text = await c.req.text();\n const expectedSignature = await signWebhook(text, secret);\n\n if (signature !== expectedSignature) {\n console.error(\"Invalid signature\");\n return c.text(\"Invalid signature\", 401);\n }\n\n console.log(\"webhook secret verified\");\n await next();\n };\n};",[],[155,195],{"_103":204,"_95":205,"_156":206,"_158":157,"_159":141,"_160":207,"_162":163,"_105":208,"_100":209,"_165":179,"_167":210,"_168":22,"_169":-5,"_170":211,"_98":212},"1afecca8-e56d-11ef-83c7-e6cdfca9ef9f","styles","e7baa34a-e56b-11ef-b737-e6cdfca9ef9f",44,["D",1738944223879],8,"export const body = {\n fontFamily: \"sans-serif\",\n margin: 0,\n padding: 32,\n lineHeight: 1.5,\n color: \"black\",\n backgroundColor: \"white\",\n};\n\nexport const title = {\n fontSize: 48,\n};\n\nexport const description = {\n fontSize: 16,\n fontWeight: \"normal\",\n};",[],[155,205],{"_103":214,"_95":215,"_156":216,"_158":157,"_159":141,"_160":217,"_162":163,"_105":218,"_100":219,"_165":179,"_167":220,"_168":22,"_169":-5,"_170":221,"_98":222},"b6d9515e-e58e-11ef-9bb7-e6cdfca9ef9f","valtown-deploy","31e417ca-e56d-11ef-b96f-e6cdfca9ef9f",158,["D",1738958658748],33,"import { decodeBase64 } from \"jsr:@std/encoding/base64\";\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { Octokit } from \"npm:@octokit/rest\";\nimport config from \"../config.json\" with { type: \"json\" };\n\nimport type { Context, Next } from \"npm:hono\";\n\nconst GITHUB_TOKEN = Deno.env.get(\"GITHUB_TOKEN\");\nconst VALTOWN_TOKEN = Deno.env.get(\"VALTOWN_TOKEN\");\n\nconst valtown = new ValTown({\n bearerToken: VALTOWN_TOKEN,\n});\nconst octokit = new Octokit({ auth: GITHUB_TOKEN });\nconst td = new TextDecoder();\n\n////\n\nexport default async function valTownDeploy(c: Context) {\n console.log(\"deploy to valtown\");\n const body = await c.req.json();\n const { ref, repository, after, commits } = body;\n\n if (ref !== config.branch) {\n console.log(`Update not on ${config.branch} branch (${ref})`);\n return c.json({ ok: true });\n }\n\n try {\n const updates = await getContents(repository, after, commits);\n console.log(`${updates.length} updates`);\n const user = await valtown.me.profile.retrieve();\n if (!user.username) {\n throw new Error(\"User not found: check your VALTOWN_TOKEN\");\n }\n console.log(\"got val.town user:\", user.username);\n await updateVals(user, updates);\n } catch (e) {\n console.error(e);\n c.status(500);\n return c.body(\"Error updating vals\");\n }\n\n return c.json({ ok: true });\n}\n\nasync function getContents(repo: Repo, after: string, commits: Commit[]) {\n const filenames = config.vals.map((name: string) => name + \".tsx\");\n console.log(`${filenames.length} val files updated`);\n const modified = getModified(commits, filenames);\n console.log(`${modified.length} modifications in commit`);\n const contents = await Promise.all(modified.map(getFileContent(repo, after)));\n console.log(`${contents.length} file contents`);\n return contents;\n}\n\nfunction getModified(commits: Commit[], filenames: string[]) {\n return commits.reduce((a: string[], b: Commit) => {\n return [...a, ...b.modified];\n }, []).filter((file: string) => filenames.includes(file));\n}\n\nfunction getFileContent(repo: Repo, after: string) {\n return async (path: string): Promise<{\n name: string;\n code: string;\n }> => {\n const { data } = await octokit.repos.getContent({\n owner: repo.owner.name,\n repo: repo.name,\n path,\n ref: after,\n });\n const [name] = path.split(\".\");\n const code = td.decode(decodeBase64(data.content));\n return {\n name,\n code,\n };\n };\n}\n\nasync function updateVals(user: ValUser, updates: { name: string; code: string; }[]) {\n console.log(\"updateVals\");\n await Promise.all(updates.map(async (update) => {\n updateVal(user.username, update)\n }));\n}\n\nasync function updateVal(username: string, update: { name: string; code: string; }) {\n const { name, code } = update;\n const val = await valtown.alias.username.valName.retrieve(username, name);\n console.log(\"updateVal\", { name, id: val.id });\n const ver = await valtown.vals.versions.create(val.id, { code });\n console.log(\"updated val:\", ver);\n}\n\n////\n\ntype Repo = {\n owner: {\n name: string;\n };\n name: string;\n};\ntype Commit = {\n modified: string[];\n};\ntype ValUser = {\n username: string;\n};",[],[155,215],[155],{"_103":225,"_95":226,"_156":117,"_158":-5,"_159":141,"_160":140,"_162":163,"_105":227,"_100":228,"_165":229,"_167":230,"_168":22,"_169":-5,"_170":231,"_98":232},"7c573ce8-f949-11ef-8e39-569c3dd06744","README.md",["D",1741127948569],39,"file","# 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",[],[226],{"_103":234,"_95":235,"_156":236,"_158":-5,"_159":141,"_160":237,"_162":163,"_105":238,"_100":239,"_165":179,"_167":240,"_168":22,"_169":-5,"_170":241,"_98":242},"4301421c-e58b-11ef-903f-e6cdfca9ef9f","commit-files","a10a6c42-e56a-11ef-bef0-e6cdfca9ef9f",139,["D",1738957175908],6,"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}",[],[235],{"_103":244,"_95":245,"_156":246,"_158":-5,"_159":141,"_160":247,"_162":163,"_105":248,"_100":239,"_165":229,"_167":249,"_168":22,"_169":-5,"_170":250,"_98":251},"ddffecaa-e581-11ef-b4c0-e6cdfca9ef9f","config.json","4dfa861c-e56b-11ef-9ffd-e6cdfca9ef9f",112,["D",1738953140978],"{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncV2DemoVal\"\n ]\n}",[],[245],{"_103":253,"_95":254,"_156":255,"_158":-5,"_159":141,"_160":256,"_162":163,"_105":257,"_100":258,"_165":259,"_167":260,"_168":22,"_169":-5,"_170":261,"_98":262},"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;",[],[254],{"_103":264,"_95":265,"_156":266,"_158":-5,"_159":141,"_160":267,"_162":163,"_105":268,"_100":189,"_165":179,"_167":269,"_168":22,"_169":-5,"_170":270,"_98":271},"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;",[],[265],"files",[153,172,183,193,203,213,224,233,243,252,263],"counts",{"_276":32,"_277":121,"_278":189,"_279":280},"pulls","branches","forks","envVars",4,"contents",[],{"_103":184,"_95":185,"_156":186,"_158":157,"_159":141,"_160":187,"_162":163,"_105":284,"_100":189,"_165":179,"_167":190,"_168":22,"_169":-5,"_98":285},["D",1738944180008],[155,185],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":294,"_229":299,"_302":303,"_341":342,"_352":-7,"_353":32,"_354":22},{"_103":104,"_95":96,"_105":295,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":114,"_14":115,"_116":117,"_118":22,"_119":-5,"_120":121,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":296,"_135":297,"_138":298,"_150":22},["D",1738939661756],{"_93":94,"_133":134},{"_93":94,"_137":134},{"_100":140,"_95":43,"_103":141,"_142":104,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},{"_103":184,"_95":185,"_156":186,"_158":157,"_159":141,"_160":187,"_162":163,"_105":300,"_100":189,"_165":179,"_167":190,"_168":22,"_169":-5,"_98":301},["D",1738944180008],[155,185],"history",[304,306,310,316,321,326,331,336],{"_103":184,"_159":141,"_156":186,"_95":185,"_167":190,"_165":179,"_100":189,"_158":157,"_105":305,"_160":187,"_169":-5},["D",1738944180008],{"_103":307,"_159":141,"_156":186,"_95":185,"_167":308,"_165":179,"_100":239,"_158":157,"_105":309,"_160":228,"_169":-5},"e9f856ce-e56c-11ef-8f11-e6cdfca9ef9f","/** @jsxImportSource npm:hono/jsx */\nimport * as styles from \"./styles\";\n\nimport type { Context } from \"npm:hono\";\n\nexport default async function(c: Context) {\n return c.html(\n \n

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

\n View source\n ,\n );\n}",["D",1738944141630],{"_103":311,"_159":141,"_156":186,"_95":185,"_167":312,"_165":179,"_100":313,"_158":157,"_105":314,"_160":315,"_169":-5},"b89fc38c-e56c-11ef-821b-e6cdfca9ef9f","/** @jsxImportSource npm:hono/jsx */\nimport * as styles from \"./styles\";\n\nimport type { Context } from \"npm:hono\";\n\nexport default async function(c: Context) {\n}",5,["D",1738944058840],38,{"_103":317,"_159":141,"_156":186,"_95":185,"_167":318,"_165":179,"_100":280,"_158":157,"_105":319,"_160":320,"_169":-5},"b2e3397e-e56c-11ef-b2fe-e6cdfca9ef9f","/** @jsxImportSource npm:hono/jsx */\nimport * as styles from \"./styles\";\n\nimport type { Context } from \"npm:hono\";\n\nexport default async function(c);",["D",1738944049203],37,{"_103":322,"_159":141,"_156":186,"_95":185,"_167":72,"_165":179,"_100":323,"_158":157,"_105":324,"_160":325,"_169":-5},"68927542-e56c-11ef-a87a-e6cdfca9ef9f",3,["D",1738943924534],35,{"_103":327,"_159":141,"_156":186,"_95":185,"_167":72,"_165":179,"_100":328,"_158":-5,"_105":329,"_160":330,"_169":-5},"617ce1b6-e56c-11ef-a0cc-e6cdfca9ef9f",2,["D",1738943912650],32,{"_103":332,"_159":141,"_156":186,"_95":333,"_167":72,"_165":179,"_100":121,"_158":-5,"_105":334,"_160":335,"_169":-5},"5f63fa54-e56c-11ef-b44c-e6cdfca9ef9f","hoome",["D",1738943909134],31,{"_103":337,"_159":141,"_156":186,"_95":338,"_167":72,"_165":179,"_100":32,"_158":-5,"_105":339,"_160":340,"_169":-5},"5c8f50d0-e56c-11ef-b44c-e6cdfca9ef9f","attentiveTomatoRoundworm",["D",1738943904387],30,"versions",[343,345,346,347,348,349,350,351],{"_229":304,"_344":306},"previous",{"_229":306,"_344":310},{"_229":310,"_344":316},{"_229":316,"_344":321},{"_229":321,"_344":326},{"_229":326,"_344":331},{"_229":331,"_344":336},{"_229":336,"_344":-5},"versionNumber","page","hasNext","actionData","errors"]

\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

\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 for home