hybrids/src/template/methods.js

A JavaScript framework for creating fully-featured web applications, components libraries, and single web components with unique declarative and functional architecture

export function key(id) {
  this.id = id;
  return this;
}

export function style(...styles) {
  this.styleSheets = this.styleSheets || [];
  this.styleSheets.push(...styles);

  return this;
}

export function css(parts, ...args) {
  this.styleSheets = this.styleSheets || [];

  let result = parts[0];
  for (let index = 1; index < parts.length; index++) {
    result +=
      (args[index - 1] !== undefined ? args[index - 1] : "") + parts[index];
  }

  this.styleSheets.push(result);

  return this;
}

export function use(plugin) {
  this.plugins = this.plugins || [];
  this.plugins.push(plugin);

  return this;
}