Arara 🦜

Browser Sync

browser-sync start --proxy localhost:3000 --files "app/views, app/concepts"

Customizing Dynamically

:root {
  --base-color: #c6538c;
}

body {
  background-color: var(--base-color);
}
var root = document.documentElement;
root.style.setProperty('--base-color', "palevioletred")

Developing

All arara related files are inside app/javascript/arara, the folder contains:

  • controllers : with all the stimulus controllers
  • scss : the basic scss setup

Demo

TL;DR (quick setup)

yarn
cd test/dummy
yarn
bundle install
rails server

On project root run the yarn (or npm) command to install the dependencies for arara

To run the demo, go inside test/dummy and run the commands:

  • bundle install
  • yarn/npm (now is needed to install the demo dependencies)

and run the commands on two different terminals:

  • ./bin/webpack-dev-server
  • rails s

Access http://localhost:3000 to see it running

NPM Package

This is my first NPM package, the built system was inspired on ActionCable and Material-UI, if there's a bug (and probably there ARE) or you have any suggestion, please open an issue

Special Thanks ✨

Eu gostaria de agradecer aos colegas @nicolasiensen @lpirola @lucastx @igr-santos @vivianedias que gentilmente cederam o nome da gem no rubygems.

I'd like to say thank you to @nicolasiensen @lpirola @lucastx @igr-santos @vivianedias that gently let me use the gem name on rubygems

License

The gem is available as open source under the terms of the MIT License.