npmpackage.info

Gathering detailed insights and metrics for hash-css-selector

Other packages similar to hash-css-selector

selector-to-hash

0.0.6

The selector-to-hash is easy to hash HTML and CSS selectors.

hash-css-selector

A function to hash CSS selectors, can be used with postcss-modules to generate short static unique class names

1.1.0

MIT

TypeScript

378.00 B

20,622

Installations

npm install hash-css-selector

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=16.6.0

Score

Supply Chain

77.9

Quality

76.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

JavaScript

TypeScript (84.71%)

JavaScript (15.29%)

Developer

rtivital

Download Statistics

Total Downloads

20,622

Last Day

Last Week

488

Last Month

1,713

Last Year

19,518

GitHub Statistics

4 Stars

5 Commits

2 Watching

1 Branches

1 Contributors

Bundle Size

634.00 B

Minified

378.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.1.0

Package Id

hash-css-selector@1.1.0

Unpacked Size

6.62 kB

Size

2.60 kB

File Count

Publised On

26 Mar 2024

Total Downloads

Cumulative downloads

Total Downloads

20,622

Last day

33.8%

Compared to previous day

Last week

21.1%

488

Compared to previous week

Last month

-6.2%

1,713

Compared to previous month

Last year

1,667.9%

19,518

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

hash-css-selector

A function to hash CSS selectors, can be used with postcss-modules to generate short static unique class names.

Usage

hashCSSSelector returns a 8 character long hash of the given string. The function is deterministic, so the same input will always result in the same output.

1import { hashCSSSelector } from 'hash-css-selector';
2
3hashCSSSelector('test-class'); // -> 'm-a530cc7d'
4hashCSSSelector('another-test-class'); // -> 'm-c43ac187'
5
6// Default prefix is 'm'
7// Customize prefix by passing a second argument
8hashCSSSelector('test-class', 'my-prefix'); // -> 'my-prefix-a530cc7d'

Usage with postcss-modules

With default m prefix:

1import { generateScopedName } from 'hash-css-selector';
2
3postcss([
4  require('postcss-modules')({
5    generateScopedName: generateScopedName,
6  }),
7]);

With custom prefix:

1import { createGenerateScopedName } from 'hash-css-selector';
2
3postcss([
4  require('postcss-modules')({
5    generateScopedName: createGenerateScopedName('custom-prefix'),
6  }),
7]);

License

MIT

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to hash-css-selector

hash-css-selector

Installations

Developer Guide

Yes

ESM

>=16.6.0

Score

Pull Requests

0

0

0

Issues

0

0

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

634.00 B

378.00 B

Maintainers

Package Meta Information

Total Downloads

20,622

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

hash-css-selector

Usage

Usage with postcss-modules

License