fix: separate OG image generation from generate step

OG images require Playwright which isn't available during the generate
step in CI. Split into generate:og script and run it after Playwright
install in the deploy workflow.

Author: rbbydotdev

.github/workflows/deploy-pages.yml

@@ -43,6 +43,9 @@ jobs:
 
       # Build playground (Vite)
       - run: pnpm --filter spac-playground generate
+      - run: npx playwright install --with-deps chromium
+        working-directory: packages/playground
+      - run: pnpm --filter spac-playground generate:og
       - run: pnpm --filter spac-playground build
         env:
           GITHUB_PAGES: true

packages/playground/package.json

@@ -9,7 +9,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "codegen": "tsx scripts/codegen-from-specs.ts",
-    "generate": "tsx scripts/codegen-from-specs.ts && tsx scripts/generate-fixtures.ts && tsx scripts/bundle-declarations.ts && tsx scripts/validate-fixtures.ts && tsx scripts/generate-og-images.ts",
+    "generate": "tsx scripts/codegen-from-specs.ts && tsx scripts/generate-fixtures.ts && tsx scripts/bundle-declarations.ts && tsx scripts/validate-fixtures.ts",
+    "generate:og": "tsx scripts/generate-og-images.ts",
     "test:e2e": "playwright test"
   },
   "dependencies": {