lanes 0.5.0 → 0.5.5

data/client/lanes/models/PubSub.coffee

@@ -9,7 +9,7 @@ class ModelConfig
     add: (model) ->
         if @count is 0
             Lanes.log.info "[pubsub] subscribe to: #{@channel}"
-            Lanes.Models.PubSub.mb.subscribe(@channel, @mbCallBack(@models))
+            Lanes.Models.PubSub.mb?.subscribe(@channel, @mbCallBack(@models))
         @count += 1
         config = @modelConfig(model)
         config.count += 1

data/client/lanes/models/Query.coffee

@@ -265,7 +265,6 @@ class Lanes.Models.Query extends Lanes.Models.Base
             this.fields.findWhere(id: "visibleId") ||
             this.fields.first()
 
-        @reset()
         this
 
     reset: ->

data/client/lanes/models/State.coffee

@@ -52,7 +52,11 @@ class State
 
         integer:
             set: (newVal) ->
-                val = parseInt(newVal, 10) unless _.isBlank(newVal)
+                val = switch
+                    when _.isInteger(newVal) then newVal
+                    when ! _.isBlank(newVal) then parseInt(newVal, 10)
+                    else
+                        undefined
                 {val, type: 'integer'}
         file:
             set: (val) ->

data/client/lanes/models/Sync.coffee

