ende 0.0.1

data/lib/assets/javascripts/widgets/authenticator/states/passwords.html

@@ -0,0 +1,6 @@
+<div class="message" data-html="recoverer.message"> </div>
+<input type="email" data-value="recoverer.email" placeholder="Login">
+<button data-on-click="recoverer.recover">
+  Send me reset password instructions
+</button>
+<a data-on-click="base.toggle_state">Efetuar login</a>

data/lib/assets/javascripts/widgets/list/main.js.coffee

@@ -0,0 +1,82 @@
+# = require lunr/lunr
+
+define ['./states/index', './presenter'], (templates, presenter) ->
+
+  # TODO move lunar and lunr to an extension
+  luna =
+    index : null
+    store : Map()
+    fields: ['name', 'description']
+    sandbox:
+      search:
+       index: lunr
+    initialize: (models) ->
+      throw 'no models provided' unless models?
+
+      @sample = models[0]
+      @index  = @sandbox.search.index(@indexate)
+
+      for model in models
+        @index.add model
+        @store.set model._id, model
+
+      @store.all = models
+
+    # TODO put bold face on matched texts
+    search: (params...) ->
+      findings = @index.search params...
+
+      results = []
+      results.push @store.get finding.ref for finding in findings
+
+      @index.eventEmitter.emit 'searched', results
+      results
+
+    indexate: () ->
+      sample = luna.sample
+      fields = luna.fields
+
+      sample[name] and @field name for name in fields
+      @ref '_id'
+      true
+
+
+  # If some extension provides you can use the type defineda in there
+  # to extend your widget. Defaults to Base constructor.
+  #
+  # type: 'Base'
+
+  # Default values for the options passed to this widget
+  #
+  # Note: the options are passed thorught the html element data
+  # attributes for this widget: <div data-aura-amount="3"></div>
+  #
+  # options: {}
+
+
+  # Widget initialization method, will be called upon loading, options
+  # are already filled with defaults
+  initialize: (options) ->
+    widget  = @
+    sandbox = @sandbox
+    sandbox.logger.log "initialized!"
+
+    model = sandbox.models[options.model]
+
+    # Will also initialize sandbox!
+    @html templates.default
+    @$el.addClass 'list widget'
+
+    # Forward the models to the presenter
+
+    model.all (records) ->
+
+      # Bind presenter to template
+      presentation = presenter records, luna
+
+      luna.initialize presentation.list.items
+      luna.index.on 'searched', (results) ->
+        sandbox.emit 'list.searched', results
+
+
+      sandbox.view.bind widget.$el.children(), presentation

data/lib/assets/javascripts/widgets/list/presenter.js.coffee

@@ -0,0 +1,34 @@
+'use strict'
+observable = require('indefinido-observable').mixin
+
+define (model) ->
+
+  (items, luna) ->
+
+    resource = items[0].resource
+
+    searcher: observable
+      query: ''
+      search: (event, models) ->
+
+        {list, searcher} = models
+
+        searcher.query = $(event.target).val()
+
+        if searcher.query != ''
+          list.items = luna.search searcher.query
+        else
+          list.items = luna.store.all
+
+        false
+
+    # TODO create view_model
+    list: observable Object.create null,
+      resource:
+        set: (resource) -> null
+        get: -> resource
+        configurable: true
+      items:
+        set: (new_items) -> items = new_items
+        get: -> items
+        configurable: true

data/lib/assets/javascripts/widgets/list/states/default.html

@@ -0,0 +1,4 @@
+<input type="search" placeholder="search" data-on-keyup="searcher.search" data-value="searcher.query" />
+<div data-each-item="list.items" data-class="list.resource" data-class-selected="item.selected">
+  <div data-html="item.name"></div>
+</div>

data/lib/assets/javascripts/widgets/list/states/index.js.coffee

@@ -0,0 +1,2 @@
+define ['text!./default.html'], (default_state) ->
+  default: default_state

data/lib/assets/javascripts/widgets/viewer/main.js.coffee

