Fixedd issue: dom-module not appending to the document

Author: Tom Maton

.eslintrc

@@ -0,0 +1,38 @@
+{
+    "parser": "babel-eslint",
+    "parserOptions": {
+        "ecmaVersion": 9,
+        "sourceType": "module"
+    },
+    "extends": "airbnb-base",
+    "rules": {
+        "comma-dangle" : 0,
+        "semi": "error",
+        "no-console": "warn",
+        "indent": [
+            "error",
+            4,
+            {
+                "SwitchCase": 1
+            }
+        ],
+        "class-methods-use-this": "off",
+        "import/prefer-default-export": "off",
+        "no-underscore-dangle": "off",
+        "prefer-destructuring": ["error", {
+            "AssignmentExpression": {
+                "array": false,
+                "object": true
+            }
+        }],
+        "import/no-extraneous-dependencies": "off"
+    },
+    "globals": {
+        "props": true
+    },
+    "env": {
+        "browser": true,
+        "es6": true,
+        "node": true
+    }
+}

index.js

@@ -1,37 +1,41 @@
-'use strict';
-
 const through = require('through2');
 const path = require('path');
 const gutil = require('gulp-util');
-const PLUGIN_NAME = 'gulp-css-to-polymer';
 
-module.exports = (opts) => {
+const PLUGIN_NAME = 'gulp-css-to-polymer';
 
-    return through.obj(function (file, enc, cb) {
+function generateModuleName(options, file) {
+    return `${options.prefix}${path.basename(file.path, path.extname(file.path))}${options.suffix}`;
+}
 
-        if (file.isStream()) {
-            return cb(new gutil.PluginError(PLUGIN_NAME, 'Streaming not supported'));
-        }
-        if (file.isNull()) {
-            return cb(null, file);
-        }
+module.exports = opts => through.obj((file, enc, cb) => {
+    const fileObj = file;
 
-        const moduleId = generateModuleName(opts, file);
-        const dirname = path.dirname(file.path);
+    if (file.isStream()) {
+        return cb(new gutil.PluginError(PLUGIN_NAME, 'Streaming not supported'));
+    }
+    if (file.isNull()) {
+        return cb(null, file);
+    }
 
-        const res = `import '@polymer/polymer/polymer-element.js';
+    const moduleId = generateModuleName(opts, file);
+    const dirname = path.dirname(file.path);
 
-        const $_documentContainer = document.createElement('template');
-        $_documentContainer.innerHTML = \`<dom-module id=${moduleId}><template><style>${file.contents.toString('utf8')}</style></template></dom-module>\` `;
+    const res = `import '@polymer/polymer/polymer-element';
 
-        file.contents = new Buffer(res);
-        file.path = path.join(dirname, moduleId) + '.js';
+    const $_documentContainer = document.createElement('template');
+    $_documentContainer.innerHTML = \`<dom-module id=${moduleId}>
+        <template>
+            <style>
+            ${file.contents.toString('utf8')}
+            </style>
+        </template>
+    </dom-module>\`;
 
-        return cb(null, file);
-    });
+    document.head.appendChild($_documentContainer.content);`;
 
-};
+    fileObj.contents = Buffer.from(res);
+    fileObj.path = `${path.join(dirname, moduleId)}.js`;
 
-function generateModuleName (options, file) {
-    return `${options.prefix}${path.basename(file.path, path.extname(file.path))}${options.suffix}`;
-}
+    return cb(null, file);
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gulp-css-to-polymer",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Converting CSS to a ES6 Module for Polymer V3.x.x",
   "main": "index.js",
   "scripts": {