awinogradov / bem-on-rails Goto Github PK

View Code? Open in Web Editor NEW

65.0 65.0 7.0 435 KB

BEM methodology for Rails applications

Shell 12.27% Ruby 87.73%

bem-on-rails's People

Contributors

Stargazers

Watchers

Forkers

artofhuman stradivar gkopylov richardpeng alfajango dvornikov

bem-on-rails's Issues

Remove thor tasks

Use for creating essences bem-tools

Block and Mods generated in different folders

When I run:

thor bem:create -b test

I get assets generated in the 'bem' folder:

  create  bem/myapp/test/test.html.haml
  create  bem/myapp/test/test.css.sass
  create  bem/myapp/test/test.coffee
  create  bem/myapp/test/test.md
  append  bem/myapp/.bem/assets/stylesheets/level.css.sass
  append  bem/myapp/.bem/assets/javascripts/level.js

But when I run:

thor bem:create -b test -m large

The assets are generated in the wrong folder 'mods':

  create  mods/myapp/test/mods/_large/_large.html.haml
  create  mods/myapp/test/mods/_large/_large.css.sass
  create  mods/myapp/test/mods/_large/_large.coffee
  create  mods/myapp/test/mods/_large/_large.md
  append  bem/myapp/.bem/assets/stylesheets/level.css.sass
  append  bem/myapp/.bem/assets/javascripts/level.js

The uncommented line in bem.rb is:

BEM[:level] = BEM[:app]

What am I doing wrong?

JS files are not been imported

I don't know if I forget some step but the application.js file isn't finding the Bem levels.js files. I'm pretty sure the path is right.

The Bem folder is on root.

I customise BEM[:assets]:

BEM[:levels] = [{:name => "landing"},{:name => "menu-start"},{:name => "dream-search"}]

BEM[:app] = Rails.application.class.to_s.split("::").first.underscore.split('_').map(&:downcase).join('-')
BEM[:levels].push({ name: BEM[:app] }) # levels stack
BEM[:level] = BEM[:app] # default level
# List of known techs.
BEM[:techs] = {
  haml: ".html.haml",
  slim: ".html.slim",
  erb: "html.erb",
  jade: ".jade",
  sass: ".css.sass",
  scss: ".css.scss",
  less: ".css.less",
  styl: ".css.styl",
  css: ".css",
  coffee: ".coffee",
  js: ".js",
  md: ".md",
  wiki: ".wiki"
}

BEM[:assets] = {
  stylesheets:
  {
    ext: BEM[:techs][:scss],
    import: '//= require'
  },
  javascripts:
  {
    ext: BEM[:techs][:js],
    import: '//= require'
  }
}

And that's my application.js:

//= require bem/dream-search/.bem/assets/javascripts/level.js
//= require bem/menu-start/.bem/assets/javascripts/level.js

//= require ../bem/dream-search/.bem/assets/javascripts/level.js
//= require ../bem/menu-start/.bem/assets/javascripts/level.js


//= require ../../bem/dream-search/.bem/assets/javascripts/level.js
//= require ../../bem/menu-start/.bem/assets/javascripts/level.js


//= require ../../../../bem/dream-search/.bem/assets/javascripts/level.js
//= require ../../../../bem/menu-start/.bem/assets/javascripts/level.js


//= require dream-search/.bem/assets/javascripts/level.js
//= require menu-start/.bem/assets/javascripts/level.js

Can anyone help me? I don't know what I'm missing.

Make techs for Haml, Slim and Sass

Then remove templates for blocks from gem

Rendering a Block on a js.erb file

My blocks renders in 'html.erb' files, but aren't rendering in a 'js.erb'.

That's my code on the js.erb:

js $('#my-item').append( '<%= block "post-comment", comment: @comment %>' );

When I check on the browser this is file looks like this:

js $('#my-item').append( '' );

Since is rendering in "html.erb", shouldn't It render in all "*.erb" files?
There's some extra configuration to do?

Add tests for renders

Make view with test blocks

Несовместимость с гемом awesome_print

Антон, посмотри пожалуйста, при установке bemonrails вместе с гемом awesome_print возникает ошибка uninitialized constant Bemonrails::BemRenderHelper.

Rails 4.0.0
ruby 2.0.0p247 (2013-06-27 revision 41674) [x86_64-darwin13.1.0]

Include V8 for rendering bemhtml.js templates

This maybe helpful

Update readme to actual methods

Optimize resolve essence methods

Add bem-compatible html code generator

It would be awesome to avoid retyping bem-prefix every time while writing code in haml/rhtml template. I wonder one can add a preprocessor or something to convert

<%= block name: 'user' do %>
  <div>
    <p class="_name">
      <%= user.name %>
    </p>
    <p class="_age">
      <%= user.age %>
    </p>
  </div>
<% end %>

into

<div class=”b-user”>
  <p class="b-user_name">
     <%= user.name %>
  </p>
  <p class="b-user_age">
    <%= user.age %>
  </p>
</div>