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-studio
repo. - Create a
release-notes
branch. - Login to the Adobe network using VPN as necessary.
- Run the JitNotes CLI.
- Update the
magento-compatibility.js
file. - Create a PR.
- Generate and copy the source-code docs.
PART 2: Docs repo tasks (AdobeDocs/commerce-pwa-studio
):
- Clone the
AdobeDocs/commerce-pwa-studio
repo. - Create a
release
branch 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-studio
repo:git clone [email protected]:magento/pwa-studio.git
-
CD into the project and run
yarn
to install the dependencies:cd pwa-studio yarn
-
Add a new
release-notes
branch based off therelease/xx.x
branch. 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-studio
root:npx jitnotes
This command generates a new
CHANGELOG.md
in 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-studio
project root, update themagento-compatibility.js
file.This file is used by the docs script to create the
markdown-compatibility.md
table 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: magento#4080.
-
CD into the
pwa-studio/pwa-devdocs
directory 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-generated
directory to verify the generated files:pwa-devdocs └── src └── _includes └── auto-generated ├── pagebuilder ├── peregrine ├── pwa-buildpack ├── venia-ui └── magento-compatibility.md
-
Copy the
auto-generated
directory, with all its subdirectories and files.
-
Clone the
AdobeDocs/commerce-pwa-studio
repo:git clone [email protected]:AdobeDocs/commerce-pwa-studio.git
-
CD into the project and run
yarn
to install the dependencies:cd commerce-pwa-studio yarn
-
Add a new
release
branch based off themain
branch. Example:release-13.1.0
. -
Replace the existing
src/data/auto-generated
directory with theauto-generated
directory you copied from themagento/pwa-studio
output.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 dev
to 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-studio
code base. If you want to fix this at the source, you can adjust the.hbs
files 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
![image-20230414135520471](/Users/case/Library/Application Support/typora-user-images/image-20230414135520471.png)
-
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
.
![image-20230414141355699](/Users/case/Library/Application Support/typora-user-images/image-20230414141355699.png)
- 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.