@emotion/utils - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0

dist/index.cjs.js

@@ -6,2 +6,3 @@ 'use strict';
 var isBrowser = typeof document !== 'undefined';
+var shouldSerializeToReactTree = !isBrowser || process.env.NODE_ENV === 'test';
 function getRegisteredStyles(registered, registeredStyles, classNames) {
@@ -18,3 +19,3 @@ var rawClassName = '';
 }
-var insertStyles = function insertStyles(context, insertable, hydrationRender) {
+var insertStyles = function insertStyles(context, insertable) {
   if (insertable.type === 1 && context.registered["css-" + insertable.name] === undefined) {
@@ -30,6 +31,8 @@ context.registered["css-" + insertable.name] = insertable.styles;
     var rules = context.stylis(insertable.type === 1 ? ".css-" + insertable.name : '', insertable.styles);
-    context.inserted[insertable.name] = rules.join('');
 
-    if (isBrowser && hydrationRender === false) {
+    if (shouldSerializeToReactTree) {
+      context.inserted[insertable.name] = rules.join('');
+    } else {
       rules.forEach(_ref);
+      context.inserted[insertable.name] = true;
     }
@@ -42,4 +45,5 @@
 exports.isBrowser = isBrowser;
+exports.shouldSerializeToReactTree = shouldSerializeToReactTree;
 exports.getRegisteredStyles = getRegisteredStyles;
 exports.insertStyles = insertStyles;
 //# sourceMappingURL=index.cjs.js.map

dist/index.es.js

 var isBrowser = typeof document !== 'undefined';
+var shouldSerializeToReactTree = !isBrowser || process.env.NODE_ENV === 'test';
 function getRegisteredStyles(registered, registeredStyles, classNames) {
@@ -13,3 +14,3 @@ var rawClassName = '';
 }
-var insertStyles = function insertStyles(context, insertable, hydrationRender) {
+var insertStyles = function insertStyles(context, insertable) {
   if (insertable.type === 1 && context.registered["css-" + insertable.name] === undefined) {
@@ -25,6 +26,8 @@ context.registered["css-" + insertable.name] = insertable.styles;
     var rules = context.stylis(insertable.type === 1 ? ".css-" + insertable.name : '', insertable.styles);
-    context.inserted[insertable.name] = rules.join('');
 
-    if (isBrowser && hydrationRender === false) {
+    if (shouldSerializeToReactTree) {
+      context.inserted[insertable.name] = rules.join('');
+    } else {
       rules.forEach(_ref);
+      context.inserted[insertable.name] = true;
     }
@@ -36,3 +39,3 @@
 
-export { isBrowser, getRegisteredStyles, insertStyles };
+export { isBrowser, shouldSerializeToReactTree, getRegisteredStyles, insertStyles };
 //# sourceMappingURL=index.es.js.map

package.json

 {
   "name": "@emotion/utils",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "internal utils for emotion",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

src/index.js

@@ -5,2 +5,4 @@ // @flow
 export const isBrowser = typeof document !== 'undefined'
+export const shouldSerializeToReactTree =
+  !isBrowser || process.env.NODE_ENV === 'test'
 
@@ -26,4 +28,3 @@ export function getRegisteredStyles(
   context: CSSContextType,
-  insertable: InsertableStyles,
-  hydrationRender: boolean
+  insertable: InsertableStyles
 ) => {
@@ -41,7 +42,10 @@ if (
     )
-    context.inserted[insertable.name] = rules.join('')
-    if (isBrowser && hydrationRender === false) {
+
+    if (shouldSerializeToReactTree) {
+      context.inserted[insertable.name] = rules.join('')
+    } else {
       rules.forEach(rule => {
         context.sheet.insert(rule)
       })
+      context.inserted[insertable.name] = true
     }
@@ -48,0 +52,0 @@ return context.inserted[insertable.name]

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

Improved metrics

Total package byte prevSize

10147

increased by10.17%

Lines of code

117

increased by9.35%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

No dependency changes