Avoid regexp for expression continuations (#130)

* refactor: avoid regexp parsing for expression continuations

Author: DylanPiercey

.changeset/tame-geese-drop.md

@@ -0,0 +1,5 @@
+---
+"htmljs-parser": patch
+---
+
+Switch from regexp based parsing for the expression continuations. This slightly improves performance and more importantly fixes usage of the parser in safari.

src/__tests__/fixtures/attr-complex-functions/__snapshots__/attr-complex-functions.expected.txt

@@ -20,15 +20,39 @@
  │  ├─ closeTagEnd(tag)
  │  ├─ openTagEnd
  ╰─ ╰─ tagName "tag"
-4╭─ tag a = async x => { console.log("y") } b
+4╭─ tag a = x => y b
+ │  │   │ │ │      ╰─ attrName
+ │  │   │ │ ╰─ attrValue.value "x => y"
+ │  │   │ ╰─ attrValue "= x => y"
+ │  │   ╰─ attrName
+ │  ├─ closeTagEnd(tag)
+ │  ├─ openTagEnd
+ ╰─ ╰─ tagName "tag"
+5╭─ tag a = x => y + 1 b
+ │  │   │ │ │          ╰─ attrName
+ │  │   │ │ ╰─ attrValue.value "x => y + 1"
+ │  │   │ ╰─ attrValue "= x => y + 1"
+ │  │   ╰─ attrName
+ │  ├─ closeTagEnd(tag)
+ │  ├─ openTagEnd
+ ╰─ ╰─ tagName "tag"
+6╭─ tag a = x => y = 1 b
+ │  │   │ │ │          ╰─ attrName
+ │  │   │ │ ╰─ attrValue.value "x => y = 1"
+ │  │   │ ╰─ attrValue "= x => y = 1"
+ │  │   ╰─ attrName
+ │  ├─ closeTagEnd(tag)
+ │  ├─ openTagEnd
+ ╰─ ╰─ tagName "tag"
+7╭─ tag a = async x => { console.log("y") } b
  │  │   │ │ │                               ╰─ attrName
  │  │   │ │ ╰─ attrValue.value "async x => { console.log(\"y\") }"
  │  │   │ ╰─ attrValue "= async x => { console.log(\"y\") }"
  │  │   ╰─ attrName
  │  ├─ closeTagEnd(tag)
  │  ├─ openTagEnd
  ╰─ ╰─ tagName "tag"
-5╭─ tag a = async function (x) { console.log("y") } b
+8╭─ tag a = async function (x) { console.log("y") } b
  │  │   │ │ │                                       │├─ closeTagEnd(tag)
  │  │   │ │ │                                       │╰─ openTagEnd
  │  │   │ │ │                                       ╰─ attrName

src/__tests__/fixtures/attr-complex-functions/input.marko

@@ -1,5 +1,8 @@
 tag a = function (x) { console.log("y") } b
 tag a = (x) => { console.log("y") } b
 tag a = x => { console.log("y") } b
+tag a = x => y b
+tag a = x => y + 1 b
+tag a = x => y = 1 b
 tag a = async x => { console.log("y") } b
 tag a = async function (x) { console.log("y") } b

src/__tests__/fixtures/attr-complex-instanceof/__snapshots__/attr-complex-instanceof.expected.txt

@@ -73,4 +73,23 @@
   │  ││   │ ╰─ attrValue "= 'foo'"
   │  ││   ╰─ attrName
   │  │╰─ tagName "tag"
-  ╰─ ╰─ openTagStart
+  ╰─ ╰─ openTagStart
+12├─ 
+13╭─ tag a = 'foo' instanceofthing String
+  │  │   │ │ │     │               ╰─ attrName "String"
+  │  │   │ │ │     ╰─ attrName "instanceofthing"
+  │  │   │ │ ╰─ attrValue.value "'foo'"
+  │  │   │ ╰─ attrValue "= 'foo'"
+  │  │   ╰─ attrName
+  ╰─ ╰─ tagName "tag"
+14╭─ 
+  ╰─ ╰─ openTagEnd
+15╭─ tag a = 'foo' instanceof
+  │  │   │ │ │     │         ├─ closeTagEnd(tag)
+  │  │   │ │ │     │         ╰─ openTagEnd
+  │  │   │ │ │     ╰─ attrName "instanceof"
+  │  │   │ │ ╰─ attrValue.value "'foo'"
+  │  │   │ ╰─ attrValue "= 'foo'"
+  │  │   ╰─ attrName
+  │  ├─ closeTagEnd(tag)
+  ╰─ ╰─ tagName "tag"

src/__tests__/fixtures/attr-complex-instanceof/input.marko

@@ -8,4 +8,8 @@ tag a = 'foo' instanceof;
 tag a = 'foo' instanceof, b
 
 <tag a = 'foo' instanceof></tag>
-<tag a = 'foo' instanceof/>
+<tag a = 'foo' instanceof/>
+
+tag a = 'foo' instanceofthing String
+
+tag a = 'foo' instanceof

src/__tests__/fixtures/attr-concise-hyphens/__snapshots__/attr-concise-hyphens.expected.txt

@@ -0,0 +1,18 @@
+1╭─ a b=c -- y
+ │  │ │││ │  ╰─ text
+ │  │ │││ ╰─ openTagEnd
+ │  │ ││╰─ attrValue.value
+ │  │ │╰─ attrValue "=c"
+ │  │ ╰─ attrName
+ ╰─ ╰─ tagName
+2├─ 
+3╭─ a [b=c -- y]
+ │  │  │││    ╰─ attrName
+ │  │  ││╰─ attrValue.value "c --"
+ │  │  │╰─ attrValue "=c --"
+ │  │  ╰─ attrName
+ │  ├─ closeTagEnd(a)
+ ╰─ ╰─ tagName
+4╭─ 
+ │  ├─ openTagEnd
+ ╰─ ╰─ closeTagEnd(a)

src/__tests__/fixtures/attr-concise-hyphens/input.marko

@@ -0,0 +1,3 @@
+a b=c -- y
+
+a [b=c -- y]

src/__tests__/fixtures/attr-operator-whitespace-eof/__snapshots__/attr-operator-whitespace-eof.expected.txt

@@ -0,0 +1,9 @@
+1╭─ tag a = 'foo' instanceof   
+ │  │   │ │ │     ╰─ attrName "instanceof"
+ │  │   │ │ ╰─ attrValue.value "'foo'"
+ │  │   │ ╰─ attrValue "= 'foo'"
+ │  │   ╰─ attrName
+ ╰─ ╰─ tagName "tag"
+2╭─ 
+ │  ├─ openTagEnd
+ ╰─ ╰─ closeTagEnd(tag)

src/__tests__/fixtures/attr-operator-whitespace-eof/input.marko

@@ -0,0 +1 @@
+tag a = 'foo' instanceof   

src/__tests__/fixtures/attr-operators-newline-after/__snapshots__/attr-operators-newline-after.expected.txt

@@ -683,14 +683,17 @@
    │    │╰─ openTagEnd:selfClosed "/>"
    ╰─   ╰─ attrName
 159╭─ <a=x >=
-   │  │││╰─ attrValue.value "x >=\ny"
-   │  ││├─ attrValue "=x >=\ny"
+   │  ││││ │╰─ text "=\ny "
+   │  ││││ ╰─ openTagEnd
+   │  │││╰─ attrValue.value
+   │  ││├─ attrValue "=x"
    │  ││╰─ attrName
    │  │╰─ tagName
    ╰─ ╰─ openTagStart
-160╭─ y a/>
-   │    │╰─ openTagEnd:selfClosed "/>"
-   ╰─   ╰─ attrName
+160╭─ y </a>
+   │    │ │╰─ closeTagEnd(a)
+   │    │ ╰─ closeTagName
+   ╰─   ╰─ closeTagStart "</"
 161╭─ <a=x &=
    │  │││╰─ attrValue.value "x &=\ny"
    │  ││├─ attrValue "=x &=\ny"
@@ -746,23 +749,29 @@
    │    │╰─ openTagEnd:selfClosed "/>"
    ╰─   ╰─ attrName
 173╭─ <a=x >>=
-   │  │││╰─ attrValue.value "x >>=\ny"
-   │  ││├─ attrValue "=x >>=\ny"
+   │  ││││ │╰─ text ">=\ny "
+   │  ││││ ╰─ openTagEnd
+   │  │││╰─ attrValue.value
+   │  ││├─ attrValue "=x"
    │  ││╰─ attrName
    │  │╰─ tagName
    ╰─ ╰─ openTagStart
-174╭─ y a/>
-   │    │╰─ openTagEnd:selfClosed "/>"
-   ╰─   ╰─ attrName
+174╭─ y </a>
+   │    │ │╰─ closeTagEnd(a)
+   │    │ ╰─ closeTagName
+   ╰─   ╰─ closeTagStart "</"
 175╭─ <a=x >>>=
-   │  │││╰─ attrValue.value "x >>>=\ny"
-   │  ││├─ attrValue "=x >>>=\ny"
+   │  ││││ │╰─ text ">>=\ny "
+   │  ││││ ╰─ openTagEnd
+   │  │││╰─ attrValue.value
+   │  ││├─ attrValue "=x"
    │  ││╰─ attrName
    │  │╰─ tagName
    ╰─ ╰─ openTagStart
-176╭─ y a/>
-   │    │╰─ openTagEnd:selfClosed "/>"
-   ╰─   ╰─ attrName
+176╭─ y </a>
+   │    │ │╰─ closeTagEnd(a)
+   │    │ ╰─ closeTagName
+   ╰─   ╰─ closeTagStart "</"
 177╭─ <a=x -=
    │  │││╰─ attrValue.value "x -=\ny"
    │  ││├─ attrValue "=x -=\ny"
@@ -836,23 +845,29 @@
    │       │╰─ openTagEnd:selfClosed "/>"
    ╰─      ╰─ attrName
 193╭─ <a=x >>
-   │  │││╰─ attrValue.value "x >>\ny"
-   │  ││├─ attrValue "=x >>\ny"
+   │  ││││ │╰─ text ">\ny "
+   │  ││││ ╰─ openTagEnd
+   │  │││╰─ attrValue.value
+   │  ││├─ attrValue "=x"
    │  ││╰─ attrName
    │  │╰─ tagName
    ╰─ ╰─ openTagStart
-194╭─ y a/>
-   │    │╰─ openTagEnd:selfClosed "/>"
-   ╰─   ╰─ attrName
+194╭─ y </a>
+   │    │ │╰─ closeTagEnd(a)
+   │    │ ╰─ closeTagName
+   ╰─   ╰─ closeTagStart "</"
 195╭─ <a=x >>>
-   │  │││╰─ attrValue.value "x >>>\ny"
-   │  ││├─ attrValue "=x >>>\ny"
+   │  ││││ │╰─ text ">>\ny "
+   │  ││││ ╰─ openTagEnd
+   │  │││╰─ attrValue.value
+   │  ││├─ attrValue "=x"
    │  ││╰─ attrName
    │  │╰─ tagName
    ╰─ ╰─ openTagStart
-196╭─ y a/>
-   │    │╰─ openTagEnd:selfClosed "/>"
-   ╰─   ╰─ attrName
+196╭─ y </a>
+   │    │ │╰─ closeTagEnd(a)
+   │    │ ╰─ closeTagName
+   ╰─   ╰─ closeTagStart "</"
 197╭─ <a=x
    │  │││╰─ attrValue.value "x\n( y )"
    │  ││├─ attrValue "=x\n( y )"