UNPKG

fela-dom

Version:

Fela package for working with the DOM

68 lines (58 loc) 3.03 kB
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } import { arrayReduce, objectReduce } from 'fast-loops'; import { clusterCache, cssifySupportRules, sheetMap, RULE_TYPE } from 'fela-utils'; import getRehydrationIndex from './getRehydrationIndex'; export default function renderToSheetList(renderer) { var cacheCluster = clusterCache(renderer.cache, renderer.ruleOrder); var rehydrationIndex = getRehydrationIndex(renderer); var sheetList = objectReduce(sheetMap, function (list, type, key) { if (cacheCluster[key].length > 0) { list.push({ css: cacheCluster[key], rehydration: rehydrationIndex, attributes: renderer.styleNodeAttributes, type: type }); } return list; }, []); var support = cssifySupportRules(cacheCluster.supportRules); if (support) { sheetList.push({ css: support, type: RULE_TYPE, rehydration: rehydrationIndex, attributes: renderer.styleNodeAttributes, support: true }); } var mediaKeys = Object.keys(_objectSpread(_objectSpread({}, cacheCluster.supportMediaRules), cacheCluster.mediaRules)).sort(renderer.sortMediaQuery); return arrayReduce(mediaKeys, function (list, media) { // basic media query rules if (cacheCluster.mediaRules[media] && cacheCluster.mediaRules[media].length > 0) { list.push({ css: cacheCluster.mediaRules[media], type: RULE_TYPE, rehydration: rehydrationIndex, attributes: renderer.styleNodeAttributes, media: media }); } // support media rules if (cacheCluster.supportMediaRules[media]) { var mediaSupport = cssifySupportRules(cacheCluster.supportMediaRules[media]); if (mediaSupport.length > 0) { list.push({ css: mediaSupport, type: RULE_TYPE, rehydration: rehydrationIndex, attributes: renderer.styleNodeAttributes, support: true, media: media }); } } return list; }, sheetList); }