styletron-engine-atomic - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

dist/browser.es2015.es.js

@@ -384,3 +384,12 @@ import prefixAll from 'inline-style-prefixer/static';
       const sheet = this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      const rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     }; // Setup style cache
@@ -398,3 +407,12 @@
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      const rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -404,3 +422,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), (cache, id, value) => {
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      const rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -407,0 +434,0 @@

dist/browser.es2017.es.js

@@ -384,3 +384,12 @@ import prefixAll from 'inline-style-prefixer/static';
       const sheet = this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      const rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     }; // Setup style cache
@@ -398,3 +407,12 @@
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      const rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -404,3 +422,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), (cache, id, value) => {
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      const rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -407,0 +434,0 @@

dist/browser.es5.es.js

@@ -430,3 +430,12 @@ import prefixAll from 'inline-style-prefixer/static';
       var sheet = _this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      var rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     }; // Setup style cache
@@ -447,3 +456,12 @@
       var sheet = _this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      var rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     });
@@ -454,3 +472,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
       var sheet = _this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      var rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     });
@@ -457,0 +484,0 @@

dist/browser.es5.js

@@ -436,3 +436,12 @@ 'use strict';
       var sheet = _this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      var rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     }; // Setup style cache
@@ -453,3 +462,12 @@
       var sheet = _this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      var rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     });
@@ -460,3 +478,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), function (cache, id, value) {
       var sheet = _this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      var rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn("Failed to inject CSS: \"" + rule + "\". Perhaps this has invalid or un-prefixed properties?");
+        }
+      }
     });
@@ -463,0 +490,0 @@

dist/index.es.js

@@ -384,3 +384,12 @@ import prefixAll from 'inline-style-prefixer/static';
       const sheet = this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      const rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     }; // Setup style cache
@@ -398,3 +407,12 @@
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      const rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -404,3 +422,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), (cache, id, value) => {
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      const rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -407,0 +434,0 @@

dist/index.js

@@ -390,3 +390,12 @@ 'use strict';
       const sheet = this.styleElements[cache.key].sheet;
-      sheet.insertRule(styleBlockToRule(atomicSelector(id, pseudo), block), sheet.cssRules.length);
+      const rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     }; // Setup style cache
@@ -404,3 +413,12 @@
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(keyframesBlockToRule(id, keyframesToBlock(value)), sheet.cssRules.length);
+      const rule = keyframesBlockToRule(id, keyframesToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -410,3 +428,12 @@ this.fontFaceCache = new Cache(new SequentialIDGenerator(opts.prefix), (cache, id, value) => {
       const sheet = this.styleElements[""].sheet;
-      sheet.insertRule(fontFaceBlockToRule(id, declarationsToBlock(value)), sheet.cssRules.length);
+      const rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (process.env.NODE_ENV !== "production") {
+          // eslint-disable-next-line no-console
+          console.warn(`Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`);
+        }
+      }
     });
@@ -413,0 +440,0 @@

package.json

 {
   "name": "styletron-engine-atomic",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Universal, high-performance JavaScript styles",
@@ -5,0 +5,0 @@ "author": "Ryan Tsao <[e-mail]>",

src/client/client.js

@@ -81,6 +81,13 @@ /* eslint-env browser */
       const sheet: CSSStyleSheet = (this.styleElements[cache.key].sheet: any);
-      sheet.insertRule(
-        styleBlockToRule(atomicSelector(id, pseudo), block),
-        sheet.cssRules.length,
-      );
+      const rule = styleBlockToRule(atomicSelector(id, pseudo), block);
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+        if (__DEV__) {
+          // eslint-disable-next-line no-console
+          console.warn(
+            `Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`,
+          );
+        }
+      }
     };
@@ -105,6 +112,13 @@
         const sheet: CSSStyleSheet = (this.styleElements[""].sheet: any);
-        sheet.insertRule(
-          keyframesBlockToRule(id, keyframesToBlock(value)),
-          sheet.cssRules.length,
-        );
+        const rule = keyframesBlockToRule(id, keyframesToBlock(value));
+        try {
+          sheet.insertRule(rule, sheet.cssRules.length);
+        } catch (e) {
+          if (__DEV__) {
+            // eslint-disable-next-line no-console
+            console.warn(
+              `Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`,
+            );
+          }
+        }
       },
@@ -118,6 +132,13 @@ );
         const sheet: CSSStyleSheet = (this.styleElements[""].sheet: any);
-        sheet.insertRule(
-          fontFaceBlockToRule(id, declarationsToBlock(value)),
-          sheet.cssRules.length,
-        );
+        const rule = fontFaceBlockToRule(id, declarationsToBlock(value));
+        try {
+          sheet.insertRule(rule, sheet.cssRules.length);
+        } catch (e) {
+          if (__DEV__) {
+            // eslint-disable-next-line no-console
+            console.warn(
+              `Failed to inject CSS: "${rule}". Perhaps this has invalid or un-prefixed properties?`,
+            );
+          }
+        }
       },
@@ -124,0 +145,0 @@ );

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1008772

increased by1.5%

Lines of code

24488

increased by1.01%

Number of medium supply chain risk alerts

8

decreased by-11.11%

Worsened metrics

Number of low supply chain risk alerts

40

increased by81.82%

No dependency changes