The formatter has been changed

Author: Ulyanov-programmer

.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+/package-lock.json

cssToHtml.js

@@ -1,6 +1,6 @@
 import fs from 'fs-extra'
 import path from 'path'
-import beautify from 'js-beautify'
+import prettier from "@prettier/sync"
 import { parse } from '@adobe/css-tools'
 import { createParser } from 'css-selector-parser'
 import { ElementOfHtml } from './elementOfHtml.js'
@@ -28,18 +28,12 @@ export class CssToHtml {
   #elements = []
   #writeBefore
   #writeAfter
-  #formatterOptions = {
-    indent_size: 2,
-    max_preserve_newlines: -1,
-    preserve_newlines: false,
-  }
   #writeInFile = false
   outputHTML
 
-  constructor({ css, formatterOptions, write, }) {
+  constructor({ css, write, format = true, }) {
     this.#css = css
-
-    this.#formatterOptions = Object.assign(this.#formatterOptions, formatterOptions)
+    this.format = format
 
     if (write?.in) {
       this.#pathToHTML = path.normalize(write.in)
@@ -118,7 +112,11 @@ export class CssToHtml {
       }
     }
 
-    return beautify.html(newContent, this.#formatterOptions)
+    if (this.format) {
+      return prettier.format(newContent, { parser: "html" })
+    } else {
+      return newContent
+    }
   }
   #containsUnacceptableSelector(selector) {
     return CssToHtml.UNACCEPTABLE_SELECTORS.some(

elementOfHtml.js

@@ -73,13 +73,13 @@ export class ElementOfHtml {
       endOfString
   }
   #addTextBefore() {
-    this.#string += this.textBefore ? `${this.textBefore}` : ''
+    this.#string += this.textBefore ? ` ${this.textBefore}` : ''
   }
   #addTextAfter() {
     this.#string += this.textAfter ? `${this.textAfter}` : ''
   }
   #addText() {
-    this.#string += this.text ? `\n${this.text}` : ''
+    this.#string += this.text ? `${this.text}` : ''
   }
   #addInnerElements() {
     for (let innerElement of this.innerElements) {
@@ -88,7 +88,7 @@ export class ElementOfHtml {
   }
   #createEndString() {
     if (!this.#selfCloseTag) {
-      this.#string += '\n</' + this.tag + '>'
+      this.#string += '</' + this.tag + '>'
     }
   }
   searchInnerElements(elements, searchIndex) {

package.json

@@ -25,10 +25,10 @@
     "node"
   ],
   "dependencies": {
-    "fs-extra": "^11.2.0",
-    "js-beautify": "^1.15.1",
     "@adobe/css-tools": "^4.4.0",
-    "css-selector-parser": "^3.0.5"
+    "@prettier/sync": "^0.5.2",
+    "css-selector-parser": "^3.0.5",
+    "fs-extra": "^11.2.0"
   },
   "license": "ISC"
 }