0.1.0 • Published 6 years ago

ts-css-modules-transformer v0.1.0

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

ts-css-modules-transformer

Typescript transformer, running in compile time, to auto concat 'styleName' with className.

Example:

Input:

function Component() {
    return <div className="somecls" styleName='other-custom-style' />
}

Output:

function __getAndCheckStyleName(styleName) {
    if (styleName === undefined) {
      throw new Error('stylename is undefined');
    }
    if (!Array.isArray(styleName)) {
      return styleName
    }
    for (const el of styleName) {
      if (el === undefined) {
        throw new Error('one of stylenames is undefined');
      }
    }
    return styleName.join(' ')
};
  
function Component() {
    return React.createElement("div", { className: "somecls" + " " + __getAndCheckStyleName('other-custom-style') });
}