Skip to content

Commit f7f65ba

Browse files
committed
Rename the plugin
2 parents 390871c + c970c49 commit f7f65ba

File tree

22 files changed

+193
-106
lines changed

22 files changed

+193
-106
lines changed

.github/workflows/codecov.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,4 +26,4 @@ jobs:
2626
uses: codecov/codecov-action@v5
2727
with:
2828
token: ${{ secrets.CODECOV_TOKEN }}
29-
slug: teplostanski/vite-plugin-pretty-module-classnames
29+
slug: teplostanski/vite-plugin-readable-classnames

CONTRIBUTING.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
# Contributing to vite-plugin-pretty-module-classnames
1+
# Contributing to vite-plugin-readable-classnames
22

3-
We're excited that you're interested in contributing to the `vite-plugin-pretty-module-classnames`! All types of contributions are welcome: bug reports, feature requests, documentation updates, and code improvements.
3+
We're excited that you're interested in contributing to the `vite-plugin-readable-classnames`! All types of contributions are welcome: bug reports, feature requests, documentation updates, and code improvements.
44

55
## Reporting Bugs
66

7-
Before reporting a bug, please check if it has already been reported. You can search through existing issues [here](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/issues).
7+
Before reporting a bug, please check if it has already been reported. You can search through existing issues [here](https://github.com/teplostanski/vite-plugin-readable-classnames/issues).
88

99
If you find a new issue and believe it's a bug, please open a new issue. Include as many details as possible, describe the problem, and provide steps to reproduce it, ideally with code or screenshots.
1010

README.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
English | [Russian](./README.ru.md)
22

33
<div align='center'>
4-
<h1>vite-plugin-pretty-module-classnames</h1>
4+
<h1>vite-plugin-readable-classnames</h1>
55

6-
[<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-pretty-module-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
7-
[<img alt="NPM License" src="https://img.shields.io/npm/l/vite-plugin-pretty-module-classnames?style=flat-square&color=D3748F&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
8-
[<img alt="NPM Type Definitions" src="https://img.shields.io/npm/types/vite-plugin-pretty-module-classnames?style=flat-square&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
9-
[<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-pretty-module-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
10-
[<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/teplostanski/vite-plugin-pretty-module-classnames?style=flat-square&labelColor=1f2033">](https://github.com/teplostanski/vite-plugin-pretty-module-classnames)
11-
[<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-pretty-module-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-pretty-module-classnames)
6+
[<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-readable-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
7+
[<img alt="NPM License" src="https://img.shields.io/npm/l/vite-plugin-readable-classnames?style=flat-square&color=D3748F&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
8+
[<img alt="NPM Type Definitions" src="https://img.shields.io/npm/types/vite-plugin-readable-classnames?style=flat-square&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
9+
[<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-readable-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
10+
[<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/teplostanski/vite-plugin-readable-classnames?style=flat-square&labelColor=1f2033">](https://github.com/teplostanski/vite-plugin-readable-classnames)
11+
[<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames)
1212

1313
</a>
1414

@@ -21,23 +21,23 @@ Included in the <a href='https://github.com/vitejs/awesome-vite'>Awesome Vite.js
2121

2222
## 📦 Installation
2323

24-
[npmjs.com](https://npmjs.com/package/vite-plugin-pretty-module-classnames)[yarnpkg.com](https://yarnpkg.com/package?q=vite-plugin-pretty-module-classnames&name=vite-plugin-pretty-module-classnames)
24+
[npmjs.com](https://npmjs.com/package/vite-plugin-readable-classnames)[yarnpkg.com](https://yarnpkg.com/package?q=vite-plugin-readable-classnames&name=vite-plugin-readable-classnames)
2525

2626
```bash
27-
npm install -D vite-plugin-pretty-module-classnames
27+
npm install -D vite-plugin-readable-classnames
2828

29-
yarn add -D vite-plugin-pretty-module-classnames
29+
yarn add -D vite-plugin-readable-classnames
3030

31-
pnpm add -D vite-plugin-pretty-module-classnames
31+
pnpm add -D vite-plugin-readable-classnames
3232

33-
bun add -d vite-plugin-pretty-module-classnames
33+
bun add -d vite-plugin-readable-classnames
3434
```
3535

3636
## 🦾 Features
3737

3838
- Framework-agnostic:
3939
- Tested on projects with ![VanillaJS](https://img.shields.io/badge/Vanilla_JS/TS-%231f2033.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![React](https://img.shields.io/badge/react-%231f2033.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Vue](https://img.shields.io/badge/vue-%231f2033.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) <!--![Astro](https://img.shields.io/badge/Astro-%231f2033.svg?style=for-the-badge&logo=astro&logoColor=%23BC52EE)-->
40-
- Potentially works with any framework. If you have any problems, write to the [Issue](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/issues)
40+
- Potentially works with any framework. If you have any problems, write to the [Issue](https://github.com/teplostanski/vite-plugin-readable-classnames/issues)
4141
- Universal:
4242
- Compatible with both `CommonJS` and `ES Modules`
4343
- Support `Vite 2.x`
@@ -69,27 +69,27 @@ This plugin solves these problems and ensures predictable, readable class naming
6969
```js
7070
// vite.config.js
7171
// ...
72-
import prettyModuleClassnames from 'vite-plugin-pretty-module-classnames'
72+
import readableClassnames from 'vite-plugin-readable-classnames'
7373

7474
export default defineConfig({
75-
plugins: [prettyModuleClassnames()],
75+
plugins: [readableClassnames()],
7676
})
7777
```
7878

7979
## 📚 Documentation
8080

81-
For full documentation, visit [vite-plugin-pretty-module-classnames.teplostanski.dev](https://vite-plugin-pretty-module-classnames.teplostanski.dev) [ EN | RU ].
81+
For full documentation, visit [vite-plugin-readable-classnames.teplostanski.dev](https://vite-plugin-readable-classnames.teplostanski.dev) [ EN | RU ].
8282

8383
## 🤝 Contributing
8484

85-
Want to contribute? Awesome! To show your support is to star the project, or to raise [issues on GitHub](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/issues).
85+
Want to contribute? Awesome! To show your support is to star the project, or to raise [issues on GitHub](https://github.com/teplostanski/vite-plugin-readable-classnames/issues).
8686

87-
Before you contribute to the development of the project, read the [rules](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/blob/main/CONTRIBUTING.md).
87+
Before you contribute to the development of the project, read the [rules](https://github.com/teplostanski/vite-plugin-readable-classnames/blob/main/CONTRIBUTING.md).
8888

8989
Thanks again for your support, it is much appreciated! 🙏
9090

9191
<h2> © License</h2>
92-
<a href="https://github.com/teplostanski/vite-plugin-pretty-module-classnames/blob/main/LICENSE">MIT</a> License © 2024-2025 <a href="https://github.com/teplostanski">teplostanski</a>
92+
<a href="https://github.com/teplostanski/vite-plugin-readable-classnames/blob/main/LICENSE">MIT</a> License © 2024-2025 <a href="https://github.com/teplostanski">teplostanski</a>
9393

9494
<h2> ❤ Fund this project</h2>
9595
<a href="https://donate.teplostanski.dev" target="_blank">donate.teplostanski.dev</a>

README.ru.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
Русский | [English](./README.md)
22

33
<div align='center'>
4-
<h1>vite-plugin-pretty-module-classnames</h1>
4+
<h1>vite-plugin-readable-classnames</h1>
55

6-
[<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-pretty-module-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
7-
[<img alt="NPM License" src="https://img.shields.io/npm/l/vite-plugin-pretty-module-classnames?style=flat-square&color=D3748F&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
8-
[<img alt="NPM Type Definitions" src="https://img.shields.io/npm/types/vite-plugin-pretty-module-classnames?style=flat-square&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
9-
[<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-pretty-module-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-pretty-module-classnames)
10-
[<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/teplostanski/vite-plugin-pretty-module-classnames?style=flat-square&labelColor=1f2033">](https://github.com/teplostanski/vite-plugin-pretty-module-classnames)
11-
[<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-pretty-module-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-pretty-module-classnames)
6+
[<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-readable-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
7+
[<img alt="NPM License" src="https://img.shields.io/npm/l/vite-plugin-readable-classnames?style=flat-square&color=D3748F&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
8+
[<img alt="NPM Type Definitions" src="https://img.shields.io/npm/types/vite-plugin-readable-classnames?style=flat-square&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
9+
[<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-readable-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames)
10+
[<img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/teplostanski/vite-plugin-readable-classnames?style=flat-square&labelColor=1f2033">](https://github.com/teplostanski/vite-plugin-readable-classnames)
11+
[<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames)
1212

1313
</a>
1414

@@ -21,23 +21,23 @@
2121

2222
## 📦 Установка
2323

24-
[npmjs.com](https://npmjs.com/package/vite-plugin-pretty-module-classnames)[yarnpkg.com](https://yarnpkg.com/package?q=vite-plugin-pretty-module-classnames&name=vite-plugin-pretty-module-classnames)
24+
[npmjs.com](https://npmjs.com/package/vite-plugin-readable-classnames)[yarnpkg.com](https://yarnpkg.com/package?q=vite-plugin-readable-classnames&name=vite-plugin-readable-classnames)
2525

2626
```bash
27-
npm install -D vite-plugin-pretty-module-classnames
27+
npm install -D vite-plugin-readable-classnames
2828

29-
yarn add -D vite-plugin-pretty-module-classnames
29+
yarn add -D vite-plugin-readable-classnames
3030

31-
pnpm add -D vite-plugin-pretty-module-classnames
31+
pnpm add -D vite-plugin-readable-classnames
3232

33-
bun add -d vite-plugin-pretty-module-classnames
33+
bun add -d vite-plugin-readable-classnames
3434
```
3535

3636
## 🦾 Функциональность
3737

3838
- Не зависит от фреймворка:
3939
- Проверено на проектах с ![VanillaJS](https://img.shields.io/badge/Vanilla_JS/TS-%231f2033.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![React](https://img.shields.io/badge/react-%231f2033.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Vue](https://img.shields.io/badge/vue-%231f2033.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)
40-
- Потенциально работает с любым фреймворком. Если возникнут проблемы — создайте [issue](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/issues)
40+
- Потенциально работает с любым фреймворком. Если возникнут проблемы — создайте [issue](https://github.com/teplostanski/vite-plugin-readable-classnames/issues)
4141
- Универсальный:
4242
- Совместим с `CommonJS` и `ES Modules`
4343
- Совместим с `Vite 2.x`
@@ -68,27 +68,27 @@ bun add -d vite-plugin-pretty-module-classnames
6868
```js
6969
// vite.config.js
7070
// ...
71-
import prettyModuleClassnames from 'vite-plugin-pretty-module-classnames'
71+
import readableClassnames from 'vite-plugin-readable-classnames'
7272

7373
export default defineConfig({
74-
plugins: [prettyModuleClassnames()],
74+
plugins: [readableClassnames()],
7575
})
7676
```
7777

7878
## 📚 Документация
7979

80-
Полная документация доступна на [vite-plugin-pretty-module-classnames.teplostanski.dev](https://vite-plugin-pretty-module-classnames.teplostanski.dev/ru/) [ EN | RU ].
80+
Полная документация доступна на [vite-plugin-readable-classnames.teplostanski.dev](https://vite-plugin-readable-classnames.teplostanski.dev/ru/) [ EN | RU ].
8181

8282
## 🤝 Вклад в проект
8383

84-
Хотите помочь проекту? Здорово! Поставьте звёздочку, расскажите друзьям или создайте [issue на GitHub](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/issues).
84+
Хотите помочь проекту? Здорово! Поставьте звёздочку, расскажите друзьям или создайте [issue на GitHub](https://github.com/teplostanski/vite-plugin-readable-classnames/issues).
8585

86-
Перед тем как вносить изменения, ознакомьтесь с [правилами](https://github.com/teplostanski/vite-plugin-pretty-module-classnames/blob/main/CONTRIBUTING.md).
86+
Перед тем как вносить изменения, ознакомьтесь с [правилами](https://github.com/teplostanski/vite-plugin-readable-classnames/blob/main/CONTRIBUTING.md).
8787

8888
Спасибо за вашу поддержку! 🙏
8989

9090
<h2> © Лицензия</h2>
91-
<a href="https://github.com/teplostanski/vite-plugin-pretty-module-classnames/blob/main/LICENSE">MIT</a> License © 2024-2025 <a href="https://github.com/teplostanski">teplostanski</a>
91+
<a href="https://github.com/teplostanski/vite-plugin-readable-classnames/blob/main/LICENSE">MIT</a> License © 2024-2025 <a href="https://github.com/teplostanski">teplostanski</a>
9292

9393
<h2> ❤ Поддержать проект</h2>
9494
<a href="https://donate.teplostanski.dev" target="_blank">donate.teplostanski.dev</a>

docs/.vitepress/cache/deps/_metadata.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
{
2-
"hash": "4c52d601",
2+
"hash": "906b49af",
33
"configHash": "545b5610",
4-
"lockfileHash": "d0d5f2ec",
5-
"browserHash": "0769446e",
4+
"lockfileHash": "54e80044",
5+
"browserHash": "729cd11a",
66
"optimized": {
77
"vue": {
88
"src": "../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
99
"file": "vue.js",
10-
"fileHash": "be50a0fc",
10+
"fileHash": "e9ea50fc",
1111
"needsInterop": false
1212
},
1313
"vitepress > @vue/devtools-api": {
1414
"src": "../../../../node_modules/@vue/devtools-api/dist/index.js",
1515
"file": "vitepress___@vue_devtools-api.js",
16-
"fileHash": "f456f16e",
16+
"fileHash": "9fb72288",
1717
"needsInterop": false
1818
},
1919
"vitepress > @vueuse/core": {
2020
"src": "../../../../node_modules/@vueuse/core/index.mjs",
2121
"file": "vitepress___@vueuse_core.js",
22-
"fileHash": "51fbbd77",
22+
"fileHash": "ad2e106c",
2323
"needsInterop": false
2424
}
2525
},

docs/.vitepress/config.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,10 @@ export default defineConfig({
1313
lastUpdated: true,
1414
cleanUrls: true,
1515
metaChunk: true,
16-
title: "Pretty Module Classnames",
16+
title: "Readable Classnames",
1717
head: [
1818
['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }],
19+
['meta', { name: 'yandex-verification', content: 'b169cb710bf58bb1' }],
1920
],
2021
locales: {
2122
root: {
@@ -62,8 +63,8 @@ export default defineConfig({
6263
themeConfig: {
6364
// https://vitepress.dev/reference/default-theme-config
6465
socialLinks: [
65-
{ icon: 'github', link: 'https://github.com/teplostanski/vite-plugin-pretty-module-classnames' },
66-
{ icon: 'npm', link: 'https://www.npmjs.com/package/vite-plugin-pretty-module-classnames' },
66+
{ icon: 'github', link: 'https://github.com/teplostanski/vite-plugin-readable-classnames' },
67+
{ icon: 'npm', link: 'https://www.npmjs.com/package/vite-plugin-readable-classnames' },
6768
{ icon: 'awesomelists', link: 'https://github.com/vitejs/awesome-vite' }
6869
],
6970
},

docs/guide/getting-started.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,19 @@
33
::: code-group
44

55
```sh [npm]
6-
npm install -D vite-plugin-pretty-module-classnames
6+
npm install -D vite-plugin-readable-classnames
77
```
88

99
```sh [yarn]
10-
yarn add -D vite-plugin-pretty-module-classnames
10+
yarn add -D vite-plugin-readable-classnames
1111
```
1212

1313
```sh [pnpm]
14-
pnpm add -D vite-plugin-pretty-module-classnames
14+
pnpm add -D vite-plugin-readable-classnames
1515
```
1616

1717
```sh [bun]
18-
bun add -d vite-plugin-pretty-module-classnames
18+
bun add -d vite-plugin-readable-classnames
1919
```
2020

2121
:::

docs/index.md

Lines changed: 48 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
layout: home
44

55
hero:
6-
name: "Vite Plugin Pretty Module Classnames"
6+
name: "Vite Plugin<br>Readable Classnames"
77
text: "Make your scoped CSS module class names clear and readable"
88
tagline: This plugin automatically adds the module filename and other useful info to class names for easier development.
99
actions:
@@ -33,19 +33,62 @@ Add the plugin to your project using your favorite package manager!
3333
::: code-group
3434

3535
```sh [npm]
36-
npm install -D vite-plugin-pretty-module-classnames
36+
npm install -D vite-plugin-readable-classnames
3737
```
3838

3939
```sh [yarn]
40-
yarn add -D vite-plugin-pretty-module-classnames
40+
yarn add -D vite-plugin-readable-classnames
4141
```
4242

4343
```sh [pnpm]
44-
pnpm add -D vite-plugin-pretty-module-classnames
44+
pnpm add -D vite-plugin-readable-classnames
4545
```
4646

4747
```sh [bun]
48-
bun add -d vite-plugin-pretty-module-classnames
48+
bun add -d vite-plugin-readable-classnames
4949
```
5050

5151
:::
52+
53+
## Migration from vite-plugin-pretty-module-classnames
54+
55+
`vite-plugin-readable-classnames` is the new identity for `vite-plugin-pretty-module-classnames`. This guide will help you migrate from `vite-plugin-pretty-module-classnames` to `vite-plugin-readable-classnames`.
56+
57+
1. Uninstall the old plugin and install the new one
58+
59+
::: code-group
60+
61+
```sh [npm]
62+
npm uninstall vite-plugin-pretty-module-classnames
63+
npm install -D vite-plugin-readable-classnames
64+
```
65+
66+
```sh [yarn]
67+
yarn remove vite-plugin-pretty-module-classnames
68+
yarn add -D vite-plugin-readable-classnames
69+
```
70+
71+
```sh [pnpm]
72+
pnpm remove vite-plugin-pretty-module-classnames
73+
pnpm add -D vite-plugin-readable-classnames
74+
```
75+
76+
```sh [bun]
77+
bun remove vite-plugin-pretty-module-classnames
78+
bun add -d vite-plugin-readable-classnames
79+
```
80+
81+
:::
82+
83+
2. Update the import and plugin usage in your `vite.config.js` or `vite.config.ts`
84+
85+
```ts
86+
import { defineConfig } from 'vite'
87+
import prettyModuleClassnames from 'vite-plugin-pretty-module-classnames' // [!code --]
88+
import readableClassnames from 'vite-plugin-readable-classnames' // [!code ++]
89+
90+
export default defineConfig {
91+
plugins: [prettyModuleClassnames()], // [!code --]
92+
plugins: [readableClassnames()], // [!code ++]
93+
}
94+
```

docs/options/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ Currently, the following parameters are available:
99
Usage example:
1010

1111
```js
12-
import prettyModuleClassnames from 'vite-plugin-pretty-module-classnames'
12+
import readableClassnames from 'vite-plugin-readable-classnames'
1313

1414
export default defineConfig({
1515
plugins: [
16-
prettyModuleClassnames({
16+
readableClassnames({
1717
lineNumber: true,
1818
separator: {
1919
beforeClassName: '--'

0 commit comments

Comments
 (0)