fela-dom - npm Package Compare versions

Comparing version 7.0.9 to 8.0.0

es/dom/render.js

@@ -1,11 +0,16 @@
-import createDOMSubscription from './createDOMSubscription';
-import connectDOMNodes from './connectDOMNodes';
+import objectEach from 'fast-loops/lib/objectEach';
 
+import createSubscription from './connection/createSubscription';
+
 export default function render(renderer) {
   if (!renderer.updateSubscription) {
-    connectDOMNodes(renderer);
+    renderer.nodes = {};
 
-    renderer.updateSubscription = createDOMSubscription(renderer.nodes);
+    renderer.updateSubscription = createSubscription(renderer);
     renderer.subscribe(renderer.updateSubscription);
+
+    // simulate rendering to ensure all styles rendered prior to
+    // calling FelaDOM.render are correctly injected as well
+    objectEach(renderer.cache, renderer._emitChange);
   }
 }

es/index.js

 import render from './dom/render';
-import rehydrate from './dom/rehydration/rehydrate';
+import rehydrate from './dom/rehydrate';
 
@@ -4,0 +4,0 @@ import renderToMarkup from './server/renderToMarkup';

es/server/renderToMarkup.js

@@ -11,3 +11,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 export default function renderToMarkup(renderer) {
-  var cacheCluster = clusterCache(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder);
+  var cacheCluster = clusterCache(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder, renderer.ruleOrder);
 
@@ -14,0 +14,0 @@ var rehydrationIndex = getRehydrationIndex(renderer);

es/server/renderToSheetList.js

@@ -10,3 +10,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 export default function renderToSheetList(renderer) {
-  var cacheCluster = clusterCache(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder);
+  var cacheCluster = clusterCache(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder, renderer.ruleOrder);
 
@@ -13,0 +13,0 @@ var rehydrationIndex = getRehydrationIndex(renderer);

lib/dom/render.js

@@ -8,9 +8,9 @@ 'use strict';
 
-var _createDOMSubscription = require('./createDOMSubscription');
+var _objectEach = require('fast-loops/lib/objectEach');
 
-var _createDOMSubscription2 = _interopRequireDefault(_createDOMSubscription);
+var _objectEach2 = _interopRequireDefault(_objectEach);
 
-var _connectDOMNodes = require('./connectDOMNodes');
+var _createSubscription = require('./connection/createSubscription');
 
-var _connectDOMNodes2 = _interopRequireDefault(_connectDOMNodes);
+var _createSubscription2 = _interopRequireDefault(_createSubscription);
 
@@ -21,7 +21,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   if (!renderer.updateSubscription) {
-    (0, _connectDOMNodes2.default)(renderer);
+    renderer.nodes = {};
 
-    renderer.updateSubscription = (0, _createDOMSubscription2.default)(renderer.nodes);
+    renderer.updateSubscription = (0, _createSubscription2.default)(renderer);
     renderer.subscribe(renderer.updateSubscription);
+
+    // simulate rendering to ensure all styles rendered prior to
+    // calling FelaDOM.render are correctly injected as well
+    (0, _objectEach2.default)(renderer.cache, renderer._emitChange);
   }
 }

lib/index.js

@@ -12,3 +12,3 @@ 'use strict';
 
-var _rehydrate = require('./dom/rehydration/rehydrate');
+var _rehydrate = require('./dom/rehydrate');
 
@@ -15,0 +15,0 @@ var _rehydrate2 = _interopRequireDefault(_rehydrate);

lib/server/renderToMarkup.js

@@ -32,3 +32,3 @@ 'use strict';
 function renderToMarkup(renderer) {
-  var cacheCluster = (0, _felaUtils.clusterCache)(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder);
+  var cacheCluster = (0, _felaUtils.clusterCache)(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder, renderer.ruleOrder);
 
@@ -35,0 +35,0 @@ var rehydrationIndex = (0, _getRehydrationIndex2.default)(renderer);

lib/server/renderToSheetList.js

@@ -28,3 +28,3 @@ 'use strict';
 function renderToSheetList(renderer) {
-  var cacheCluster = (0, _felaUtils.clusterCache)(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder);
+  var cacheCluster = (0, _felaUtils.clusterCache)(renderer.cache, renderer.mediaQueryOrder, renderer.supportQueryOrder, renderer.ruleOrder);
 
@@ -31,0 +31,0 @@ var rehydrationIndex = (0, _getRehydrationIndex2.default)(renderer);

package.json

 {
   "name": "fela-dom",
-  "version": "7.0.9",
+  "version": "8.0.0",
   "description": "Fela package for working with the DOM",
@@ -28,10 +28,10 @@ "main": "lib/index.js",
     "css-in-js-utils": "^2.0.0",
-    "fast-loops": "^1.0.0",
-    "fela-utils": "^8.0.8"
+    "fast-loops": "^1.0.1",
+    "fela-utils": "^8.1.0"
   },
   "devDependencies": {
-    "fela": "^6.1.9",
-    "fela-preset-web": "^8.0.8",
-    "fela-tools": "^5.1.7"
+    "fela": "^6.2.0",
+    "fela-preset-web": "^8.0.9",
+    "fela-tools": "^5.2.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

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

Improved metrics

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

48260

decreased by-26.85%

Number of package files

47

decreased by-25.4%

Lines of code

1018

decreased by-28.06%

Dependency changes

• Updatedfast-loops@^1.0.1

• Updatedfela-utils@^8.1.0