commit 7efb574d0dc554608d6758edad7b8cb1088ae928 · dunkirk.sh/zera

package.json

···

       2
       2
        
         "name": "zera",

     

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

     

       4
       4
        
         "type": "module",

     

       5
       5
       +
         "scripts": {

     

       6
       6
       +
           "build:all": "zola build; bun run tools/genOG.ts"

     

       7
       7
       +
         },

     

       5
       8
        
         "devDependencies": {

     

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

     

       7
       10
        
         },

+5 -4

templates/head.html

···

       12
       12
        
       %} {% elif section.description %} {% set description = section.description |

     

       13
       13
        
       truncate(length=150) %} {% elif config.description %} {% set description =

     

       14
       14
        
       config.description | truncate(length=150) %} {% endif %} {% if page.extra.image

     

       15
       15
       -
       %} {% set image = get_url(path=page.extra.image, trailing_slash=false) %} {%

     

       16
       16
       -
       elif section.extra.image %} {% set image = get_url(path=section.extra.image,

     

       17
       17
       -
       trailing_slash=false) %} {% elif config.extra.favicon %} {% set image =

     

       18
       18
       -
       get_url(path=config.extra.favicon, trailing_slash=false) %} {% endif %} {% if

     

       15
       15
       +
       %} {% set image = get_url(path="og.png", trailing_slash=false) %} {% elif

     

       16
       16
       +
       section.extra.image %} {% set image = get_url(path=section.extra.image,

     

       17
       17
       +
       trailing_slash=false) %} {% elif page.path %} {% set image =

     

       18
       18
       +
       get_url(path=page.path ~ "og.png", trailing_slash=false) %} {% else %} {% set

     

       19
       19
       +
       image = get_url(path="og.png", trailing_slash=false) %} {% endif %} {% if

     

       19
       20
        
       page.permalink %} {% set url = page.permalink %} {% elif section.permalink %} {%

     

       20
       21
        
       set url = section.permalink %} {% elif config.base_url %} {% set url =

     

       21
       22
        
       config.base_url %} {% endif %} {% if title %}

+37 -1

tools/genOG.ts

···

       1
       1
        
       import puppeteer from "puppeteer";

     

       2
       2
       +
       import { readdir } from "node:fs/promises";

     

       2
       3
        
       

     

       3
       4
        
       const template = await Bun.file("tools/og.html").text();

     

       4
       5
        
       

     
···

       19
       20
        
         await page.screenshot({ path: outputPath });

     

       20
       21
        
       }

     

       21
       22
        
       

     

       23
       23
       +
       async function fileExists(path: string): Promise<boolean> {

     

       24
       24
       +
         try {

     

       25
       25
       +
           await Bun.file(path);

     

       26
       26
       +
           return true;

     

       27
       27
       +
         } catch (e) {

     

       28
       28
       +
           return false;

     

       29
       29
       +
         }

     

       30
       30
       +
       }

     

       31
       31
       +
       

     

       22
       32
        
       try {

     

       23
       23
       -
         await og("an early tale of tomfoolery", "og.png");

     

       33
       33
       +
         // check if the public/blog folder exists

     

       34
       34
       +
         // if not exit

     

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

     

       36
       36
       +
       

     

       37
       37
       +
         if (!(await fileExists("public/"))) {

     

       38
       38
       +
           console.error("public/ does not exist");

     

       39
       39
       +
           process.exit(1);

     

       40
       40
       +
         }

     

       41
       41
       +
       

     

       42
       42
       +
         // read all the files in the current directory filtering for index.htmls

     

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

     

       44
       44
       +
           file.endsWith("index.html")

     

       45
       45
       +
         );

     

       46
       46
       +
       

     

       47
       47
       +
         console.log("Generating OG images for", files.length, "files");

     

       48
       48
       +
       

     

       49
       49
       +
         // for each file, get the title tag from the index.html

     

       50
       50
       +
         for (const file of files) {

     

       51
       51
       +
           const index = await Bun.file(`public/${file}`).text();

     

       52
       52
       +
           const title = index.match(/<title>(.*?)<\/title>/)![1];

     

       53
       53
       +
           if (!title) {

     

       54
       54
       +
             console.error(`No title found for ${file}`);

     

       55
       55
       +
             continue;

     

       56
       56
       +
           }

     

       57
       57
       +
           console.log("Generating OG for", title);

     

       58
       58
       +
           await og(title, `public/${file.replace("index.html", "og.png")}`);

     

       59
       59
       +
         }

     

       24
       60
        
       } catch (e) {

     

       25
       61
        
         console.error(e);

     

       26
       62
        
       } finally {