lanes 0.1.9 → 0.1.9.5

data/client/lanes/components/toolbar/SaveButton.cjsx

@@ -0,0 +1,3 @@
+class Lanes.Components.Toolbar.SaveButton extends Lanes.React.Component
+
+    render: ->

data/client/lanes/components/toolbar/Toolbar.cjsx

@@ -0,0 +1,58 @@
+class Lanes.Components.Toolbar extends Lanes.React.Component
+
+    propTypes:
+        onSave: React.PropTypes.func
+        toggleEdit: Lanes.PropTypes.Model
+        commands: React.PropTypes.object.isRequired
+
+    dataObjects:
+        changedModel: -> @props.commands.getModel()
+
+    bindDataEvents:
+        changedModel: 'remote-update'
+
+    renderSaveButton: ->
+        <BS.Button navItem componentClass="button" disabled={!@isSavable()}
+            onClick={@props.commands.saveModel} className="save navbar-btn control">
+            <i className="icon icon-cloud-upload" />Save
+        </BS.Button>
+
+    renderResetButton: ->
+        <BS.Button navItem componentClass="button"
+            onClick={@props.commands.resetModel} className="save navbar-btn control">
+            <i className="icon icon-undo" />Reset
+        </BS.Button>
+
+    renderEditToggle: ->
+        <form className="control navbar-form navbar-left" role="search">
+            <div className="form-group">
+                <label>
+                    <input type="checkbox" className="form-control"
+                        checked={@props.commands.isEditing()}
+                        onChange={@props.commands.toggleEdit} />
+                    Edit
+                </label>
+            </div>
+        </form>
+
+    isSavable: ->
+        if @props.commands.saveModel
+            if @props.commands.toggleEdit
+                @props.commands.isEditing()
+            else
+                true
+        else
+            false
+
+    renderSpacer: ->
+        <span className="control spacer" />
+
+    render: ->
+        <BS.Navbar className="lanes-toolbar">
+          <BS.Nav>
+            {@renderSaveButton()}
+            {@renderResetButton()}
+            {@renderEditToggle() if @props.commands.toggleEdit}
+          </BS.Nav>
+          <LC.Toolbar.RemoteChangeSets model=@changedModel />
+        </BS.Navbar>

data/client/lanes/{workspace/styles → components/toolbar}/changes-notification.scss