@@ -0,0 +1,139 @@
+define ['./states/index', './presenter'], (templates, presenter) ->
+
+  observable = require('observable').mixin
+
+  presentation = null
+  sandbox = null
+
+  handlers =
+    item:
+      clicked: (event, models) ->
+        models.item.selected = true
+
+    list:
+      stabilized: (selected) =>
+        viewer        = presentation.viewer
+        viewer.items  = []
+        presented_ids = []
+
+        # TODO generalise this filtering option
+        presented = for item in selected
+          item.models.all (records) =>
+            for record in records
+              viewer.items.push record if presented_ids.indexOf(record._id) == -1
+
+            presented_ids = _.union presented_ids, _.pluck(records, '_id')
+
+        $.when(presented...).then -> presented_ids = []
+
+  # If some extension provides you can use the type defined in there
+  # to extend your widget. Defaults to Base constructor.
+  #
+  # type: 'Base'
+
+  # Default values for the options passed to this widget
+  #
+  # Note: the options are passed thorught the html element data
+  # attributes for this widget: <div data-aura-widget="viewer" data-aura-amount="3"></div>
+  #
+  # options: {}
+
+
+  # Widget initialization method, will be called upon loading, options
+  # are already filled with defaults
+  initialize: (options) ->
+    model        = @sandbox.models[options.model]
+    presentation = null
+
+    # Extend presentation
+    presenter._ = _ = @sandbox.util._
+    presenter.handlers = handlers
+    presenter.drawing = @sandbox.modacad.drawing
+
+    @sandbox.logger.log "initialized!"
+
+    # Initialize dependencies
+    list   = ''
+    if options.listModel
+      list = "<div data-aura-widget=\"list\" data-model=\"#{options.listModel}\"></div>"
+      @sandbox.on 'list.stabilized'  , handlers.list.stabilized
+
+
+    # Will also initialize sandbox!
+    @$el.addClass 'viewer widget'
+    @html list + templates.default
+
+    # Fetch default data
+    model.all (records) =>
+      presentation = presenter records
+      @bind presentation
+
+
+
+    true
+
+    # You can now update the presentation to update the widget
+    # presentation.title = 'Hello World!'
+
+    # Remember to access functionality and to provide your
+    # events throught the sandbox!
+    #
+    # Built-in properties of sandbox
+    #
+    #  emit '{entity.name}.{event.name}.{entity.id}', handler_parameters...
+    #  off name, listener
+    #  on name, listener, context
+    #  stopListening()                                   # Remove all event handlers for this widget
+    #
+    #  start ['calendar', 'payments']                    # widgets_list
+    #  stop()                                            # Stop this widget and destroy its sandbox
+    #
+    #  data.deferred()                                   # Create a new deferred object
+    #  data.when promises..., callback                   # Execute callback upon deferred resolution
+    #  dom.data selector, [attribute]                    # Return object for selected element
+    #  dom.find selector, context                        # Return framework maped dom element for
+    #                                                    # the selector (usually jQuery Object)
+    #  events.bindAll context, functions...              # Bind all functions to the same context
+    #  events.listen context, events, selector, callback # Listen to dom events, all parameters are string, except callback
+    #  template.parse
+    #  util._                                            # UnderscoreJS like object
+    #  util.decamelize camelCase, delimiter
+    #  util.each object, callback, arguments
+    #  util.extend objects...
+    #  util.uniq array, isSorted, iterator, context
+    #
+    #
+    # e.g.: @sandbox.events.listen 'click', '.menu', (e) -> alert 'selected'
+    #
+    #
+    # Extensions properties of sandbox
+    #
+    #  view.bind element, models # Bind DOM element to models (rivets extension)
+    #
+    #
+    # The sandbox should contain all extensions features, if the extension
+    # feature does not suite you and it's only needed by this widget,
+    # require it as dependency on the define call:
+    #
+    # define [ 'three' ], (three) ->
+
+
+    # Models access if needed, is also provided through the sandbox
+    # person = @sandbox.domain.person
+    #
+    # arthur = person({
+    #   name: "Arthur Philip Dent",
+    #   species  : "Humam"
+    # });
+    #
+
+    # For the 'Base' type widget you can access some useful
+    # properties:
+    #
+    # @$el         # Widgets HTML DOM Element
+    # @options     # All options passed to this widget thorugh dom and merged defaults
+    # @html markup # Helper function to update widget template
+    #
+    # Also some extensions extend the Base widget:
+    #
+    # @bind models    # Equivalent to @sandbox.view.bind @$el, models

data/lib/assets/javascripts/widgets/viewer/presenter.js.coffee

@@ -0,0 +1,54 @@
+'use strict'
+define () ->
+
+  observable = require('observable').mixin
+  extend     = require 'segmentio-extend'
+  self       = null
+  view       = null
+
+
+  normalizer =
+    normalize: (model) ->
+      observable extend
+        name : model.code
+        image : null
+        selected : false
+        model : model
+        normalized : true
+        , self.handlers.item
+
+    drawings: ->
+      selection = view.select (binding) ->
+        binding.keypath == 'items'
+
+      items_binding = selection[0]
+
+      for item_view in items_binding.iterated
+        selection = item_view.select (binding) ->
+          binding.keypath == 'image'
+
+        image_binding  = selection[0]
+        drawing        = self.drawing $(image_binding.el), image_binding.model.model
+        drawing.width  = (parseInt(drawing.width ) / 4) + 'px'
+        drawing.height = (parseInt(drawing.height) / 4) + 'px'
+
+
+
+  self = (items) ->
+
+    # TODO create view_model
+    presentation =
+      presented: (v) -> view = v
+      viewer: observable
+        items: self._.map items, normalizer.normalize
+
+    presentation.viewer.subscribe 'items', (items) ->
+      for item in items
+        unless item.normalized
+          index = @items.indexOf item
+          console.debug item, item.code, item.name, index
+          @observed.items[index] = normalizer.normalize item
+
+      normalizer.drawings()
+
+    presentation

