@ant-design/cssinjs - npm Package Compare versions

Comparing version 0.0.0-alpha.32 to 0.0.0-alpha.33

es/StyleContext.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
 export declare const ATTR_MARK = "data-css-hash";
+export declare const ATTR_DEV_CACHE_PATH = "data-dev-cache-path";
 export declare function createCache(): CacheEntity;
@@ -7,0 +8,0 @@ export interface StyleContextProps {

es/StyleContext.js

@@ -5,2 +5,3 @@ import * as React from 'react';
 export var ATTR_MARK = 'data-css-hash';
+export var ATTR_DEV_CACHE_PATH = 'data-dev-cache-path';
 export function createCache() {
@@ -7,0 +8,0 @@ if (typeof document !== 'undefined') {

es/useStyleRegister.js

@@ -14,3 +14,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import useGlobalCache from './useGlobalCache';
-import StyleContext, { ATTR_MARK, ATTR_TOKEN } from './StyleContext';
+import StyleContext, { ATTR_MARK, ATTR_TOKEN, ATTR_DEV_CACHE_PATH } from './StyleContext';
 import { styleValidate, warning } from './util';
@@ -179,3 +179,8 @@ var isClientSide = canUseDom();
       // Used for `useCacheToken` to remove on batch when token removed
-      style.setAttribute(ATTR_TOKEN, tokenKey);
+      style.setAttribute(ATTR_TOKEN, tokenKey); // Dev usage to find which cache path made this easily
+
+      // Dev usage to find which cache path made this easily
+      if (process.env.NODE_ENV !== 'production') {
+        style.setAttribute(ATTR_DEV_CACHE_PATH, fullPath.join('|'));
+      }
     }
@@ -182,0 +187,0 @@

lib/StyleContext.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
 export declare const ATTR_MARK = "data-css-hash";
+export declare const ATTR_DEV_CACHE_PATH = "data-dev-cache-path";
 export declare function createCache(): CacheEntity;
@@ -7,0 +8,0 @@ export interface StyleContextProps {

lib/StyleContext.js

@@ -10,3 +10,3 @@ "use strict";
 });
-exports.StyleProvider = exports.ATTR_TOKEN = exports.ATTR_MARK = void 0;
+exports.StyleProvider = exports.ATTR_TOKEN = exports.ATTR_MARK = exports.ATTR_DEV_CACHE_PATH = void 0;
 exports.createCache = createCache;
@@ -23,2 +23,4 @@ exports.default = void 0;
 exports.ATTR_MARK = ATTR_MARK;
+var ATTR_DEV_CACHE_PATH = 'data-dev-cache-path';
+exports.ATTR_DEV_CACHE_PATH = ATTR_DEV_CACHE_PATH;
 
@@ -25,0 +27,0 @@ function createCache() {

lib/useStyleRegister.js

@@ -211,3 +211,8 @@ "use strict";
       // Used for `useCacheToken` to remove on batch when token removed
-      style.setAttribute(_StyleContext.ATTR_TOKEN, tokenKey);
+      style.setAttribute(_StyleContext.ATTR_TOKEN, tokenKey); // Dev usage to find which cache path made this easily
+
+      // Dev usage to find which cache path made this easily
+      if (process.env.NODE_ENV !== 'production') {
+        style.setAttribute(_StyleContext.ATTR_DEV_CACHE_PATH, fullPath.join('|'));
+      }
     }
@@ -214,0 +219,0 @@

package.json

 {
   "name": "@ant-design/cssinjs",
-  "version": "0.0.0-alpha.32",
+  "version": "0.0.0-alpha.33",
   "description": "Component level cssinjs resolution for antd",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

70839

increased by1.2%

Lines of code

1487

increased by0.88%

Worsened metrics

Number of low supply chain risk alerts

8

increased by33.33%

No dependency changes