MoOx

var gulp = require("gulp")
var opts = require("./options")
var util = require("gulp-util")
var plumber = require("gulp-plumber")
var rework = require("gulp-rework")
var reworkPlugins = {
  imprt: require("rework-npm"),
  //  parent: require("rework-parent"),
  //  breakpoints: require("rework-breakpoints"),
   vars: require("rework-vars"),

MoOx

.SVGIcon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* fix webkit/blink poor rendering issues */
  transform: translate3d(0,0,0);

  /* it's better defined directly because of the cascade shit
  width: inherit;
  height: inherit;

MoOx

var prefix = "storage."
  , storage = {
    getAll: function() {
      var data = {};

      for (var key in localStorage){
        if (key.indexOf(prefix) === 0) {
          data[key.replace(prefix, "")] = storage.getFromLocalStorage(key);
        }
      }

MoOx

var gulp = require("gulp")

gulp.task("styles", require("./tasks/styles"))

// build
gulp.task("dist", [
  "styles"
])

// dev tasks

MoOx

/**
 * parses cli arguments as options
 */
var options = require("minimist")(process.argv.slice(2))
var defaults = {
    debug: true,
    plumber: true,
    minify: false
  }
// set some defaults options depending on some flags

MoOx

.Block {

}

  .Block--modifier {
  
  }
  
  .Block:state {
  

MoOx

var gulp = require("gulp")
var server = require("./tasks/server")

gulp.task("clean", require("./tasks/clean"))

// generated assets
gulp.task("icons", require("./tasks/icons"))
gulp.task("scripts:linting", require("./tasks/scripts-linting"))
gulp.task("scripts", ["scripts:linting"], require("./tasks/scripts"))
gulp.task("styles", require("./tasks/styles"))

MoOx

Rework vs Postcss

❯ node rework.js
rework: parsing/stringify done in 243.85ms (avg on 50 runs)

❯ node postcss.js
postcss: parsing/stringify done in 408.26ms (avg on 50 runs)

MoOx

/**
 * <InputClearable />
 *
 * @es6
 * @jsx React.DOM
 */

module React from "react"

import IconSvg from "../iconsvg"

MoOx

replaceFunctionCall("blah TRUC(1) machin TRUC(2)", "TRUC", fn(body) {
    // body === 1, then 2
    /* your stuff on body */
    // eg body += "truc"
    return body
})

// => "blah 1truc machin 2truc"