data/lib/assets/javascripts/widgets/viewer/states/default.html

@@ -0,0 +1,6 @@
+<div class="items">
+  <div class="item" data-each-item="viewer.items" data-class-selected="item.selected" data-on-click="item.clicked">
+    <div data-html="item.name" ></div>
+    <div class="image" data-html="item.image"></div>
+  </div>
+</div>

data/lib/assets/javascripts/widgets/viewer/states/index.js.coffee

@@ -0,0 +1,2 @@
+define ['text!./default.html'], (default_state) ->
+  default: default_state

data/lib/assets/stylesheets/application/modules/authenticator.css.styl

@@ -0,0 +1,7 @@
+@import 'application/theme'
+
+.authenticator
+  .status
+    padding 0.5em 0.1em
+    margin-bottom 1em
+    border 1px solid base-color

data/lib/assets/stylesheets/application/modules/widgets/structure/list.css.styl

@@ -0,0 +1,9 @@
+@import 'application/theme'
+
+.list
+  .item
+    &.selected
+      font-weight bold
+
+    .match
+      text-decoration underline

data/lib/assets/stylesheets/application/modules/widgets/structure/viewer.css.styl

@@ -0,0 +1,21 @@
+@import 'application/theme'
+
+.viewer
+  .items
+    float left
+
+    padding 2%
+    margin 1%
+    border 1px solid primary-color
+    width 62%
+
+    .item
+      display inline-block
+      float left
+
+      &.selected
+        border 1px solid black
+
+  .list
+    float left
+    width 25%

data/lib/assets/stylesheets/application/modules/widgets/structure/widget.css.styl

@@ -0,0 +1,5 @@
+//= require_tree .
+
+@import 'application/theme'
+
+

data/lib/assets/stylesheets/filter.styl

@@ -0,0 +1,10 @@
+@import 'nib/config'
+
+
+filter(filters)
+  for prefix in vendor-prefixes
+    unless prefix == 'official'
+      property = '-%s-filter' % prefix
+      add-property property, filters
+
+  add-property 'filter', filters

data/lib/assets/stylesheets/helpers/button.styl

