Skip to content

Latest commit

 

History

History
295 lines (216 loc) · 10.8 KB

File metadata and controls

295 lines (216 loc) · 10.8 KB

Nova contribution guidelines

Create a branch or use ticket to branch from

We welcome contributions from the community! Here are the steps to contribute to our library:

Internal, Visa users

  • Find the ticket related to the issue you are wanting to solve or create a Jira ticket and provide the necessary information.
  • Create a branch from this ticket using the relevant branch type.
  • Be sure to follow the steps and processes laid out in our CONTRIBUTING.md file and reference the Working in Nova Flutter section below to get started.
  • Once the issue is resolved and tests are added, open a PR to development on Bitbucket.
  • Our team will provide feedback and merge it once approved.

External, public users

  • Find the ticket related to the issue you are wanting to solve or create a GitHub issue and provide the necessary information.
  • Fork our repository on GitHub.
  • Clone your forked repository to your local machine.
  • Create a branch from the Github issue you created.
  • Be sure to follow the steps and processes laid out in our CONTRIBUTING.md file and reference the Working in Nova Flutter section below to get started.
  • Once the issue is resolved and tests are added, open a PR to our main branch on GitHub.
  • Our team will review your pull request, provide feedback, and merge it once approved.

Thank you for contributing to our project! Your contributions help make our library better for everyone.

Code documentation in Nova workshops

Nova workshops have strict rules for documentation because the documentation found here is also reflected in our Home Experience (HX) site.

  • Work with our Content team as much as possible to create and refine documentation around any components, features, examples, and etc.
  • Wherever possible, code documentation comments should be sentence case. This means it should include a capital first letter and the correct ending punctuation.
  • Component property descriptions should have plural verbs (ie allows, emits, provides)

Working in Nova Flutter

Changes to Nova Flutter must consider our design, content, and a11y guidelines. All tests should pass and any new features should receive tests as well.

Contributing to Nova Flutter widgets

  1. Add your component to a new folder in nova_flutter/lib/widget, make sure to properly document your widget.
  2. Export your new widget in lib/widgets/widgets.dart file.
  3. Test your widget by writing unit test and golden test under nova_flutter/test folder.
  4. To see the view of your widget, you can view it on any Flutter app by importing the library locally.
  5. (For internal users only) Go to demo app pages (demo/lib/ui) and create a new page for your widget and add the corresponding page to main.dart
  6. (For internal users only) For specific guideline of creating code snippets/examples in demo app, see instructions below.
  7. Make sure you have enough comments on your widget for people who are not familiar with it.

(For internal users only) Adding code snippets examples in demo app

In contribution guide, steps were provided for users to

  1. Add a widget to library
  2. Export widget
  3. Add a new demo app page for the new widget

In Nova Flutter, we added code snippets in our demo app web build. Below is the specific steps to contribute on it:

  1. In the demo app widget page, extract your widget and name it according to its function (if there is setState() involved, extract method instead). Wrap your extracted widget with // BEGIN [yourWidgetName] and // END. See Accordion UI Page line 402-420 as an example.

* You won't be processed to next step if you did not extract the widget as instructed! 2. In your terminal, in nova-flutter folder, run flutter pub run grinder update-code-segments. You will notice code_segments.dart is updated. It means now you can refer the extracted code snippet in your demo app widget page. 3. Add const ShowCodeAccordion( codeSegment: CodeSegments.YourWidgetName, widgetName: "Your Widget Name", ), to your demo app page and you will be seeing an example added to the page. See Accordion UI Page line 44-47 as an example.

(For internal users only) Generating Docs API

To generate docs API from the library run the following command

flutter pub run grinder create-docs-api

Committing

This library follows the Conventional Commit specification.

Commit message format

<type>[optional scope]: <description>

[optional body]

[optional footer(s)]

Type

Use one of the following. Read here for more semantics and background on each type.

  • build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
  • ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
  • docs: Documentation only changes
  • feat: A new feature
  • fix: A bug fix
  • perf: A code change that improves performance
  • refactor: A code change that neither fixes a bug nor adds a feature
  • style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
  • test: Adding missing tests or correcting existing tests

Scope

In relevance to this repo, the scope could be the component or asset name (eg. avatar), or it could be another relevant item (eg. readme, api).

chore(api): updates signature in dev docs

Description

Prefer to use action verbs and keep the entire line at or below 72 characters. Some examples below.

feat(checkbox): adds simplification to functional logic
fix(radio): removes the double check issue

Body

One or more free-form paragraphs one blank line after the description. We recommend using unordered lists for easy readability.

fix(radio): removes the double check issue

- undoes the previous single check solution
- prevents future instances from happening

Footer

One or more footers can be provided one blank line after the body. The footer can be indicated by either a :<space> or <space># separator, followed by a string value. Breaking changes can be communicated here as, BREAKING CHANGE: This is important.. Reviews can be indicated here as, Design-reviewed-by: Designer Name. Jira tickets on closing commits need to be indicated as, #VDS-2095.

fix(radio): removes the double check issue

- undoes the previous single check solution
- prevents future instances from happening

BREAKING CHANGE: This is important.
Authored-by: Thirumalaa Srinivas
Accessibility-reviewed-by: Erik Thomas
#VDS-2095

Breaking changes

The best way so far, seems to be with using the phrase in the footer as shown below.

The <type>[optional scope]!: <description> method seems to throw errors on commitlint. Relevant rule added subject-exclamation-mark do not seeem to make an impact, yet.

fix(readme): retries convention details in dev commit docs

BREAKING CHANGE: retries this
#VDS-2095

Ticket number

It's best to add the ticket (Jira ticket or Github issue) number during the final commit of the bug fix or feature. The below examples use Jira tickets.

fix(readme): updates section in dev commit docs

#VDS-2095

It shows up as closing the ticket in the change log.

# 4.2.0 (2021-08-09)

## Features

- readme: updates section in dev commit docs (78ec2cd),
  closes #VDS-2095

For frequent code committers.

The below practice ensures a crisp CHANGELOG.md for the developer community to grok.

  • Please use chore and refactor for most of your commits.
  • If it's a bug fix or feature, save fix or feat for the final or critical commit.
  • Use the ticket number in footer #VDS-2095 for (hopefully or approximately) the last commit.

For UI users in IDE or Code Editors.

This could be one of, but not limited to, SourceTree, VSCode, WebStorm, SublimeText, Atom, IntelliJ.

docs(readme): updates documentation

#VDS-100

For git CLI users.

git commit -m "docs(readme): updates documentation" -m "#VDS-100"

Build Process

Stage Steps
1 Install Packages
2 Prebuild Lib
3 Build Lib
4 Prebuild Docs
5 Test, Postbuild
6 Build Docs
7 (Only on main) Build Docs (Versioned)
8 Deploy UI, Deploy Package

Closing

Remember that your commit messages are going to be used in creating the CHANGELOG.md file. So, please use thoughtful commit messages.

When in doubt, keep PR's small. To give a PR the best chance of getting accepted, don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.

When adding new features or modifying existing, please include tests to confirm the new behavior.