Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Auto Action on release publish to update index.html and Readme.md #199

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

[WIP] Auto Action on release publish to update index.html and Readme.md #199

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
28014ca
new action file and template index.html
alirana01 Oct 18, 2023
b884e44
updating event triggers
alirana01 Oct 18, 2023
71730c0
testing
alirana01 Oct 18, 2023
80dd642
testing
alirana01 Oct 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions .github/workflows/update-index-auto-trigger.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
name: update-index-auto-trigger-release-publish

on:
release:
types:
- published
pull_request:


jobs:
update-index:
name: Update index.html
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v3
- name: Link Checker
uses: lycheeverse/[email protected]
with:
args: --verbose --no-progress './README.md'
fail: true
- name: Get assets download URL
id: get-url
run: |
ASSET_URL=$(curl -sH "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \
https://api.github.com/repos/${{ github.repository }}/releases/${{ github.event.release.id }}/assets | \
jq -r '.[0].browser_download_url')
echo "::set-output name=asset_url::$ASSET_URL"

# - name: Update the tags from release
# run: |
# clear

# - name: Upload index.html To dl.espressif.com
# id: upload-index-espressif
# env:
# AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
# AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
# AWS_DEFAULT_REGION: ${{ secrets.AWS_DEFAULT_REGION }}
# run: |
# aws s3 cp --acl=public-read --no-progress ./src/Resources/download/index.html s3://${{ secrets.DL_BUCKET }}/dl/esp-idf/index.html
# aws s3 cp --acl=public-read --no-progress ./src/Resources/download/releases.json s3://${{ secrets.DL_BUCKET }}/dl/esp-idf/releases.json
# - name: Invalidate cache
# id: invalidate-index-cache
# env:
# AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
# AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
# AWS_DEFAULT_REGION: ${{ secrets.AWS_DEFAULT_REGION }}
# run: |
# aws cloudfront create-invalidation --distribution-id ${{ secrets.DL_DISTRIBUTION_ID }} --paths "/dl/esp-idf/index.html" "/dl/esp-idf/" "/dl/esp-idf/releases.json"

315 changes: 315 additions & 0 deletions src/Resources/download/index-template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,315 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://use.fontawesome.com/0d786601d8.js"></script>
<style type="text/css">
body, h1, h2 {
font-family: Roboto,ff-tisa-web-pro,Arial,sans-serif;
font-weight: 100;
}
.text-center {
text-align: center;
}
.download-button{
color:white;
margin-bottom: 2em;
font-size:1rem;
min-width:12em;
background-color:#0066BB;
cursor: pointer;
border: none;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto
}
.download-form {
width: 100%;
}
#section-download {
margin: auto;
width: 20%;
}
#section-all-releases {
width: 100%;
}
.section-hidden {
display: none;
}
.link {
cursor: pointer;
color: darkblue;
text-decoration: underline;
}
button {
width: 100%;
border: none;
background-color:#0066BB;
color:white;
cursor: pointer;
padding:1em;
}
.button-online {
background-color: green;
}
.button-offline {
background-color:#003388;
}
.list-row-headings {
font-family: SourceSansProBold,Arial,sans-serif;
padding: .5em .5em .4em .75em;
margin-right: 1.25em;
}
.list-row-container {
border: 1px solid #caccce;
height: 16.75em;
overflow-y: scroll;
}
.menu {
margin-left: 0;
list-style: none;
list-style-image: none;
}
.release-date {
width: 20%;
display: inline-block;
margin-right: -4px;
vertical-align: middle;
}
.release-number {
width: 20%;
display: inline-block;
margin-right: -4px;
vertical-align: middle;
}
.release-download {
width: 30%;
display: inline-block;
margin-right: -4px;
vertical-align: middle;
}
.release-notes {
width: 20%;
display: inline-block;
margin-right: -4px;
vertical-align: middle;
}
.list-row-container li {
padding: .5em .5em .4em .75em;
margin-right: 0;
}
.menu {
padding: 0;
}
.swimlane {
margin-bottom: 2rem;
background-color: #f5f5f5;
padding: 2em;
}
.instructions {
margin-bottom: 2rem;
text-align: center;
}
.footer {
padding: 2em 0;
width: 100%;
color: white;
background-color: #333;
position: absolute;
left: 0;
margin-top: 2em;
}
.footer a {
color:white;
}
.footer a:visited {
color: lightyellow;
}
.footer-item {
padding-left: 1em;
padding-right: 1em;
}
</style>
<script type="text/javascript">

;

let installerTitle = {
'offline': 'Offline Installer',
'online': 'Online Installer',
'espressif-ide': 'ESP-IDE',
}

