0.3.7

Author: Ulysse ARNAUD

.github/workflows/deploy-image.yml

@@ -40,6 +40,7 @@ jobs:
           file_pattern: |
             ./.gitignore
             build/index.min.js
+            build/index.min.js.gz
           skip_dirty_check: true
           push_options: '--force'
           branch: ${{ steps.package-version.outputs.current-version }}
@@ -61,6 +62,7 @@ jobs:
         with:
           files: |
             build/index.min.js
+            build/index.min.js.gz
           tag_name: ${{ steps.package-version.outputs.current-version }}
           name: ${{ steps.package-version.outputs.current-version }}
           body: |

README.md

@@ -111,7 +111,7 @@ __Older browsers__
 
 1. Import `main.js` in your HTML file
    ```html
-   <script src="https://cdn.jsdelivr.net/gh/ulyssear/css-in-js-in-html@0.2.0/build/index.min.js"></script>
+   <script src="https://cdn.jsdelivr.net/gh/ulyssear/css-in-js-in-html@0.3.7/build/index.min.js"></script>
    ```
 
 2. Add one line of CSS to hide the page while building (and permits to hide elements with hidden attribute)
@@ -127,7 +127,7 @@ __Older browsers__
    ```
 2. Import `main.js` in your HTML file
    ```html
-    <script src="path/to/css-in-js-in-html/main.js"></script>
+    <script src="path/to/css-in-js-in-html/build/index.min.js"></script>
     ```
 
 <p align="right">(<a href="#readme-top">back to top</a>)</p>

build/index.min.js

@@ -160,7 +160,10 @@ function init() {
   main();
 }
 document.addEventListener('DOMContentLoaded', init);
+let observer;
 window.addEventListener('css-in-js-in-html-ready', function () {
-  const observer = new MutationObserver(init);
-  observer.observe(document, { attributes: true, childList: true, subtree: true });
+  if (!observer) {
+    observer = new MutationObserver(init);
+    observer.observe(document, { attributes: true, childList: true, subtree: true });
+  }
 } );

index.js

@@ -1,6 +1,6 @@
 {
   "name": "@ulyssear/css-in-js-in-html",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "CSS-in-JS-in-HTML is a library that allows you to use CSS-in-JS with HTML only.",
   "main": "build/index.js",
   "scripts": {