Skip to content

Add GitHub-backed /changelog page with auto-refreshing release data, Streamdown rendering, and improved page padding#258

Merged
PunGrumpy merged 6 commits intomainfrom
copilot/fetch-github-releases
Mar 24, 2026
Merged

Add GitHub-backed /changelog page with auto-refreshing release data, Streamdown rendering, and improved page padding#258
PunGrumpy merged 6 commits intomainfrom
copilot/fetch-github-releases

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 24, 2026

Description

Adds a dedicated /changelog page that pulls latest GitHub releases for a configurable repository and renders version, release notes, and published date. The page uses server-side fetching with timed revalidation so release data stays current without manual updates.

Based on feedback, changelog markdown rendering was upgraded to Streamdown and the main changelog container spacing was refined with horizontal padding for better mobile/edge readability.

  • Changelog route

    • Added apps/docs/app/changelog/page.tsx as a server-rendered page.
    • Fetches repos/{owner}/{repo}/releases from GitHub.
    • Filters draft releases and renders:
      • version/tag
      • release body (changelog)
      • formatted release date
      • link to release on GitHub
  • Data freshness

    • Uses Next.js fetch revalidation (revalidate: 3600) to keep content up-to-date.
    • Supports repo targeting via env vars:
      • GITHUB_REPO_OWNER (default: PunGrumpy)
      • GITHUB_REPO_NAME (default: logixlysia)
      • optional GITHUB_TOKEN for authenticated GitHub API requests
  • Streamdown integration

    • Added streamdown dependency to docs app.
    • Replaced plain <pre> release note rendering with a Streamdown-based client component:
      • apps/docs/app/changelog/release-markdown.tsx
    • Wired Streamdown styles and Tailwind source scanning:
      • apps/docs/app/layout.tsx imports streamdown/styles.css
      • apps/docs/app/globals.css includes @source "../../../node_modules/streamdown/dist/*.js";
  • Layout refinement from review feedback

    • Added px-4 to the changelog page <main> container (including fallback/error render path) to improve horizontal spacing on smaller viewports.
  • Navigation

    • Added a Changelog link to top nav in apps/docs/lib/layout.tsx.

Related Issues

Checklist

  • I've reviewed my code
  • I've written tests
  • I've generated a change set file
  • I've updated the docs, if necessary

Screenshots (if applicable)

Updated UI screenshot after px-4 change: /tmp/playwright-logs/page-2026-03-24T05-47-36-543Z.png

Additional Notes

No docs-app test harness currently exists in this repo, so no new tests were added as part of this scoped change.

Dependency advisory check for streamdown@2.5.0 reported no known vulnerabilities, and CodeQL reported no new alerts.

Original prompt

Fetch the latest releases from a specified GitHub repository and display them on a website (/changelog page), including version, changelog, and release date, ensuring the data stays up-to-date.


⚡ Quickly spin up Copilot coding agent tasks from anywhere on your macOS or Windows machine with Raycast.

@codesandbox
Copy link
Copy Markdown

codesandbox bot commented Mar 24, 2026

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Mar 24, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
logixlysia Ready Ready Preview, Comment Mar 24, 2026 5:52am

Copilot AI changed the title [WIP] Add changelog page for GitHub releases Add GitHub-backed /changelog page with auto-refreshing release data Mar 24, 2026
Copilot AI requested a review from PunGrumpy March 24, 2026 05:19
@PunGrumpy
Copy link
Copy Markdown
Owner

@copilot I want to integrate https://streamdown.ai/docs/getting-started streamdown to changelog for better experience

Copy link
Copy Markdown
Contributor Author

Copilot AI commented Mar 24, 2026

@copilot I want to integrate https://streamdown.ai/docs/getting-started streamdown to changelog for better experience

Implemented in commit 5011370.

/changelog now renders release notes with Streamdown (markdown formatting, better readability), with Streamdown styles wired into the docs app.

Screenshot: /tmp/playwright-logs/page-2026-03-24T05-33-07-265Z.png

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • fonts.googleapis.com
    • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/logixlysia/logixlysia/node_modules/next/dist/server/lib/start-server.js (dns block)
  • https://api.github.com/repos/PunGrumpy/logixlysia/releases
    • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/logixlysia/logixlysia/node_modules/next/dist/server/lib/start-server.js (http block)
  • streamdown.ai
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Copilot AI changed the title Add GitHub-backed /changelog page with auto-refreshing release data Add GitHub-backed /changelog page with auto-refreshing release data and Streamdown rendering Mar 24, 2026
@PunGrumpy
Copy link
Copy Markdown
Owner

@copilot on main section add "px-4"

Copilot AI and others added 2 commits March 24, 2026 05:48
Copy link
Copy Markdown
Contributor Author

Copilot AI commented Mar 24, 2026

@copilot on main section add "px-4"

Done in commit d6baf8b (with follow-up cleanup 1bfe051 to remove an unintended lockfile commit).

Added px-4 to the changelog page <main> container in both render paths.

Screenshot: /tmp/playwright-logs/page-2026-03-24T05-47-36-543Z.png

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • fonts.googleapis.com
    • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/logixlysia/logixlysia/node_modules/next/dist/server/lib/start-server.js (dns block)
  • https://api.github.com/repos/PunGrumpy/logixlysia/releases
    • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/logixlysia/logixlysia/node_modules/next/dist/server/lib/start-server.js (http block)

If you need me to access, download, or install something from one of these locations, you can either:

Copilot AI changed the title Add GitHub-backed /changelog page with auto-refreshing release data and Streamdown rendering Add GitHub-backed /changelog page with auto-refreshing release data, Streamdown rendering, and improved page padding Mar 24, 2026
@PunGrumpy PunGrumpy marked this pull request as ready for review March 24, 2026 05:54
@github-actions github-actions bot added source 🏠 Source code files config ⚙️ Configuration files docs 📃 Documentation files changeset 📏 An intent to release a set of packages labels Mar 24, 2026
@PunGrumpy PunGrumpy merged commit 3871b2d into main Mar 24, 2026
17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

changeset 📏 An intent to release a set of packages config ⚙️ Configuration files docs 📃 Documentation files source 🏠 Source code files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants