carte-server 0.0.1

data/lib/carte/client/views/content.cjsx

@@ -0,0 +1,66 @@
+# @cjsx React.DOM 
+React = require('react')
+List = require('./list')
+CardCollection = require('../models/cards')
+CardModel = require('../models/card')
+
+module.exports = React.createClass
+  displayName: 'Content'
+
+  componentWillMount: ->
+    console.log 'componentWillMount'
+    @callback = ()=> @forceUpdate()
+    @props.router.on "route", @callback
+
+  componentWillUnmount: ->
+    console.log 'componentWillMount un'
+    @props.router.off "route", @callback
+
+  render: ->
+    console.log 'render component'
+    switch @props.router.current
+      when "list"
+        console.log 'list', @props.router.query
+        cards = new CardCollection()
+        cards.query = @props.router.query
+        cards.query.sort = 'title' if !cards.query.sort
+        cards.query.order = 'asc' if !cards.query.order
+        cards.fetching = true
+        cards.fetch success: ()-> cards.fetching = false
+        title = []
+        for k, v of cards.query
+          if k != 'title'
+            title.push(k + ': ' + v)
+        title = title.join(', ')
+        title = 'search: ' + cards.query.title + ' (' + title + ')' if cards.query.title
+        title += ' - carte'
+        document.title = title
+        <List key='list' cards={cards} showNav=true />
+      when "show"
+        console.log 'show'
+        cards = new CardCollection()
+        cards.fetching = true
+        card = new CardModel(title: @props.router.title)
+        card.fetch
+          success: (card)->
+            console.log card
+            for left in card.get("lefts")
+              cardModel = new CardModel(left)
+              cardModel.set 'focused', false
+              console.log 'adding left', cardModel
+              cards.add cardModel
+            card.set 'focused', true
+            cards.add card
+            for right in card.get("rights")
+              cardModel = new CardModel(right)
+              cardModel.set 'focused', false
+              console.log 'adding right', cardModel
+              cards.add cardModel
+            cards.fetching = false
+          error: (card, response)=>
+            console.log response
+        document.title = card.get('title') + ' - carte'
+        <List key='show' cards={cards} showNav=false />
+      else
+        console.log 'else'
+        <div>Loading ...</div>

data/lib/carte/client/views/edit.cjsx

@@ -0,0 +1,77 @@
+# @cjsx React.DOM 
+$ = require('jquery')
+React = require('react')
+Modal = require('react-bootstrap/lib/Modal')
+Button = require('react-bootstrap/lib/Button')
+Loader = require('react-loader')
+
+module.exports = React.createClass
+  displayName: 'Edit'
+
+  getInitialState: ()->
+    updating: false
+    title: @props.card.get('title')
+    content: @props.card.get('content')
+    errors: false
+
+  onChangeTitle: ->
+    @setState title: event.target.value
+
+  onChangeContent: ->
+    @setState content: event.target.value
+
+  onClickOk: ()->
+    event.preventDefault()
+    @setState updating: true
+    if @props.card.isNew()
+      attributes = {title: @state.title, content: @state.content}
+    else
+      attributes = {new_title: @state.title, content: @state.content}
+    @props.card.save attributes,
+      success: ()=>
+        @setState updating: false
+        @props.onRequestHide()
+        @props.card.set 'title', @state.title
+        if @props.card.isNew()
+          location.hash = '/' + @state.title
+      error: (model, response, options)=>
+        console.log response.responseJSON
+        @setState errors: response.responseJSON.card.errors
+        @setState updating: false
+
+  render: ->
+    <Modal {...@props} bsStyle='default' title={if @props.card.isNew() then 'New' else 'Edit'} animation={false}>
+      <div className='modal-body'>
+        {
+          if @state.errors
+            <div className="alert alert-danger" role="alert" style={padding:'5px'}>
+              <ul style={paddingLeft:"20px"}>
+              {
+                for key, errors of @state.errors
+                  for error in errors
+                    <li>{key + ' ' + error}</li>
+              }
+              </ul>
+            </div>
+        }
+        <div className="form-group">
+          <label class="control-label">Title</label>
+          <input type="text" className="form-control" value={@state.title} onChange={@onChangeTitle} disabled={@state.updating} id="inputError1" />
+        </div>
+        <div className="form-group">
+          <label class="control-label">Content</label>
+          <textarea rows="10" className="form-control" value={@state.content} onChange={@onChangeContent} disabled={@state.updating} />
+        </div>
+        <div className="form-group" style={{paddingBottom:'17px'}}>
+          <button className="btn btn-default pull-right" onClick={@onClickOk} disabled={@state.updating}>
+            &nbsp;
+            OK
+            &nbsp;
+            {
+              if @state.updating
+                <i className='glyphicon glyphicon-refresh glyphicon-refresh-animate' />
+            }
+          </button>
+        </div>
+      </div>
+    </Modal>

