luca 0.9.7 → 0.9.8

data/src/core/panel.coffee

@@ -1,118 +0,0 @@
-# This is a helper for creating the DOM element that go along with
-# a given component, if it is configured to use one via the topToolbar
-# and bottomToolbar properties
-attachToolbar = (config={}, targetEl)->
-  config.orientation ||= "top"
-  config.ctype ||= @toolbarType || "panel_toolbar"
-
-  id = "#{ @cid }-tbc-#{ config.orientation }"
-
-  toolbar = Luca.util.lazyComponent( config )
-
-  container = @make "div",
-    class:"toolbar-container #{ config.orientation }",
-    id: id
-  ,
-    toolbar.render().el
-
-  hasBody = @bodyClassName or @bodyTagName
-
-  # there will be a body panel inside of the views $el
-  # so just place the toolbar before, or after the body
-  action = switch config.orientation
-    when "top", "left"
-      if hasBody then "before" else "prepend"
-    when "bottom", "right"
-      if hasBody then "after" else "append"
-
-  (targetEl || @$bodyEl() )[action]( container )
-
-# A Panel is a basic Luca.View but with Toolbar extensions
-#
-# In general other components should inherit from the panel class.
-
-_.def("Luca.components.Panel").extends("Luca.View").with
-
-  topToolbar: undefined
-
-  bottomToolbar: undefined
-
-  # Load Mask will apply a transparent overlay over the form
-  # upon submission, with a moving progress bar which will be
-  # hidden upon successful response
-  loadMask: false
-  loadMaskTemplate: ["components/load_mask"]
-  loadMaskTimeout: 3000
-  
-  mixins:["LoadMaskable"]
-
-  initialize: (@options={})->
-    Luca.View::initialize.apply(@, arguments)
-    
-
-  applyStyles: (styles={},body=false)->
-
-    target = if body then @$bodyEl() else @$el
-
-    for setting, value  of styles
-      target.css(setting,value)
-
-    @
-
-  beforeRender: ()->
-    Luca.View::beforeRender?.apply(@, arguments)
-    @applyStyles( @styles ) if @styles?
-    @applyStyles( @bodyStyles, true ) if @bodyStyles?
-    @renderToolbars?()
-
-  $bodyEl: ()->
-    element = @bodyTagName || "div"
-    className = @bodyClassName || "view-body"
-
-    @bodyEl ||= "#{ element }.#{ className }"
-
-    bodyEl = @$(@bodyEl)
-
-    return bodyEl if bodyEl.length > 0
-
-    # if we've been configured to have one, and it doesn't exist
-    # then we should append it to ourselves
-    if bodyEl.length is 0 and (@bodyClassName? || @bodyTagName?)
-      newElement = @make(element,class:className,"data-auto-appended":true)
-      $(@el).append( newElement )
-      return @$(@bodyEl)
-
-
-    $(@el)
-
-  $wrap: (wrapper)->
-    if _.isString(wrapper) and not wrapper.match(/[<>]/)
-      wrapper = @make("div",class:wrapper)
-
-    @$el.wrap( wrapper )
-
-  $template: (template, variables={})->
-    @$html( Luca.template(template,variables) )
-
-  $empty: ()->
-    @$bodyEl().empty()
-    
-  $html: (content)->
-    @$bodyEl().html( content )
-
-  $append: (content)->
-    @$bodyEl().append(content)
-
-  # Luca containers can have toolbars,
-  # these will get injected before or after the bodyEl, or at the top
-  # or bottom of the $el
-  renderToolbars: ()->
-    _( ["top","left","right","bottom"] ).each (orientation)=>
-      if config = @["#{ orientation }Toolbar"]
-        @renderToolbar( orientation, config)
-
-  renderToolbar: (orientation="top", config={})->
-    config.parent = @
-    config.orientation = orientation
-
-    attachToolbar.call(@, config, config.targetEl )

data/src/define.coffee

