Merge pull request #87 from yhatt/puppeteer-browser

Use `@puppeteer/browsers` instead of puppeteer module

Author: yhatt

.github/workflows/github-pages.yml

@@ -31,11 +31,11 @@ jobs:
           cache: npm
           node-version-file: '.nvmrc'
 
-      - name: Install dependencies and Puppeteer
-        run: npm ci && npm i puppeteer --no-save
+      - name: Install dependencies
+        run: npm ci
 
       - name: Build Marp slide deck
-        run: CHROME_PATH=$(node -e "console.log(require('puppeteer').executablePath())") npm run build
+        run: CHROME_PATH=$(npx @puppeteer/browsers install chrome@stable --path $(realpath ./tmp) | awk '{print $2}') npm run build
         env:
           # Please update URL if you want to use custom domain
           URL: https://${{ github.event.repository.owner.name }}.github.io/${{ github.event.repository.name }}

.gitignore

@@ -1,4 +1,5 @@
 public
+/tmp
 
 # Created by https://www.gitignore.io/api/node,windows,macos,linux,sublimetext,emacs,vim,visualstudiocode
 

.nvmrc

@@ -1 +1 @@
-18.14.1
+18.16.1

marp.config.js

@@ -0,0 +1,17 @@
+const canonicalUrl = process.env.URL || undefined
+
+/** @type {import('@marp-team/marp-cli').Config} */
+const config = {
+  allowLocalFiles: true,
+  ogImage: (() => {
+    if (canonicalUrl) return `${canonicalUrl}/og-image.jpg`
+    if (process.env.VERCEL_URL)
+      return `https://${process.env.VERCEL_URL}/og-image.jpg`
+  
+    return undefined
+  })(),
+  themeSet: 'themes',
+  url: canonicalUrl,
+}
+
+export default config

marp.config.mjs

@@ -1,4 +1,3 @@
 [build]
   publish = "public"
-  # NOTE: If pasting this command into the Netlify UI, remove the \ prior to the quotation marks, as they don't need to be escaped in that situation.
-  command = "npm i puppeteer --no-save && CHROME_PATH=$(node -e \"console.log(require('puppeteer').executablePath())\") npm run build"
+  command = "CHROME_PATH=$(npx @puppeteer/browsers install chrome@stable --path $(realpath ./tmp) | awk '{print $2}') npm run build"

netlify.toml

@@ -9,7 +9,7 @@
     "deck": "marp --no-stdin PITCHME.md -o public/index.html && ncp assets public/assets",
     "og-image": "marp --no-stdin PITCHME.md -o public/og-image.jpg",
     "start": "marp -ps .",
-    "vercel-build": "npm i puppeteer --no-save && MARP_USER=root CHROME_PATH=$(node -e \"console.log(require('puppeteer').executablePath())\") npm run build"
+    "vercel-build": "MARP_USER=root CHROME_PATH=$(npx @puppeteer/browsers install chrome@stable --path $(realpath ./tmp) | awk '{print $2}') npm run build"
   },
   "devDependencies": {
     "@marp-team/marp-cli": "^3.1.0",