data/lib/carte/client/views/footer.cjsx

@@ -0,0 +1,9 @@
+# @cjsx React.DOM 
+React = require('react')
+
+module.exports = React.createClass
+  displayName: 'Footer'
+
+  render: ->
+    <div style={{paddingTop:'0px',paddingBottom:'100px',paddingRight:"30px",paddingLeft:'30px'}}>
+    </div>

data/lib/carte/client/views/header.cjsx

@@ -0,0 +1,44 @@
+# @cjsx React.DOM 
+React = require('react')
+Edit = require('./edit')
+CardModel = require('../models/card')
+ModalTrigger = require('react-bootstrap/lib/ModalTrigger')
+config = require('../../shared/config.json')
+
+module.exports = React.createClass
+  displayName: 'Header'
+
+  componentWillMount: ()->
+    console.log 'header mounted'
+    @card = new CardModel()
+    @card._isNew = true
+    @card.on 'sync', (model)=>
+      console.log 'sync!!!'
+      @card = new CardModel()
+      @card._isNew = true
+      @forceUpdate()
+
+  render: ->
+    <nav className="navbar navbar-default" style={{padding:"0px",backgroundColor:"white"}}>
+      <div className="container-fluid">
+        <div className="navbar-header">
+          <a className="navbar-brand" href="#/" style={{paddingTop:"10px"}}>
+            <img alt="Brand" src="/images/icon.png" width="30" height="30" />
+          </a>
+          <a className="navbar-brand" href="#/">
+            {config.title}
+          </a>
+        </div>
+        <div className="collapse navbar-collapse">
+          <ul className="nav navbar-nav navbar-right">
+            <li>
+              <ModalTrigger modal={<Edit card={@card} />}>
+                <a href="javascript:void(0)">
+                  <i className="glyphicon glyphicon-plus" />
+                </a>
+              </ModalTrigger>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>

data/lib/carte/client/views/list.cjsx

