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

\n View source\n \n ,\n );\n}",[],[154,182],{"_102":189,"_95":190,"_155":191,"_157":156,"_158":136,"_159":160,"_161":162,"_104":192,"_99":32,"_164":176,"_166":193,"_167":22,"_168":-5,"_169":194,"_98":195},"5442d3a4-ed30-11ef-a4f9-e6cdfca9ef9f","middleware","3c4b8a3d-0129-49cd-8dcf-2798e793c750",["D",1739797729769],"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};",[],[154,190],{"_102":197,"_95":198,"_155":199,"_157":156,"_158":136,"_159":160,"_161":162,"_104":200,"_99":32,"_164":176,"_166":201,"_167":22,"_168":-5,"_169":202,"_98":203},"5442d62e-ed30-11ef-a4f9-e6cdfca9ef9f","styles","df6cfc87-02d8-47c5-873c-af8975b5a269",["D",1739797729769],"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};",[],[154,198],{"_102":205,"_95":206,"_155":207,"_157":156,"_158":136,"_159":160,"_161":162,"_104":208,"_99":32,"_164":176,"_166":209,"_167":22,"_168":-5,"_169":210,"_98":211},"5442d764-ed30-11ef-a4f9-e6cdfca9ef9f","valtown-deploy","0cfee2fb-7852-49ce-b5f8-068ba2baf445",["D",1739797729769],"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};",[],[154,206],[154],{"_102":214,"_95":215,"_155":216,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":217,"_99":32,"_164":176,"_166":218,"_167":22,"_168":-5,"_169":219,"_98":220},"5442e2f4-ed30-11ef-a4f9-e6cdfca9ef9f","commit-files","b70329df-05bc-4de4-b2d6-81d1cd838dc6",["D",1739797729769],"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}",[],[215],{"_102":222,"_95":223,"_155":224,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":225,"_99":32,"_164":226,"_166":227,"_167":22,"_168":-5,"_169":228,"_98":229},"5442e45c-ed30-11ef-a4f9-e6cdfca9ef9f","config.json","c0240cf4-e2a2-48b8-ab05-a338a10f6e5b",["D",1739797729769],"file","{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncV2DemoVal\"\n ]\n}",[],[223],{"_102":231,"_95":232,"_155":233,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":234,"_99":32,"_164":235,"_166":236,"_167":22,"_168":-5,"_169":237,"_98":238},"5442e6b4-ed30-11ef-a4f9-e6cdfca9ef9f","index","11308cd1-9f4f-4011-9fec-6e52368050a7",["D",1739797729769],"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;",[],[232],{"_102":240,"_95":241,"_155":242,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":243,"_99":32,"_164":176,"_166":244,"_167":22,"_168":-5,"_169":245,"_98":246},"5442e808-ed30-11ef-a4f9-e6cdfca9ef9f","sign-webhook","11413c43-062e-4da7-8a42-c1bd87c3ca19",["D",1739797729769],"/**\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;",[],[241],"files",[152,171,180,188,196,204,213,221,230,239],"counts",{"_251":32,"_252":160,"_253":32,"_254":255},"pulls","branches","forks","envVars",4,"contents",[258,261,264,267,270],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":259,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":260},["D",1739797729769],[154],{"_102":214,"_95":215,"_155":216,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":262,"_99":32,"_164":176,"_166":218,"_167":22,"_168":-5,"_98":263},["D",1739797729769],[215],{"_102":222,"_95":223,"_155":224,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":265,"_99":32,"_164":226,"_166":227,"_167":22,"_168":-5,"_98":266},["D",1739797729769],[223],{"_102":231,"_95":232,"_155":233,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":268,"_99":32,"_164":235,"_166":236,"_167":22,"_168":-5,"_98":269},["D",1739797729769],[232],{"_102":240,"_95":241,"_155":242,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":271,"_99":32,"_164":176,"_166":244,"_167":22,"_168":-5,"_98":272},["D",1739797729769],[241],"upstreamProject",{"_102":144,"_95":96,"_110":275,"_111":276,"_108":109,"_23":277},"Sync vals to GitHub and back","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/04f460f2-d89d-4c98-9ae7-6e51f492cd00/square512",{"_93":278,"_128":279},"jxnblk","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512","upstreamBranch",{"_102":139,"_104":282,"_283":284,"_95":43,"_137":144,"_99":285,"_138":-5,"_140":-5,"_286":287,"_106":-5,"_149":22,"_108":109,"_148":278,"_16":146,"_147":96},["D",1738939661756],"updatedAt",["D",1741127948569],179,"lockfileKey","1744484455387-esm.town_v_jxnblk_GitHubSync@179-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":294,"_256":299,"_310":-7,"_311":312,"_315":-5,"_247":316,"_347":348},{"_102":103,"_95":96,"_104":295,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":296,"_130":297,"_133":298,"_149":22},["D",1739797729769],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},[300,302,304,306,308],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":259,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":301},[154],{"_102":214,"_95":215,"_155":216,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":262,"_99":32,"_164":176,"_166":218,"_167":22,"_168":-5,"_98":303},[215],{"_102":222,"_95":223,"_155":224,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":265,"_99":32,"_164":226,"_166":227,"_167":22,"_168":-5,"_98":305},[223],{"_102":231,"_95":232,"_155":233,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":268,"_99":32,"_164":235,"_166":236,"_167":22,"_168":-5,"_98":307},[232],{"_102":240,"_95":241,"_155":242,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":271,"_99":32,"_164":176,"_166":244,"_167":22,"_168":-5,"_98":309},[241],"readme","upstream",{"_102":139,"_104":313,"_283":314,"_95":43,"_137":144,"_99":285,"_138":-5,"_140":-5,"_286":287,"_106":-5,"_149":22,"_108":109,"_148":278,"_16":146,"_147":96},["D",1738939661756],["D",1741127948569],"pull",[317,319,322,325,328,331,335,338,341,344],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":163,"_99":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":318,"_98":334},[319,322,325,328,331],{"_102":172,"_95":173,"_155":174,"_157":156,"_158":136,"_159":160,"_161":162,"_104":175,"_99":32,"_164":176,"_166":177,"_167":22,"_168":-5,"_169":320,"_98":321},[],[154,173],{"_102":181,"_95":182,"_155":183,"_157":156,"_158":136,"_159":160,"_161":162,"_104":184,"_99":32,"_164":176,"_166":185,"_167":22,"_168":-5,"_169":323,"_98":324},[],[154,182],{"_102":189,"_95":190,"_155":191,"_157":156,"_158":136,"_159":160,"_161":162,"_104":192,"_99":32,"_164":176,"_166":193,"_167":22,"_168":-5,"_169":326,"_98":327},[],[154,190],{"_102":197,"_95":198,"_155":199,"_157":156,"_158":136,"_159":160,"_161":162,"_104":200,"_99":32,"_164":176,"_166":201,"_167":22,"_168":-5,"_169":329,"_98":330},[],[154,198],{"_102":205,"_95":206,"_155":207,"_157":156,"_158":136,"_159":160,"_161":162,"_104":208,"_99":32,"_164":176,"_166":209,"_167":22,"_168":-5,"_169":332,"_98":333},[],[154,206],[154],{"_102":214,"_95":215,"_155":216,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":217,"_99":32,"_164":176,"_166":218,"_167":22,"_168":-5,"_169":336,"_98":337},[],[215],{"_102":222,"_95":223,"_155":224,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":225,"_99":32,"_164":226,"_166":227,"_167":22,"_168":-5,"_169":339,"_98":340},[],[223],{"_102":231,"_95":232,"_155":233,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":234,"_99":32,"_164":235,"_166":236,"_167":22,"_168":-5,"_169":342,"_98":343},[],[232],{"_102":240,"_95":241,"_155":242,"_157":-5,"_158":136,"_159":160,"_161":162,"_104":243,"_99":32,"_164":176,"_166":244,"_167":22,"_168":-5,"_169":345,"_98":346},[],[241],"previews",[341],"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