feat: sass build tasks check folders recursively, adds support for monorepos

[chrisfalaska]

Alaska Airlines Pull Request

In preparation for auro-form becoming a monorepo in #1, updates to the SASS build tasks in Auro component's package.json need to be introduced into the wc-generator template files.

• Monorepos introduce a different folder structure, so files need to be found recurisvely
• Monorepos will switch from a /src/ folder to a /components/ folder, requiring search support in build tasks

Resolves: #579

Summary:

Changes to package.json

build:sass:component

• Changed the build:sass:component command to:

"build:sass:component": "sass --no-source-map src:src",

sass:render

Updated sass:render to check recursively, and added the /components/ folder:

"sass:render": "sass-render 'src/**/*.css' 'components/**/*.css' -t ./node_modules/@aurodesignsystem/auro-library/scripts/build/staticStyles-template.js"

sweep

• Updated the run sweep command to check recursively
• Added the ./components folder

"sweep": "find ./demo ./dist ./src ./components -type f \\( -name \"*.css\" -o -name \"*-css.js\" \\) -delete",

Testing

Tested in two repositories:

• auro-input
• auro-radio

Process

• Made the changes to package.json in the local copy of the respective repositories.

• Ran npm run build which ran the build:sass task:

"build:sass": "npm-run-all build:sass:component postCss:component sass:render"

Confirming changes

• Using npm run sweep, any previous .css & .js files are cleaned from the repo
• Ran npm run build and observed the expected files being built:

auro-input

• Created test subdirectories in /src/ to further check recursive functionality:

Exit notes

Some legacy components, such as auro-input, may require their SASS build tasks to be manually updated. See AlaskaAirlines/auro-library#69 for details.

Type of change:

Please delete options that are not relevant.

• New capability
• Revision of an existing capability
• Infrastructure change (automation, etc.)
• Other (please elaborate)

Checklist:

• My update follows the CONTRIBUTING guidelines of this project
• I have performed a self-review of my own update

By submitting this Pull Request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

Pull Requests will be evaluated by their quality of update and whether it is consistent with the goals and values of this project. Any submission is to be considered a conversation between the submitter and the maintainers of this project and may require changes to your submission.

Thank you for your submission!

-- Auro Design System Team

[sourcery-ai]

We have skipped reviewing this pull request. We don't review packaging changes - Let us know if you'd like us to change this.

[jason-capsule42]

commit messages need to be updated to match our contribution guidelines (e.g. fix: ..., feat:...)

[blackfalcon]

🎉 This PR is included in version 4.7.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