rough cut of trying to get external resources

Author: justinbmeyer

codepen-data.js

@@ -6,14 +6,20 @@ var types = {
 	html: function htmlType(text) {
 
 		var result;
+		var HTML =  text;
 
 		text.replace(scriptRegExp, function(match, attrs, code) {
 
 			var matchTest = attrs.match(moduleTest);
 
-			if (matchTest && !srcTest.test(attrs)) {
+			// This has a src="".  We look for codepen-external
+			if(srcTest.test(attrs)) {
 
-				var HTML = text.replace(match, "").trim();
+			}
+			// It doesn't have a src, so we assume this has a body
+			else if (matchTest) {
+
+				HTML = HTML.replace(match, "").trim();
 				var CSS;
 				var styleResults = HTML.match(styleRegExp);
 				if (styleResults) {

test.js

@@ -114,4 +114,18 @@ describe("bit-docs-html-codepen-link", function() {
 		assert.equal(data.js.trim(), 'const element = <h1>Hello, world!</h1>;');
 		assert.equal(data.js_pre_processor, 'babel');
 	});
+
+	it("is able to create external js", function(){
+		var data = codepenData.html(`
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.2.1/rxjs.umd.js" codepen-external></script>
+			<script src="https://foo.com" codepen-external></script>
+			<script type="typescript">
+			const {Observable} = rxjs;
+			</script>
+		`);
+		assert.equal(data.js.trim(), 'const {Observable} = rxjs;');
+		assert.equal(data.js_pre_processor, 'typescript');
+		assert.equal(data.js_external,'https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.2.1/rxjs.umd.js;https://foo.com');
+		assert.equal(data.html, undefined, "no html")
+	});
 });