crds-components

This project contains custom web components developed for Crossroads' Church. See StencilJS for information on the framework.

The following components are made available via this library. Please see the README file for each, for more information on usage, available props, etc.

• <crds-heart-button />
• <crds-modal />
• <crds-shared-footer />
• <crds-shared-header />
• <crds-snail-trail />
• <crds-subscribe />
• <crds-site-happenings />
• <life-stages />
• <greeting-component />

Environments

You need to export the following variables when building or running the project...

| Variable | Description | | ---------------------------- | --------------------------------------------- | | CRDS_ENV | Vault Environment (int for development) | | VAULT_ROLE_ID | Vault role ID - Obtain from DevOps | | VAULT_SECRET_ID | Vault secret ID - Obtain from DevOps |

To add new variables, please seek the help of DevOps if you are unfamiliar with the process.

Testing

If any new environment variables are introduced please add it to the secrets list in the settings for crds-components.

Run all

npm run test

Watch all

npm run test.watch

Individual spec/e2e (VS Code)

This will allow you to use standard VSCode breakpoints to do debugging of your spec or e2e test.

1. Open the spec file you want to run/develop
2. Select the debug option.
3. In the drop down select Spec Test Current File or E2E Test Current File
4. Click green play button

Note: check package.json for other test commands

License

This project is licensed under the 3-Clause BSD License