From e2cca1f63bf98feaa1f416aecbb342d7c2c9b2fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mur=C3=A1ncsik=20Ad=C3=A9na?= <92151441+adeeena@users.noreply.github.com> Date: Sun, 24 Apr 2022 04:23:39 +0200 Subject: [PATCH] Github Action for generating PDFs (#91) --- .github/workflows/export-pdf.yml | 118 +++++++++++++++++++++++++++++++ public/de/_menu.hbs | 1 + public/en/_menu.hbs | 2 +- public/hu/_menu.hbs | 2 +- public/pl/_menu.hbs | 1 + public/zh/_menu.hbs | 1 + scss/print.scss | 2 + 7 files changed, 125 insertions(+), 2 deletions(-) create mode 100644 .github/workflows/export-pdf.yml diff --git a/.github/workflows/export-pdf.yml b/.github/workflows/export-pdf.yml new file mode 100644 index 0000000..b37554a --- /dev/null +++ b/.github/workflows/export-pdf.yml @@ -0,0 +1,118 @@ +name: Export PDFs + +on: + # Triggers the workflow on push or pull request events but only for the master branch + push: + branches: [ master ] + pull_request: + branches: [ master ] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +jobs: + build: + runs-on: ubuntu-latest + steps: + # Get necessary packages for this image + - uses: actions/checkout@v3 + - name: Install necessary packages + run: sudo apt-get install graphicsmagick -y + + # Get latest chrome + - name: Get Chrome + run: | + wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb + sudo apt install ./google-chrome-stable_current_amd64.deb + + # Check out the code + - name: Checkout + uses: actions/checkout@v3.0.0 + + # Get appropriate nodejs version + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v2 + with: + node-version: '14' + cache: 'npm' + + # Restore packages and build + - name: Restore node_modules cache + uses: actions/cache@v2 + with: + path: node_modules + key: ${{ runner.os }}-node_modules-${{ hashFiles('**/package-lock.json') }} + restore-keys: | + ${{ runner.os }}-node_modules + + - name: Restore Asset Caches + uses: actions/cache@v2 + with: + key: if-cache + path: | + ./if-cache + ./if-cache.json + ./twitter-cache.json + + - run: npm ci + + - name: Run build + run: npm run build + + # Create a "dummy" http server inside the container + # on the output folder of the build + - name: Launch HTTP Server + uses: Eun/http-server-action@v1.0.3 + with: + directory: dist + + # Launch a headless chrome instance for exporting + - name: (EN) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/en.pdf" \ + http://127.0.0.1:8080/en/printable/index.html + + - name: (CN) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/cn.pdf" \ + http://127.0.0.1:8080/zh/printable/index.html + + - name: (DE) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/de.pdf" \ + http://127.0.0.1:8080/de/druckbar/index.html + + - name: (HU) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/hu.pdf" \ + http://127.0.0.1:8080/hu/nyomtathato/index.html + + - name: (PL) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/pl.pdf" \ + http://127.0.0.1:8080/pl/do-druku/index.html + + - name: (ZH) Get PDF from HTML + run: | + google-chrome --headless --print-to-pdf-no-header \ + --run-all-compositor-stages-before-draw --print-to-pdf="./dist/zh.pdf" \ + http://127.0.0.1:8080/zh/printable/index.html + + # Something is coming soon ;) +# - name: (FR) Get PDF from HTML +# run: | +# google-chrome --headless --print-to-pdf-no-header \ +# --run-all-compositor-stages-before-draw --print-to-pdf="./dist/fr.pdf" \ +# http://127.0.0.1:8080/fr/a-imprimer/index.html + + - name: Upload PDF artifacts + uses: actions/upload-artifact@v3 + with: + name: pdfs + path: | + dist/**/*.pdf diff --git a/public/de/_menu.hbs b/public/de/_menu.hbs index 33d629f..4a55391 100644 --- a/public/de/_menu.hbs +++ b/public/de/_menu.hbs @@ -2,6 +2,7 @@
Alle ansehen + PDF Herunterladen {{icon 'pdf' size="1em" style="vertical-align:middle;margin-bottom:3px;"}}
Einleitung Was ist Gender? diff --git a/public/en/_menu.hbs b/public/en/_menu.hbs index d066804..3bffcb0 100644 --- a/public/en/_menu.hbs +++ b/public/en/_menu.hbs @@ -2,7 +2,7 @@
View All - Download PDF {{icon 'pdf' size="1em" style="vertical-align:middle;margin-bottom:3px;"}} + Download PDF {{icon 'pdf' size="1em" style="vertical-align:middle;margin-bottom:3px;"}}
Introduction What is Gender? diff --git a/public/hu/_menu.hbs b/public/hu/_menu.hbs index b8f0c5c..ee25fb5 100644 --- a/public/hu/_menu.hbs +++ b/public/hu/_menu.hbs @@ -2,7 +2,7 @@
Minden megnyitása - + PDF Letöltése {{icon 'pdf' size="1em" style="vertical-align:middle;margin-bottom:3px;"}}
Előszó Mi is az a Gender? diff --git a/public/pl/_menu.hbs b/public/pl/_menu.hbs index 367a275..41b85ab 100644 --- a/public/pl/_menu.hbs +++ b/public/pl/_menu.hbs @@ -2,6 +2,7 @@
Zobacz wszystko + Pobierz PDF {{icon 'pdf' size="1em" style="vertical-align:middle;margin-bottom:3px;"}}
Wstęp Czym jest gender? diff --git a/public/zh/_menu.hbs b/public/zh/_menu.hbs index a47e3b7..e94a405 100644 --- a/public/zh/_menu.hbs +++ b/public/zh/_menu.hbs @@ -2,6 +2,7 @@
查看全部 + 下载PDF
简介 什么是性别？ diff --git a/scss/print.scss b/scss/print.scss index 1ac86ef..b5274dd 100644 --- a/scss/print.scss +++ b/scss/print.scss @@ -106,6 +106,8 @@ $header-full-height: 100px; @import "./markup"; // @import "./pager"; @import "./longform"; +@import "./font-compatibility"; + header { .top-nav { display: none; }