feat: implement templateRanges option (#22)

* refactor

* feat: support template syntax

* feat: template syntax attributes value quote

* feat: script start

* impl

* tokenizer

* update

* imple

* Update token-types.ts

* Update token-adapter.ts

Author: yeonjuan

.gitignore

@@ -3,3 +3,4 @@ coverage
 dist
 .yarn/*
 !.yarn/releases
+.DS_store

README.md

@@ -470,7 +470,7 @@ interface ScriptTagNode extends BaseNode {
   openStart: OpenScriptTagStartNode;
   openEnd: OpenScriptTagEndNode;
   close: CloseScriptTagNode;
-  value?: ScriptTagContentNode;
+  children: ScriptTagContentNode[];
 }
 ```
 
@@ -529,7 +529,7 @@ interface StyleTagNode extends BaseNode {
   openStart: OpenStyleTagStartNode;
   openEnd: OpenStyleTagEndNode;
   close: CloseStyleTagNode;
-  value?: StyleTagContentNode;
+  children: StyleTagContentNode[];
 }
 ```
 
@@ -586,7 +586,7 @@ interface CommentNode extends BaseNode {
   type: "Comment";
   open: CommentOpenNode;
   close: CommentCloseNode;
-  value: CommentContentNode;
+  children: CommentContentNode[];
 }
 ```
 

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

@@ -8,6 +8,7 @@ exports[`parse basic 1`] = `
         "attributes": [],
         "children": [
           {
+            "isTemplate": false,
             "loc": {
               "end": {
                 "column": 12,
@@ -153,6 +154,7 @@ exports[`parse basic 1`] = `
       "value": ">",
     },
     {
+      "isTemplate": false,
       "loc": {
         "end": {
           "column": 12,
@@ -200,6 +202,7 @@ exports[`parse token adapter 1`] = `
         "attributes": [],
         "children": [
           {
+            "isTemplate": false,
             "loc": {
               "end": {
                 "column": 12,
@@ -345,6 +348,7 @@ exports[`parse token adapter 1`] = `
       "value": ">",
     },
     {
+      "isTemplate": false,
       "loc": {
         "end": {
           "column": 12,

src/parser/parse.ts

@@ -7,7 +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 templateRanges = (options && options.templateRanges) || [];
+  const { tokens } = tokenize(html, tokenAdapter, templateRanges);
   const { ast } = constructTree(tokens, undefined);
   return {
     ast: clearParent(ast),

src/tokenizer/__tests__/__input__/template-syntax-attributes-key-value.html

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

src/tokenizer/__tests__/__input__/template-syntax-attributes-key.html

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

src/tokenizer/__tests__/__input__/template-syntax-attributes-value-bare.html

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

src/tokenizer/__tests__/__input__/template-syntax-attributes-value-quote.html

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

src/tokenizer/__tests__/__input__/template-syntax-attributes.html

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

src/tokenizer/__tests__/__input__/template-syntax-comment-content.html

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