preact-glam/dist/preact-glam.cjs.js

A tiny glamorous implementation for preact

var preact = require('preact');
var glamor = require('glamor');

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function extractGlamorStyles() {
  var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';

  return className.toString().split(' ').reduce(function (groups, name) {
    if (name.indexOf('css-') === 0) {
      var id = name.slice('css-'.length);
      var style = glamor.styleSheet.registered[id].style;

      groups.glamorStyles.push(style);
    } else {
      groups.glamorlessClassName = (groups.glamorlessClassName + ' ' + name).trim();
    }
    return groups;
  }, { glamorlessClassName: '', glamorStyles: [] });
}

function getGlamorClassName(styles, props) {
  var mappedArgs = styles.slice();
  for (var i = mappedArgs.length; i--;) {
    if (typeof mappedArgs[i] === 'function') {
      mappedArgs[i] = mappedArgs[i](props);
    }
  }

  var _extractGlamorStyles = extractGlamorStyles(props.className),
      parentGlamorStyles = _extractGlamorStyles.glamorStyles,
      glamorlessClassName = _extractGlamorStyles.glamorlessClassName;

  var glamorClassName = glamor.css.apply(undefined, _toConsumableArray(mappedArgs).concat(_toConsumableArray(parentGlamorStyles))).toString();
  return (glamorlessClassName + ' ' + glamorClassName).trim();
}

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; };

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

/** @jsx h */
function glam(comp) {
  return function glamComponentFactory() {
    var GlamComponent = function GlamComponent(props) {
      var className = props.className,
          glam = props.glam,
          toForward = _objectWithoutProperties(props, ['className', 'glam']);

      var fullClassName = getGlamorClassName(GlamComponent.styles, props);
      return preact.h(GlamComponent.comp, _extends({}, toForward, { className: fullClassName }));
    };

    GlamComponent.comp = comp.comp ? comp.comp : comp;

    for (var _len = arguments.length, styles = Array(_len), _key = 0; _key < _len; _key++) {
      styles[_key] = arguments[_key];
    }

    GlamComponent.styles = comp.styles ? comp.styles.concat(styles) : styles;
    return GlamComponent;
  };
}

module.exports = glam;