fix: remove document.write (#2019)

* fix: remove document.write

* fixes

---------

Co-authored-by: Shane Osbourne <[email protected]>

Author: shakyShane

packages/browser-sync/lib/config.js

@@ -10,11 +10,11 @@ module.exports = {
         baseDir: path.join(__dirname, "control-panel")
     },
     templates: {
-        scriptTag: path.join(__dirname, "..", "templates/script-tags.tmpl"),
+        scriptTag: path.join(__dirname, "..", "templates/script-tags.html"),
         scriptTagSimple: path.join(
             __dirname,
             "..",
-            "templates/script-tags-simple.tmpl"
+            "templates/script-tags-simple.html"
         ),
         connector: path.join(__dirname, "..", "templates/connector.tmpl")
     },

packages/browser-sync/templates/script-tags-simple.tmpl renamed to packages/browser-sync/templates/script-tags-simple.html

@@ -0,0 +1,16 @@
+<script id="__bs_script__">//<![CDATA[
+  (function() {
+    try {
+      var script = document.createElement('script');
+      if ('%async%') {
+        script.async = true;
+      }
+      script.src = '%script%'.replace("HOST", location.hostname);
+      if (document.body) {
+        document.body.appendChild(script);
+      }
+    } catch (e) {
+      console.error("Browsersync: could not append script tag", e);
+    }
+  })()
+//]]></script>

packages/browser-sync/templates/script-tags.html

@@ -21,7 +21,7 @@ describe("E2E script with/without async attribute", function() {
             }
         };
         browserSync(config, function(err, bs) {
-            assert.notInclude(bs.options.get("snippet"), "async");
+            assert.notInclude(bs.options.get("snippet"), "'async'");
             bs.cleanup();
             done();
         });