@@ -0,0 +1,61 @@
+@import 'nib'
+
+primary-color ?= purple
+success-color ?= green
+danger-color  ?= red
+
+button-default-color  ?= primary-color
+button-success-color  ?= success-color
+button-danger-color   ?= danger-color
+button-disabled-color ?= grey
+
+
+button-gradient-background(color, reverse = false)
+  if reverse
+    background-image linear-gradient(top, lighten(color,10%) 100%, darken(color,10%) 0%)
+    up-light                   = 0 2px 6px 0px rgba(#FFF,0.15) inset
+  else
+    background-image linear-gradient(top, lighten(color,10%) 0%, darken(color,10%) 100%)
+    up-light                   = 0 2px 6px 0px rgba(#FFF,0.25) inset
+
+  bevel                      = 0 3px 0px 0px darken(color,50%)
+  soft-drop-shadow           = 0 4px 2px 0px rgba(#000,1)
+  engrave-light              = 0 4px 0px 2px rgba(#FFF,0.25)
+  hard-drop-shadow           = 0 3px 0px 2px rgba(#000,1)
+
+  box-shadow up-light, bevel, soft-drop-shadow, engrave-light, hard-drop-shadow
+
+
+button-is-light(color)
+  return (lightness(color) > 30%)
+
+button-text(button-color)
+  if button-is-light(button-color)
+    color darken(button-color,60%)
+    text-shadow 0 1px 1px rgba(#FFF,0.3)
+  else
+    color lighten(button-color,70%)
+    text-shadow 0 -1px 1px rgba(#000,0.9)
+
+default-button-hover-state(background-color)
+  button-gradient-background(lighten(background-color,10%))
+  button-text(background-color)
+
+default-button-active-state(background-color)
+  button-gradient-background(darken(background-color,10%), true)
+  button-text(background-color)
+
+default-button-disabled-state(background-color)
+  button-gradient-background(darken(background-color,10%))
+  button-text(background-color)
+
+
+default-button-states(background-color)
+  button-gradient-background(background-color)
+  button-text(background-color)
+  &:hover
+    default-button-hover-state(background-color)
+  &:active
+    default-button-active-state(background-color)
+  &[disabled]
+    default-button-disabled-state(background-color)

data/lib/assets/stylesheets/helpers/general.styl

@@ -0,0 +1,36 @@
+old-display = display
+
+display(type)
+  if type is inline-block
+    display -moz-inline-stack
+    display inline-block
+    vertical-align middle
+    *vertical-align auto
+    zoom: 1
+    *display inline
+  else
+    old-display(type)
+
+
+
+// Genericar mais:
+//  - suporte a fallback automatico
+//  - suporte a propriedades sem sufixo -color
+transparent-fallback(property, color, fallback = null)
+  if color is a "color"
+    acolor = rgb(color)
+    {property} fallback || acolor
+    if acolor != color
+      {property} color
+  else
+    {property} color
+
+background-color(color, fallback = null)
+  transparent-fallback(background-color, color, fallback)
+
+border-color(color, fallback = null)
+  transparent-fallback(border-color, color, fallback)
+
+color(c, fallback = null)
+  transparent-fallback(color, c, fallback)
+

data/lib/assets/stylesheets/helpers/index.styl

@@ -0,0 +1,4 @@
+@import "helpers/button"
+@import "helpers/general"
+@import "helpers/link"
+@import "helpers/url"

data/lib/assets/stylesheets/helpers/link.styl

@@ -0,0 +1,6 @@
+link-color(color)
+  color color
+  &:hover
+    color lighten(color, 20%)
+  &:active
+    color darken(color, 20%)

data/lib/assets/stylesheets/helpers/url.styl

@@ -0,0 +1,5 @@
+image(url)
+  url(image_path(url))
+
+image_path(url)
+  "/assets/" + url

data/lib/assets/stylesheets/modules/button.styl

@@ -0,0 +1,42 @@
+@import 'application/theme'
+@import 'helpers/button'
+@import 'nib'
+
+
+
+button, .button
+  border none
+  border-radius 10px
+  button-gradient-background(button-default-color)
+  cursor pointer
+  font-family button-font-family
+  font-size 1em
+  font-weight bold
+  padding 0.6em
+  text-align center
+  text-decoration none
+  // text-shadow 0 1px 1px rgba(255,255,255,0.3)
+
+  default-button-states button-default-color
+
+  &:active
+    // padding-bottom 0.55em
+    // padding-top    0.65em
+
+  &[disabled], &.disabled
+    cursor default
+    default-button-states button-disabled-color
+
+  &.success
+    default-button-states button-success-color
+
+  &.danger
+    default-button-states button-danger-color
+
+  &.cancel
+    default-button-states #222
+
+
+  small
+    font-size 0.8em
+    font-weight normal

data/lib/assets/stylesheets/sprite.styl

@@ -0,0 +1,40 @@
+@import "sprites"
+
+get(hash, key)
+  for pair in hash
+    return pair[1] if pair[0] == key
+
+
+
+sprites ?= ()
+
+
+
+sprite(image, widget = 'default', hash = sprites)
+
+  // test widget
+  error("Widget '" + widget + "' does not exist!") unless get(hash,widget)
+
+
+  // get default properties
+  props = get(get(hash,widget), default)
+
+  for pair in props
+    add-property pair[0], unquote(pair[1]) unless pair[0] is null
+
+
+  // get widget properties
+  props = get(get(get(hash,widget),images),image)
+
+  // test widget image
+  error("Image '" + image + "' does not exist for '" + widget + "' widget!") unless props
+
+  for pair in props
+
+    value    = pair[1]
+    property = pair[0]
+    value    = unquote(value) if typeof(value) is 'string'
+    add-property property, value unless value is null
+
+  // add some other properties
+  add-property display, block

data/lib/assets/stylesheets/ssprites.styl

@@ -0,0 +1 @@
+error("You must create a file named 'sprites.styl' with your sprites.\nTo generate a new sprite for a widget, run the command `thor sprite:build WIDGET`")

data/lib/ende/version.rb

@@ -0,0 +1,3 @@
+module Ende
+  VERSION = "0.0.1"
+end

data/lib/ende.rb

@@ -0,0 +1,21 @@
+require "ende/version"
+
+module Ende
+  class Railtie < Rails::Railtie
+    config.to_prepare do
+      current_dir = Pathname.new(__FILE__).parent.parent
+      assets      = Ende.assets
+
+      assets.paths << current_dir.join('lib', 'assets', 'javascripts').to_s
+      # assets.paths << current_dir.join('lib', 'assets', 'stylesheets').to_s uncomment if you use
+      assets.paths << current_dir.join('vendor', 'assets', 'javascripts').to_s
+      # assets.paths << current_dir.join('vendor', 'assets', 'stylesheets').to_s uncomment if you use
+    end
+
+  end
+
+  def Ende.assets
+    assets = Railtie.config.assets rescue nil
+    assets or Rails.application.config.assets
+  end
+end