Added support for components with spacing after styleUrls and templateUrl properties (#11)

Author: sky-coding

index.js

@@ -1,6 +1,6 @@
 // using: regex, capture groups, and capture group variables.
-var templateUrlRegex = /templateUrl:(.*)$/gm;
-var stylesRegex = /styleUrls:(\s*\[[^\]]*?\])/g;
+var templateUrlRegex = /templateUrl *:(.*)$/gm;
+var stylesRegex = /styleUrls *:(\s*\[[^\]]*?\])/g;
 var stringRegex = /(['"])((?:[^\\]\\\1|.)*?)\1/g;
 
 function replaceStringsWithRequires(string) {

test/fixtures/component_with_spacing.js

@@ -0,0 +1,12 @@
+var componentWithSpacing = `
+  import {Component} from '@angular/core';
+
+  @Component({
+    selector : 'test-component',
+    templateUrl : './some/path/to/file.html',
+    styleUrls : ['./app/css/styles.css']
+  })
+  export class TestComponent {}
+`;
+
+module.exports = componentWithSpacing;

test/fixtures/index.js

@@ -2,9 +2,11 @@ var sampleAngular2ComponentSimpleFixture = require('./sample_angular2_component_
 var componentWithQuoteInUrls = require('./component_with_quote_in_urls.js');
 var componentWithMultipleStyles = require('./component_with_multiple_styles.js');
 var componentWithoutRelPeriodSlash = require('./component_without_relative_period_slash.js');
+var componentWithSpacing = require('./component_with_spacing.js');
 
 exports.simpleAngular2TestComponentFileStringSimple = sampleAngular2ComponentSimpleFixture;
 exports.componentWithQuoteInUrls = componentWithQuoteInUrls;
 exports.componentWithMultipleStyles = componentWithMultipleStyles;
 exports.componentWithoutRelPeriodSlash = componentWithoutRelPeriodSlash;
+exports.componentWithSpacing = componentWithSpacing;
 

test/loader.spec.js

@@ -95,5 +95,23 @@ describe("loader", function() {
       );
   });
 
+  it("Should convert html and style file strings to require()s regardless of spacing", function(){
+
+    loader.call({}, fixtures.componentWithSpacing)
+      .should
+      .be
+      .eql(`
+  import {Component} from '@angular/core';
+
+  @Component({
+    selector : 'test-component',
+    template: require('./some/path/to/file.html'),
+    styles: [require('./app/css/styles.css')]
+  })
+  export class TestComponent {}
+`
+      )
+
+  });
 
 });