adds style tags to css

Author: justinbmeyer

codepen-data.js

@@ -1,4 +1,5 @@
 var scriptRegExp = /<script\s([^>]+)>([\s\S]*?)<\/script>/i;
+var styleRegExp = /<style>([\s\S]*?)<\/style>/i;
 var moduleTest = /type=["']module["']/;
 var types = {
     html: function htmlType(text){
@@ -10,12 +11,26 @@ var types = {
 
                 var HTML = text.replace(results[0],"").trim();
 
-                return {
-                    html: HTML,
-                    js: results[2],
-                    js_module: true,
-                    editors: "1011"
-                };
+                var styleResults = HTML.match(styleRegExp);
+                if(styleResults) {
+                    HTML = HTML.replace(styleResults[0],"").trim();
+                    return {
+                        html: HTML,
+                        js: results[2],
+                        js_module: true,
+                        editors: "1011",
+                        css: styleResults[1].trim()
+                    };
+                } else {
+                    return {
+                        html: HTML,
+                        js: results[2],
+                        js_module: true,
+                        editors: "1011"
+                    };
+                }
+
+
             }
         }
     },

test-demo.md

@@ -15,6 +15,9 @@
 import { Component } from "can";
 Component
 </script>
+<style>
+my-app {color: "green";}
+</style>
 ```
 <div class='codepen'></div>
 

test.js

@@ -61,7 +61,9 @@ describe("bit-docs-html-codepen-link", function() {
                     {   html: '<my-app></my-app>',
                         js: 'import { Component } from "//unpkg.com/can@^5.0.0-pre.1/core.mjs";\nComponent',
                         js_module: true,
-                        editors: '1011' },
+                        editors: '1011',
+						css: 'my-app {color: "green";}'
+					},
                     {   js: 'import {DefineMap} from "//unpkg.com/can@^5.0.0-pre.1/core.mjs";\nconsole.log( myCounter.count ) //-> 1',
                         js_module: true,
                         editors: '0011' }