@@ -1,170 +0,0 @@
-# Component Definition Helpers
-#
-#
-# We have customized the core Backbone.extend process to use a slightly
-# different syntax, which allows us to intercept the component definition at
-# various points, and maintain information about classes being defined, and
-# the relationships between inherited classes, etc.
-
-# _.def, or Luca.define returns a chainable object which allows you to define
-# your components with a readable syntax.  For example:
-
-# _.def("Luca.View").extends("Backbone.View").with the_good:"shit"
-# _.def("MyView").extends("Luca.View").with the_custom:"shit"
-_.mixin
-  def: Luca.component = Luca.define = Luca.register = (componentName)-> new DefineProxy(componentName)
-  register: Luca.register
-
-# The define proxy chain sets up a call to Luca.extend, which is a wrapper around Luca and Backbone component class' extend function.
-class DefineProxy
-  constructor:(componentName)->
-    @namespace = Luca.util.namespace()
-    @componentId = @componentName = componentName
-    @superClassName = 'Luca.View' 
-    @properties ||= {}
-
-    if componentName.match(/\./)
-      @namespaced = true
-      parts = componentName.split('.')
-      @componentId = parts.pop()
-      @namespace = parts.join('.')
-
-      # automatically add the namespace to the namespace registry
-      Luca.registry.addNamespace( parts.join('.') )
-
-  meta: (key, value)->
-    metaKey = @namespace + '.' + @componentId
-    metaKey = metaKey.replace(/^\./,'')
-    data = Luca.registry.addMetaData(metaKey, key, value)
-
-    @properties.componentMetaData = ()->
-      Luca.registry.getMetaDataFor(metaKey)
-
-  # allow for specifying the namespace
-  in: (@namespace)-> @
-
-  # allow for multiple ways of saying the same thing for readability purposes
-  from: (@superClassName)-> @
-  extends: (@superClassName)-> @
-  extend: (@superClassName)-> @
-
-  triggers: (hooks...)->
-    _.defaults(@properties ||= {}, hooks: []) 
-    for hook in hooks
-      @properties.hooks.push(hook) 
-    @properties.hooks = _.uniq(@properties.hooks)
-    @meta("hooks", @properties.hooks)
-    @
-
-  includes: (includes...)->
-    _.defaults(@properties ||= {}, include: []) 
-    for include in includes
-      @properties.include.push(include) 
-    @properties.include = _.uniq(@properties.include)
-    @meta("includes", @properties.include)
-    @
-
-  mixesIn: (concerns...)->
-    _.defaults(@properties ||= {}, concerns: []) 
-    for concern in concerns
-      @properties.concerns.push(concern) 
-    @properties.concerns = _.uniq(@properties.concerns)
-
-    @meta("concerns", @properties.concerns)
-    @
-
-  publicConfiguration: (properties={})->
-    @meta("public configuration", _.keys(properties) )
-    _.defaults((@properties||={}), properties)
-
-  privateConfiguration: (properties={})->
-    @meta("private configuration", _.keys(properties) )
-    _.defaults((@properties||={}), properties)
-
-  publicInterface: (properties={})->
-    @meta("public interface", _.keys(properties) )
-    _.defaults((@properties||={}), properties)
-
-  privateInterface: (properties={})->
-    @meta("private interface", _.keys(properties) )
-    _.defaults((@properties||={}), properties)
-
-  definePrototype: (properties={})->
-    _.defaults((@properties||={}), properties)
-
-    at = if @namespaced
-      Luca.util.resolve(@namespace, (window || global))
-    else
-      (window||global)
-
-    # automatically create the namespace
-    if @namespaced and not at?
-      eval("(window||global).#{ @namespace } = {}")
-      at = Luca.util.resolve(@namespace,(window || global))
-
-    @meta("super class name", @superClassName )
-    @meta("display name", @componentName)
-
-    @properties.displayName = @componentName
-    
-    @properties.componentMetaData = ()->
-      Luca.registry.getMetaDataFor(@displayName)
-
-    definition = at[@componentId] = Luca.extend(@superClassName,@componentName, @properties)
-
-    if Luca.config.autoRegister is true 
-      componentType = "view" if Luca.isViewPrototype( definition )
-
-      if Luca.isCollectionPrototype( definition )
-        Luca.Collection.namespaces ||= []
-        Luca.Collection.namespaces.push( @namespace )
-        componentType = "collection" 
-
-      componentType = "model" if Luca.isModelPrototype( definition )
-
-      # automatically register this with the component registry
-      Luca.registerComponent( _.string.underscored(@componentId), @componentName, componentType)
-
-    definition
-
-# Aliases for the mixin definition
-DefineProxy::concerns = DefineProxy::behavesAs = DefineProxy::uses = DefineProxy::mixesIn 
-
-# Aliases for the final call on the define proxy
-DefineProxy::defines = DefineProxy::defaults = DefineProxy::exports = DefineProxy::defaultProperties = DefineProxy::definePrototype
-DefineProxy::defaultsTo = DefineProxy::enhance = DefineProxy::with = DefineProxy::definePrototype
-
-# The last method of the DefineProxy chain is always going to result in
-# a call to Luca.extend.  Luca.extend wraps the call to Luca.View.extend,
-# or Backbone.Collection.extend, and accepts the names of the extending,
-# and extended classes as strings.  This allows us to maintain information
-# and references to the classes and their prototypes, mainly for the purposes
-# of introspection and development tools
-Luca.extend = (superClassName, childName, properties={})->
-  superClass = Luca.util.resolve( superClassName, (window || global) )
-
-  unless _.isFunction(superClass?.extend)
-    throw "Error defining #{ childName }. #{ superClassName } is not a valid component to extend from"
-
-  properties.displayName = childName
-
-  properties._superClass = ()->
-    superClass.displayName ||= superClassName
-    superClass
-
-  properties._super = (method, context=@, args=[])->
-    # TODO: debug this better
-    # protect against a stack too deep error in weird cases
-    @_superClass().prototype[method]?.apply(context, args)
-
-  definition = superClass.extend(properties)
-
-  # _.def("MyView").extends("View").with
-  #   include: ['Luca.Events']
-  if _.isArray( properties?.include )
-    for include in properties.include
-      include = Luca.util.resolve(include) if _.isString(include)
-      _.extend(definition::, include)
-
-  definition
-

