require_dependency 'sass/discourse_sass_importer' require 'pathname' class DiscourseSassCompiler def self.compile(scss, target, opts={}) self.new(scss, target).compile(opts) end # Takes a Sass::SyntaxError and generates css that will show the # error at the bottom of the page. def self.error_as_css(sass_error, label) error = sass_error.sass_backtrace_str(label) error.gsub!("\n", '\A ') error.gsub!("'", '\27 ') "footer { white-space: pre; } footer:after { content: '#{error}' }" end def initialize(scss, target) @scss = scss @target = target unless Sass::Script::Functions < Sprockets::SassFunctions Sass::Script::Functions.send :include, Sprockets::SassFunctions end end # Compiles the given scss and output the css as a string. # # Options: # safe: (boolean) if true, theme and plugin stylesheets will not be included. Default is false. def compile(opts={}) env = Rails.application.assets # In production Rails.application.assets is a Sprockets::Index # instead of Sprockets::Environment, there is no cleaner way # to get the environment from the index. if env.is_a?(Sprockets::Index) env = env.instance_variable_get('@environment') end pathname = Pathname.new("app/assets/stylesheets/#{@target}.scss") context = env.context_class.new(env, "#{@target}.scss", pathname) debug_opts = Rails.env.production? ? {} : { line_numbers: true, # debug_info: true, # great with Firebug + FireSass, but not helpful elsewhere style: :expanded } css = ::Sass::Engine.new(@scss, { syntax: :scss, cache: false, read_cache: false, style: :compressed, filesystem_importer: opts[:safe] ? DiscourseSafeSassImporter : DiscourseSassImporter, sprockets: { context: context, environment: context.environment } }.merge(debug_opts)).render # Check if CSS needs to be RTLed after compilation # and run RTLit gem on compiled CSS if true and RTLit gem is available css_output = css if GlobalSetting.rtl_css begin require 'rtlit' css_output = RTLit::Converter.to_rtl(css) if defined?(RTLit) rescue; end end css_output end end