Docs: Remove external action from Github pages documentation#32974
Conversation
The third party action used in the documentation just provides a very thin wrapper around github's own actions, adding risk while providing little to no value.
|
View your CI Pipeline Execution ↗ for commit 77feb01
☁️ Nx Cloud last updated this comment at |
valentinpalkovic
added
documentation
ci:docs
📝 WalkthroughWalkthroughThe GitHub Actions workflow replaces a single third-party Storybook deployment action with explicit build and deploy steps, using environment-configured constants (NODE_VERSION, INSTALL_COMMAND, BUILD_COMMAND, BUILD_PATH) and native GitHub Actions for artifact upload and deployment. Changes
Sequence Diagram(s)sequenceDiagram
actor GitHub as GitHub Actions
participant Job as Build & Deploy Job
participant Checkout as Checkout Repo
participant Install as Install Dependencies
participant Build as Build Storybook
participant Upload as Upload Pages Artifact
participant Deploy as Deploy to Pages
GitHub->>Job: Trigger Workflow
Job->>Checkout: Checkout Code
Checkout-->>Job: Repo Ready
Job->>Install: Run INSTALL_COMMAND
Install-->>Job: Dependencies Installed
Job->>Build: Run BUILD_COMMAND
Build-->>Job: Storybook Built
Job->>Upload: Upload BUILD_PATH to artifact
Upload-->>Job: Artifact Ready
Job->>Deploy: Deploy with actions/deploy-pages
Deploy-->>GitHub: Deploy to GitHub Pages
Estimated code review effort🎯 2 (Simple) | ⏱️ ~10 minutes
📜 Recent review detailsConfiguration used: CodeRabbit UI Review profile: CHILL Plan: Pro 📒 Files selected for processing (1)
🧰 Additional context used📓 Path-based instructions (1)docs/**📄 CodeRabbit inference engine (.github/copilot-instructions.md)
Files:
🧠 Learnings (2)📓 Common learnings📚 Learning: 2025-10-02T09:22:13.215ZApplied to files:
🔇 Additional comments (2)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
📝 WalkthroughWalkthroughUpdates a GitHub Actions workflow documentation snippet to introduce environment-based configuration variables and refactor the deployment process from a single-action approach to a multi-step build-and-deploy sequence using token-based authentication for GitHub Pages. Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~10 minutes
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 0
🧹 Nitpick comments (1)
docs/_snippets/ghp-github-action.md (1)
20-26: Consider adding a note for package manager variations.The INSTALL_COMMAND defaults to
npm install, but users with Yarn or PNPM may need adjustment. While the comment instructs replacement, consider adding a brief note about common alternatives or linking to a guide for consistency with the Storybook documentation.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (1)
docs/_snippets/ghp-github-action.md(1 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
docs/**
📄 CodeRabbit inference engine (.github/copilot-instructions.md)
Update documentation under
docs/for significant changes, including migration guides for breaking changes
Files:
docs/_snippets/ghp-github-action.md
🧠 Learnings (1)
📚 Learning: 2025-10-02T09:22:13.215Z
Learnt from: JReinhold
Repo: storybookjs/storybook PR: 32607
File: code/package.json:243-243
Timestamp: 2025-10-02T09:22:13.215Z
Learning: The Storybook repository uses Yarn v^4 (any 4.x version) as the package manager, configured via .yarnrc.yml and package.json packageManager field. Specific patch versions within v4 can be upgraded as needed.
Applied to files:
docs/_snippets/ghp-github-action.md
🔇 Additional comments (4)
docs/_snippets/ghp-github-action.md (4)
20-26: Excellent configurability with environment variables.The introduction of environment variables (NODE_VERSION, INSTALL_COMMAND, BUILD_COMMAND, BUILD_PATH) makes the workflow significantly more reusable across different Storybook projects and package managers. Comments are clear and guide users appropriately.
1-1: Successful migration to first-party GitHub Actions.The replacement of a third-party action with GitHub's native actions (
upload-pages-artifact@v3anddeploy-pages@v4) is a solid improvement for security and maintainability. The workflow now uses only first-party actions from GitHub, eliminating third-party risk and unnecessary advertising.Also applies to: 29-29, 33-33, 45-48, 50-54
37-43: Well-structured build step with proper output grouping.The build step uses GitHub Actions'
::group::syntax correctly for better log readability. The interpolation of environment variables within the bash shell is proper syntax.
54-54: No action required—action versions are confirmed as current and recommended.The web search confirms that
actions/upload-pages-artifact@v3andactions/deploy-pages@v4are the recommended versions, which matches the documentation. The necessarypages: writeandid-token: writepermissions are already present in the workflow. The code is correct as-is.
jonniebigodes
left a comment
jonniebigodes
left a comment
There was a problem hiding this comment.
@sekeidesign, thanks for taking the time to put together this pull request and helping us improve the documentation by adjusting this example. Appreciate it 🙏 !
I have one suggestion for you to look into when you have a chance. And also, I totally agree with the change, as that action hasn't seen an update for more than a year.
Let me know once you address the feedback, and I'll gladly take another look and merge this pull request.
Have a great day.
Stay safe
Thanks for the review @jonniebigodes ! I've committed the changes you suggested :) |
jonniebigodes
changed the title
|
@sekeidesign thanks for addressing the feedback so promptly. Appreciate it 🙏 ! All is good on my end. I'll gladly merge this once the checklist clears. Hope you have a fantastic day. Stay safe |
jonniebigodes
added
the
patch:yes
Docs: Remove external action from Github pages documentation (cherry picked from commit aaae5ca)
github-actions
Bot
added
the
patch:done
3 participants
Removes a third party action from the recommended Github Pages action.
The third party action is just a very thin wrapper around Github's own actions, adding risk while providing little to no value. It also prints a third party's advertisement while again, providing little value.
Closes #
What I did
Update the documentation to only use first-party Github actions for security and reliability.
Checklist for Contributors
Testing
The changes in this PR are covered in the following automated tests:
Manual testing
The PR just updates a code snippet in the documentation, however, to test the Github action:
on:with the name of the current branchDocumentation
MIGRATION.MD
Checklist for Maintainers
When this PR is ready for testing, make sure to add
ci:normal,ci:mergedorci:dailyGH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found incode/lib/cli-storybook/src/sandbox-templates.tsMake sure this PR contains one of the labels below:
Available labels
bug: Internal changes that fixes incorrect behavior.maintenance: User-facing maintenance tasks.dependencies: Upgrading (sometimes downgrading) dependencies.build: Internal-facing build tooling & test updates. Will not show up in release changelog.cleanup: Minor cleanup style change. Will not show up in release changelog.documentation: Documentation only changes. Will not show up in release changelog.feature request: Introducing a new feature.BREAKING CHANGE: Changes that break compatibility in some way with current major version.other: Changes that don't fit in the above categories.🦋 Canary release
This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the
@storybookjs/coreteam here.core team members can create a canary release here or locally with
gh workflow run --repo storybookjs/storybook publish.yml --field pr=<PR_NUMBER>Summary by CodeRabbit