purgetss 5.2.2 → 5.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +37 -1
- package/assets/images/class-completion-2.gif +0 -0
- package/bin/purgetss +3 -1
- package/dist/tailwind.tss +6897 -1183
- package/docs/new-glossary.md +30 -28
- package/docs/whats-new/v5.2.1.md +1 -1
- package/docs/whats-new/v5.3.1.md +1850 -0
- package/index.js +298 -71
- package/lib/helpers.js +4820 -3272
- package/package.json +1 -1
- package/assets/images/class-completion.gif +0 -0
- package/old-index.js +0 -1980
- package/purgetss.config.js +0 -950
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
------
|
|
20
20
|
|
|
21
21
|
## Some key features of PurgeTSS
|
|
22
|
-
- Provides more than
|
|
22
|
+
- Provides more than 10600 [Tailwind-like utility classes](https://tailwindcss.com/) ready to use in your projects.
|
|
23
23
|
- Creates a clean `app.tss` file with only the classes used in your project by parsing all your XML files.
|
|
24
24
|
- You can customize any of the default classes through a simple configuration file, or you can create new *just-in-time* classes with arbitrary values within the `Views`.
|
|
25
25
|
- You can easily use Font Awesome, Material Design and Framework7-Icons fonts in `Buttons` and `Labels`.
|
|
@@ -513,5 +513,41 @@ If you need to use `sudo` to install NPM modules, please use `purgetss sudo-upda
|
|
|
513
513
|
> purgetss su
|
|
514
514
|
```
|
|
515
515
|
|
|
516
|
+
## “IntelliSense for CSS class names in HTML” VSCode extension
|
|
517
|
+
|
|
518
|
+
<img src="https://raw.githubusercontent.com/macCesar/purgeTSS/master/assets/images/class-completion-2.gif" alt="Class Completion using IntelliSense for CSS class names in HTML">
|
|
519
|
+
|
|
520
|
+
If you're using **[Visual Studio Code](https://code.visualstudio.com)**, we recommend that you install **[IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)** extension.
|
|
521
|
+
|
|
522
|
+
It provides class name completion for the `XML` class attribute based on the new `definitions.css` file.
|
|
523
|
+
|
|
524
|
+
After installing the extension, add the following lines to your `.vscode/settings.json` file:
|
|
525
|
+
|
|
526
|
+
Mainly, you'll need to add the `xml` language to the `"HTMLLanguages"` setting and exclude any `css/html` files from the caching process by pointing `"excludeGlobPattern"` to the `./purgetss/fonts/` folder.
|
|
527
|
+
|
|
528
|
+
VS Code `settings.json`:
|
|
529
|
+
|
|
530
|
+
```json
|
|
531
|
+
|
|
532
|
+
{
|
|
533
|
+
"html-css-class-completion.HTMLLanguages": [
|
|
534
|
+
"html",
|
|
535
|
+
"vue",
|
|
536
|
+
"razor",
|
|
537
|
+
"blade",
|
|
538
|
+
"handlebars",
|
|
539
|
+
"twig",
|
|
540
|
+
"django-html",
|
|
541
|
+
"php",
|
|
542
|
+
"markdown",
|
|
543
|
+
"erb",
|
|
544
|
+
"ejs",
|
|
545
|
+
"svelte",
|
|
546
|
+
"xml",
|
|
547
|
+
],
|
|
548
|
+
"html-css-class-completion.excludeGlobPattern": "purgetss/fonts/**/*.{css,html}",
|
|
549
|
+
}
|
|
550
|
+
```
|
|
551
|
+
|
|
516
552
|
## Contributing
|
|
517
553
|
If you have any suggestions or improvements, please make a PR.
|
|
Binary file
|
package/bin/purgetss
CHANGED
|
@@ -17,6 +17,8 @@ program
|
|
|
17
17
|
.version(package.version)
|
|
18
18
|
.description(package.description + '\n\nPlease visit ' + chalk.yellow('https://github.com/macCesar/purgeTSS') + ' for details.')
|
|
19
19
|
.help('PurgeTSS will create a clean app.tss file by copying only the classes used in your XML Files.\n\nIt works with tailwind.tss, fontawesome.tss, materialdesignicons.tss, framework7icons.tss.\n\nALL your classes from your original app.tss file will be copied over without purging.\n\nYou can create your own custom classes and values by running `purgetss init` and `purgetss build`.')
|
|
20
|
+
.option('-d, --debug', 'Show time taken to execute each process.')
|
|
21
|
+
.option('-a, --all', 'Run all processes. purgetss build-fonts, purgetss build and purgetss')
|
|
20
22
|
.action((args, options, logger) => {
|
|
21
23
|
purgetss.purgeClasses(options);
|
|
22
24
|
});
|
|
@@ -27,7 +29,7 @@ program
|
|
|
27
29
|
.description('Create a `config.js` file for your project.')
|
|
28
30
|
.help('Creates a minimal `./purgetss/config.js` file at the root of your project.')
|
|
29
31
|
.action((args, options, logger) => {
|
|
30
|
-
purgetss.init();
|
|
32
|
+
purgetss.init(options);
|
|
31
33
|
});
|
|
32
34
|
|
|
33
35
|
program
|