@@ -52,7 +52,7 @@ Lanes.Models.Sync = {
             Lanes.Models.Sync.perform(method, options).then (reply) ->
                 handler(reply)
             , (err) ->
-                reply = { errors: { http: err.error.message } }
+                reply = { errors: { http:  err?.error?.message or 'unknown' } }
                 try
                     reply = JSON.parse(err.body) unless _.isEmpty(err?.body)
                 finally
@@ -78,19 +78,15 @@ Lanes.Models.Sync = {
         unless _.isEmpty(query)
             options.url += '?' + Lanes.lib.objToParam(query)
 
-        # if options.data and !_.isString(options.data)
-        #     options.originalData = options.data
-        #     options.json = options.data
         options.headers ||= {}
-        # options.json = true
-        options.headers['X_CSRF_TOKEN'] = Lanes.config.csrf_token
+
+        if Lanes.config.csrf_token
+            options.headers['X_CSRF_TOKEN'] = Lanes.config.csrf_token
         options.contentType = "application/json"
 
-        # Make the request, allowing the user to override any Ajax options.
-        # xhr = options.xhr = Lanes.$.ajax(_.extend(params, options))
         new _.Promise( (resolve, reject) ->
             options.xhr = Lanes.Vendor.xhr(options, (err, resp, body) ->
-                if err
+                if err or resp.statusCode >= 400
                     reject(error:err, body:options.xhr.responseText)
                 else
                     resolve(body)

data/client/lanes/models/query/ArrayResult.coffee

@@ -1,10 +1,12 @@
 class Page
 
     constructor: (@pageNum, @result, options = {}) ->
-        query = {}
-        @rows = options.rows || []
-        return if options.rows
+        @rows = options.rows
+        @_load() unless @rows or options.noLoad is true
 
+    _load: ->
+        @rows = []
+        query = {}
         @result.query.clauses.each (clause) ->
             _.extend( query, clause.toParam() ) if clause.isValid
 
@@ -25,13 +27,18 @@ class Page
             options.order[field_name] = if @result.query.sortAscending then 'asc' else 'desc'
 
         _.extend(options, _.omit(@result.query.syncOptions, 'include'))
-        @result.query.trigger('request', @result.query, 'GET', {})
-        @result.requestInProgress = options
+         # defer trigger in case we were called from render() and triggering
+         # would cause a loop that it's not in the render
+        _.defer => @result.query.trigger('request', @result.query, 'GET', {})
+        @result.requestInProgress = @requestInProgress = options
         Lanes.Models.Sync.perform('GET', options).then (resp) =>
             @result.total = resp.total
             @rows  = resp.data
             delete @result.requestInProgress
-            @result.onPageLoad(@)
+            delete @requestInProgress
+            _.defer => @result.onPageLoad(@)
+
+    isLoaded: -> not _.isUndefined(@rows)
 
     _normalizedIndex: (index) ->
         index = index % @result.pageSize
@@ -92,7 +99,7 @@ class Lanes.Models.Query.ArrayResult extends Lanes.Models.Query.Result
         @total = 0
         @pages = {}
 
-    pageForIndex: (index) ->
+    pageForIndex: (index, options = {}) ->
         pageNum = Math.floor(index / @pageSize)
         @pages[pageNum] ||= new Page(pageNum, this)
 
@@ -152,6 +159,19 @@ class Lanes.Models.Query.ArrayResult extends Lanes.Models.Query.Result
     ensureLoaded: (options = {}) ->
         @pageForIndex(options.page || 0).pendingLoad or _.Promise.resolve(@)
 
+    loadFully: ->
+        len = @length
+        console.log "Loading 0 ... #{len}, ps: #{pageSize}"
+        loading = []
+
+        for pageIndex in [0...len - 1] by @pageSize
+            page = @pageForIndex(pageIndex, noLoad: true)
+            loading.push page._load() unless page.isLoaded()
+            null
+
+        _.Promise.all(loading)
+
+
     reload: (options = {}) ->
         @pages = []
         @total = 0

data/client/lanes/models/query/Result.coffee

@@ -7,3 +7,5 @@ class Lanes.Models.Query.Result
         field = @query.sortField
         return false unless field
         if _.isFunction field.sortBy then field.sortBy else false
+
+    loadFully: -> _.Promise.resolve(@)

data/client/lanes/react/Component.coffee

@@ -25,11 +25,11 @@ Lanes.React.Component = {
         klass::mixins = _.uniq(klass::mixins.concat(mixins))
         comp = React.createClass(klass.prototype)
         extendComponent(comp)
-        return Lanes.lib.HotReload.remember(comp)
+        return Lanes.lib.HotReload?.remember(comp) or comp
 }
 
 Lanes.React.BaseComponent = {
-    extend: (klass, mixins = @defaultMixins) ->
+    extend: (klass) ->
         comp = React.createClass(klass.prototype)
-        return Lanes.lib.HotReload.remember(comp)
+        return Lanes.lib.HotReload?.remember(comp) or comp
 }

data/client/lanes/react/Viewport.coffee

@@ -14,6 +14,9 @@ class Lanes.React.Viewport extends Lanes.Models.State
         reactRoot:  'object'
         lanes:      'element'
         modalProps: 'object'
+        pubSubDisabled: 'boolean'
+        rootComponent: 'any'
+        rootProps:   'object'
 
     constructor: ->
         super
@@ -21,7 +24,7 @@ class Lanes.React.Viewport extends Lanes.Models.State
         return unless @selector
         @domRoot = document.body.querySelector(@selector)
         _.dom(@domRoot).addClass('lanes-root')
-        Lanes.fatal("Root selector #{@selector} not found") unless root
+        Lanes.fatal("Root selector #{@selector} not found") unless @domRoot
         _.dom(@domRoot).html = "<div class='lanes'/>"
         this.lanes = @domRoot.querySelector('.lanes')
         Lanes.lib.ResizeSensor(@domRoot, _.debounce( =>
@@ -29,6 +32,13 @@ class Lanes.React.Viewport extends Lanes.Models.State
         , 250))
         this._updateDimensions()
 
+        Lanes.Models.PubSub.initialize() unless @pubSubDisabled
+        Lanes.Extensions.fireOnInitialized(@)
+        @renderRoot()
+        Lanes.Extensions.fireOnAvailable(@)
+        @onBoot()
+
+
     onBoot: ->
         prev = _.dom(this.domRoot.previousElementSibling)
         prev.addClass('complete') if prev.hasClass('loading')
@@ -55,10 +65,12 @@ class Lanes.React.Viewport extends Lanes.Models.State
         @modalProps = _.extend(props, show: true)
 
     renderRoot: ->
-        cntrl = Lanes.Extensions.controlling()
-        component = cntrl?.rootComponent?(this) ||
-            Lanes.React.Root.DefaultComponentNotFound
+        component = @rootComponent || (
+            cntrl = Lanes.Extensions.controlling()
+            component = cntrl?.rootComponent?(this) ||
+                Lanes.React.Root.DefaultComponentNotFound
+        )
         root = React.createElement(Lanes.React.Root, {viewport: @},
-            React.createElement(component, extension: cntrl)
+            React.createElement(component, _.extend(@rootProps, extension: cntrl))
         )
         @reactRoot = Lanes.Vendor.ReactDOM.render(root, @lanes)

data/client/lanes/react/mixins/Access.coffee

@@ -1,8 +1,8 @@
 calculateAccess = (comp, props) ->
 
     model = _.result(comp, 'modelForAccess') ||
-        comp.commands?.getModel()?.modelForAccess() ||
-        comp.model?.modelForAccess()
+        comp.commands?.getModel()?.modelForAccess?() ||
+        comp.model?.modelForAccess?()
 
     accessRight = if props.readonly or comp.context?.readonly
         'r'

data/client/lanes/react/mixins/FieldErrors.coffee

@@ -5,7 +5,7 @@ Lanes.React.Mixins.FieldErrors = {
     ]
 
     componentWillMount: ->
-        @getInvalidModel()?.maskInvalidFields()
+        @getInvalidModel()?.maskInvalidFields?()
 
     getInvalidFieldName: ->
         @props.validity_attribute || @props.name
@@ -18,10 +18,10 @@ Lanes.React.Mixins.FieldErrors = {
 
     fieldInvalidValueMessage: ->
         return '' unless @isEditingRecord()
-        @getInvalidModel()?.invalidMessageFor(
+        @getInvalidModel()?.invalidMessageFor?(
             @getInvalidFieldName()
         )
 
     onFieldInteraction: ->
-        @getInvalidModel()?.unmaskInvalidField( @getInvalidFieldName() )
+        @getInvalidModel()?.unmaskInvalidField?( @getInvalidFieldName() )
 }

data/client/lanes/remote/api.coffee

@@ -0,0 +1,8 @@
+##=require ../vendor/standalone
+##=require ../lib/all
+##=require ../models
+##=require ../extension
+##=require ../react
+##=require_self
+
+Lanes.config = {api_path: null}

data/client/lanes/styles/fonts/_icons.scss

@@ -163,6 +163,7 @@
 .#{$fa-css-prefix}-github:before { content: $fa-var-github; }
 .#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
 .#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-feed:before,
 .#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
 .#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
 .#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
@@ -437,7 +438,7 @@
 .#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
 .#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
 .#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
-.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
 .#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
 .#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
 .#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
@@ -487,11 +488,14 @@
 .#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
 .#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
 .#{$fa-css-prefix}-ra:before,
+.#{$fa-css-prefix}-resistance:before,
 .#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
 .#{$fa-css-prefix}-ge:before,
 .#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
 .#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
 .#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-y-combinator-square:before,
+.#{$fa-css-prefix}-yc-square:before,
 .#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
 .#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
 .#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
@@ -502,7 +506,6 @@
 .#{$fa-css-prefix}-send-o:before,
 .#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
 .#{$fa-css-prefix}-history:before { content: $fa-var-history; }
-.#{$fa-css-prefix}-genderless:before,
 .#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
 .#{$fa-css-prefix}-header:before { content: $fa-var-header; }
 .#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
@@ -573,6 +576,7 @@
 .#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
 .#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
 .#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-intersex:before,
 .#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
 .#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
 .#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
@@ -582,6 +586,7 @@
 .#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
 .#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
 .#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
+.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
 .#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
 .#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
 .#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
@@ -594,3 +599,135 @@
 .#{$fa-css-prefix}-train:before { content: $fa-var-train; }
 .#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
 .#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-yc:before,
+.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
+.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
+.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
+.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-battery-4:before,
+.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-3:before,
+.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-2:before,
+.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-1:before,
+.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-0:before,
+.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
+.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
+.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
+.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
+.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
+.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
+.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
+.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
+.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
+.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
+.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
+.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-hourglass-1:before,
+.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-2:before,
+.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-3:before,
+.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
+.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
+.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
+.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
+.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
+.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
+.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
+.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
+.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
+.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
+.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
+.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
+.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
+.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
+.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
+.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-tv:before,
+.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
+.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
+.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
+.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
+.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
+.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
+.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
+.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
+.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
+.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
+.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
+.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
+.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
+.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
+.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
+.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
+.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
+.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
+.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
+.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
+.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
+.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
+.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
+.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
+.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
+.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
+.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
+.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
+.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
+.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
+.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
+.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
+.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
+.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
+.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
+.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
+.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
+.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
+.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
+.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
+.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
+.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
+.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
+.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
+.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
+.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
+.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
+.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
+.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
+.#{$fa-css-prefix}-asl-interpreting:before,
+.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
+.#{$fa-css-prefix}-deafness:before,
+.#{$fa-css-prefix}-hard-of-hearing:before,
+.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
+.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
+.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
+.#{$fa-css-prefix}-signing:before,
+.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
+.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
+.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
+.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
+.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
+.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
+.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
+.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
+.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
+.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
+.#{$fa-css-prefix}-google-plus-circle:before,
+.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
+.#{$fa-css-prefix}-fa:before,
+.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }