Jonas_Jones/builds.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/builds.jonasjones.dev.git synced 2025-10-24 12:09:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial commit (by create-cloudflare CLI)

Browse source 
Details:
  C3 = create-cloudflare@2.21.9
  project name = cloudflare-pages-builds-worker
  package manager = npm@10.8.1
  wrangler = wrangler@3.62.0
  git = 2.45.2
This commit is contained in:
J-onasJones 2024-06-29 17:46:56 +02:00
parent 50b6f09628
commit 0a0ff81e1b
9 changed files with 3637 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

170
src/index.js Normal file
View file

@ -0,0 +1,170 @@
addEventListener('fetch', (event) => {
event.respondWith(handleRequest(event.request));
});
function getDisplayName(namespace) {
//check if the namespace is in the displayNames object. if not, return the namespace
return displayNames[namespace] || namespace;
}
async function getPages() {
const url = `https://api.cloudflare.com/client/v4/accounts/${CLOUDFLARE_ACCOUNT_ID}/pages/projects`;
const response = await fetch(url, {
headers: {
'Authorization': `Bearer ${CLOUDFLARE_API_TOKEN}`,
'Content-Type': 'application/json',
},
});
const data = await response.json();
return data.result;
}
async function getBuilds(namespace) {
const url = `https://api.cloudflare.com/client/v4/accounts/${CLOUDFLARE_ACCOUNT_ID}/pages/projects/${namespace}/deployments`;
const response = await fetch(url, {
headers: {
'Authorization': `Bearer ${CLOUDFLARE_API_TOKEN}`,
'Content-Type': 'application/json',
},
});
const data = await response.json();
return data.result;
}
function getPagesNamesfromData(data) {
let pages = [];
for (let i = 0; i < data.length; i++) {
pages.push({
name: data[i].name
});
}
return pages;
}
function getBuildsNamesfromData(data) {
let builds = [];
console.log(JSON.stringify(data));
for (let i = 0; i < data.length; i++) {
builds.push({
url: data[i].url,
created_on: data[i].created_on,
environment: data[i].environment,
short_id: data[i].short_id,
branch: data[i].deployment_trigger.metadata.branch,
commit_message: data[i].deployment_trigger.metadata.commit_message,
});
}
return builds;
}
function style() {
return `
<style>
body {
font-family: sans-serif;
}
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #000;
padding: 0.5rem;
}
</style>
`;
}
async function rootPageConstructor() {
const pages = await getPagesNamesfromData(await getPages());
let html = `
<html>
<head>
<title>Pages Builds Index</title>
</head>
<body>
<h1>Pages Builds Index</h1>
<p>Find all the builds of my Cloudflare Pages here.</p>
<ul>
`;
for (let i = 0; i < pages.length; i++) {
html += `<li><a href="/${pages[i].name}">${getDisplayName(pages[i].name)}</a></li>`;
}
html += `
</ul>
</body>
</html>
`;
html += style();
return html;
}
async function buildsPageConstructor(namespace) {
const builds = await getBuildsNamesfromData(await getBuilds(namespace));
const displayName = getDisplayName(namespace);
let html = `
<html>
<head>
<title>Pages Builds Index</title>
</head>
<body>
<h1>Pages Builds Index</h1>
<h2>${displayName}:</h2>
<table>
<tr>
<th>ID</th>
<th>Environment</th>
<th>Date</th>
<th>URL</th>
<th>Branch</th>
<th>Commit Message</th>
</tr>
`;
for (let i = 0; i < builds.length; i++) {
html += `<tr><td>${builds[i].short_id}</td><td>${builds[i].environment}</td><td>${builds[i].created_on}</td><td><a href="${builds[i].url}">${builds[i].url}</a></td><td>${builds[i].branch}</td><td>${builds[i].commit_message}</td></tr>`;
}
html += `
</table>
</body>
</html>
`;
html += style();
return html;
}
async function handleRequest(request) {
const { pathname } = new URL(request.url);
if (pathname === '/') {
return new Response(await rootPageConstructor(), {
headers: {
'content-type': 'text/html;charset=UTF-8',
},
});
}
const path = pathname.split('/');
// if the first path is in the getPagesfromData() array, then
//return new Response(JSON.stringify(await getPages()));
if (path.length === 2) {
const pages = await getPagesNamesfromData(await getPages());
for (let i = 0; i < pages.length; i++) {
if (pages[i].name === path[1]) {
return new Response(await buildsPageConstructor(path[1]), {
headers: {
'content-type': 'text/html;charset=UTF-8',
},
});
}
}
}
}