Overhaul regex for styleUrls

[thymikee]

Summary
Broader regex for styleUrls handling.
Fixes #9.

Test plan
Test cases I used:

@Component({
  selector: 'xc-media-box-h0',
  templateUrl: './media-box-h0.component.html',
  styleUrls: [ '../media-box.component.scss' ],
})

@Component({
  selector: 'xc-media-box-h0',
  templateUrl: './media-box-h0.component.html',
  styleUrls: ['../media-box.component.scss',
  './media-box-h0.component.scss'],
})

@Component({
  selector: 'xc-media-box-h0',
  templateUrl: './media-box-h0.component.html',
  styleUrls: [
    '../media-box.component.scss',
  ],
})

@Component({
  selector: 'xc-media-box-h0',
  templateUrl: './media-box-h0.component.html',
  styleUrls: [
    '../media-box.component.scss',
    './media-box-h0.component.scss'
  ],
})

[thymikee]

@intellix I've added tests for the cases you provided and they pass.

[intellix]

It all seems to work for me now as well actually :P LGTM!

[thinkricardo]

I've encountered a situation where this issue still occurs.

Example:
styleUrls: [ './a.component.scss', '../b.css', '../c.css' ]
It appears that having more than 2 lines corrupts the regex. If only 2 lines exist than it seems fine.

I'm using Prettier which formats the code putting the styles in each line and after that Jest stops working and throws SyntaxError (_normalizeTemplateMetadata).

[thymikee]

Happy to accept PR fixing that!

Now that babel supports typescript (in beta) we're technically able to make it properly by transforming ast instead of regex, so that's what I hope to do or review ;) soon