index.js

define(['nbd/Class', 'nbd/util/extend', './src/Engine'], function(Class, extend, Engine) {
  'use strict';

  var Focss = Class.extend({
    init: function(root, extensions, scoped) {
      scoped = scoped === undefined ? true : !!scoped;
      this.engine = new Engine(root, scoped);
      extend(this.engine.extensions, extensions);
    },

    /**
     * Insert a focss rule
     * @param selector {String} CSS selector/dynamic selector
     * @param spec {Object} key/value map of CSS property to expression
     * @returns Object Artifacts found while compiling the rule
     */
    insert: function(selector, spec) {
      if (typeof selector === "object") {
        var artifacts = {};
        for (var s in selector) {
          if (selector.hasOwnProperty(s)) {
            extend(artifacts, this.insert(s, selector[s]));
          }
        }
        return artifacts;
      }

      var rule = this.engine.insert(selector, spec);
      return rule.artifacts;
    },

    toggleSelector: function(key, isToggled) {
      this.engine.toggleSelector(key, isToggled);
    },

    /**
     * Run the current set of rules against state data
     * Previous state data is overridden.
     * @param data {Object} state data
     */
    process: function(data) {
      this.engine.process(data);
    },

    destroy: function() {
      this.engine.destroy();
      this.engine = null;
    }
  }, {
    displayName: 'Focss'
  })
  .mixin({
    get traces() {
      return this.engine.traces;
    }
  });

  return Focss;
});