fix(highlight): containerless, compile-spy, and view-spy regex add foward lookahead for ' ' or '>', resolves #35

Author: Erik Lieben

syntaxes/html.json

@@ -373,23 +373,23 @@
       }
     },
     "tag-aurelia-containerless-attribute" : {
-      "match": "(containerless)( |>)",
+      "match": "(containerless)(?= |>)",
       "captures": {
         "1": {
           "name": "containerless.attribute.html.au"
         }     
       }
     }, 
     "tag-aurelia-compile-spy-attribute" : {
-      "match": "(compile-spy)( |>)",
+      "match": "(compile-spy)(?= |>)",
       "captures": {
         "1": {
           "name": "compile-spy.attribute.html.au"
         }     
       }
     },
     "tag-aurelia-view-spy-attribute" : {
-      "match": "(view-spy)( |>)",
+      "match": "(view-spy)(?= |>)",
       "captures": {
         "1": {
           "name": "view-spy.attribute.html.au"

test/syntax.html/compile-spy.test.ts

@@ -1,5 +1,5 @@
 import { assert } from 'chai';
-import { getTokenOnCharRange, hasScope, tokenizeLine } from './test.utils';
+import { getTokenOnCharRange, hasScope, tokenizeLine, writeOut } from './test.utils';
 
 describe('The Aurelia HTML syntax compile-spy attribute', () => {
 
@@ -47,7 +47,7 @@ describe('The Aurelia HTML syntax compile-spy attribute', () => {
 
   });
 
-  it('must not tokenize foo-containerles="" attribute', () => {
+  it('must not tokenize foo-compile-spy="" attribute', () => {
 
     // arrange
     let scope = 'compile-spy.attribute.html.au';
@@ -91,4 +91,20 @@ describe('The Aurelia HTML syntax compile-spy attribute', () => {
     assert.isNotOk(hasScope(token.scopes, scope));
 
   });
+
+  it('must tokenize compile-spy attribute', () => {
+
+    // arrange
+    let scope = 'compile-spy.attribute.html.au';
+
+    // act
+    let template = '<template compile-spy></template>';
+    let lineToken = tokenizeLine(template);
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 21);
+    assert.isDefined(token);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });  
 });

test/syntax.html/containerless.test.ts

@@ -91,4 +91,21 @@ describe('The Aurelia HTML syntax containerles attribute', () => {
     assert.isNotOk(hasScope(token.scopes, scope));
 
   });
+
+  it('must tokenize containerless attribute', () => {
+
+    // arrange
+    let scope = 'containerless.attribute.html.au';
+
+    // act
+    let template = '<template containerless></template>';
+    let lineToken = tokenizeLine(template);
+    
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 23);
+    assert.isDefined(token);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
 });

test/syntax.html/view-spy.test.ts

@@ -91,4 +91,20 @@ describe('The Aurelia HTML syntax view-spy attribute', () => {
     assert.isNotOk(hasScope(token.scopes, scope));
 
   });
+
+  it('must tokenize compile-spy attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let template = '<template view-spy></template>';
+    let lineToken = tokenizeLine(template);
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 18);
+    assert.isDefined(token);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });    
 });