component.js

class Component {
  static utils = {
    log() {
    }
  }

  static DEFAULTS = {
  }
 
  static Extension = {
    constructor: function () {},

    base: undefined,

    name: undefined,
  }

  constructor(element, options) {
    this.element = element;
    this.options = options;

    this
      .initElement()
      .attachHandlers()
      .initExtensions();

    return this;
  }

  initElement() {
    return this;
  }

  attachHandlers() {
    return this;
  }

  initExtensions() {
    this.extensions = [];

    // this.extensions.push(this.initExtension(new BuiltInExtension(options), name));
    this.options.extensions.keys(name => this.extensions.push(this.initExtension(this.options.extensions[name], name)));

    return this;
  }

  initExtension(extension, name) {
    extension.base = this;
    extension.name = name;

    return extension;
  }

  destroy() {
    return this;
  }

  render() {
    return this;
  }

  reset() {
    return this;
  }
}

function ComponentFactory(elements, option) {
  elements.forEach((element, index) => {
    let component = element.component;

    if (!component) {
      let options = Object.assign({}, Component.DEFAULTS, element.dataset, option);

      element.component = new Component(element, options);
    }
  });
}

class BuiltInExtension extends Component.Extension {
  constructor(options) {
    super(options);

    return this;
  }
}

class Extension extends Component.Extension {
  constructor(options) {
    super(options);

    return this;
  }
}