nuxt-stories/.github/workflows/deploy-stories.yml at 39f54341c8dae96ebd1d7907d582ac5429116bee · rezozero/nuxt-stories · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
name: Deploy Stories to GitHub Pages

on:
  push:
    branches: [main, feat/next]
  workflow_dispatch:

permissions:
  contents: read
  pages: write
  id-token: write

# Only one deployment at a time; skip queued runs but never cancel an in-progress one.
concurrency:
  group: pages
  cancel-in-progress: false

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4

      - uses: pnpm/action-setup@v4
        with:
          version: latest

      - uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: pnpm

      # ── Module ──────────────────────────────────────────────────────────────

      - name: Install root dependencies
        run: pnpm install

      - name: Build module
        run: pnpm build

      # ── Playground dependencies ─────────────────────────────────────────────

      - name: Install playground dependencies
        working-directory: playground
        run: pnpm install

      # ── Frame pass ──────────────────────────────────────────────────────────
      # Generates the component renderer routes at /-frame/**
      # NUXT_STORIES_MODE overrides the mode option so the same nuxt.config is reused.

      - name: Generate frame output
        working-directory: playground
        run: pnpm nuxi generate
        env:
          NUXT_STORIES: "1"
          NUXT_STORIES_MODE: frame
          # Base path matching the GitHub Pages URL: https://rezozero.github.io/nuxt-stories/
          NUXT_APP_BASE_URL: /nuxt-stories/

      - name: Save frame output
        run: mv playground/.output/public playground/.output/frame-public

      # ── Shell pass ──────────────────────────────────────────────────────────
      # Generates the stories UI (nav + iframe wrapper)

      - name: Generate shell output
        working-directory: playground
        run: pnpm nuxi generate
        env:
          NUXT_STORIES: "1"
          NUXT_STORIES_MODE: shell
          NUXT_APP_BASE_URL: /nuxt-stories/

      # ── Merge outputs ───────────────────────────────────────────────────────
      # Copy the frame output's /-frame/** into the shell output so both are
      # served from the same origin (required for same-origin postMessage).

      - name: Merge frame output into shell output
        run: |
          cp -r playground/.output/frame-public/-frame playground/.output/public/-frame

      # GitHub Pages ignores folders prefixed with _ by default; .nojekyll disables this.
      - name: Add .nojekyll
        run: touch playground/.output/public/.nojekyll

      - name: Upload Pages artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: playground/.output/public

  deploy:
    needs: build
    runs-on: ubuntu-latest
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4