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

\n View source\n \n ,\n );\n}",[],[99,185],{"_104":194,"_95":195,"_156":196,"_158":157,"_159":142,"_160":197,"_162":22,"_106":198,"_100":199,"_165":179,"_167":200,"_168":22,"_169":-5,"_170":201,"_98":202},"ea21bc40-e57f-11ef-af97-e6cdfca9ef9f","middleware","1214684e-e56f-11ef-a5a5-e6cdfca9ef9f",99,["D",1738952302341],11,"import { Webhooks } from \"npm:@octokit/webhooks\";\nimport { Context, Hono, Next } from \"npm:hono\";\n\nconst GITHUB_WEBHOOK_SECRET = Deno.env.get(\"GITHUB_WEBHOOK_SECRET\");\nconst webhooks = new Webhooks({ secret: GITHUB_WEBHOOK_SECRET });\n\nexport const verifyGitHubSignature = (secret: string) => {\n return async (c: Context, next: Next) => {\n const signature = c.req.header(\"x-hub-signature-256\");\n if (!signature) {\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 c.status(401);\n return c.body(\"Unauthorized\");\n }\n\n await next();\n };\n};\n\n// Middleware for signature verification\nexport const verifyValSignature = (secret: string) => {\n return async (c: Context, next: Next) => {\n const signature = c.req.header(\"x-val-signature\");\n if (!signature) {\n return c.text(\"Missing signature\", 401);\n }\n\n // Get raw body for verification\n const body = await c.req.json();\n const expectedSignature = await createSignature(body, secret);\n\n if (signature !== expectedSignature) {\n return c.text(\"Invalid signature\", 401);\n }\n\n await next();\n };\n};\n\n// Helper to create signature; use this in a separate private val\nexport const createValSignature = async (payload: unknown, secret: string) => {\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 const json = JSON.stringify(payload);\n const signature = await crypto.subtle.sign(\n \"HMAC\",\n key,\n encoder.encode(json),\n );\n return Buffer.from(signature).toString(\"hex\");\n};\n\n/** example usage\nconst app = new Hono()\n\n// Apply middleware to routes needing verification\napp.post('/api/data', verifySignature('your-secret-here'), async (c) => {\n const data = await c.req.json()\n return c.json({ success: true, data })\n})\n*/",[],[99,195],{"_104":204,"_95":205,"_156":206,"_158":157,"_159":142,"_160":207,"_162":163,"_106":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};",[],[99,205],{"_104":214,"_95":215,"_156":216,"_158":157,"_159":142,"_160":217,"_162":22,"_106":218,"_100":219,"_165":179,"_167":220,"_168":22,"_169":-5,"_170":221,"_98":222},"7dc57c66-e580-11ef-bbb4-e6cdfca9ef9f","valtown-deploy","31e417ca-e56d-11ef-b96f-e6cdfca9ef9f",103,["D",1738952550039],24,"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\");\n\nconst valtown = new ValTown();\nconst octokit = new Octokit({ auth: GITHUB_TOKEN });\nconst td = new TextDecoder();\n\n////\n\nexport default async function valTownDeploy(c: Context) {\n const body = c.req.json();\n const { ref, repository, after, commits } = body;\n\n if (ref !== config.branch) {\n console.log(`Update not on main 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 await updateVals(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 const modified = getModified(commits, filenames);\n const contents = await Promise.all(modified.map(getFileContent(repo, after)));\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(updates: { name: string; code: string: }[]) {\n const user = valtown.me.profile.retrieve();\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 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};",[],[99,215],[99],{"_104":225,"_95":226,"_156":118,"_158":-5,"_159":142,"_160":227,"_162":22,"_106":228,"_100":229,"_165":230,"_167":231,"_168":22,"_169":-5,"_170":232,"_98":233},"4bb28f02-e580-11ef-b227-e6cdfca9ef9f","README.md",101,["D",1738952466019],6,"file","# GitHubSync\n\nWebhook to commit vals to GitHub and sync code from GitHub back to Val Town\n\n---\n\nThis is the next version of \n\n_Note: This will currently only work with non-project vals until the SDK supports projects._\n\n## TODO\n\n- [ ] Basic webhook handler w/ secrets\n- [ ] GitHub commit util\n- [ ] Val Town SDK to write vals\n- [ ] Make private val to call sync to GitHub webhook\n- [ ] auth middleware for export and deploy routes",[],[226],{"_104":235,"_95":236,"_156":237,"_158":-5,"_159":142,"_160":238,"_162":22,"_106":239,"_100":240,"_165":179,"_167":241,"_168":22,"_169":-5,"_170":242,"_98":243},"643cf016-e56d-11ef-b8de-e6cdfca9ef9f","commit-files","a10a6c42-e56a-11ef-bef0-e6cdfca9ef9f",50,["D",1738944346762],4,"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\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}",[],[236],{"_104":245,"_95":246,"_156":247,"_158":-5,"_159":142,"_160":248,"_162":22,"_106":249,"_100":250,"_165":230,"_167":251,"_168":22,"_169":-5,"_170":252,"_98":253},"e119bd04-e571-11ef-afd4-e6cdfca9ef9f","config.json","4dfa861c-e56b-11ef-9ffd-e6cdfca9ef9f",81,["D",1738946274234],5,"{\n \"owner\": \"jxnblk\",\n \"repo\": \"valtown-github-sync-v2\",\n \"branch\": \"refs/heads/main\",\n \"vals\": [\n \"GitHubSyncDemoVal2\"\n ]\n}",[],[246],{"_104":255,"_95":256,"_156":257,"_158":-5,"_159":142,"_160":101,"_162":22,"_106":258,"_100":259,"_165":260,"_167":261,"_168":22,"_169":-5,"_170":262,"_98":263},"b0c8a6f6-e580-11ef-bb2a-e6cdfca9ef9f","index","eb615ef4-e56a-11ef-b91b-e6cdfca9ef9f",["D",1738952635617],17,"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 {\n //\n verifyGitHubSignature,\n verifyValSignature,\n} from \"./routes/middleware\";\n\nconst VAL_SECRET = Deno.env.get(\"VAL_SECRET\");\n\nconst app = new Hono();\n\napp.get(\"/\", Home);\n\napp.post(\"/push\", verifyValSignature(VAL_SECRET), push);\n\n// app.post(\"/deploy\", verifyGitHubSignature(), deploy);\n\nexport default app.fetch;",[],[256],"files",[154,172,183,193,203,213,224,234,244,254],"counts",{"_268":32,"_269":122,"_270":189,"_271":240},"pulls","branches","forks","envVars","contents",[274,277,280,283,286],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":142,"_160":176,"_162":163,"_106":275,"_100":178,"_165":179,"_167":180,"_168":22,"_169":-5,"_98":276},["D",1738951919841],[99,174],{"_104":184,"_95":185,"_156":186,"_158":157,"_159":142,"_160":187,"_162":163,"_106":278,"_100":189,"_165":179,"_167":190,"_168":22,"_169":-5,"_98":279},["D",1738944180008],[99,185],{"_104":194,"_95":195,"_156":196,"_158":157,"_159":142,"_160":197,"_162":22,"_106":281,"_100":199,"_165":179,"_167":200,"_168":22,"_169":-5,"_98":282},["D",1738952302341],[99,195],{"_104":204,"_95":205,"_156":206,"_158":157,"_159":142,"_160":207,"_162":163,"_106":284,"_100":209,"_165":179,"_167":210,"_168":22,"_169":-5,"_98":285},["D",1738944223879],[99,205],{"_104":214,"_95":215,"_156":216,"_158":157,"_159":142,"_160":217,"_162":22,"_106":287,"_100":219,"_165":179,"_167":220,"_168":22,"_169":-5,"_98":288},["D",1738952550039],[99,215],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":142,"_160":161,"_162":163,"_106":290,"_100":122,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":291},["D",1738943921472],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":300,"_152":305,"_264":336,"_230":337,"_272":339,"_350":-5,"_351":22,"_352":-5,"_353":-5,"_354":-5,"_355":356},{"_104":105,"_95":96,"_106":301,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":115,"_14":116,"_117":118,"_119":22,"_120":-5,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":302,"_136":303,"_139":304,"_151":22},["D",1738939661756],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_100":141,"_95":43,"_104":142,"_143":105,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},[306,324,327,330,333],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":142,"_160":161,"_162":163,"_106":164,"_100":122,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":307,"_98":323},[308,311,314,317,320],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":142,"_160":176,"_162":163,"_106":177,"_100":178,"_165":179,"_167":180,"_168":22,"_169":-5,"_170":309,"_98":310},[],[99,174],{"_104":184,"_95":185,"_156":186,"_158":157,"_159":142,"_160":187,"_162":163,"_106":188,"_100":189,"_165":179,"_167":190,"_168":22,"_169":-5,"_170":312,"_98":313},[],[99,185],{"_104":194,"_95":195,"_156":196,"_158":157,"_159":142,"_160":197,"_162":22,"_106":198,"_100":199,"_165":179,"_167":200,"_168":22,"_169":-5,"_170":315,"_98":316},[],[99,195],{"_104":204,"_95":205,"_156":206,"_158":157,"_159":142,"_160":207,"_162":163,"_106":208,"_100":209,"_165":179,"_167":210,"_168":22,"_169":-5,"_170":318,"_98":319},[],[99,205],{"_104":214,"_95":215,"_156":216,"_158":157,"_159":142,"_160":217,"_162":22,"_106":218,"_100":219,"_165":179,"_167":220,"_168":22,"_169":-5,"_170":321,"_98":322},[],[99,215],[99],{"_104":225,"_95":226,"_156":118,"_158":-5,"_159":142,"_160":227,"_162":22,"_106":228,"_100":229,"_165":230,"_167":231,"_168":22,"_169":-5,"_170":325,"_98":326},[],[226],{"_104":235,"_95":236,"_156":237,"_158":-5,"_159":142,"_160":238,"_162":22,"_106":239,"_100":240,"_165":179,"_167":241,"_168":22,"_169":-5,"_170":328,"_98":329},[],[236],{"_104":245,"_95":246,"_156":247,"_158":-5,"_159":142,"_160":248,"_162":22,"_106":249,"_100":250,"_165":230,"_167":251,"_168":22,"_169":-5,"_170":331,"_98":332},[],[246],{"_104":255,"_95":256,"_156":257,"_158":-5,"_159":142,"_160":101,"_162":22,"_106":258,"_100":259,"_165":260,"_167":261,"_168":22,"_169":-5,"_170":334,"_98":335},[],[256],[306,308,311,314,317,320,324,327,330,333],{"_104":155,"_95":99,"_156":157,"_158":-5,"_159":142,"_160":161,"_162":163,"_106":290,"_100":122,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":338},[99],[340,342,344,346,348],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":142,"_160":176,"_162":163,"_106":275,"_100":178,"_165":179,"_167":180,"_168":22,"_169":-5,"_98":341},[99,174],{"_104":184,"_95":185,"_156":186,"_158":157,"_159":142,"_160":187,"_162":163,"_106":278,"_100":189,"_165":179,"_167":190,"_168":22,"_169":-5,"_98":343},[99,185],{"_104":194,"_95":195,"_156":196,"_158":157,"_159":142,"_160":197,"_162":22,"_106":281,"_100":199,"_165":179,"_167":200,"_168":22,"_169":-5,"_98":345},[99,195],{"_104":204,"_95":205,"_156":206,"_158":157,"_159":142,"_160":207,"_162":163,"_106":284,"_100":209,"_165":179,"_167":210,"_168":22,"_169":-5,"_98":347},[99,205],{"_104":214,"_95":215,"_156":216,"_158":157,"_159":142,"_160":217,"_162":22,"_106":287,"_100":219,"_165":179,"_167":220,"_168":22,"_169":-5,"_98":349},[99,215],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"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