@emotion/utils - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

CHANGELOG.md

 # @emotion/utils
 
+## 1.1.0
+
+### Minor Changes
+
+- [#2600](https://github.com/emotion-js/emotion/pull/2600) [`2f27156a`](https://github.com/emotion-js/emotion/commit/2f27156a73f94c3aac82e4ed492cbfdc97225573) Thanks [@Andarist](https://github.com/Andarist)! - Introduced `registerStyles` helper that is shared across between other packages. This is just an internal util that shouldn't be used by packages other than `@emotion/*` packages.
+
 ## 1.0.0
@@ -4,0 +10,0 @@

dist/emotion-utils.browser.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
 }
-var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+var registerStyles = function registerStyles(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
@@ -33,2 +33,6 @@
   }
+};
+var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
 
@@ -48,1 +52,2 @@ if (cache.inserted[serialized.name] === undefined) {
 exports.insertStyles = insertStyles;
+exports.registerStyles = registerStyles;

dist/emotion-utils.browser.esm.js

@@ -13,3 +13,3 @@ var isBrowser = "object" !== 'undefined';
 }
-var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+var registerStyles = function registerStyles(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
@@ -29,2 +29,6 @@
   }
+};
+var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
 
@@ -42,2 +46,2 @@ if (cache.inserted[serialized.name] === undefined) {
 
-export { getRegisteredStyles, insertStyles };
+export { getRegisteredStyles, insertStyles, registerStyles };

dist/emotion-utils.cjs.dev.js

@@ -17,3 +17,3 @@ 'use strict';
 }
-var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+var registerStyles = function registerStyles(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
@@ -33,2 +33,6 @@
   }
+};
+var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
 
@@ -57,1 +61,2 @@ if (cache.inserted[serialized.name] === undefined) {
 exports.insertStyles = insertStyles;
+exports.registerStyles = registerStyles;

dist/emotion-utils.cjs.prod.js

@@ -16,6 +16,9 @@ "use strict";
 
-var insertStyles = function(cache, serialized, isStringTag) {
+var registerStyles = function(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
-  if ((!1 === isStringTag || !1 === isBrowser && void 0 !== cache.compat) && void 0 === cache.registered[className] && (cache.registered[className] = serialized.styles), 
-  void 0 === cache.inserted[serialized.name]) {
+  (!1 === isStringTag || !1 === isBrowser && void 0 !== cache.compat) && void 0 === cache.registered[className] && (cache.registered[className] = serialized.styles);
+}, insertStyles = function(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
+  if (void 0 === cache.inserted[serialized.name]) {
     var stylesForSSR = "", current = serialized;
@@ -30,2 +33,3 @@ do {
 
-exports.getRegisteredStyles = getRegisteredStyles, exports.insertStyles = insertStyles;
+exports.getRegisteredStyles = getRegisteredStyles, exports.insertStyles = insertStyles, 
+exports.registerStyles = registerStyles;

dist/emotion-utils.esm.js

@@ -13,3 +13,3 @@ var isBrowser = typeof document !== 'undefined';
 }
-var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+var registerStyles = function registerStyles(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
@@ -29,2 +29,6 @@
   }
+};
+var insertStyles = function insertStyles(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
 
@@ -51,2 +55,2 @@ if (cache.inserted[serialized.name] === undefined) {
 
-export { getRegisteredStyles, insertStyles };
+export { getRegisteredStyles, insertStyles, registerStyles };

package.json

 {
   "name": "@emotion/utils",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "internal utils for emotion",
@@ -16,3 +16,3 @@ "main": "dist/emotion-utils.cjs.js",
   },
-  "repository": "https://github.com/emotion-js/emotion/tree/master/packages/utils",
+  "repository": "https://github.com/emotion-js/emotion/tree/main/packages/utils",
   "publishConfig": {
@@ -19,0 +19,0 @@ "access": "public"

src/index.js

@@ -23,3 +23,3 @@ // @flow
 
-export const insertStyles = (
+export const registerStyles = (
   cache: EmotionCache,
@@ -46,2 +46,13 @@ serialized: SerializedStyles,
   }
+}
+
+export const insertStyles = (
+  cache: EmotionCache,
+  serialized: SerializedStyles,
+  isStringTag: boolean
+) => {
+  registerStyles(cache, serialized, isStringTag)
+
+  let className = `${cache.key}-${serialized.name}`
+
   if (cache.inserted[serialized.name] === undefined) {
@@ -48,0 +59,0 @@ let stylesForSSR = ''

types/index.d.ts

@@ -42,2 +42,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
 export const isBrowser: boolean
+
 export function getRegisteredStyles(
@@ -48,2 +49,9 @@ registered: RegisteredCache,
 ): string
+
+export function registerStyles(
+  cache: EmotionCache,
+  serialized: SerializedStyles,
+  isStringTag: boolean
+): void
+
 export function insertStyles(
@@ -50,0 +58,0 @@ cache: EmotionCache,

Fixed alerts

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

18164

increased by11.16%

Lines of code

356

increased by10.9%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes