commit 6b594b536ecbf0c3ffb9916cde96fd1a56f2513f · dunkirk.sh/zera

+3 -1

.gitignore

···

       1
       1
       -
       public
     

       1
       1
       +
       public

     

       2
       2
       +
       node_modules

     

       3
       3
       +
       .env

bun.lockb

This is a binary file and will not be displayed.

+14

package.json

···

       1
       1
       +
       {

     

       2
       2
       +
         "name": "zera",

     

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

     

       4
       4
       +
         "type": "module",

     

       5
       5
       +
         "devDependencies": {

     

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

     

       7
       7
       +
         },

     

       8
       8
       +
         "peerDependencies": {

     

       9
       9
       +
           "typescript": "^5.0.0"

     

       10
       10
       +
         },

     

       11
       11
       +
         "dependencies": {

     

       12
       12
       +
           "puppeteer": "^23.5.3"

     

       13
       13
       +
         }

     

       14
       14
       +
       }

+28

tools/genOG.ts

···

       1
       1
       +
       import puppeteer from "puppeteer";

     

       2
       2
       +
       

     

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

     

       4
       4
       +
       

     

       5
       5
       +
       const browser = await puppeteer.launch();

     

       6
       6
       +
       

     

       7
       7
       +
       async function og(

     

       8
       8
       +
         postname: string,

     

       9
       9
       +
         outputPath: string,

     

       10
       10
       +
         width = 1200,

     

       11
       11
       +
         height = 630

     

       12
       12
       +
       ) {

     

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

     

       14
       14
       +
       

     

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

     

       16
       16
       +
       

     

       17
       17
       +
         await page.setContent(template.toString().replace("{{postname}}", postname));

     

       18
       18
       +
       

     

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

     

       20
       20
       +
       }

     

       21
       21
       +
       

     

       22
       22
       +
       try {

     

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

     

       24
       24
       +
       } catch (e) {

     

       25
       25
       +
         console.error(e);

     

       26
       26
       +
       } finally {

     

       27
       27
       +
         await browser.close();

     

       28
       28
       +
       }

+70

tools/og.html

···

       1
       1
       +
       <!DOCTYPE html>

     

       2
       2
       +
       <html>

     

       3
       3
       +
         <head>

     

       4
       4
       +
           <style>

     

       5
       5
       +
             :root,

     

       6
       6
       +
             ::backdrop {

     

       7
       7
       +
               color-scheme: dark;

     

       8
       8
       +
               --bg: #222529;

     

       9
       9
       +
               --bg-light: #464949;

     

       10
       10
       +
               --text: #d6d6d6;

     

       11
       11
       +
               --text-light: #c5c0b7;

     

       12
       12
       +
               --accent: #78b6ad;

     

       13
       13
       +
               --accent-light: #87c9e5;

     

       14
       14
       +
               --accent-text: var(--bg);

     

       15
       15
       +
               --border: #dbd5bc;

     

       16
       16
       +
               --link: #e2c8a2;

     

       17
       17
       +
             }

     

       18
       18
       +
       

     

       19
       19
       +
             body {

     

       20
       20
       +
               font-weight: 600;

     

       21
       21
       +
               color: #d6d6d6;

     

       22
       22
       +
               background-color: #222529;

     

       23
       23
       +
               font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono",

     

       24
       24
       +
                 monospace;

     

       25
       25
       +
               display: flex;

     

       26
       26
       +
               flex-direction: column;

     

       27
       27
       +
               text-align: center;

     

       28
       28
       +
             }

     

       29
       29
       +
       

     

       30
       30
       +
             div {

     

       31
       31
       +
               margin: 0;

     

       32
       32
       +
               display: flex;

     

       33
       33
       +
               flex-direction: column;

     

       34
       34
       +
               align-items: center;

     

       35
       35
       +
               justify-content: center;

     

       36
       36
       +
               height: 90vh; /* 90% of viewport height */

     

       37
       37
       +
               width: 90vw; /* 90% of viewport width */

     

       38
       38
       +
               padding: 5vh 5vw; /* 5% border on all sides */

     

       39
       39
       +
               box-sizing: border-box;

     

       40
       40
       +
               align-self: center;

     

       41
       41
       +
             }

     

       42
       42
       +
       

     

       43
       43
       +
             h1 {

     

       44
       44
       +
               font-size: calc(

     

       45
       45
       +
                 2rem + 2vw

     

       46
       46
       +
               ); /* Adjust font size based on viewport width */

     

       47
       47
       +
               margin: 0.5em 0;

     

       48
       48
       +
               line-height: 1.1;

     

       49
       49
       +
             }

     

       50
       50
       +
       

     

       51
       51
       +
             h1::before {

     

       52
       52
       +
               color: var(--accent);

     

       53
       53
       +
               content: "# ";

     

       54
       54
       +
             }

     

       55
       55
       +
       

     

       56
       56
       +
             p {

     

       57
       57
       +
               margin: 1rem 0;

     

       58
       58
       +
               font-size: calc(

     

       59
       59
       +
                 1rem + 1vw

     

       60
       60
       +
               ); /* Adjust font size based on viewport width */

     

       61
       61
       +
             }

     

       62
       62
       +
           </style>

     

       63
       63
       +
         </head>

     

       64
       64
       +
         <body>

     

       65
       65
       +
           <div>

     

       66
       66
       +
             <h1>{{postname}} lol eat food hapily</h1>

     

       67
       67
       +
             <p>By Kieran Klukas</p>

     

       68
       68
       +
           </div>

     

       69
       69
       +
         </body>

     

       70
       70
       +
       </html>

+27

tsconfig.json

···

       1
       1
       +
       {

     

       2
       2
       +
         "compilerOptions": {

     

       3
       3
       +
           // Enable latest features

     

       4
       4
       +
           "lib": ["ESNext", "DOM"],

     

       5
       5
       +
           "target": "ESNext",

     

       6
       6
       +
           "module": "ESNext",

     

       7
       7
       +
           "moduleDetection": "force",

     

       8
       8
       +
           "jsx": "react-jsx",

     

       9
       9
       +
           "allowJs": true,

     

       10
       10
       +
       

     

       11
       11
       +
           // Bundler mode

     

       12
       12
       +
           "moduleResolution": "bundler",

     

       13
       13
       +
           "allowImportingTsExtensions": true,

     

       14
       14
       +
           "verbatimModuleSyntax": true,

     

       15
       15
       +
           "noEmit": true,

     

       16
       16
       +
       

     

       17
       17
       +
           // Best practices

     

       18
       18
       +
           "strict": true,

     

       19
       19
       +
           "skipLibCheck": true,

     

       20
       20
       +
           "noFallthroughCasesInSwitch": true,

     

       21
       21
       +
       

     

       22
       22
       +
           // Some stricter flags (disabled by default)

     

       23
       23
       +
           "noUnusedLocals": false,

     

       24
       24
       +
           "noUnusedParameters": false,

     

       25
       25
       +
           "noPropertyAccessFromIndexSignature": false

     

       26
       26
       +
         }

     

       27
       27
       +
       }