vovanr / bemstyla Goto Github PK

https://github.com/semantic-release/semantic-release

Copy test from posthtml-cli

TODO

• Add format file content
• Plug to index and creator
• Plug to cli
• Readme

Default, styl, sass

.foo
    {}

Usage

.foo
    border: none

css, less, scss

.foo {
}

Usage

.foo {
    border: none;
}

https://www.npmjs.com/package/update-notifier
https://github.com/sindresorhus/ava/blob/master/cli.js

var updateNotifier = require('update-notifier');
updateNotifier({pkg: cli.pkg}).notify();

VovanR → Vladimir Rodkin

https://github.com/sindresorhus/xo

https://github.com/sindresorhus/xo/blob/master/test/cli.js
https://github.com/sindresorhus/trash/blob/master/test.js
https://www.npmjs.com/package/execa
https://www.npmjs.com/package/tempfile

What if I work with BEViS?
Super mix

bemstyla foo__bar _mod-name_mod-val _baz_qux lol lol__rofl _trollollo

Modifier

.block__elem._mod-name_mod-val
    {}

Maybe separated package with deps

$ bemstyla block__elem block__foo block__bar_baz

👌

For example:

bemstyla ../jade/foo.jade -d ./blocks/
bemstyla ../jade/foo.jade --dir ./blocks/

Based on input.

block_mod --> _
block--mod --> --

Parse with RegExp.

Default is _.
If /--/.test('block--mod') --> --

https://github.com/ajoslin/conventional-changelog
https://github.com/commitizen/cz-cli

• Parser
• Use native Promise
• Separate parser to npm package

Mock fs and mkdir
mock-fs
http://sinonjs.org/docs/#mocks

• Changelog
• Package version
• Add tag
• Release notes
• Publish

• Dir exists

  bemstyla -d /asdf foo
  

• Write permissions

  bemstyla -d / bar
  

What if separate parser?

VovanR/bem-classname-parser#2

https://github.com/mikaelbr/mversion
https://medium.com/@webprolific/using-release-it-60b96515c073#.h3b4or6c9

Don't know this package or separated with deps. Or simple Bash alias.

Jade

bemstyla ./foo-page.jade

var rx = /\.([^\s\.]+)/g;

HTML

bemstyla ./foo-page.html

var rx = /class="(.+?)"/g;

https://github.com/mishoo/UglifyJS#usage
https://github.com/code42day/postcss-cli#usage
https://www.npmjs.com/package/commander#automated-help
https://github.com/sindresorhus/xo#usage

Style file extension

bemstyla block__elem -t less
bemstyla block__elem --type css

https://github.com/iamstarkov/generator-travis

https://github.com/posthtml/posthtml-parser
https://github.com/rajdee/posthtml-classes

Write elements inited style to block style instead separated files

bemstyla -s post__header post__body post__footer
bemstyla --single post__header post__body post__footer

Styl

.post
    &__header
        {}

    &__body
        {}

    &__footer
        {}

CSS

.post {
}

.post__header {
}

.post__body {
}

.post__footer {
}