rails_blocks 0.5.4.pre.alpha.pre.2

data/app/assets/javascripts/jquery_bem_copy.coffee

@@ -0,0 +1,486 @@
+### @required jQuery ###
+
+(($) ->
+
+	###*
+	# Base BEM class.
+	# @constructor
+	###
+
+	BEM = (config) ->
+
+		###*
+		# Default configuration.
+		# @type {Object}
+		###
+
+		@config = config or {}
+		@blockClassRe = @buildBlockClassRe()
+		@elemClassRe = @buildElemClassRe()
+		@modClassRe = @buildModClassRe()
+		return
+
+	###*
+	# Get parent block of element.
+	# @public
+	#
+	# @param {Object} $this
+	# @return {Object}
+	###
+
+	BEM::getBlock = ($this) ->
+		blockClass = @getBlockClass($this)
+		block = $this.closest('.' + blockClass)
+		block.selector = blockClass
+		block
+
+	###*
+	# Switch block context.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} block
+	# @param {String} [elem]
+	# @return {Object}
+	###
+
+	BEM::switchBlock = ($this, block, elem) ->
+		`var elem`
+		elem = elem or null
+		if elem then ($this.selector = @buildSelector(
+			block: block
+			elem: elem)) else ($this.selector = @buildSelector(block: block))
+		$this
+
+	###*
+	# Find element in block.
+	# @public
+	#
+	# @param	{Object}	$this		DOM element
+	# @param	{String}	elemKey	Element name
+	# @return {Object}
+	###
+
+	BEM::findElem = ($this, elemKey) ->
+		blockClass = @getBlockClass($this)
+		elemName = @buildElemClass(blockClass, elemKey)
+		elem = $this.find('.' + elemName)
+		elem
+
+	###*
+	# Get value of modifier.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} modKey
+	# @return {String}
+	###
+
+	BEM::getMod = ($this, modKey) ->
+		mods = @extractMods($this.first())
+		if mods[modKey] != undefined
+			return mods[modKey]
+		null
+
+	###*
+	# Check modifier of element.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} modKey
+	# @param {String} [modVal]
+	# @return {Boolean}
+	###
+
+	BEM::hasMod = ($this, modKey, modVal) ->
+		mods = @extractMods($this.first())
+		if modVal
+			if mods[modKey] == modVal
+				return true
+		else
+			if mods[modKey]
+				return true
+		false
+
+	###*
+	# Set modifier on element.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} modKey
+	# @param {String} [modVal]
+	# @param {Object}
+	###
+
+	BEM::setMod = ($this, modKey, modVal) ->
+		self = this
+		selector = $this.selector
+		$this.each ->
+			current = $(this)
+			current.selector = selector
+			mods = self.extractMods(current)
+			baseName = self.getBaseClass(current)
+			if mods[modKey] != undefined
+				oldModName = self.buildModClass(baseName, modKey, mods[modKey])
+				current.removeClass oldModName
+			if modVal != false
+				newModName = self.buildModClass(baseName, modKey, modVal)
+			current.addClass(newModName).trigger 'setmod', [
+				modKey
+				modVal
+			]
+			return
+		$this
+
+	###*
+	# Delete modifier on element.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} modKey
+	# @param {String} [modVal]
+	# @param {Object}
+	###
+
+	BEM::delMod = ($this, modKey, modVal) ->
+		self = this
+		selector = $this.selector
+		$this.each ->
+			`var modName`
+			current = $(this)
+			current.selector = selector
+			mods = self.extractMods(current)
+			baseName = self.getBaseClass(current)
+			if modVal
+				if mods[modKey] == modVal
+					modName = self.buildModClass(baseName, modKey, mods[modKey])
+			else
+				modName = self.buildModClass(baseName, modKey, mods[modKey])
+			current.removeClass(modName).trigger 'delmod', [
+				modKey
+				modVal
+			]
+			return
+		$this
+
+	###*
+	# Filtering elements by modifier.
+	# @public
+	#
+	# @param {Object} $this
+	# @param {String} modKey
+	# @param {String} [modVal]
+	# @param {Boolean} [inverse]
+	# @return {Object}
+	###
+
+	BEM::byMod = ($this, modKey, modVal, inverse) ->
+		`var inverse`
+		`var modVal`
+		self = this
+		modVal = modVal or null
+		inverse = inverse or false
+		selector = $this.selector
+		result = $()
+		$this.each ->
+			`var modName`
+			current = $(this)
+			current.selector = selector
+			mods = self.extractMods(current)
+			baseName = self.getBaseClass(current)
+			if modVal
+				if mods[modKey] == modVal
+					modName = self.buildModClass(baseName, modKey, mods[modKey])
+			else
+				if mods[modKey] != undefined
+					modName = self.buildModClass(baseName, modKey, mods[modKey])
+			result = result.add(if inverse then current.not('.' + modName) else current.filter('.' + modName))
+			return
+		result.selector = selector
+		result
+
+	###*
+	# Get block names from element.
+	# @protected
+	#
+	# @param {Object|String} $this
+	# @return {Object}
+	###
+
+	BEM::extractBlocks = ($this) ->
+		self = this
+		result = []
+		selectors = @getClasses($this)
+		$.each selectors, (i, sel) ->
+			type = self.getClassType(sel)
+			if type == 'block'
+				result.push sel
+			else if type == 'elem'
+				elem = sel.split(self.config.elemPrefix)
+				result.push elem[0]
+			return
+		result
+
+	###*
+	# Get element names from element.
+	# @protected
+	#
+	# @param {Object} $this
+	# @return {Object}
+	###
+
+	BEM::extractElems = ($this) ->
+		self = this
+		result = []
+		$.each self.getClasses($this), (i, className) ->
+			if self.getClassType(className) == 'elem'
+				elemName = className.split(self.config.elemPrefix)
+				result.push elemName[1]
+			return
+		result
+
+	###*
+	# Get modifiers from element.
+	# @protected
+	#
+	# @param {Object} $this
+	# @return {Object}
+	###
+
+	BEM::extractMods = ($this) ->
+		self = this
+		result = {}
+		$this.each ->
+			`var $this`
+			$this = $(this)
+			$.each self.getClasses($this), (i, className) ->
+				`var modVal`
+				if self.getClassType(className) == 'mod'
+					re = self.buildModClassRe().exec(className)
+					modName = re[1].split(self.config.modDlmtr)
+					if modName[1] != undefined and modName[1] != false
+						modVal = modName[1]
+					else
+						modVal = true
+					result[modName[0]] = modVal
+				return
+			return
+		result
+
+	###*
+	# Get classes names from element.
+	# @protected
+	#
+	# @param {Object} $this
+	# @return {Object}
+	###
+
+	BEM::getClasses = ($this) ->
+		classes = undefined
+		result = []
+		if typeof $this == 'object'
+			if $this.selector.indexOf('.') == 0
+				classes = $this.selector.split('.')
+			else if $this.attr('class') != undefined
+				classes = $this.attr('class').split(' ')
+			else
+				return null
+		else
+			classes = $this.split('.')
+		$.each classes, (i, className) ->
+			if className != ''
+				result.push $.trim(className)
+			return
+		result
+
+	###*
+	# Build regexp for blocks.
+	# @protected
+	#
+	# @return {RegExp}
+	###
+
+	BEM::buildBlockClassRe = ->
+		new RegExp('^(' + @config.namePattern + ')$')
+
+	###*
+	# Build regexp for elements.
+	# @protected
+	#
+	# @return {RegExp}
+	###
+
+	BEM::buildElemClassRe = ->
+		new RegExp('^' + @config.namePattern + @config.elemPrefix + '(' + @config.namePattern + ')$')
+
+	###*
+	# Build regexp for modifiers.
+	# @protected
+	#
+	# @return {RegExp}
+	###
+
+	BEM::buildModClassRe = ->
+		new RegExp('^(?:' + @config.namePattern + '|' + @config.namePattern + @config.elemPrefix + @config.namePattern + ')' + @config.modPrefix + '(' + @config.namePattern + '((' + @config.modDlmtr + @config.namePattern + ')$|$))')
+
+	###*
+	# Build class name for block.
+	# @protected
+	#
+	# @param {String} blockName
+	# @return {String}
+	###
+
+	BEM::buildBlockClass = (blockName) ->
+		@config.blockPrefix + blockName
+
+	###*
+	# Build class name for element.
+	# @protected
+	#
+	# @param {String} blockName
+	# @param {String} elemKey
+	# @return {String}
+	###
+
+	BEM::buildElemClass = (blockName, elemKey) ->
+		blockName + @config.elemPrefix + elemKey
+
+	###*
+	# Build class name for modifier.
+	# @protected
+	#
+	# @param {String} blockName
+	# @param {String} modKey
+	# @param {String} modVal
+	# @return {String}
+	###
+
+	BEM::buildModClass = (baseClass, modKey, modVal) ->
+		if modVal != undefined and modVal != true
+			baseClass + @config.modPrefix + modKey + @config.modDlmtr + modVal
+		else
+			baseClass + @config.modPrefix + modKey
+
+	###*
+	# Build selector from object or string.
+	# @private
+	#
+	# @param {String|Object}
+	# @param {String}
+	# @return {String}
+	###
+
+	BEM::buildSelector = (selector, prefix) ->
+		`var prefix`
+		if prefix != ''
+			prefix = prefix or '.'
+		if typeof selector == 'object'
+			if selector.block != undefined
+				buildSelector = @buildBlockClass(selector.block)
+				if selector.elem != undefined
+					buildSelector = @buildElemClass(buildSelector, selector.elem)
+				if selector.mod != undefined
+					mod = selector.mod.split(':')
+					buildSelector = @buildModClass(buildSelector, mod[0], mod[1])
+		if buildSelector != undefined then prefix + buildSelector else prefix + selector
+
+	###*
+	# Build class name for block.
+	# @protected
+	#
+	# @param {Object|String} $this
+	# @param {Number} [index]
+	# @return {String}
+	###
+
+	BEM::getBlockClass = ($this, index) ->
+		`var index`
+		blockClasses = @extractBlocks($this)
+		index = index or 0
+		if index <= blockClasses.length - 1 then blockClasses[index] else null
+
+	###*
+	# Get base class from element.
+	# @protected
+	#
+	# @param {Object} $this
+	# @return {String}
+	###
+
+	BEM::getBaseClass = ($this) ->
+		self = this
+		baseClass = null
+		selectors = @getClasses($this)
+		$.each selectors, (i, sel) ->
+			classType = self.getClassType(sel)
+			if classType and classType != 'mod'
+				baseClass = sel
+			return
+		baseClass
+
+	###*
+	# Get class type.
+	# @protected
+	#
+	# @param {String} className
+	# @return {String}
+	###
+
+	BEM::getClassType = (className) ->
+		if @modClassRe.test(className)
+			return 'mod'
+		else if @elemClassRe.test(className)
+			return 'elem'
+		else if @blockClassRe.test(className)
+			return 'block'
+		null
+
+	###*
+	# Create BEM instance.
+	###
+
+	$.BEM = new BEM(
+		namePattern: '[a-zA-Z0-9-]+'
+		blockPrefix: 'b-'
+		elemPrefix: '__'
+		modPrefix: '--'
+		modDlmtr: '_')
+
+	###*
+	# Extend jQuery object.
+	###
+
+	$.fn.extend
+		block: ->
+			$.BEM.getBlock this
+		elem: (elemKey) ->
+			$.BEM.findElem this, elemKey
+		ctx: (block, elem) ->
+			$.BEM.switchBlock this, block, elem
+		mod: (modKey, modVal) ->
+			if typeof modVal == 'undefined'
+				modVal = null
+			if modVal == false
+				return $.BEM.delMod(this, modKey)
+			if modVal != null
+				$.BEM.setMod(this, modKey, modVal)
+			else
+				$.BEM.getMod(this, modKey)
+		setMod: (modKey, modVal) ->
+			$.BEM.setMod this, modKey, modVal
+		delMod: (modKey, modVal) ->
+			$.BEM.delMod this, modKey, modVal
+		hasMod: (modKey, modVal) ->
+			$.BEM.hasMod this, modKey, modVal
+		byMod: (modKey, modVal) ->
+			$.BEM.byMod this, modKey, modVal
+		byNotMod: (modKey, modVal) ->
+			$.BEM.byMod this, modKey, modVal, 'inverse'
+		toggleMod: (modKey, modVal1, modVal2) ->
+			if @hasMod(modKey, modVal1)
+				@delMod(modKey, modVal1).setMod modKey, modVal2
+			else
+				@delMod(modKey, modVal2).setMod modKey, modVal1
+	return
+) jQuery

