feat: support parsing template syntax (#24)

* feat: add templatable, templates tokens

* refactor

* feat: templates attributes

* feat: templates data

* feat: templates comment

* feat: script content template

* feat: templates content end

* feat: add templatable, template container node

* feat: construct node

* format

Author: yeonjuan

.prettierignore

@@ -3,4 +3,5 @@ coverage
 yarn.lock
 dist
 website
-.yarn
+.yarn
+__file_snapshots__

src/parser/__tests__/__snapshots__/token-adapter.spec.ts.snap

@@ -22,6 +22,7 @@ exports[`parse basic 1`] = `
               5,
               12,
             ],
+            "templates": [],
             "type": "Text",
             "value": "content",
           },
@@ -167,6 +168,7 @@ exports[`parse basic 1`] = `
         5,
         12,
       ],
+      "templates": [],
       "type": "Text",
       "value": "content",
     },
@@ -214,6 +216,7 @@ exports[`parse token adapter 1`] = `
               6,
               13,
             ],
+            "templates": [],
             "type": "Text",
             "value": "content",
           },
@@ -359,6 +362,7 @@ exports[`parse token adapter 1`] = `
         6,
         13,
       ],
+      "templates": [],
       "type": "Text",
       "value": "content",
     },

src/parser/parse.ts

@@ -7,8 +7,8 @@ import { Options } from "../types/parse";
 
 export function parse(html: string, options?: Options): ParseResult {
   const tokenAdapter = (options && options.tokenAdapter) || defaultTokenAdapter;
-  const { tokens } = tokenize(html, tokenAdapter);
-  const { ast } = constructTree(tokens, undefined);
+  const { tokens } = tokenize(html, tokenAdapter, options?.templateRanges);
+  const { ast } = constructTree(tokens);
   return {
     ast: clearParent(ast),
     tokens,

src/tokenizer/__tests__/__input__/templates-attributes-key.html

@@ -0,0 +1 @@
+<div ${key}></div>

src/tokenizer/__tests__/__input__/templates-attributes-value-bare.html

@@ -0,0 +1 @@
+<div id=${id}></div>

src/tokenizer/__tests__/__input__/templates-attributes-value-wrapped-2.html

@@ -0,0 +1 @@
+<div class="one ${two} ${three}"></div>

src/tokenizer/__tests__/__input__/templates-attributes-value-wrapped.html

@@ -0,0 +1 @@
+<div id="${id}"></div>

src/tokenizer/__tests__/__input__/templates-comment.html

@@ -0,0 +1 @@
+<!--${comment}-->

src/tokenizer/__tests__/__input__/templates-content-end.html

@@ -0,0 +1 @@
+${content}

src/tokenizer/__tests__/__input__/templates-data.html

@@ -0,0 +1 @@
+<div>${children}</div>