fix: ts unary operator only in ts expression

Author: DylanPiercey

.changeset/khaki-years-mix.md

@@ -0,0 +1,5 @@
+---
+"htmljs-parser": patch
+---
+
+Fix regression where typescript unary operators were being used in javascript contexts.

src/__tests__/fixtures/ts-unary-exression/__snapshots__/ts-unary-exression.expected.txt

@@ -0,0 +1,21 @@
+1╭─ div foo=readonly bar=true
+ │  │   │  ││        │  │╰─ attrValue.value "true"
+ │  │   │  ││        │  ╰─ attrValue "=true"
+ │  │   │  ││        ╰─ attrName "bar"
+ │  │   │  │╰─ attrValue.value "readonly"
+ │  │   │  ╰─ attrValue "=readonly"
+ │  │   ╰─ attrName "foo"
+ ╰─ ╰─ tagName "div"
+2╭─ div foo=val as readonly string[] bar=true
+ │  │   │  ││                        │  │╰─ attrValue.value "true"
+ │  │   │  ││                        │  ╰─ attrValue "=true"
+ │  │   │  ││                        ╰─ attrName "bar"
+ │  │   │  │╰─ attrValue.value "val as readonly string[]"
+ │  │   │  ╰─ attrValue "=val as readonly string[]"
+ │  │   ╰─ attrName "foo"
+ │  ├─ closeTagEnd(div)
+ │  ├─ openTagEnd
+ ╰─ ╰─ tagName "div"
+3╭─ 
+ │  ├─ openTagEnd
+ ╰─ ╰─ closeTagEnd(div)

src/__tests__/fixtures/ts-unary-exression/input.marko

@@ -0,0 +1,2 @@
+div foo=readonly bar=true
+div foo=val as readonly string[] bar=true

src/states/ATTRIBUTE.ts

@@ -105,8 +105,10 @@ export const ATTRIBUTE: StateDefinition<AttrMeta> = {
       attr.stage = ATTR_STAGE.TYPE_PARAMS;
       this.pos++; // skip <
       this.forward = 0;
-      this.enterState(STATE.EXPRESSION).shouldTerminate =
-        matchesCloseAngleBracket;
+      const expr = this.enterState(STATE.EXPRESSION);
+      expr.inType = true;
+      expr.forceType = true;
+      expr.shouldTerminate = matchesCloseAngleBracket;
     } else if (code === CODE.OPEN_CURLY_BRACE && attr.args) {
       ensureAttrName(this, attr);
       attr.stage = ATTR_STAGE.BLOCK;

src/states/EXPRESSION.ts

@@ -31,19 +31,23 @@ export interface ExpressionMeta extends Meta {
 const shouldTerminate = () => false;
 
 const unaryKeywords = [
-  "asserts",
   "async",
   "await",
   "class",
   "function",
+  "new",
+  "typeof",
+  "void",
+] as const;
+
+const tsUnaryKeywords = [
+  ...unaryKeywords,
+  "asserts",
   "infer",
   "is",
   "keyof",
-  "new",
   "readonly",
-  "typeof",
   "unique",
-  "void",
 ] as const;
 
 const binaryKeywords = [
@@ -404,7 +408,9 @@ function lookBehindForOperator(
     }
 
     default: {
-      for (const keyword of unaryKeywords) {
+      for (const keyword of expression.inType
+        ? tsUnaryKeywords
+        : unaryKeywords) {
         const keywordPos = lookBehindFor(data, curPos, keyword);
         if (keywordPos !== -1) {
           return isWordOrPeriodCode(data.charCodeAt(keywordPos - 1))

src/states/OPEN_TAG.ts

@@ -343,12 +343,15 @@ export const OPEN_TAG: StateDefinition<OpenTagMeta> = {
             this.enterState(STATE.EXPRESSION).shouldTerminate = matchesPipe;
             break;
 
-          case CODE.OPEN_ANGLE_BRACKET:
+          case CODE.OPEN_ANGLE_BRACKET: {
             tag.stage = TAG_STAGE.TYPES;
             this.pos++; // skip <
-            this.enterState(STATE.EXPRESSION).shouldTerminate =
-              matchesCloseAngleBracket;
+            const expr = this.enterState(STATE.EXPRESSION);
+            expr.inType = true;
+            expr.forceType = true;
+            expr.shouldTerminate = matchesCloseAngleBracket;
             break;
+          }
 
           default:
             tag.hasAttrs = true;