feat: add configurable options (#3)

* feature: add configurable options

* refactor: refactor parse code

* refactor: refactor all tests

* test: add tests for options

* chore: update build script to copy json files

* doc: add configuration to readme

Author: marcosvega91

.babelrc

@@ -1,3 +1,4 @@
 {
-	"presets": [["@babel/preset-env", { "targets": ["last 2 versions"] }]]
+	"presets": [["@babel/preset-env", { "targets": ["last 2 versions"] }]],
+	"ignore": ["./test/mocks/"]
 }

.eslintignore

@@ -1 +1,3 @@
-coverage
+coverage
+test/mocks/babel
+test/mocks/flow

.gitignore

@@ -8,6 +8,6 @@ coverage
 node_modules
 
 #build
-index.js
+dist
 
 report*

README.md

@@ -54,3 +54,13 @@ Install prettier-plugin-tailwind-css:
 ```
 npm install --save-dev prettier-plugin-tailwind-css
 ```
+
+## Configuration
+
+Prettier for Tailwind supports the following options.
+
+| Name                      | Default             | Description                                                                                         |
+| ------------------------- | ------------------- | --------------------------------------------------------------------------------------------------- |
+| `removeDuplicatesClasses` | `true`              | If set to `"true"`, all duplicate classes found will be deleted                                     |
+| `classRegex`              | `./src/regex.json`  | See [file](https://raw.githubusercontent.com/marcosvega91/prettier-tailwind/master/src/regex.json)  |
+| `classSorter`             | `./src/sorter.json` | See [file](https://raw.githubusercontent.com/marcosvega91/prettier-tailwind/master/src/sorter.json) |

jest.config.js

@@ -4,5 +4,7 @@ module.exports = {
 	testMatch: ['<rootDir>/test/**/*.js'],
 	moduleFileExtensions: ['js'],
 	collectCoverage: false,
-	collectCoverageFrom: ['src/**/*.js']
+	collectCoverageFrom: ['src/**/*.js'],
+	transformIgnorePatterns: ['<rootDir>/test/mocks'],
+	testPathIgnorePatterns: ['<rootDir>/test/mocks']
 }

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "prettier-plugin-tailwind-css",
 	"version": "0.0.5-development",
-	"main": "index.js",
+	"main": "dist/index.js",
 	"license": "MIT",
 	"scripts": {
 		"build": "./node_modules/.bin/rollup -c",
@@ -31,6 +31,7 @@
 		"jest": "^26.1.0",
 		"lint-staged": "^10.2.11",
 		"rollup": "^2.21.0",
+		"rollup-plugin-copy": "^3.3.0",
 		"semantic-release": "^17.1.1"
 	},
 	"husky": {

rollup.config.js

@@ -1,14 +1,21 @@
 import babel from '@rollup/plugin-babel'
+import copy from 'rollup-plugin-copy'
 
 export default {
 	external: ['prettier/parser-html', 'prettier/parser-flow', 'prettier/parser-babel'],
 	input: 'src/index.js',
 	output: {
-		file: './index.js',
+		file: './dist/index.js',
 		format: 'cjs'
 	},
 	sourceMap: 'inline',
 	plugins: [
+		copy({
+			targets: [
+				{ src: 'src/sorter.json', dest: 'dist/' },
+				{ src: 'src/regex.json', dest: 'dist/' }
+			]
+		}),
 		babel({
 			exclude: 'node_modules/**',
 			presets: [['@babel/preset-env', { modules: false }]]

src/index.js

@@ -1,8 +1,8 @@
 import prettierParserHTML from 'prettier/parser-html'
 import prettierParserFlow from 'prettier/parser-flow'
 import prettierParserBabel from 'prettier/parser-babel'
-import parserHtml from './parsers/parserHtml'
-import parserJSX from './parsers/parserJSX'
+import { getParse } from './parser'
+import { options } from './options'
 
 const languages = [
 	{
@@ -19,19 +19,21 @@ const languages = [
 const parsers = {
 	html: {
 		...prettierParserHTML.parsers.html,
-		parse: parserHtml.parse
+		parse: getParse('html', prettierParserHTML.parsers.html.parse)
 	},
 	flow: {
 		...prettierParserFlow.parsers.flow,
-		parse: parserJSX.parse
+		parse: getParse('javascriptreact', prettierParserFlow.parsers.flow.parse)
 	},
 	babel: {
 		...prettierParserBabel.parsers.babel,
-		parse: parserJSX.parse
+		parse: getParse('javascriptreact', prettierParserBabel.parsers.babel.parse)
 	}
 }
 
-module.exports = {
+const plugin = {
 	languages,
-	parsers
+	parsers,
+	options
 }
+export default plugin