The symbol for inserting text has been changed.

Author: Ulyanov-programmer

elementOfHtml.js

@@ -154,16 +154,16 @@ export class ElementOfHtml {
   }
   #setTextFromComment(entryRule) {
     let commentWithText = entryRule.declarations.find(decl =>
-      decl?.comment?.match(/<@>.*<\/@>/s)[0]
+      decl?.comment?.match(/{{.*}}/s)[0]
     )
     if (!commentWithText) return
 
     // Removing spaces necessary for readability of a comment
     commentWithText.comment = commentWithText.comment.slice(1, -1)
 
-    let textBefore = commentWithText.comment.match(/^.*(?=<@>)/s)?.at(0)
-    let text = commentWithText.comment.match(/(?<=<@>).*?(?=<\/@>|$)/s)?.at(0)
-    let textAfter = commentWithText.comment.match(/(?<=<\/@>).*$/s)?.at(0)
+    let textBefore = commentWithText.comment.match(/^.*(?={{)/s)?.at(0)
+    let text = commentWithText.comment.match(/(?<={{).*?(?=}}|$)/s)?.at(0)
+    let textAfter = commentWithText.comment.match(/(?<=}}).*$/s)?.at(0)
 
     this.textBefore = textBefore
     this.text = text

tests/IO.test.js

@@ -71,7 +71,7 @@ test('Empty CSS should not be processed.', () => {
 })
 
 test('The code from the CSS file must be processed.', () => {
-  fs.writeFileSync(cssFilePath, 'div {} div span { /* <@>text</@> */ }')
+  fs.writeFileSync(cssFilePath, 'div {} div span { /* {{text}} */ }')
 
   assert.equal(
     new CssToHtml({

tests/attrs.test.js

@@ -1,7 +1,6 @@
 import { CssToHtml } from '../cssToHtml.js'
 import assert from 'assert'
 import test from 'node:test'
-import { dot } from 'node:test/reporters'
 
 test('Attributes in the selector must be processed.', () => {
   assert.equal(

tests/text.test.js

@@ -5,7 +5,7 @@ import test from 'node:test'
 test('The text inside the tag must be processed', () => {
   assert.equal(
     new CssToHtml({
-      css: `div { /* <@>inner text</@> */ }`,
+      css: `div { /* {{inner text}} */ }`,
     })
       .outputHTML,
 
@@ -15,7 +15,7 @@ test('The text inside the tag must be processed', () => {
 test('The text before the tag must be processed', () => {
   assert.equal(
     new CssToHtml({
-      css: `div { /* before text<@></@> */ }`,
+      css: `div { /* before text{{}} */ }`,
     })
       .outputHTML,
 
@@ -25,7 +25,7 @@ test('The text before the tag must be processed', () => {
 test('The text after the tag must be processed', () => {
   assert.equal(
     new CssToHtml({
-      css: `div { /* <@></@>after text */ }`,
+      css: `div { /* {{}}after text */ }`,
     })
       .outputHTML,
 
@@ -35,7 +35,7 @@ test('The text after the tag must be processed', () => {
 test('The text without additional spaces should be saved without spaces.', () => {
   assert.equal(
     new CssToHtml({
-      css: `div { /* before text<@>inner text</@>after text */ }`,
+      css: `div { /* before text{{inner text}}after text */ }`,
     })
       .outputHTML,
 
@@ -46,7 +46,7 @@ test('The text with additional spaces should keep them.', () => {
   assert.match(
     new CssToHtml({
       css:
-        `div { /*  before text  <@>  inner text </@>  after text  */ }`,
+        `div { /*  before text  {{  inner text }}  after text  */ }`,
     })
       .outputHTML,
 
@@ -60,11 +60,11 @@ test('The text should be processed along with the new lines.', () => {
 div { /* 
     before 1
     before 2
-  <@>
+  {{
     inner 1
     inner 2
     inner 3
-  </@>after 1
+  }}after 1
     after 2 
 */ }`,
     })