CSS dinamico nella pipeline di asset Rails, compilare al volo

Question

Sto costruendo un sito in Rails 3.2. Sono passati 3 anni da quando ho toccato Rails o Ruby, quindi sono arrugginito su entrambi, inoltre l'ultima volta che ho usato le rotaie è stato Rails 2.3. Inutile dire che scusate qualsiasi "semplice" domanda qui sotto.

Ecco le specifiche

• Multi Tennant CMS/negozio
  • http://company1.mywebsite.com
  • http://company2.mywebsite.com
  • ecc
• Ogni "Store" (aka sottodominio) può avere il proprio aspetto, tatto, ecc. tramite le personalizzazioni CSS
  • Le personalizzazioni possono essere eseguite in un'interfaccia utente all'interno dell'applicazione consentendo all'utente di modificare le variabili di base di Bootstrap (ad es. @textColor, @bodyBackground, ecc)
• Sto utilizzando la less-rails-bootstrap gemma al Twitter Bootstrap sguardo/tatto, ecc

Qui ci sono le sfide

1. ho bisogno di essere in grado di generare dinamicamente le variabili per il CSS in un file che viene mixato in Bootstrap in modo che le variabili vengano raccolte per creare il CSS finale
2. Quando un utente modifica una variabile per CS S, lo stile esistente è sostanzialmente invalidato. Ho bisogno del CSS completo ricompilato e scritto su disco, flusso di memoria, o in qualche altro luogo dove posso metterlo tra le mani (ricordate che sta usando less)
3. Ho bisogno di diversi CSS da sputare per sottodominio. Qualche suggerimento su come affrontarlo?

A complicare ulteriormente la questione ...

... visto che io essenzialmente dovrò trovare un modo per compilare il CSS al volo, che significa che devo includere GEMS io in genere non sarebbe in un ambiente di produzione. Le prestazioni saranno molto importanti. C'è un modo per isolare questo? Una volta che il CSS è stato invalidato e rigenerato, potrei prendere il contenuto e scriverlo su disco o memorizzare in qualche memcached/redis/ecc. istanza per le prestazioni.

Qualsiasi commento, anche se solo per indicarmi in una direzione generale, sarebbe apprezzato.

Grazie!

Answer 1

Ecco la soluzione che ho finalmente atterrato su:

• ho finito di passare a bootstrap-sass invece https://github.com/thomas-mcdonald/bootstrap-sass

• apportate le seguenti modifiche al mio file application.rb per assicurare che il gruppo :asset è sempre incluso, nonostante l'ambiente:

  if defined?(Bundler) 
      # If you precompile assets before deploying to production, use this line 
      # Bundler.require(*Rails.groups(:assets => %w(development test))) 
      # If you want your assets lazily compiled in production, use this line 
      Bundler.require(:default, :assets, Rails.env) 
  end 
  

• Usato i concetti forniti da uomo uu Meure (Grazie a Manuel!) di Kraut Computing trovato a http://www.krautcomputing.com/blog/2012/03/27/how-to-compile-custom-sass-stylesheets-dynamically-during-runtime/.

  • Ho apportato alcune modifiche per soddisfare le mie esigenze, ma i concetti fondamentali illustrati da Manuel sono stati la base del mio processo di compilazione.

• Nel mio modello (consente di chiamare "Site"), ho un frammento di codice che assomiglia a questo:

  # .../app/models/site.rb 
  ... 
  
  BASE_STYLE = " 
      @import \"compass/css3\"; 
  
      <ADDITIONAL_STYLES> 
  
      @import \"bootstrap\"; 
      @import \"bootstrap-responsive\"; 
  ".freeze 
  
  # Provides the SASS/CSS content that would 
  # be included into your base SASS content before compilation 
  def sass_content 
      " 
      $bodyBackground: #{self.body_background}; 
      $textColor: #{self.text_color}; 
      " + self.css # Any additional CSS/SASS you would want to add 
  end 
  
  def compile_css(test_only = false, force_recompile = false) 
  
      # SassCompiler is a modification of the information made available at the Kraut Computing link 
      compiler = SassCompiler.new("#{self.id}/site.css", {:syntax => :scss, :output_dir => Rails.root.join('app', 'assets', 'sites')}) 
  
      # Bail if we're already compiled and we're not forcing recompile 
      return if compiler.compiled? && !force_recompile && !test_only 
  
      # The block here yields the content that will be rendered 
      compiler.compile(test_only) { 
      # take our base styles, slap in there some vars that we make available to be customized by the user 
      # and then finally add in our css/scss that the user updated... concat those and use it as 
      # our raw sass to compile 
      BASE_STYLE.gsub(/<ADDITIONAL_STYLES>/, self.sass_content) 
      } 
  end 
  

Spero che questo aiuta. So che è una deviazione dal post originale, ma è stata deviata perché questa sembrava essere la soluzione più possibile per il problema.

Se non ho risposto a una domanda specifica che avete, sentitevi liberi di commentare in modo da poter espandere, ove possibile.

Grazie!