@@ -0,0 +1,111 @@
+# @cjsx React.DOM 
+$ = require('jquery')
+React = require('react')
+Cards = require('./cards')
+CardCollection = require('../models/cards')
+
+module.exports = React.createClass
+  displayName: 'List'
+
+  componentWillReceiveProps: (nextProps)->
+    console.log 'List: component will receive props'
+    nextProps.cards.on 'sync', @forceUpdate.bind(@, null)
+
+  getInitialState: ()->
+    searchText: ''
+
+  onChangeSearchText: ()->
+    @setState searchText: event.target.value
+
+  onKeyPressSearchText: ()->
+    if event.keyCode == 13 # ENTER
+      console.log '13 enter', @props.cards.query
+      event.preventDefault()
+      query = $.extend {}, @props.cards.query
+      query = $.extend query, {title: @state.searchText}
+      location.hash = '/?' + $.param(query)
+
+  atozParam: ()->
+    query = $.extend {}, @props.cards.query
+    query = $.extend query, {sort: 'title', order: 'asc', page: 1}
+    delete query.seed
+    $.param(query)
+
+  latestParam: ()->
+    query = $.extend {}, @props.cards.query
+    query = $.extend query, {sort: 'updated_at', order: 'desc', page: 1}
+    delete query.seed
+    $.param(query)
+
+  randomParam: ()->
+    query = $.extend {}, @props.cards.query
+    query = $.extend query, {order: 'random', page: 1, seed: new Date().getTime()}
+    delete query.sort
+    delete query.page
+    $.param(query)
+
+  pageParam: (page)->
+    query = $.extend {}, @props.cards.query
+    query = $.extend query, {page: page}
+    $.param(query)
+
+  render: ->
+    console.log 'render', @props.cards.query
+    <div className="container" style={{paddingLeft:"5px",paddingRight:"5px",paddingBottom:"20px"}}>
+      {if @props.showNav
+        <div className="row">
+          <div className="col-sm-12" style={{padding:"5px"}}>
+            <form>
+              <div className="form-group">
+                <input type="text" className="form-control" value={@state.searchText} onChange={@onChangeSearchText} onKeyPress={@onKeyPressSearchText} placeholder='Type search text and press enter ...' />
+              </div>
+            </form>
+          </div>
+          <div className="col-sm-6" style={{padding:"0px"}}>
+            <ul className="nav nav-pills">
+              <li><a href={"/#/?" + @atozParam()} style={{padding:'6px 12px',fontWeight: if @props.cards.query.sort == 'title' and @props.cards.query.order != 'random' then 'bold' else 'normal'}}>A to Z</a></li>
+              <li><a href={"/#/?" + @latestParam()} style={{padding:'6px 12px',fontWeight: if @props.cards.query.sort == 'updated_at' and @props.cards.query.order != 'random' then 'bold' else 'normal'}}>Latest</a></li>
+              <li><a href={"/#/?" + @randomParam()} style={{padding:'6px 12px',fontWeight: if @props.cards.query.order == 'random' then 'bold' else 'normal'}}>Random</a></li>
+            </ul>
+          </div>
+          <div className="col-sm-6" style={{padding:"0px"}}>
+            {
+              if @props.cards.query.order == 'random'
+                <ul className="nav nav-pills pull-right">
+                  <li>
+                    <a href={"/#/?" + @randomParam()} style={{padding:'6px 12px'}}>
+                      <i className="glyphicon glyphicon-refresh" />
+                    </a>
+                  </li>
+                </ul>
+              else
+                if @props.cards.page
+                  <ul className="nav nav-pills pull-right">
+                    {
+                      if @props.cards.page.current > 1
+                        <li>
+                          <a href={"/#/?" + @pageParam(@props.cards.page.current - 1)} aria-label="Previous" style={{padding:'6px 12px'}}>
+                            <span aria-hidden="true">&laquo;</span>
+                          </a>
+                        </li>
+                    }
+                    <li>
+                      <a href={"/#/?" + @pageParam(@props.cards.page.current)} style={{padding:'6px 12px'}}>
+                        {@props.cards.page.current} / {@props.cards.page.total}
+                      </a>
+                    </li>
+                    {
+                      if @props.cards.page.current < @props.cards.page.total
+                        <li>
+                          <a href={"/#/?" + @pageParam(@props.cards.page.current + 1)} aria-label="Next" style={{padding:'6px 12px'}}>
+                            <span aria-hidden="true">&raquo;</span>
+                          </a>
+                        </li>
+                    }
+                  </ul>
+            }
+          </div>
+        </div>
+      } 
+      <Cards cards={@props.cards} />
+    </div>

data/lib/carte/server.rb