@@ -1,12 +1,6 @@
 .changes-notification {
-    &.navbar-right {
-        margin-right: 0px;
-    }
-    
+
     .btn.dropdown-toggle {
-        padding: 0 0 0 10px;
-        margin-bottom: 0;
-        margin-top: 8px;
         i {
             font-size: 28px;
         }
@@ -28,30 +22,23 @@
     }
 
     .dropdown-menu {
-        padding-top: 0px;
-        .arrow {
-        }
         .update {
-            @extend .list-group-item;
-            span {
-                color: $dropdown-link-color;
-                text-decoration: underline;
-                cursor: pointer;
-            }
-            span:hover{
-                text-decoration: none;
-                color: $dropdown-link-hover-color;
+            border-bottom: 1px solid $table-border-color;
+            padding: 0.75rem;
+            p {
+                margin: 0;
+                margin-bottom: 2px;
             }
+            .field { font-size: 115%; }
+            .change span { margin-left: 5px; }
         }
         .scroller {
-            max-height: 200px;
+            max-height: 350px;
             overflow-y: auto;
         }
         .ago {
             @extend small;
         }
     }
-    .tooltip{
-        position: fixed;
-    }
+
 }

data/client/lanes/components/toolbar/index.js

@@ -0,0 +1,3 @@
+//=require ./Toolbar
+//=require ./SaveButton
+//=require ./RemoteChangeSets

data/client/lanes/components/toolbar/styles.scss

@@ -0,0 +1,51 @@
+.lanes-toolbar {
+
+    padding-left: $navbar-padding-horizontal;
+
+    .btn {
+        &.save {
+            @extend .btn-primary;
+        }
+    }
+    // not sure why bootstrap doesn't set this properly?
+    .navbar-form  { margin-top: 15px; }
+    .form-control { height: inherit;  }
+    .spacer {
+        height: 50px;
+        display: block;
+        float: left;
+    }
+    .control {
+        width: 100px;
+        margin-right: 10px;
+    }
+    .arrow {
+        border-style: solid;
+
+        border-left-color: transparent;
+        border-right-color: transparent;
+
+        border-bottom-color: $popover-title-bg;
+        border-top-color: $popover-title-bg !important; 
+
+        border-width: 0 9px 9px;
+        height: 0;
+        left: 7px;
+        margin-top: 10px;
+        opacity: 1;
+        position: absolute;
+        top: -18px;
+        transition: all 0.25s ease 0s;
+        width: 0;
+        z-index: 10;
+    }
+
+    label {
+        margin-bottom: 0;
+    }
+    input {
+        margin: 0 0.25rem 0 0;
+    }
+
+    @import "./changes-notification";
+}

data/client/lanes/extension/Extensions.coffee

@@ -2,27 +2,36 @@ Lanes.Extensions = {
 
     instances: {}
 
-    register: (klass)->
+    register: (klass) ->
         instance = new klass
         this.instances[klass.prototype.identifier] = instance
         instance.onRegistered?()
 
-    fireOnAvailable: (application)->
-        instance.onAvailable?(application) for identifier, instance of @instances
+    fireOnInitialized: (viewport) ->
+        instance.onInitialized?(viewport) for identifier, instance of @instances
 
-    setBootstrapData: (bootstrap_data)->
+    fireOnAvailable: (viewport) ->
+        instance.onAvailable?(viewport) for identifier, instance of @instances
+
+    getViews: ->
+        _.Promise.all _.invoke(@instances, 'getView')
+
+    setBootstrapData: (bootstrap_data) ->
         @controlling_id = bootstrap_data.controlling_extension
-        for identifier,data of bootstrap_data
-            instance = this.instances[identifier]
-            instance?.setBootstrapData?(data)
+        for identifier, instance of @instances
+            instance.setBootstrapData?(bootstrap_data[identifier])
 
-    makeNamespace: (identifier)->
-        for ns in ['Models','Views','Controllers','Screens','Components']
+    makeNamespace: (identifier) ->
+        for ns in ['Models', 'Controllers', 'Screens', 'Components']
             Lanes.namespace("#{identifier}.#{ns}.Mixins")
 
     controlling: ->
         this.get( @controlling_id )
 
-    get: (identifier)->
+    routes: ->
+        _.flatten _.map @instances, (instance, id) ->
+            instance.getRoutes?()
+
+    get: (identifier) ->
         this.instances[identifier]
 }

data/client/lanes/extension/LateLoaded.js.erb

@@ -1,3 +1,4 @@
-<% Lanes::Extensions.each_asset(phase: :late, type: :js) do | asset |
-require_asset asset
-end %>
+<% Lanes::Extensions.each_asset(phase: :late, type: :js) do | asset | %>
+// <%= asset %>
+<% require_asset asset %>
+<% end %>

data/client/lanes/index.js

@@ -1,13 +1,11 @@
-//= require ./lib/noConflict
-//= require ./vendor/modern-stack
+//= require ./vendor/index
 //= require ./lib
 //= require ./extension
 //= require ./models
 //= require ./Config
 //= require ./plugins
-//= require ./views
-//= require ./components/Base
-//= require ./components/enabled
+//= require ./react
+//= require ./components
 //= require ./screens
 //= require ./extension/LateLoaded
 //= require ./Boot

data/client/lanes/index.scss.erb

@@ -1,30 +1,22 @@
-@font-face {
-  font-family: 'lanes-icon';
-  src:url(font-path('fonts/lanes/icomoon.eot'));
-  src:url(font-path('fonts/lanes/icomoon.eot')) format('embedded-opentype'),
-  url(font-path('fonts/lanes/icomoon.woff')) format('woff'),
-  url(font-path('fonts/lanes/icomoon.ttf')) format('truetype'),
-  url(font-path('fonts/lanes/icomoon.svg')) format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
+@import "styles/fonts";
 
 .lanes {
+  @import "styles/global";
 
 <% Lanes::Extensions.each_asset(phase: :all, type: :css) do | asset | %>
   @import "<%= asset %>";
 <% end %>
 
+@import "lanes/components/shared/styles";
+
 <% Lanes::Components.enabled_with_dependencies(self) do | component | %>
   @import "lanes/components/<%= component %>/styles";
 <% end %>
 
 <% if !Lanes.config.initial_workspace_screen_id.blank? &&
-      screen = Lanes::Screen[Lanes.config.initial_workspace_screen_id]
-%>
+      screen = Lanes::Screen[Lanes.config.initial_workspace_screen_id] %>
   @import "<%= screen.css.remove(/\.css$/) + "/index.scss" %>";
 <% end %>
 
-  @import "styles/plugins/all"
-  
+  @import "styles/plugins/all";
 }

data/client/lanes/lib/HotReload.coffee

@@ -0,0 +1,35 @@
+REACT_CACHE = {}
+
+Lanes.lib.HotReload =
+
+    rememberReact: (klass) ->
+        return unless klass::FILE
+        path = klass::FILE.path.join("/") + ".js"
+        unless REACT_CACHE[path]
+            REACT_CACHE[path] = klass
+            Lanes.Vendor.hotRL(klass, path)
+
+    replaceCss: (asset) ->
+        styles = document.head.querySelectorAll("link[rel='stylesheet'][href*='#{asset.path}']")
+        for link in _.toArray(styles)[0..-2]
+            link.parentElement.removeChild(link)
+
+    replaceProps: (asset) ->
+        klass = Lanes.u.objectForPath(asset.path) # Lanes.StockorDemo.LoginDialog
+        Lanes.Vendor.hotRL(klass, asset.path) if klass
+
+        # Need to copy new proto over the old one
+        # unsure how to identify new and old one's though
+        # else
+        #     for klass in prev
+
+    initiate: (assets) ->
+        console.log _.pluck(assets, 'path')
+
+        Lanes.lib.RequestAssets (_.pluck(assets, 'path'))...
+            .then (a) =>
+                for asset in assets
+                    if asset.type == "css"
+                        this.replaceCss(asset)
+                    else
+                        this.replaceProps(asset)

data/client/lanes/lib/MakeBaseClass.coffee

@@ -2,7 +2,7 @@
 if Function::name == undefined && Object.defineProperty != undefined
     Object.defineProperty(Function.prototype, 'name', {
         get: ->
-            funcNameRegex = /function\s([^(]{1,})\(/;
+            funcNameRegex = /function\s([^(]{1,})\(/
             results = (funcNameRegex).exec((this).toString())
             return if (results && results.length > 1) then results[1].trim() else ""
 
@@ -10,12 +10,12 @@ if Function::name == undefined && Object.defineProperty != undefined
     })
 
 
-mixinModules = (klass)->
+mixinModules = (klass) ->
     Lanes.lib.ModuleSupport.includeInto(klass)
     if klass::mixins
-        klass.include(Lanes.u.getPath(mixin,klass::FILE?.namespace)) for mixin in klass::mixins
+        klass.include(Lanes.u.getPath(mixin, klass::FILE?.namespace)) for mixin in klass::mixins
 
-extendProperties = (parent,child)->
+extendProperties = (parent, child) ->
     child::extendedProperties = _.uniq(
         ( child::extendedProperties || [] ).concat(parent::extendedProperties)
     )
@@ -24,12 +24,12 @@ extendProperties = (parent,child)->
             _.extend( child::[prop], parent::[prop] )
 
 
-extendClass = (ampersand_base, parent, child)->
+extendClass = (ampersand_base, parent, child) ->
     child.__super__ = parent.prototype
     child.Derived = []
     parent.Derived.push(child)
 
-    if parent::abstractClass && !_.has(child.prototype,'abstractClass')
+    if parent::abstractClass && !_.has(child.prototype, 'abstractClass')
         child::abstractClass = undefined
 
     extendProperties(parent, child) if parent::extendedProperties
@@ -42,25 +42,24 @@ extendClass = (ampersand_base, parent, child)->
 
     child = ampersand_base.extend.call(parent, child.prototype )
 
-    child.extend = (klass)->
+    child.extend = (klass) ->
         extendClass( ampersand_base, child, klass )
 
     if child::abstractClass && !child.afterExtended && parent.afterExtended
         child.afterExtended = parent.afterExtended
     parent.afterExtended(child) if _.isFunction(parent.afterExtended)
-
     child
 
 
-createExtendsChain = ( ampersand_base, base )->
-    return (klass)->
+createExtendsChain = ( ampersand_base, base ) ->
+    return (klass) ->
         extendClass( ampersand_base, this, klass )
     base.__super__ = ampersand_base.prototype
     base
 
 
 
-Lanes.lib.MakeBaseClass = ( ampersand_base, base )->
+Lanes.lib.MakeBaseClass = ( ampersand_base, base ) ->
     base = ampersand_base.extend( base.prototype )
     mixinModules(base)
     base.extend = createExtendsChain( ampersand_base, base )

data/client/lanes/lib/development.coffee

@@ -0,0 +1,3 @@
+##= require ./HotReload
+##= require lanes/vendor/development
+##= require_self

data/client/lanes/lib/dom.coffee

@@ -0,0 +1,49 @@
+class Lanes.lib.Dom
+
+    constructor: (el) ->
+        @el = el
+
+    qs: (selector) ->
+        el = @el.querySelector(selector)
+        throw new TypeError("Unable to find element for selector #{selector}") unless el
+        new Lanes.lib.Dom(el)
+
+    qsa: (selector) ->
+        @el.querySelectorAll(selector)
+
+wrap = (fn) ->
+    return ->
+        fn(this.el, arguments...)
+
+for name, func of Lanes.Vendor.dom
+    Lanes.lib.Dom::[name] = wrap(func)
+
+Object.defineProperties(Lanes.lib.Dom.prototype, {
+
+    text:
+        get: -> @el.textContent
+        set: (txt) ->
+            Lanes.Vendor.dom.text(@el, txt)
+    html:
+        get: -> @el.innerHTML
+        set: (html) ->
+            Lanes.Vendor.dom.html(@el, html)
+
+    value:
+        get: -> @el.value
+        set: (v) -> @el.value = v
+})
+
+
+
+_.dom = (unknown, query) ->
+    el = if _.isElement(unknown)
+        unknown
+    else if _.isFunction(unknown.getDOMNode)
+        unknown.getDOMNode()
+    else
+        throw new TypeError("Unable to obtain dom reference to #{unknown}")
+
+    if query
+        el = el.querySelector(query)
+    new Lanes.lib.Dom(el)