data/app/assets/javascripts/main.coffee

@@ -0,0 +1,10 @@
+$ ->
+	# $.extend $,
+	# 	RB:
+	# 		blocks: {}
+	# 	decl: (name, options) ->
+	# 		block = @createBlockDeclaration(name, options)
+	# 		if(options['init'] != undefined)
+	# 			options['init'].call(block)
+	# 	createBlockDeclaration: (name, options) ->
+	# 		return new Block name, options

data/app/assets/javascripts/rails_blocks.js

@@ -0,0 +1,5 @@
+//require 'jquery_bem_copy'
+//=require 'jquery_bem'
+//=require 'block'
+//=require 'jblocks'
+//=require 'main'

data/app/assets/stylesheets/rails_blocks.sass

@@ -0,0 +1,94 @@
+$bemBlockPrefix: 'b-'
+$bemElementSeparator: '__' 
+$bemModifierSeparator: '--'
+
+@function b-class($block)
+	@return ".#{$bemBlockPrefix+$block}"
+	
+@function selectorToString($selector)
+	$selector: inspect($selector) //cast to string
+	$selector: str-slice($selector, 2, -2) //remove bracket
+	@return $selector
+
+@function containsModifier($selector)
+	$selector: selectorToString($selector)
+	@if str-index($selector, $bemModifierSeparator)
+		@return true
+	@else
+		@return false
+
+@function containsPseudo($selector)
+	$selector: selectorToString($selector)
+	@if str-index($selector, ':')
+		@return true
+	@else
+		@return false
+		
+@function containsElement($selector)
+	$selector: selectorToString($selector)
+	@if str-index($selector, $bemElementSeparator)
+		@return true
+	@else
+		@return false
+		
+@function getBlock($selector)
+	$selector: selectorToString($selector)
+	$elementStart: str-index($selector, $bemElementSeparator)
+	$modifierStart: str-index($selector, $bemModifierSeparator)
+	$pseudoStart: str-index($selector, ':')
+	$start: if($elementStart, $elementStart - 1, if($modifierStart, $modifierStart - 1, $pseudoStart - 1))
+	@return str-slice($selector, 0, $start)
+
+=b($block)
+	.#{$bemBlockPrefix+$block}
+		@content
+		
+=plus_b
+	@at-root
+		$block: &
+		#{$block} + #{$block}
+			@content
+			
+=hover_b
+	@at-root
+		$block: &
+		#{$block}:hover
+			@content
+
+=e($element)
+	$selector: &
+	@at-root
+		@if containsModifier($selector) or containsPseudo($selector) 
+			$block: getBlock($selector)
+			#{$selector}
+				#{$block+$bemElementSeparator+$element}
+					@content
+		@else
+			#{$selector+$bemElementSeparator+$element}
+				@content
+
+=es($elements...)
+	@each $element in $elements
+		+e($element)
+			@content
+			
+=m($modifier)
+	@at-root
+		#{&}#{$bemModifierSeparator+$modifier}
+			@content
+			
+=icons-m($modifiers, $width, $height)
+	@for $i from 1 through length($modifiers)
+		+m(nth($modifiers, $i))
+			background-position: -($i - 1) * $width (0)
+			&:hover
+				background-position: -($i - 1)*$width (-$height)
+			&:active
+				background-position: -($i - 1) * $width (-2 * $height)
+				
+@function block-image-url($level, $image)
+	$selector: &
+	$selector: selectorToString($selector)
+	$block: if(containsModifier($selector) or containsPseudo($selector) or containsElement($selector), getBlock($selector), selectorToString($selector))
+	$block: str-slice($block, str-length($bemBlockPrefix) + 1)
+	@return image-url("#{$level}/#{$block}/images/#{$image}")

data/app/helpers/block_helper.rb

@@ -0,0 +1,122 @@
+require 'rails_blocks/names'
+require 'rails_blocks/path'
+
+module BlockHelper
+	include RailsBlocks::Path
+	include RailsBlocks::Names
+	
+	BEM_KEYS = [:tag, :class, :attrs, :mods, :mix, :data, :levels, :content]
+	
+	def bem_page(options, &block)
+		@page_options = options
+		block_given? ? capture(&block) : ''
+	end
+	
+	def page_options
+		defaults = {
+			levels: RailsBlocks.config.levels
+		}
+		defaults.merge @page_options || {}
+	end
+	
+	#TODO бога ради, отрефактори это дерьмо
+	def b(b_name, options = {}, &block)
+		parent_block = context_block
+		push_context_block b_name
+		options = page_options.merge options
+		options[:parent_block] = parent_block if parent_block
+		template = block_template b_name, options
+		classes = block_classes b_name, options
+		
+		result = element(classes, template, options, &block)
+		pop_context_block
+		result
+	end
+	
+	def b_classes(b_name, options = {})
+		parent_block = context_block
+		push_context_block b_name
+		options = page_options.merge options
+		options[:parent_block] = parent_block if parent_block
+		classes = block_classes b_name, options
+		pop_context_block
+		classes
+	end
+	
+	def b_context(b_name, &block)
+		push_context_block b_name
+		result = capture(&block)
+		pop_context_block
+		result
+	end
+	
+	def e(e_name, options = {}, &block)
+		parent_block = options[:b] || context_block
+		raise RailsBlocks::NoBlockContextError unless parent_block
+		options = page_options.merge options
+		options[:parent_block] = parent_block
+		template = element_template parent_block, e_name, options
+		classes = element_classes(parent_block, e_name, options)
+		element(classes, template, options, &block)
+	end
+	
+	def e_classes(e_name, options = {})
+		parent_block = options[:b] || context_block
+		raise RailsBlocks::NoBlockContextError unless parent_block
+		options = page_options.merge options
+		options[:parent_block] = parent_block
+		element_classes(parent_block, e_name, options).join(' ')
+	end
+	
+	def element(classes, template, options, &block)
+		content = block ? capture(&block) : options[:content]
+		@attrs = {class: classes.join(' ')}
+		@attrs.merge! options[:attrs] if options[:attrs]
+		@attrs["data-bem"] = options[:data].to_json if options[:data]
+		@attrs[:tag] = options[:tag] || 'div'
+		
+		template.nil? ? empty(content) : render(file: template, locals: {content: content, options: options})
+	end
+	
+	#убрать после тестов производительности
+	# def empty(content)
+	# 	atrrs = @attrs.except(:tag).map do |key, value|
+	# 		key.to_s + '=\'' + value.to_s + "'"
+	# 	end
+	# 	"<#{@attrs[:tag]} #{atrrs.join(' ')}>#{content}</#{@attrs[:tag]}>".html_safe
+	# end
+	
+	def empty(content)
+		content_tag bem_tag, content, bem_attrs_without_tag
+	end
+	
+	def bem_tag
+		@attrs[:tag]
+	end
+	
+	def bem_attrs
+		@attrs
+	end
+	
+	def bem_attrs_without_tag
+		@attrs.except :tag
+	end
+	
+	private
+		
+		def blocks_stack
+			@blocks_stack = @blocks_stack || []
+		end
+		
+		def context_block
+			blocks_stack.last
+		end
+		
+		def push_context_block(b_name)
+			blocks_stack.push b_name
+		end
+		
+		def pop_context_block
+			blocks_stack.pop
+		end
+end

data/app/views/rails_blocks/element.slim

@@ -0,0 +1,2 @@
+*bem_attrs
+	= content