data/src/index.coffee

@@ -1,25 +0,0 @@
-#= require ./util
-#= require_tree ./plugins
-#= require ./concerns
-#= require ./define
-
-#= require_tree ./concerns
-
-#= require ./core/registry
-#= require ./core/meta_data
-#= require ./core/observer
-#= require ./core/view
-#= require ./core/model
-#= require ./core/collection
-#= require ./core/panel
-#= require ./core/field
-#= require ./core/container
-
-#= require_tree ./managers
-
-#= require ./containers/split_view
-#= require ./containers/column_view
-#= require_tree ./containers
-
-#= require ./components/template
-#= require_tree ./components

data/src/managers/socket_manager.coffee

@@ -1,54 +0,0 @@
-# Luca.SocketManager is an abstraction
-# around various websocket services such as
-# faye.js, socket.io, now.js, etc.
-#
-# It provides a common interface for adding
-# push / async functionality to Collections,
-# Models, and the like, regardless of the
-# transport mechanism used.
-#
-# Simply bind to it, and any message that comes
-# across the channel you subscribe to, will be
-# bubbled up as a Backbone.Event with the message
-# contents as your argument
-class Luca.SocketManager
-  constructor: (@options={})->
-    _.extend Backbone.Events
-
-    @loadTransport()
-
-  connect: ()->
-    switch @options.provider
-      when "socket.io"
-        @socket = io.connect( @options.socket_host )
-      when "faye.js"
-        @socket = new Faye.Client( @options.socket_host )
-
-  #### Transport Loading and Configuration
-  #
-  # Luca wraps several popular client side socket abstractions
-  # such as socket.io or faye.js ( more coming soon )
-  #
-  # it provides a common interface on top of these and just
-  # treats them as Backbone.Events which you bind to like you
-  # would on any other Backbone class
-
-  transportLoaded: ()-> @connect()
-
-  transport_script: ()->
-    switch @options.provider
-      when "socket.io" then "#{ @options.transport_host }/socket.io/socket.io.js"
-      when "faye.js" then "#{ @options.transport_host }/faye.js"
-
-  loadTransport: ()->
-    script = document.createElement 'script'
-    script.setAttribute "type", "text/javascript"
-    script.setAttribute "src", @transport_script()
-    script.onload = @transportLoaded
-
-    if Luca.util.isIE()
-      script.onreadystatechange = ()=>
-        if script.readyState is "loaded"
-          @transportLoaded()
-
-    document.getElementsByTagName('head')[0].appendChild script

data/src/samples/definition.coffee

