Skip to content

patternfly/patternfly-org

Repository files navigation

patternfly-org

The PatternFly Org is the source for the official documentation for PatternFly.

Development

Development setup requires yarn. If you do not already have yarn installed on your system, see https://yarnpkg.com/en/.

A Node version 22 or greater is also required.

Live Reload Server

New server

You can install the NPM dependencies with:

yarn install

A local development server at http://localhost:8003 can be started with:

yarn start

Build

The site can be built with:

yarn build

The static assets get copied to build/patternfly-org.

If you see errors, make sure that the version of the package.json file in packages/documentation-framework matches the version of the "@patternfly/documentation-framework" dependency in the package.json file in packages/documentation-site.

Deploy

When you submit a PR, previews should be automatically generated for you and uploaded as PR comments. This takes between 5-10 minutes.

When the PR is merged to main, the site is first deployed to a staging S3 bucket.

When PatternFly does a release (currently every 3 weeks) this bucket is copied to https://patternfly.org.

Update screenshots

To update the screenshots (these are the images that you click on to see a full-page demo):

  • open a terminal and run yarn build && yarn serve
  • in another terminal, run yarn screenshots

Make sure that the version of Chromium you are using is relatively recent. Version 112.0.5614.0 (Developer Build), for example, isn't compatible with the latest versions of PatternFly, and your screenshots will be off.

Browse the screenshots to make sure that nothing seems super off. You can compare to PatternFly React staging and PatternFly Core staging to verify. You may need to bump PatternFly-React and Core versions if things are only off in the patternfly-org workspace.

Old submodules

You might have a dirty file tree with old submodules and folders lying around. You can remove these with:

git clean -dfx

Contribute to HTML/CSS

To contribute to PatternFly's HTML/CSS core repo, refer to the core contribution guide and the related guidelines.

pf-docs-framework documentation

There is some historic documentation on pf-docs-framework at packages/documentation-framework/README.md.