shared.ts

export interface IStringTMap<T> {
  [key: string]: T;
}

export class COptions<TProperties> {
  constructor(properties?: TProperties) {
    if (properties) {
      for (let propertyName in properties) {
        if (properties.hasOwnProperty(propertyName)) {
          Object.defineProperty(this, propertyName, {
            value: properties[propertyName],
            writable: true,
            enumerable: true
          });
        }
      }
    }
  }
}

export default class CComponent<
  TElement extends Element,
  TOptions extends Object
> {
  protected element: TElement | NodeListOf<TElement> | null;
  protected options: TOptions;

  constructor(
    element: TElement | NodeListOf<TElement> | null,
    options?: TOptions
  ) {
    this.element = element;
    this.options = Object.assign({}, options);

    if (!this.element) {
      return;
    }

    if (this.element instanceof NodeList) {
      Array.from(this.element).forEach(element => {
        this.initialize(element, this.options);
      });
    } else if (this.element instanceof HTMLElement) {
      this.initialize(this.element, this.options);
    }
  }

  initialize(element: TElement, options: TOptions): any {
    return {
      element,
      options
    };
  }
}

export class Kepek extends CComponent<Element, Object> {
  protected canvas: HTMLCanvasElement | undefined;

  initialize(element: Element, options: Object): Object {
    return {
      element,
      options
    };
  }
}