commit 71209ad12c946006f215a5e78efc694bb62c8ed2 · dunkirk.sh/zera

-71

.github/workflows/genOG.yaml

···

       1
       1
       -
       name: Zola Build and OG Image Generation

     

       2
       2
       -
       

     

       3
       3
       -
       on:

     

       4
       4
       -
         push:

     

       5
       5
       -
           branches:

     

       6
       6
       -
             - main

     

       7
       7
       -
       

     

       8
       8
       -
       jobs:

     

       9
       9
       -
         build:

     

       10
       10
       -
           runs-on: ubuntu-latest

     

       11
       11
       -
       

     

       12
       12
       -
           steps:

     

       13
       13
       -
             - name: Checkout code

     

       14
       14
       -
               uses: actions/checkout@v4

     

       15
       15
       -
       

     

       16
       16
       -
             - name: Restore Bun cache

     

       17
       17
       -
               uses: actions/cache@v3

     

       18
       18
       -
               id: bun-cache

     

       19
       19
       -
               with:

     

       20
       20
       -
                 path: ~/.bun

     

       21
       21
       -
                 key: bun-${{ runner.os }}-${{ hashFiles('**/bun.lockb') }}

     

       22
       22
       -
                 restore-keys: |

     

       23
       23
       -
                   bun-${{ runner.os }}-

     

       24
       24
       -
       

     

       25
       25
       -
             - name: Setup Bun

     

       26
       26
       -
               uses: oven-sh/setup-bun@v1

     

       27
       27
       -
               with:

     

       28
       28
       -
                 bun-version: latest

     

       29
       29
       -
       

     

       30
       30
       -
             - name: Restore node_modules cache

     

       31
       31
       -
               uses: actions/cache@v3

     

       32
       32
       -
               id: node-modules-cache

     

       33
       33
       -
               with:

     

       34
       34
       -
                 path: node_modules

     

       35
       35
       -
                 key: node-modules-${{ runner.os }}-${{ hashFiles('bun.lockb', 'package.json') }}

     

       36
       36
       -
                 restore-keys: |

     

       37
       37
       -
                   node-modules-${{ runner.os }}-

     

       38
       38
       -
       

     

       39
       39
       -
             - name: Install dependencies (tools)

     

       40
       40
       -
               if: steps.node-modules-cache.outputs.cache-hit != 'true'

     

       41
       41
       -
               env:

     

       42
       42
       -
                 PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: "true"

     

       43
       43
       -
               run: bun install --cwd tools

     

       44
       44
       -
       

     

       45
       45
       -
             - name: Install Zola

     

       46
       46
       -
               uses: taiki-e/install-action@v2

     

       47
       47
       -
               with:

     

       48
       48
       -
                 tool: zola@0.19.1

     

       49
       49
       -
       

     

       50
       50
       -
             - name: Build Zola site

     

       51
       51
       -
               run: zola build

     

       52
       52
       -
       

     

       53
       53
       -
             - name: Generate OG Images

     

       54
       54
       -
               uses: mujo-code/puppeteer-headful@16.6.0

     

       55
       55
       -
               env:

     

       56
       56
       -
                 CI: "true"

     

       57
       57
       -
               with:

     

       58
       58
       -
                 args: npm run gen

     

       59
       59
       -
       

     

       60
       60
       -
             - name: Check for changes

     

       61
       61
       -
               id: git-check

     

       62
       62
       -
               run: echo "::set-output name=modified::$([ -z "$(git status --porcelain)" ] && echo "false" || echo "true")"

     

       63
       63
       -
       

     

       64
       64
       -
             - name: Commit changes

     

       65
       65
       -
               if: steps.git-check.outputs.modified == 'true'

     

       66
       66
       -
               run: |

     

       67
       67
       -
                 git config --global user.name "GitHub Actions"

     

       68
       68
       -
                 git config --global user.email "actions@github.com"

     

       69
       69
       -
                 git add public/og/*

     

       70
       70
       -
                 git commit -m "chore: generated og images"

     

       71
       71
       -
                 git push origin HEAD:main

bun.lockb

This is a binary file and will not be displayed.

+1 -1

package.json

···

       3
       3
        
         "module": "index.ts",

     

       4
       4
        
         "type": "module",

     

       5
       5
        
         "scripts": {

     

       6
       6
       -
           "gen": "node tools/genOG.js"

     

       6
       6
       +
           "gen": "bun tools/genOG.js"

     

       7
       7
        
         },

     

       8
       8
        
         "devDependencies": {

     

       9
       9
        
           "@types/bun": "latest",

-116

tools/genOG.js

···

       1
       1
       -
       import "dotenv/config";

     

       2
       2
       -
       import puppeteer from "puppeteer";

     

       3
       3
       -
       import { readdir, mkdir, readFile, access } from "node:fs/promises";

     

       4
       4
       -
       

     

       5
       5
       -
       const template = await readFile("tools/og.html", "utf-8");

     

       6
       6
       -
       

     

       7
       7
       -
       const browser = await puppeteer.launch({

     

       8
       8
       -
         args: ["--no-sandbox"],

     

       9
       9
       -
         executablePath: process.env.PUPPETEER_EXEC_PATH,

     

       10
       10
       -
       });

     

       11
       11
       -
       

     

       12
       12
       -
       async function og(postname, type, by, outputPath, width = 1200, height = 630) {

     

       13
       13
       -
         const page = await browser.newPage();

     

       14
       14
       -
       

     

       15
       15
       -
         await page.setViewport({ width, height });

     

       16
       16
       -
       

     

       17
       17
       -
         await page.setContent(

     

       18
       18
       -
           template

     

       19
       19
       -
             .toString()

     

       20
       20
       -
             .replace("{{postname}}", postname)

     

       21
       21
       -
             .replace("{{type}}", type)

     

       22
       22
       -
             .replace("{{by}}", by || ""),

     

       23
       23
       -
         );

     

       24
       24
       -
       

     

       25
       25
       -
         await page.screenshot({ path: outputPath });

     

       26
       26
       -
       }

     

       27
       27
       -
       

     

       28
       28
       -
       async function fileExists(path) {

     

       29
       29
       -
         try {

     

       30
       30
       -
           await access(path);

     

       31
       31
       -
           return true;

     

       32
       32
       -
         } catch (e) {

     

       33
       33
       -
           return false;

     

       34
       34
       -
         }

     

       35
       35
       -
       }

     

       36
       36
       -
       

     

       37
       37
       -
       try {

     

       38
       38
       -
         // check if the public/blog folder exists

     

       39
       39
       -
         // if not exit

     

       40
       40
       -
         // if it does, get all the folders and then get the title tag from the index.html

     

       41
       41
       -
       

     

       42
       42
       -
         if (!(await fileExists("public/"))) {

     

       43
       43
       -
           console.error("public/ does not exist");

     

       44
       44
       -
           process.exit(1);

     

       45
       45
       -
         }

     

       46
       46
       -
       

     

       47
       47
       -
         // read all the files in the current directory filtering for index.htmls

     

       48
       48
       -
         const files = (await readdir("public/", { recursive: true })).filter((file) =>

     

       49
       49
       -
           file.endsWith("index.html"),

     

       50
       50
       -
         );

     

       51
       51
       -
       

     

       52
       52
       -
         const directories = new Set(

     

       53
       53
       -
           files.map((file) => file.replace("index.html", "")),

     

       54
       54
       -
         );

     

       55
       55
       -
       

     

       56
       56
       -
         const existing = (await readdir("static/")).filter((file) =>

     

       57
       57
       -
           directories.has(file),

     

       58
       58
       -
         );

     

       59
       59
       -
       

     

       60
       60
       -
         // create not existing

     

       61
       61
       -
         for (const dir of directories) {

     

       62
       62
       -
           if (!existing.includes(dir)) {

     

       63
       63
       -
             await mkdir(`static/${dir.split("/").slice(0, -1).join("/")}`, {

     

       64
       64
       -
               recursive: true,

     

       65
       65
       -
             });

     

       66
       66
       -
           }

     

       67
       67
       -
         }

     

       68
       68
       -
       

     

       69
       69
       -
         console.log("Generating OG images for", files.length, "files");

     

       70
       70
       -
       

     

       71
       71
       -
         // for each file, get the title tag from the index.html

     

       72
       72
       -
         for (const file of files) {

     

       73
       73
       -
           const index = await readFile(`public/${file}`, "utf-8");

     

       74
       74
       -
           const title = index.match(/<title>(.*?)<\/title>/)?.[1] ?? "Untitled";

     

       75
       75
       -
           let type = "Page";

     

       76
       76
       -
           let by;

     

       77
       77
       -
           switch (file.split("/")[0]) {

     

       78
       78
       -
             case "blog":

     

       79
       79
       -
               type = "Blog";

     

       80
       80
       -
               if (file.split("/")[1] !== "index.html") {

     

       81
       81
       -
                 by = "<p>A post ... yeah thats about it</p>";

     

       82
       82
       -
               } else {

     

       83
       83
       -
                 by = "<p>All authored by me ... or are they???</p>";

     

       84
       84
       -
               }

     

       85
       85
       -
               break;

     

       86
       86
       -
             case "verify":

     

       87
       87
       -
               type = "Slash Page";

     

       88
       88
       -
               by = "<p>So you can stalk me 💀</p>";

     

       89
       89
       -
               break;

     

       90
       90
       -
             case "pfp":

     

       91
       91
       -
               type = "Slash Page";

     

       92
       92
       -
               by = "<p>Want to stare at my pretty face?</p>";

     

       93
       93
       -
               break;

     

       94
       94
       -
             case "tags":

     

       95
       95
       -
               if (file.split("/")[1] === "index.html") {

     

       96
       96
       -
                 type = "Tags";

     

       97
       97
       -
                 by = "<p>A total archive!</p>";

     

       98
       98
       -
               } else {

     

       99
       99
       -
                 type = "Tag";

     

       100
       100
       -
                 by = "<p>Find more posts like this!</p>";

     

       101
       101
       -
               }

     

       102
       102
       -
               break;

     

       103
       103
       -
             case "index.html":

     

       104
       104
       -
               type = "Root";

     

       105
       105
       -
               by = "<p>Where it all begins</p>";

     

       106
       106
       -
               break;

     

       107
       107
       -
           }

     

       108
       108
       -
       

     

       109
       109
       -
           console.log("Generating OG for", file, "title:", title, "with type:", type);

     

       110
       110
       -
           await og(title, type, by, `static/${file.replace("index.html", "og.png")}`);

     

       111
       111
       -
         }

     

       112
       112
       -
       } catch (e) {

     

       113
       113
       -
         console.error(e);

     

       114
       114
       -
       } finally {

     

       115
       115
       -
         await browser.close();

     

       116
       116
       -
       }