fela-dom/es/dom/rehydrate.js

Fela package for working with the DOM

import { arrayEach } from 'fast-loops';
import { RULE_TYPE, KEYFRAME_TYPE, getRuleScore } from 'fela-utils';
import rehydrateSupportRules from './rehydration/rehydrateSupportRules';
import rehydrateRules from './rehydration/rehydrateRules';
import render from './render';
import rehydrateKeyframes from './rehydration/rehydrateKeyframes';
var CLASSNAME_REGEX = /[.][a-z0-9_-]*/gi; // TODO: static, font

export default function rehydrate(renderer) {
  var targetDocument = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
  render(renderer, targetDocument);
  arrayEach(targetDocument.querySelectorAll('[data-fela-type]'), function (node) {
    var rehydrationAttribute = node.getAttribute('data-fela-rehydration') || -1;
    var rehydrationIndex = renderer.uniqueRuleIdentifier || parseInt(rehydrationAttribute, 10); // skip rehydration if no rehydration index is set
    // this index is set to -1 if something blocks rehydration

    if (rehydrationIndex !== -1) {
      var type = node.getAttribute('data-fela-type') || '';
      var media = node.getAttribute('media') || '';
      var support = node.getAttribute('data-fela-support') || '';
      var css = node.textContent;
      renderer.uniqueRuleIdentifier = rehydrationIndex;
      var reference = type + media + support;
      renderer.nodes[reference] = node;

      if (type === RULE_TYPE) {
        if (support) {
          rehydrateSupportRules(css, media, renderer.cache, renderer.specificityPrefix);
        } else {
          rehydrateRules(css, media, '', renderer.cache, renderer.specificityPrefix);
        } // On Safari, style sheets with IE-specific media queries
        // can yield null for node.sheet
        // https://github.com/robinweser/fela/issues/431#issuecomment-423239591


        if (node.sheet && node.sheet.cssRules) {
          var nodeReference = media + support;
          arrayEach(node.sheet.cssRules, function (rule, index) {
            var selectorText = rule.conditionText ? rule.cssRules[0].selectorText : rule.selectorText;
            var score = getRuleScore(renderer.ruleOrder, selectorText.split(CLASSNAME_REGEX)[1]);

            if (score === 0) {
              renderer.scoreIndex[nodeReference] = index;
            }

            rule.score = score;
          });
        }
      } else if (type === KEYFRAME_TYPE) {
        rehydrateKeyframes(css, renderer.cache);
      }
    }
  });
}