npmpackage.info

@commercetools-frontend/jest-stylelint-runner

Tools and components for developing Merchant Center Customizations 🛠

22.38.3

MIT

TypeScript

6.98 kB

604,232 5.7

Installations

npm install @commercetools-frontend/jest-stylelint-runner

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

18.20.5

NPM Version

10.8.2 Score

Supply Chain

Quality

93.6

Maintenance

100

Vulnerability

License

Pull Requests

Open

22

Total

3,341

Closed

600

Merged

2,719

Issues

Open

22

Total

336

Closed

314

Releases

2,307

v22.41.0

Published on 04 Feb 2025

v22.40.0

Published on 31 Jan 2025

v22.39.1

Published on 27 Jan 2025

v22.39.0

Published on 23 Jan 2025

v22.38.3

Published on 21 Jan 2025

v22.38.2

Published on 20 Jan 2025

View all 2,307 releases

Contributors

352

View all 352 contributors

Languages

TypeScript

JavaScript

HTML

CSS

Shell

TypeScript (86.24%)

JavaScript (13.06%)

HTML (0.57%)

CSS (0.09%)

Shell (0.04%)

Developer

commercetools

Download Statistics

Total Downloads

604,232

Last Day

562

Last Week

2,924

Last Month

8,988

Last Year

166,701

GitHub Statistics

70 Stars

5,514 Commits

29 Forks

17 Watching

56 Branches

352 Contributors

Maintainers

Package Meta Information

Latest Version

22.38.3

Package Id

@commercetools-frontend/jest-stylelint-runner@22.38.3

Unpacked Size

6.98 kB

Size

2.92 kB

File Count

NPM Version

10.8.2

Node Version

18.20.5

Publised On

21 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

604,232

Last day

-19.9%

562

Compared to previous day

Last week

-1.3%

2,924

Compared to previous week

Last month

59.8%

8,988

Compared to previous month

Last year

-15.2%

166,701

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

@commercetools-frontend/jest-stylelint-runner

Jest runner for Stylelint.

Disclaimer

@commercetools-frontend/jest-stylelint-runner is inspired by jest-runner-stylelint.

However, it has two main distinctions.

jest-stylelint-runner will process your CSS with PostCSS given a postcss.config.js file in your project. This means that it can resolve imports and custom properties through the use of PostCSS plugins.
jest-stylelint-runner has stylelint as a peer dependency.

Install

Install jest(it needs Jest 21+),jest-stylelint-runner, postcss and any PostCSS plugins you need.

1yarn add --dev jest postcss stylelint @commercetools-frontend/jest-stylelint-runner
2
3# or with NPM
4
5npm install --save-dev jest postcss stylelint @commercetools-frontend/jest-stylelint-runner

Usage

Add it to your Jest config.

In your package.json:

1{
2  "jest": {
3    "runner": "@commercetools-frontend/jest-stylelint-runner",
4    "moduleFileExtensions": ["css"],
5    "testMatch": ["**/*.css"]
6  }
7}

Or in jest.stylelint.config.js:

1module.exports = {
2  runner: '@commercetools-frontend/jest-stylelint-runner',
3  displayName: 'stylelint',
4  moduleFileExtensions: ['css'],
5  testMatch: ['**/*.css'],
6};

Run it as jest --config jest.stylelint.config.js.

Define your PostCSS config

In your postcss.config.js:

1module.exports = () => {
2  return {
3    parser: false,
4    map: false,
5    plugins: {
6      'postcss-import': {},
7      // ...
8    },
9  };
10};

Recommended setup for Custom Applications

If you are developing Custom Applications for commercetools's Merchant Center, and are using CSS Modules, we recommend to additionally install the following dependencies:

yarn add -E postcss-syntax stylelint-config-prettier stylelint-config-standard stylelint-order stylelint-value-no-unknown-custom-properties

Then configure Stylelint as following:

1/**
2 * @type {import('stylelint').Config}
3 */
4module.exports = {
5  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
6  plugins: ['stylelint-order', 'stylelint-value-no-unknown-custom-properties'],
7  rules: {
8    // other rules...
9    'csstools/value-no-unknown-custom-properties': [
10      true,
11      {
12        importFrom: [
13          'node_modules/@commercetools-uikit/design-system/materials/custom-properties.css',
14        ],
15      },
16    ],
17  },
18};

Furthermore, the postcss.config.js should be configured as following:

1const { createPostcssConfig } = require('@commercetools-frontend/mc-scripts');
2
3// Re-export the pre-configured `postcss.config.js`.
4// This file is only used by file/scripts in this repository, for example linters etc.
5module.exports = createPostcssConfig();

You can also customize some of the plugins (see function signature).

No vulnerabilities found.

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

SAST

Determines if the project uses static code analysis.

8

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/close-inactive-issues.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/close-inactive-issues.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:87: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:137: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:239: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:265: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:111: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:162: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:188: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:213: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:291: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:311: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/main.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/merge-blocking-labels.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/merge-blocking-labels.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/playground-deployment-preview.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/playground-deployment-preview.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/preview-release-on-comment.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/preview-release-on-comment.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/preview-release-on-comment.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/preview-release-on-comment.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/preview-release-on-comment.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/preview-release-on-comment.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/commercetools/merchant-center-application-kit/release.yml/main?enable=pin
Info: 0 out of 16 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 5 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.7

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@commercetools-frontend/jest-stylelint-runner

Installations

Developer Guide

No

CommonJS

18.20.5

10.8.2

Score

Pull Requests

22

3,341

600

2,719

Issues

22

336

314

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

604,232

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@commercetools-frontend/jest-stylelint-runner

Disclaimer

Install

Usage

Define your PostCSS config

Recommended setup for Custom Applications

10

10

10

10

10

9

8

0

0

0

0

0

0

5.7

/10