refactor(RegExp): use /.../ to create RegExp literal

fixes #2691

modules/angular2/src/render/api.ts

@@ -130,11 +130,6 @@ export class ProtoViewDto {
   }
 }
 
-// group 1: property from "[property]"
-// group 2: event from "(event)"
-// group 3: action from "@action"
-var hostRegExp = RegExpWrapper.create('^(?:(?:\\[([^\\]]+)\\])|(?:\\(([^\\)]+)\\))|(?:@(.+)))$');
-
 export class DirectiveMetadata {
   static get DIRECTIVE_TYPE() { return 0; }
   static get COMPONENT_TYPE() { return 1; }
@@ -156,6 +151,10 @@ export class DirectiveMetadata {
   hostProperties: Map<string, string>;
   hostAttributes: Map<string, string>;
   hostActions: Map<string, string>;
+  // group 1: "property" from "[property]"
+  // group 2: "event" from "(event)"
+  // group 3: "action" from "@action"
+  private static _hostRegExp = /^(?:(?:\[([^\]]+)\])|(?:\(([^\)]+)\))|(?:@(.+)))$/g;
 
   constructor({id, selector, compileChildren, events, hostListeners, hostProperties, hostAttributes,
                hostActions, properties, readAttributes, type, callOnDestroy, callOnChange,
@@ -225,7 +224,7 @@ export class DirectiveMetadata {
 
     if (isPresent(host)) {
       MapWrapper.forEach(host, (value: string, key: string) => {
-        var matches = RegExpWrapper.firstMatch(hostRegExp, key);
+        var matches = RegExpWrapper.firstMatch(DirectiveMetadata._hostRegExp, key);
         if (isBlank(matches)) {
           hostAttributes.set(key, value);
         } else if (isPresent(matches[1])) {

modules/angular2/src/render/dom/compiler/property_binding_parser.ts

@@ -17,8 +17,8 @@ import {dashCaseToCamelCase} from '../util';
 // Group 6 = idenitifer inside [()]
 // Group 7 = idenitifer inside []
 // Group 8 = identifier inside ()
-var BIND_NAME_REGEXP = RegExpWrapper.create(
-    '^(?:(?:(?:(bind-)|(var-|#)|(on-)|(bindon-))(.+))|\\[\\(([^\\)]+)\\)\\]|\\[([^\\]]+)\\]|\\(([^\\)]+)\\))$');
+var BIND_NAME_REGEXP =
+    /^(?:(?:(?:(bind-)|(var-|#)|(on-)|(bindon-))(.+))|\[\(([^\)]+)\)\]|\[([^\]]+)\]|\(([^\)]+)\))$/g;
 /**
  * Parses the property bindings on a single element.
  */

modules/angular2/src/render/dom/compiler/style_inliner.ts

@@ -131,9 +131,9 @@ function _wrapInMediaRule(css: string, query: string): string {
   return (isBlank(query)) ? css : `@media ${query} {\n${css}\n}`;
 }
 
-var _importRe = RegExpWrapper.create('@import\\s+([^;]+);');
+var _importRe = /@import\s+([^;]+);/g;
 var _urlRe = RegExpWrapper.create(
     'url\\(\\s*?[\'"]?([^\'")]+)[\'"]?|' +  // url(url) or url('url') or url("url")
     '[\'"]([^\'")]+)[\'"]'                  // "url" or 'url'
     );
-var _mediaQueryRe = RegExpWrapper.create('[\'"][^\'"]+[\'"]\\s*\\)?\\s*(.*)');
+var _mediaQueryRe = /['"][^'"]+['"]\s*\)?\s*(.*)/g;

modules/angular2/src/render/dom/compiler/style_url_resolver.ts

@@ -2,7 +2,7 @@
 // https://github.com/webcomponents/webcomponentsjs/blob/master/src/HTMLImports/path.js
 
 import {Injectable} from 'angular2/di';
-import {RegExp, RegExpWrapper, StringWrapper} from 'angular2/src/facade/lang';
+import {RegExp, StringWrapper} from 'angular2/src/facade/lang';
 import {UrlResolver} from 'angular2/src/services/url_resolver';
 
 /**
@@ -31,6 +31,6 @@ export class StyleUrlResolver {
   }
 }
 
-var _cssUrlRe = RegExpWrapper.create('(url\\()([^)]*)(\\))');
-var _cssImportRe = RegExpWrapper.create('(@import[\\s]+(?!url\\())[\'"]([^\'"]*)[\'"](.*;)');
-var _quoteRe = RegExpWrapper.create('[\'"]');
+var _cssUrlRe = /(url\()([^)]*)(\))/g;
+var _cssImportRe = /(@import[\s]+(?!url\())['"]([^'"]*)['"](.*;)/g;
+var _quoteRe = /['"]/g;

modules/angular2/src/render/dom/shadow_dom/shadow_css.ts

@@ -403,8 +403,8 @@ export class ShadowCss {
   }
 
   _makeScopeMatcher(scopeSelector: string): RegExp {
-    var lre = RegExpWrapper.create('\\[');
-    var rre = RegExpWrapper.create('\\]');
+    var lre = /\[/g;
+    var rre = /\]/g;
     scopeSelector = StringWrapper.replaceAll(scopeSelector, lre, '\\[');
     scopeSelector = StringWrapper.replaceAll(scopeSelector, rre, '\\]');
     return RegExpWrapper.create('^(' + scopeSelector + ')' + _selectorReSuffix, 'm');
@@ -429,7 +429,7 @@ export class ShadowCss {
   // return a selector with [name] suffix on each simple selector
   // e.g. .foo.bar > .zot becomes .foo[name].bar[name] > .zot[name]
   _applyStrictSelectorScope(selector: string, scopeSelector: string): string {
-    var isRe = RegExpWrapper.create('\\[is=([^\\]]*)\\]');
+    var isRe = /\[is=([^\]]*)\]/g;
     scopeSelector = StringWrapper.replaceAllMapped(scopeSelector, isRe, (m) => m[1]);
     var splits = [' ', '>', '+', '~'], scoped = selector, attrName = '[' + scopeSelector + ']';
     for (var i = 0; i < splits.length; i++) {
@@ -440,7 +440,7 @@ export class ShadowCss {
                             var t = StringWrapper.replaceAll(p.trim(), _polyfillHostRe, '');
                             if (t.length > 0 && !ListWrapper.contains(splits, t) &&
                                 !StringWrapper.contains(t, attrName)) {
-                              var re = RegExpWrapper.create('([^:]*)(:*)(.*)');
+                              var re = /([^:]*)(:*)(.*)/g;
                               var m = RegExpWrapper.firstMatch(re, t);
                               if (isPresent(m)) {
                                 p = m[1] + attrName + m[2] + m[3];
@@ -463,10 +463,10 @@ export class ShadowCss {
     // TODO(sorvell): Safari cssom incorrectly removes quotes from the content
     // property. (https://bugs.webkit.org/show_bug.cgi?id=118045)
     // don't replace attr rules
-    var attrRe = RegExpWrapper.create('[\'"]+|attr');
+    var attrRe = /['"]+|attr/g;
     if (rule.style.content.length > 0 &&
         !isPresent(RegExpWrapper.firstMatch(attrRe, rule.style.content))) {
-      var contentRe = RegExpWrapper.create('content:[^;]*;');
+      var contentRe = /content:[^;]*;/g;
       cssText =
           StringWrapper.replaceAll(cssText, contentRe, 'content: \'' + rule.style.content + '\';');
     }
@@ -487,13 +487,11 @@ export class ShadowCss {
     return cssText;
   }
 }
-
-var _cssContentNextSelectorRe = RegExpWrapper.create(
-    'polyfill-next-selector[^}]*content:[\\s]*?[\'"](.*?)[\'"][;\\s]*}([^{]*?){', 'im');
-var _cssContentRuleRe =
-    RegExpWrapper.create('(polyfill-rule)[^}]*(content:[\\s]*[\'"](.*?)[\'"])[;\\s]*[^}]*}', 'im');
-var _cssContentUnscopedRuleRe = RegExpWrapper.create(
-    '(polyfill-unscoped-rule)[^}]*(content:[\\s]*[\'"](.*?)[\'"])[;\\s]*[^}]*}', 'im');
+var _cssContentNextSelectorRe =
+    /polyfill-next-selector[^}]*content:[\s]*?['"](.*?)['"][;\s]*}([^{]*?){/gim;
+var _cssContentRuleRe = /(polyfill-rule)[^}]*(content:[\s]*['"](.*?)['"])[;\s]*[^}]*}/gim;
+var _cssContentUnscopedRuleRe =
+    /(polyfill-unscoped-rule)[^}]*(content:[\s]*['"](.*?)['"])[;\s]*[^}]*}/gim;
 var _polyfillHost = '-shadowcsshost';
 // note: :host-context pre-processed to -shadowcsshostcontext.
 var _polyfillHostContext = '-shadowcsscontext';
@@ -504,18 +502,21 @@ var _cssColonHostRe = RegExpWrapper.create('(' + _polyfillHost + _parenSuffix, '
 var _cssColonHostContextRe = RegExpWrapper.create('(' + _polyfillHostContext + _parenSuffix, 'im');
 var _polyfillHostNoCombinator = _polyfillHost + '-no-combinator';
 var _shadowDOMSelectorsRe = [
-  RegExpWrapper.create('>>>'),
-  RegExpWrapper.create('::shadow'),
-  RegExpWrapper.create('::content'),
+  />>>/g,
+  /::shadow/g,
+  /::content/g,
   // Deprecated selectors
-  RegExpWrapper.create('/deep/'),         // former >>>
-  RegExpWrapper.create('/shadow-deep/'),  // former /deep/
-  RegExpWrapper.create('/shadow/'),       // former ::shadow
+  // TODO(vicb): see https://github.com/angular/clang-format/issues/16
+  // clang-format off
+  /\/deep\//g,         // former >>>
+  /\/shadow-deep\//g,  // former /deep/
+  /\/shadow\//g,       // former ::shadow
+  // clanf-format on
 ];
 var _selectorReSuffix = '([>\\s~+\[.,{:][\\s\\S]*)?$';
 var _polyfillHostRe = RegExpWrapper.create(_polyfillHost, 'im');
-var _colonHostRe = RegExpWrapper.create(':host', 'im');
-var _colonHostContextRe = RegExpWrapper.create(':host-context', 'im');
+var _colonHostRe = /:host/gim;
+var _colonHostContextRe = /:host-context/gim;
 
 function _cssToRules(cssText: string) {
   return DOM.cssToRules(cssText);

modules/angular2/src/render/dom/util.ts

@@ -1,12 +1,12 @@
-import {StringWrapper, RegExpWrapper, isPresent} from 'angular2/src/facade/lang';
+import {StringWrapper, isPresent} from 'angular2/src/facade/lang';
 
 export const NG_BINDING_CLASS_SELECTOR = '.ng-binding';
 export const NG_BINDING_CLASS = 'ng-binding';
 
 export const EVENT_TARGET_SEPARATOR = ':';
 
-var CAMEL_CASE_REGEXP = RegExpWrapper.create('([A-Z])');
-var DASH_CASE_REGEXP = RegExpWrapper.create('-([a-z])');
+var CAMEL_CASE_REGEXP = /([A-Z])/g;
+var DASH_CASE_REGEXP = /-([a-z])/g;
 
 export function camelCaseToDashCase(input: string): string {
   return StringWrapper.replaceAllMapped(input, CAMEL_CASE_REGEXP,