add open graph images + multi langs + image snapshots tests (#431)

* temp

* fix

* remove unused

* move tests

* add tests

* fixes

* fixes

* fixes

* fixes

* fixes

* like this

* prettier

* lint

* ci: job to deploy opengraph service

* style: run prettier

* add a way to deploy manually

* run temp

* Revert "run temp"

This reverts commit aa13fa5.

* increase memory

* use the worker

* only deploy if service has changed

---------

Co-authored-by: Saihajpreet Singh <saihajpreet.singh@gmail.com>

Author: Dimitri POSTOLOV

.github/workflows/opengraph.yml

@@ -0,0 +1,37 @@
+name: OpenGraph Service
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - 'packages/og-image/**'
+
+  workflow_dispatch:
+    inputs:
+      commit:
+        required: false
+        description: 'Commit ID'
+
+jobs:
+  deploy:
+    name: Deploy to Cloudflare Workers
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ env.COMMIT }}
+
+      - uses: the-guild-org/shared-config/setup@main
+        name: setup env
+        with:
+          nodeVersion: 18
+          packageManager: pnpm
+
+      - name: Deploy
+        working-directory: ./packages/og-image
+        run: pnpm run deploy
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.GUILD_CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.GUILD_CF_ACCOUNT_ID }}

.gitignore

@@ -37,6 +37,5 @@ build/
 .eslintcache
 dist/
 .turbo/
-
-.git
-.gitignore
+packages/og-image/vender/*.wasm
+.wrangler/

package.json

@@ -16,9 +16,10 @@
     "pre-commit": "lint-staged --concurrent false",
     "pre-push": "pnpm build",
     "prepare": "husky install && chmod +x .husky/*",
-    "prettier": "prettier . --write --list-different",
-    "prettier:check": "prettier . --check",
+    "prettier": "pnpm prettier:check --write",
+    "prettier:check": "prettier --cache --check .",
     "start": "pnpm --filter @graphprotocol/docs start",
+    "test": "turbo run test",
     "typecheck": "turbo run typecheck"
   },
   "devDependencies": {

packages/nextra-theme/src/index.tsx

@@ -132,7 +132,9 @@ export default function NextraLayout({ children, pageOpts, pageProps }: NextraTh
     description: frontMatter.description,
     openGraph: {
       title,
-      images: frontMatter.socialImage ? [{ url: frontMatter.socialImage }] : undefined,
+      images: frontMatter.socialImage
+        ? [{ url: frontMatter.socialImage }]
+        : [{ url: `https://thegraph-docs-opengraph-image.the-guild.dev?title=${title}` }],
     },
   }
   if (frontMatter.seo) {