fix: miscellaneous improvements

* Split code to separate files
* Add Rollup build with detection injection
* Attempt to work together with ShadyCSS

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 .coverage
+dist
 node_modules

.prettierrc

@@ -1,7 +1,7 @@
 {
   "bracketSpacing": false,
   "printWidth": 80,
-  "trailingComma": "none",
+  "trailingComma": "all",
   "tabWidth": 2,
   "singleQuote": true
 }

README.md

@@ -24,7 +24,17 @@ This polyfill should work as-is in modern browsers, however, to support IE11, yo
 
 ## Installation
 
-The package can be installed either by copying the [polyfill file](./adoptedStyleSheets.js) or by [installing using npm](https://docs.npmjs.com/getting-started/).
+```bash
+npm i construct-style-sheets-polyfill
+```
+or
+```bash
+yarn add construct-style-sheets-polyfill
+```
+or
+```javascript
+import 'https://unpkg.com/construct-style-sheets-polyfill';
+```
 
 ## Usage
 
@@ -56,4 +66,4 @@ const testEl = new TestEl;
 document.body.appendChild(testEl);
 ```
 
-The polyfill will append new `style` tags to the designated `DocumentOrShadowRoot`. Manually removing the style node will cause a re-insertion of the styles at the designated root. To remove a style sheet, you _must_ remove the style element from the `element.adoptedStyleSheets` array. The behavior here is supposed to emulate a `FrozenArray`, so modifying the array in question will have no effect until the value is changed using a setter.
+The polyfill will append new `style` tags to the designated `DocumentOrShadowRoot`. Manually removing the style node will cause a re-insertion of the styles at the designated root. To remove a style sheet, you _must_ remove the style element from the `element.adoptedStyleSheets` array. The behavior here is supposed to emulate a `FrozenArray`, so modifying the array in question will have no effect until the value is changed using a setter.