Here are the steps you need to follow to create PWA Studio release notes. :
PART 1: Code repo tasks (magento/pwa-studio):
- Clone the
magento/pwa-studiorepo. - Create a
release-notesbranch. - Login to the Adobe network using VPN as necessary.
- Run the JitNotes CLI.
- Update the
magento-compatibility.jsfile. - Create a PR.
- Generate and copy the source-code docs.
PART 2: Docs repo tasks (AdobeDocs/commerce-pwa-studio):
- Clone the
AdobeDocs/commerce-pwa-studiorepo. - Create a
releasebranch frommain. - Replace auto-generated docs.
- Verify changes.
- Create a PR.
- Fix markdown linting errors.
- Merge PR to
main.
PART 3: Deploy docs to production
-
From the GitHub AdobeDocs/commerce-pwa-studio repo, access the Deployment workflow from the Actions tab.
-
Run the workflow with a production configuration.
-
Clone the
magento/pwa-studiorepo:git clone git@github.com:magento/pwa-studio.git
-
CD into the project and run
yarnto install the dependencies:cd pwa-studio yarn -
Add a new
release-notesbranch based off therelease/xx.xbranch. Example:release-notes/13.1. -
Login to the Adobe network or access it using the GlobalProtect VPN.
NOTE: You must be logged in to the Adobe network to run the JitNotes CLI.
-
Run the JitNotes CLI from the
pwa-studioroot:npx jitnotes
This command generates a new
CHANGELOG.mdin the project's root to replace the existing one. -
Add relevant content to the following sections of the
CHANGELOG.md:- Documentation changes
- Known issues
- Updated package dependencies table.
NOTE: You may also need to add release note entries to the Jira ticket's Release note field if they are shown as missing in the CHANGELOG.
-
From your
magento/pwa-studioproject root, update themagento-compatibility.jsfile.This file is used by the docs script to create the
markdown-compatibility.mdtable for the PWA Studio documentation.module.exports = { + '13.1.0': '2.4.6', '13.0.0': '2.4.5', '12.7.0': '2.4.5', -
Commit and push your changes, then create a PR for approval. Example PR: #4080.
-
CD into the
pwa-studio/pwa-devdocsdirectory and run the following command:yarn build:docs
This command generates the following markdown files:
-
magento-compatibility.md -
JSDoc source-code markdown from the following directories:
root └── packages ├── buildpack ├── pagebuilder ├── peregrine ├── pwa-buildpack └── venia-ui
-
-
Open the
auto-generateddirectory to verify the generated files:pwa-devdocs └── src └── _includes └── auto-generated ├── pagebuilder ├── peregrine ├── pwa-buildpack ├── venia-ui └── magento-compatibility.md -
Copy the
auto-generateddirectory, with all its subdirectories and files.
-
Clone the
AdobeDocs/commerce-pwa-studiorepo:git clone git@github.com:AdobeDocs/commerce-pwa-studio.git -
CD into the project and run
yarnto install the dependencies:cd commerce-pwa-studio yarn -
Add a new
releasebranch based off themainbranch. Example:release-13.1.0. -
Replace the existing
src/data/auto-generateddirectory with theauto-generateddirectory you copied from themagento/pwa-studiooutput.This replacement should result in one or more changes to existing files. Example:
7_Docs-Repos/commerce-pwa-studio [release-13.1.0●] » git status On branch release-13.1.0 Changes to be committed: (use "git restore --staged <file>..." to unstage) + modified: src/data/auto-generated/magento-compatibility.md + modified: src/data/auto-generated/peregrine/lib/talons/CartPage/PriceSummary/usePriceSummary.md
-
Run
yarn devto build the docs locally and verify the changed files: -
Commit and push your release branch to the repo.
-
Create a PR to merge the source-code changes into
main:## Purpose of this pull request This pull request (PR) updates the docs based on the source-code JSDoc changes made for PWA Studio 13.1.0. ## Affected pages - src/data/auto-generated/magento-compatibility.md - src/data/auto-generated/peregrine/lib/talons/CartPage/PriceSummary/usePriceSummary.md
-
Fix all markdown linting errors.
NOTE: You WILL have markdown linting errors that you will need to correct. These errors are created by the auto-generated markdown from the
magento/pwa-studiocode base. If you want to fix this at the source, you can adjust the.hbsfiles here:magento/pwa-devdocs/scripts/create-reference-docs/templates/handlebars.Otherwise, the linting issues you will encounter are described in the logs. Here are two examples:
- https://github.com/AdobeDocs/commerce-pwa-studio/actions/runs/4702475698/jobs/8339784257#step:6:119
- https://github.com/AdobeDocs/commerce-pwa-studio/actions/runs/4702475698/jobs/8339784257#step:6:126

-
After all CI/CD tests (markdown linters, etc.) pass and your reviewers have approved, merge your PR into
main.
After the merge tests to main have completed successfully, it's time to deploy the documentation changes to the public. Follow these steps.
-
Navigate to the Deployment UI on GitHub: https://github.com/AdobeDocs/commerce-pwa-studio/actions/workflows/deploy.yml
-
Click the Run Workflow button and configure the dialog as follows:
- Use workflow from:
Branch: main. - Deploy to:
prod. - Clean cache:
yes.

- Use workflow from:
-
After Deployment is successful, check the live site to make sure the changes are displayed. It may take up to 10 minutes for Fastly to update the site after deployment.