// Invoke a function when the page loads
window.onload = () => {
// Get the release list element
const releaseList = document.getElementById('release-list');

fetch('releases.json')
.then(response => response.json())
.then(data => {
// Generate the release list
data.forEach(release => {

let description = installerTitle[release.type] + ' v' + release.version;
let downloadLink = 'https://github.com/espressif/idf-installer/releases/download/' + release.type + '-' + release.version + '/esp-idf-tools-setup-' + release.type + '-' + release.version + '.exe';
let mirrorLink = 'https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-' + release.type + '-' + release.version;
let releaseNotesLink = 'https://github.com/espressif/idf-installer/releases/tag/' + release.type + '-' + release.version;

const listItem = document.createElement('li');

const versionSpan = document.createElement('span');
versionSpan.className = 'release-number';
versionSpan.textContent = description;
listItem.appendChild(versionSpan);

const dateSpan = document.createElement('span');
dateSpan.className = 'release-date';
dateSpan.textContent = release.date;
listItem.appendChild(dateSpan);

const downloadSpan = document.createElement('span');
downloadSpan.className = 'release-download';
downloadSpan.innerHTML = `<span><a href="${downloadLink}">Download</a> / <a href="${mirrorLink}">Mirror</a> - ${release.size}</span>`;
listItem.appendChild(downloadSpan);

const notesSpan = document.createElement('span');
notesSpan.className = 'release-notes';
notesSpan.innerHTML = `<a href="${releaseNotesLink}">Release Notes</a>`;
listItem.appendChild(notesSpan);

releaseList.appendChild(listItem);
});

});
};
</script>
</head>
<body>
<h1 class="text-center">ESP-IDF Windows Installer Download</h1>
<h2 class="text-center">Open Source IoT Development Framework for ESP32</h2>
<div id="section-download">
<div class="download-button">
<form class="download-form" method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-online-2.23.exe">
<button class="button-online">
<i class="fa fa-download" aria-hidden="true"></i>
<div>Universal Online Installer 2.23</div>
<div>Windows 10, 11</div>
<div>Size: 4 MB</div>
</button>
</form>
</div>
<div class="download-button">
<form method="get" action="{Link_Place_Holder}">
<button class="button-espressif-ide">
<i class="fa fa-download" aria-hidden="true"></i>
<div>{Name_Place_Holder}</div>
<div>Windows 10, 11</div>
<div>Size: 1 GB</div>
</button>
</form>
</div>

<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-5.1.1.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v5.1.1 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 880 MB</div>
</button>
</form>
</div>

<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-5.0.4.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v5.0.4 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 768 MB</div>
</button>
</form>
</div>

<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-4.4.5.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v4.4.5 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 760 MB</div>
</button>
</form>
</div>

<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-4.3.6.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v4.3.6 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 575 MB</div>
</button>
</form>
</div>

<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-4.2.5.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v4.2.5 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 376 MB</div>
</button>
</form>
</div>
<div class="download-button">
<form method="get" action="https://dl.espressif.com/dl/idf-installer/esp-idf-tools-setup-offline-4.1.4.exe">
<button class="button-offline">
<i class="fa fa-download" aria-hidden="true"></i>
<div>ESP-IDF v4.1.4 - Offline Installer</div>
<div>Windows 10, 11</div>
<div>Size: 353 MB</div>
</button>
</form>
</div>


</div>
<div class="instructions">
Installation instructions: <a href="https://docs.espressif.com/projects/esp-idf/en/latest/esp32/get-started/windows-setup.html">ESP-IDF documentation</a>
and <a href="https://www.youtube.com/watch?v=byVPAfodTyY">Espressif Systems Youtube channel</a>.
</div>


<div class="swimlane">
<h2 class="text-center">Want new installer features sooner?</h2>
<div class="text-center">Get <a href="https://github.com/espressif/idf-installer/releases">Beta version</a>.</div>
</div>

<div>
<h2 class="text-center">Download links to available releases and mirrors.</h2>
</div>
<div id="section-all-releases">
<div class="list-row-headings">
<span class="release-number">Release version</span>
<span class="release-date">Release date</span>
<span class="release-download">&nbsp;</span>
<span class="release-notes">Release notes</span>
</div>
<ol id="release-list" class="list-row-container menu"></ol>


</div>
<div class="footer text-center">
<span class="footer-item">
<a href="https://github.com/espressif/idf-installer/issues">ESP-IDF Windows Installer Support</a>
</span>
<span class="footer-item">
<a href="https://github.com/espressif/esp-idf">ESP-IDF GitHub</a>
</span>
</div>
</body>
</html>
Loading