@@ -0,0 +1,113 @@
+require 'sinatra/base'
+require 'sinatra/namespace'
+require 'mongoid'
+require 'mongoid_auto_increment_id'
+require 'will_paginate_mongoid'
+require 'carte/server/models'
+
+module Carte
+  class Server < Sinatra::Base
+    register Sinatra::Namespace
+    include Carte::Server::Models
+
+    configure do
+      set :views, File.join(File.dirname(__FILE__), 'server/views')
+      set :public_folder, 'public'
+      set :script_path, '/app.js'
+    end
+
+    helpers do
+      def json_data
+        request.body.rewind
+        JSON.parse(request.body.read)
+      end
+
+      def search(params)
+        order = (params[:order] && %w(asc desc random).include?(params[:order])) ? params[:order] : 'desc'
+        sort = (params[:sort] && %w(title created_at updated_at).include?(params[:sort])) ? params[:sort] : 'updated_at'
+        if order == 'random'
+          return Card.sample(9)
+        end
+        cards = Card.send(order, sort)
+        if title = params[:title]
+          cards = cards.any_of({title: /#{title}/})
+        end
+        if content = params[:content]
+          cards = cards.any_of({content: /#{content}/})
+        end
+        cards = cards.paginate(per_page: 9, page: params[:page])
+      end
+    end
+
+    get '/' do
+      haml :index
+    end
+
+    get '/app.js' do
+      File.read(settings.script_path)
+    end
+
+    namespace '/api' do
+      get '/cards.xml' do
+        @cards = search(params)
+        builder :cards
+      end
+      
+      get '/cards.json' do
+        cards = search(params)
+        if cards.respond_to?(:current_page) && cards.respond_to?(:total_pages)
+          current_page = cards.current_page.to_i
+          total_pages = cards.total_pages
+        end
+        cards = cards.map {|card| {id: card.id, title: card.title, content: card.content, version: card.version}}
+        {cards: cards, page: {current: current_page, total: total_pages}}.to_json
+      end
+      
+      get '/cards/:title.json' do
+        card = Card.where(title: params[:title]).first
+        halt 404 if card.nil?
+        {card: {id: card.id, title: card.title, content: card.content, version: card.version, lefts: card.lefts(4), rights: card.rights(4)}}.to_json
+      end
+
+      post '/cards.json' do
+        card = Card.new(json_data)
+        if card.save
+          status 201
+          {card: {id: card.id}}.to_json
+        else
+          status 400
+          {card: {errors: card.errors}}.to_json
+        end
+      end
+ 
+      put '/cards/:title.json' do
+        card = Card.where(title: params[:title]).first
+        halt 404 if card.nil?
+        card.histories.create!
+        if card.update_attributes(json_data.slice('new_title', 'content').compact)
+          status 201
+          {}.to_json
+        else
+          status 400
+          {card: {errors: card.errors}}.to_json
+        end
+      end
+      
+      #delete '/cards/:title.json' do
+      #  card = Card.where(title: params[:title]).first
+      #  halt 404 if card.nil?
+      #  card.destroy
+      #end
+      
+      get '/cards/:title/history.json' do
+        card = Card.where(title: params[:title]).first
+        halt 404 if card.nil?
+        {history: card.histories}.to_json
+      end
+
+      error(404) do
+        {}.to_json
+      end
+    end
+  end
+end

data/lib/carte/server/models.rb

@@ -0,0 +1,2 @@
+require 'carte/server/models/card'
+require 'carte/server/models/history'

data/lib/carte/server/models/card.rb

@@ -0,0 +1,60 @@
+module Carte
+  class Server < Sinatra::Base
+    module Models
+      class Card
+        include Mongoid::Document
+        include Mongoid::Timestamps
+        include Mongoid::Attributes::Dynamic
+      
+        field :title, type: String
+        field :new_title, type: String
+        field :content, type: String
+
+        index({title: 1}, {unique: true, name: "title_index"})
+      
+        validates :title,
+          presence: true,
+	  on: :create
+        validates :title,
+          uniqueness: true,
+          length: {maximum: 70}
+        validates :content,
+          presence: true,
+          length: {maximum: 560}
+      
+        has_many :histories
+      
+        def version
+          self.histories.size + 1
+        end
+      
+        before_validation(on: :update) do
+          self.title = self.new_title
+          self.new_title = nil
+        end
+      
+        def self.sample(size=1)
+          self.in(id: (1...self.count).to_a.sample(size))
+        end
+      
+        def lefts(size=1)
+          ids = []
+          count = self.class.all.count
+          1.upto(size) do |i|
+            ids << (self.id - i > 0 ? self.id - i : count + (self.id - i))
+          end
+          self.class.in(id: ids)
+        end
+      
+        def rights(size=1)
+          ids = []
+          count = self.class.all.count
+          1.upto(size) do |i|
+            ids << (self.id + i <= count ? self.id + i : self.id + i - count)
+          end
+          self.class.in(id: ids)
+        end
+      end
+    end
+  end
+end