Make templates work when they have attributes

Author: matthewp

codepen-data.js

@@ -1,6 +1,6 @@
 var scriptRegExp = /<script\s([^>]+)>([\s\S]*?)<\/script>/ig;
 var styleRegExp = /<style>([\s\S]*?)<\/style>/i;
-var templateRegExp = /<template>([\s\S]*?)<\/template>/ig;
+var templateRegExp = /<template\s?([^>]+)?>([\s\S]*?)<\/template>/ig;
 var moduleTest = /type=["']([\w\/]+)["']/;
 var srcTest = /src=/;
 var DEFAULT_EDITORS = "0011";

test.js

@@ -185,4 +185,22 @@ describe("bit-docs-html-codepen-link", function() {
 </template>
 		`.trim());
 	});
+
+	it("Does not remove styles2", function() {
+		var data = codepenData.html(`
+		<template id="tmpl">
+			<style>
+			</style>
+			<div class="gmap"></div>
+		</template>
+		<script type="module"></script>`);
+
+		var html = data.html.trim();
+		assert.ok(/style/.test(html));
+		assert.equal(html, `<template id="tmpl">
+			<style>
+			</style>
+			<div class="gmap"></div>
+		</template>`)
+	});
 });