Skip to content

Rework codebase to use changesets and storybook deploy#62

Merged
dwjohnston merged 6 commits intomainfrom
copilot/fix-61
Jun 27, 2025
Merged

Rework codebase to use changesets and storybook deploy#62
dwjohnston merged 6 commits intomainfrom
copilot/fix-61

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Jun 26, 2025

This PR reworks the codebase to follow the structure and patterns from the ultimate-react-package-template reference repository, adding changesets for automated release management and storybook deployment infrastructure.

Changes Made

✅ Changesets Implementation

  • Added @changesets/cli dependency
  • Created .changeset/config.json with proper configuration
  • Created .changeset/README.md for documentation
  • Added changeset and release scripts to package.json
  • Configured for public package publishing

✅ GitHub Actions Workflows

  • Release Management (.github/workflows/main.yml):
    • Automated snapshot publishing for pre-releases
    • Release PR creation using changesets
    • NPM publishing integration
  • Storybook Testing (.github/workflows/wait-for-netlify.yml):
    • Waits for Netlify deployment completion
    • Runs storybook tests against deployed application
    • Supports PR-based testing workflow

✅ Storybook Infrastructure

  • Updated storybook configuration to match template structure
  • Modified build-storybook script to copy output to public/ directory for Netlify deployment
  • Added test-storybook script for automated testing
  • Added storybook test dependencies (@storybook/test-runner, playwright)
  • Created .storybook/vitest.setup.ts for portable stories testing

✅ Supporting Scripts

  • Netlify Integration (.github/workflows/scripts/):
    • wait-for-netlify-deploy.js - Monitors Netlify API for deployment completion
    • run-tests.sh - Orchestrates the test execution against deployed storybook

✅ Project Cleanup

  • Fixed broken vitest test import in urlParsers.test.ts
  • Added comprehensive .gitignore entries for storybook build artifacts
  • Ensured build artifacts are excluded from version control

Infrastructure Ready

The boilerplate is now in place for:

  • Automated releases using changesets instead of manual version bumping
  • Storybook deployment with automatic copying to public directory
  • Automated testing against deployed Netlify applications
  • CI/CD pipeline following the template's proven patterns

All core functionality (build, test, storybook) continues to work as expected while adding the new automation capabilities.

Fixes #61.

Warning

Firewall rules blocked me from connecting to one or more addresses

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

  • storybook.js.org
    • Triggering command: node /home/REDACTED/work/react-github-permalink/react-github-permalink/node_modules/.bin/storybook build (dns block)

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


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI changed the title [WIP] Rework code base to use changesets and storybook deploy. Rework codebase to use changesets and storybook deploy Jun 26, 2025
Copilot AI requested a review from dwjohnston June 26, 2025 07:33
@dwjohnston dwjohnston marked this pull request as ready for review June 27, 2025 03:48
Copilot AI and others added 3 commits June 27, 2025 13:59
Co-authored-by: dwjohnston <2467377+dwjohnston@users.noreply.github.com>
Co-authored-by: dwjohnston <2467377+dwjohnston@users.noreply.github.com>
@netlify
Copy link
Copy Markdown

netlify bot commented Jun 27, 2025

Deploy Preview for react-github-permalink ready!

Name Link
🔨 Latest commit aa9c7d2
🔍 Latest deploy log https://app.netlify.com/projects/react-github-permalink/deploys/685e248caafe7400088f4f00
😎 Deploy Preview https://deploy-preview-62--react-github-permalink.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@dwjohnston dwjohnston merged commit 3f329a6 into main Jun 27, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Rework code base to use changesets and storybook deploy.

2 participants