Overview

Ikota (Russian word for "hiccups", pronounced /ikóta/) is a CLI automation tool for working with React. This plugin offers a stylus preprocessor implementation for ikota.

Install

$ npm i ikota @ikota/vanilla-extract
$ ikota config # or
$ npx ikota config

Follow prompt steps given by the ikota. After that you have to add the following import to plugins array:

const ikotaVanillaExtract = require('@ikota/vanilla-extract');

module.exports = {
  componentPath: 'src/components',
  useTypescript: true,
  addConfigFile: true,
  addIndexFile: true,
  preprocessor: 'vanilla-extract', // The vanilla-extract preprocessor
  useLambdaSimplifier: true,
  trailingSpace: true,
  plugins: [ikotaVanillaExtract],
};

Usage

To generate the component you can use the configuration given above or override the preprocessor set by the config using -P flag:

$ ikota component -P vanilla-extract

Note: Make sure to add plugin in the plugins array of the config, otherwise it would throw an error.

Example

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is under MIT license. You can freely use it for your own purposes.