@@ -1,49 +0,0 @@
-# Component Definition
-
-# In Luca, we define components like such:
-
-_.def("App.collections.MyCollection").extends("Luca.Collection").with
-  cache_key: "my_collection"
-  storageEngine: "localStorage"
-
-_.def("App.views.MyView").extends("Luca.core.Container").with
-  name: "default_name_of_the_view"
-  components:[
-    ctype: "form_view"
-  ,
-    ctype: "grid_view"
-    collection: "my_collection"
-  ]
-  initialize: (@options)->
-    @_super("initialize", @, arguments)
-    @customMethod()
-
-# This achieves a few things:
-#
-# 0.  More pleasant to read
-#
-# 1.  All instances of App.views.MyView have a displayName property set
-#     so we know upon inspection which class they inherit from
-#
-# 2.  All instances of App.views.MyView know that they extend Luca.components.FormView,
-#     which allows us to use @_super() when overriding important framework methods, and
-#     saves us from having to type Luca.core.Container.prototype.initialize.apply(@, arguments)
-#     every time, on every method that it is needed
-#
-# 3.  App.views.MyView gets assigned a ctype: "my_view" so that we can use a declarative
-#     JSON syntax for building complex components made up of smaller views, models, collections
-#     simply by referencing their 'ctype'.  This allows Luca.Containers to create the nested components
-#     for you
-#
-# 4.  Luca.registry knows about all of the components defined against it, as well as all instances of
-#     the components, so with our in browser development tool we can modify the prototype of a view and
-#     automatically refresh all running instances of the comoponent with updated code
-#
-# 5.  We don't actually have to create App.views.MyView right away, we could develop an intermediate layer
-#     which stores the name of the defined view, who it extends from, and what customizations are being made to it
-#     in some temporary buffer, and build our own dependency management layer which handles loading dependencies on demand
-
-# Problem
-#
-# What is the best way to integrate a solution like requirejs, airdrop, stitch, or similar
-# with the above style of component definition?

data/src/stylesheets/components/form_view.scss

@@ -1,59 +0,0 @@
-.luca-form-view {
-  width: 100%;
-  float: left;
-  display: block;
-  clear: both;
-  margin: 10px 0px;
-}
-
-
-.luca-form-view {
-  .luca-ui-field {
-    margin: 5px;
-    padding: 5px;
-
-    .helper-text {
-      font-size: 0.75em;
-      font-color: #ccc;
-    }
-  }
-}
-
-.luca-form-view.label-align-top {
-  .luca-ui-field {
-    label, input, select, textarea {
-      margin: 5px 0px;
-      display: block;
-    }
-  }
-}
-
-.luca-form-view.column-layout {
-  .luca-ui-field {
-    float: left;
-  }
-}
-
-.luca-form-view {
-  .toolbar-container {
-    padding-right: 12px;
-  }
-}
-
-/* support for older form view config */
-.form-view-footer {
-  .toolbar-container {
-    float: left;
-    width: 100%;
-    clear: both;
-    display: block;
-    .luca-ui-form-toolbar, .luca-ui-toolbar {
-      width: 50%;
-      display: block;
-      margin: 0px auto;
-      .luca-ui-field {
-        float: left;
-      }
-    }
-  }
-}

data/src/stylesheets/tools/class_browser.scss

@@ -1,32 +0,0 @@
-.luca-class-browser {
-  .class-browser-list {
-    min-height: 600px;
-    height: auto !important;
-    height: 600px;
-    ul.namespace a, ul.classList a {
-      cursor: pointer;
-    }
-
-    ul.namespace, ul.namespace ul.classList {
-      margin: 0px;
-      padding: 0px;
-    }
-
-    ul.namespace {
-      padding-left: 10px;
-    }
-
-    ul.namespace li ul.classList {
-      padding-left: 20px;
-    }
-
-    ul.namespace li, ul.namespace .classList li {
-      list-style-type: none;
-      margin: 0px;
-      padding: 0px;
-    }
-
-    .classList li {
-    }
-  }
-}

data/src/stylesheets/tools/code_editor.scss

@@ -1,24 +0,0 @@
-.font-large {
-  .CodeMirror {
-    font-size: 1.3em;
-    line-height: 1.5em;
-  }
-}
-
-.font-small .CodeMirror {
-  font-size: 1.0em;
-  line-height: 1.2em;
-}
-
-.fixed-height {
-  .CodeMirror-scroll {
-    overflow: auto;
-    height: 350px;
-  }
-}
-.auto-height {
-  .CodeMirror-scroll {
-    height: auto;
-    overflow: visible;
-  }
-}

data/src/stylesheets/tools/component_tester.scss

@@ -1,26 +0,0 @@
-ul.typeahead.dropdown-menu {
-  z-index: 13000;
-}
-
-.font-large .CodeMirror {
-  font-size: 18px;
-  line-height: 1.7;
-}
-
-
-#component_tester {
-  #editor_container {
-    .toolbar-container.bottom {
-      margin: 0px;  
-      .luca-ui-toolbar {
-        margin: 0px;
-        padding: 0px;
-      }
-    }
-  }
-  [data-luca-owner="component_detail"] {
-    max-height: 600px;
-    overflow: scroll;
-    min-height: 400px;
-  }
-}

data/src/tools/application_inspector.coffee

@@ -1,2 +0,0 @@
-_.def("Luca.tools.ApplicationInspector").extends("Luca.core.Container").with
-  name: "application_inspector"