carte-server 0.0.14 → 0.0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 94f92bcba2bb68b4e76f4380f0d4bcd508db2470
-  data.tar.gz: ce41c8cdd0b3f0221c3e2b3cad4dae76ce5547f6
+  metadata.gz: 1ba4c0c1d9d328e91985d0a435eb4a9c51046a0b
+  data.tar.gz: 7c05b9c9d2ce1ffcbdcf4ce2690f94e4a5f56bb7
 SHA512:
-  metadata.gz: 73b8fca305b006462412bc800b10cf00cc65675538cb1fb07681edbdcc72478b51583390e423742cd81c7d23a1a03f5966e6928a30f9e3c3a541b608e6feb572
-  data.tar.gz: ba3a2d310e97f4eee0ca9fa2c57d88ff08cf8ef7a09843e6ef58a593d8569d2cdb7a5be504a90991af6187580af08018d3348b5022ff49fa9ed90fc4d902c0c8
+  metadata.gz: f2a939c479661dec2268f1f969f929131cfc487f00eb516abbcf7bffc97012b0a06ea38c6253056a310125b24b143c412b73c68a1519dd3463051aafda2109de
+  data.tar.gz: b862890398c149b3a8677b09446f07cf5c713d81910c817aeb5afa8c222b061991434eb4978e6440b0980671ed29443ac34831469c043f43171bb63f5e0b57fc

data/.gitignore

@@ -14,5 +14,6 @@
 mkmf.log
 /node_modules/
 /public/app.js
+/public/app.html
 /lib/carte/shared/custom.json
 .env

data/config.json

@@ -2,9 +2,22 @@
   "title": "Carte Sandbox (custom)",
   "description": "Sandbox for Carte",
   "icon_link": "http://www.google.com",
-  "public_folder": "public",
-  "script_path": "public/app.js",
   "menu_items": ["latest", "random", "atoz"],
   "default_query": {"sort": "updated_at", "order": "desc"},
-  "api_path": ""
+
+  "root_dir": "public",
+  "root_path": "/",
+  "api_path": "api",
+  "icon_path": "images/icon.png",
+  "script_path": "app.js",
+  "html_path": "app.html",
+  "enable_apple_touch_icon": true,
+  "apple_touch_icon_path": "images/apple-touch-icon.png",
+  "apple_touch_icon_57_path": "images/apple-touch-icon-57x57.png",
+  "apple_touch_icon_72_path": "images/apple-touch-icon-72x72.png",
+  "apple_touch_icon_76_path": "images/apple-touch-icon-76x76.png",
+  "apple_touch_icon_114_path": "images/apple-touch-icon-114x114.png",
+  "apple_touch_icon_120_path": "images/apple-touch-icon-120x120.png",
+  "apple_touch_icon_144_path": "images/apple-touch-icon-144x144.png",
+  "apple_touch_icon_152_path": "images/apple-touch-icon-152x152.png"
 }

data/config.ru

@@ -1,12 +1,20 @@
 require 'carte/server'
 require 'json'
 
+$config = JSON.parse(File.read('config.json'))
+
 class Carte::Server
   configure do
     Mongoid.load! './mongoid.yml'
-    config = JSON.parse File.read('config.json')
-    set :carte, config
+    set :carte, $config
   end
 end
 
-run Carte::Server.new
+map('/') do
+  use Rack::Static, urls: [""], root: $config['root_dir'], index: $config['html_path']
+  run Rack::Directory.new $config['root_dir']
+end
+
+map('/api') do
+  run Carte::Server.new
+end

data/lib/carte.coffee

@@ -1,51 +1,77 @@
-fs = require 'fs'
+fs = require 'fs-extra'
 path = require 'path'
 gulp = require 'gulp'
 gulpUtil = require 'gulp-util'
 gulpIf = require 'gulp-if'
-source = require 'vinyl-source-stream'
+sourceStream = require 'vinyl-source-stream'
 browserify = require 'browserify'
 watchify = require 'watchify'
 uglify = require 'gulp-uglify'
 streamify = require 'gulp-streamify'
+_ = require 'lodash'
+jade = require 'gulp-jade'
+rename = require 'gulp-rename'
 
 module.exports = class Carte
+  watching: false
+
   install: (gulp, config)->
-    gulp.task 'build', =>
-      @build
-        watch: false
-        minify: true
-        config: config
-    gulp.task 'watch', =>
-      @build
-        watch: true
-        minifty: false
-        config: config
+    custom = require(config)
+    fs.writeFileSync(__dirname + '/carte/shared/custom.json', JSON.stringify(custom))
+
+    gulp.task 'watching', => @watching = true
+    gulp.task 'build', ['build:html', 'build:script']
+    gulp.task 'watch', ['watching', 'build:html', 'build:script']
+
+    gulp.task 'build:html', =>
+      _config = require('./carte/client/config')
+      gulp.src('lib/carte/client.jade')
+        .pipe jade(locals: {config: _config}, pretty: true)
+        .pipe rename(_config.html_path)
+        .pipe gulp.dest(_config.root_dir)
+
+    gulp.task 'build:script', =>
+      @buildScript config: config
 
-  build: (options)->
+  buildScript: (options)->
     config = require(options.config)
     fs.writeFileSync(__dirname + '/carte/shared/custom.json', JSON.stringify(config))
-    dir = path.dirname config.script_path
+    dir = config.root_dir
     file = path.basename config.script_path
-    minify = options.minify
     browserify = browserify
       cache: {}
       packageCache: {}
       fullPaths: true
       entries: [__dirname + '/carte/client.coffee']
-      extensions: ['.coffee', '.js', '.cjsx']
+      extensions: ['.coffee', '.js', '.cjsx', '.css']
     browserify
       .transform 'coffee-reactify'
       .transform 'debowerify'
-    if options.watch
+      .transform 'browserify-css',
+        rootDir: 'public'
+        processRelativeUrl: (relativeUrl)->
+          stripQueryStringAndHashFromPath = (url)-> url.split('?')[0].split('#')[0]
+          rootDir = path.resolve(process.cwd(), 'public')
+          relativePath = stripQueryStringAndHashFromPath(relativeUrl)
+          queryStringAndHash = relativeUrl.substring(relativePath.length)
+          prefix = '../node_modules/'
+          if (_.startsWith(relativePath, prefix))
+            vendorPath = 'vendor/' + relativePath.substring(prefix.length)
+            source = path.join(rootDir, relativePath)
+            target = path.join(rootDir, vendorPath)
+            gulpUtil.log('Copying file from ' + JSON.stringify(source) + ' to ' + JSON.stringify(target))
+            fs.copySync(source, target)
+            return vendorPath + queryStringAndHash
+          relativeUrl
+    if @watching
       watchified = watchify(browserify)
-      watchified.on 'update', ()=> @bundle(browserify, dir, file, minify)
+      watchified.on 'update', ()=> @bundle(browserify, dir, file)
       watchified.on 'log', gulpUtil.log
-    @bundle(browserify, dir, file, minify)
+    @bundle(browserify, dir, file)
   
-  bundle: (browserify, dir, file, minify)->
+  bundle: (browserify, dir, file)->
     browserify
       .bundle()
-      .pipe source file
-      .pipe gulpIf(minify, streamify(uglify()))
+      .pipe sourceStream file
+      .pipe gulpIf(!@watching, streamify(uglify()))
       .pipe gulp.dest dir

data/lib/carte/client.coffee

@@ -4,11 +4,9 @@ $ = require('jquery')
 cssify = require('cssify')
 AppViewComponent = require('./client/views/app')
 Router = require('./client/router')
+require('./client.css')
 
 Backbone.$ = $
-cssify.byUrl('//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css')
-cssify.byUrl('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css')
-cssify.byUrl('//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css')
 
 $(document).ready ()->
   AppView = React.createFactory(AppViewComponent)

data/lib/carte/client.css

@@ -0,0 +1,91 @@
+@import "../../node_modules/bootstrap/dist/css/bootstrap.css";
+@import "../../node_modules/font-awesome/css/font-awesome.css";
+@import "../../node_modules/animate.css/animate.css";
+
+.navbar-default a,
+.navbar-default a:hover,
+.navbar-default a:visited,
+.navbar-default a:active,
+.nav-pills a,
+.nav-pills a:hover,
+.nav-pills a:visited,
+.nav-pills a:active,
+.tools a,
+.tools a:hover,
+.tools a:visited,
+.tools a:active
+{
+  color: #333333 !important;
+  text-decoration: none !important;
+}
+
+.glyphicon-refresh-animate {
+  -animation: spin .7s infinite linear;
+  -webkit-animation: spin2 .7s infinite linear;
+}
+@-webkit-keyframes spin2 {
+  from { -webkit-transform: rotate(0deg);}
+  to { -webkit-transform: rotate(360deg);}
+}
+@keyframes spin {
+  from { transform: scale(1) rotate(0deg);}
+  to { transform: scale(1) rotate(360deg);}
+}
+
+/* https://github.com/olahol/react-tagsinput/blob/master/react-tagsinput.css */
+.react-tagsinput {
+  border: 1px solid #ccc;
+  background: #fff;
+  padding: 10px;
+  overflow-y: auto;
+  border-radius: 3px;
+}
+
+.react-tagsinput-tag {
+  display: block;
+  /*border: 1px solid #a5d24a;*/
+  /*background: #cde69c;*/
+  /*color: #638421;*/
+  /*font-size: 12px;*/
+  /*font-family: 'Helvetica Neue', 'Arial', sans-serif;*/
+  float: left;
+  /*padding: 5px;*/
+  margin-right: 5px;
+  /*margin-bottom: 5px;*/
+  text-decoration: none;
+  border-radius: 2px;
+}
+
+.react-tagsinput-invalid {
+  background: #FBD8DB !important;
+  color: #90111A !important;
+}
+
+.react-tagsinput-validating {
+  /* background: #FFFACD !important; */
+}
+
+.react-tagsinput-remove {
+  font-weight: bold;
+  /* color: #638421; */
+  text-decoration: none;
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.react-tagsinput-remove:before {
+  /* content: " x"; */
+}
+
+.react-tagsinput-input {
+  background: transparent;
+  /* color: #777; */
+  border: 0;
+  /* font-size: 13px; */
+  /* font-family: 'Helvetica Neue', 'Arial', sans-serif; */
+  /*padding: 5px;*/
+  margin: 0;
+  width: 80px;
+  outline: none;
+}
+

data/lib/carte/client.jade

@@ -0,0 +1,24 @@
+doctype html
+html
+  head
+    meta(charset="utf-8")
+    meta(name="viewport",content="width=device-width,initial-scale=1.0")
+    meta(name="description",content=config.description)
+    title= config.title
+    script(type="text/javascript",src=config.script_path)
+    if config.enable_apple_touch_icon
+      link(href='/apple-touch-icon.png',rel='apple-touch-icon')
+      for size in ['', '57', '72', '76', '114', '120', '144', '152']
+        link(href=config['apple_touch_icon_' + size + '_path'],rel='apple-touch-icon',sizes=size + 'x' + size)
+    style.
+      a {
+        color: #{config.link_color};
+        text-decoration: none;
+      }
+      a:hover,
+      a:focus {
+        color: #{config.link_active_color};
+        text-decoration: underline;
+      }
+  body
+    #app

data/lib/carte/client/config.coffee

@@ -1,4 +1,4 @@
-$ = require('jquery')
+extend = require('extend')
 _default = require('../shared/default')
 custom = require('../shared/custom')
-module.exports = $.extend _default, custom
+module.exports = extend _default, custom

data/lib/carte/client/models/card.coffee

@@ -12,13 +12,11 @@ module.exports = class Card extends Backbone.Model
     if @isNew()
       console.log @
       console.log 'url is new'
-      url = '/api/cards.json'
+      url = '/cards.json'
     else
       console.log 'url is not new'
-      url = '/api/cards/' + encodeURIComponent(@get('title')) + '.json'
-    if config.api_path
-      url = config.api_path + url
-    url
+      url = '/cards/' + encodeURIComponent(@get('title')) + '.json'
+    config.root_path + config.api_path + url
 
   parse: (response)->
     if response.card then response.card else response

data/lib/carte/client/models/cards.coffee

@@ -7,10 +7,8 @@ module.exports = class Cards extends Backbone.Collection
   model: CardModel
   query: {}
   url: ()->
-    url = '/api/cards.json?' + $.param(@query)
-    if config.api_path
-      url = config.api_path + url
-    url
+    url = '/cards.json?' + $.param(@query)
+    config.root_path + config.api_path + url
   parse: (response)->
     console.log response
     @page = response.page

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

@@ -1,6 +1,7 @@
 # @cjsx React.DOM 
 React = require('react')
 Card = require('./card')
+Message = require('./message')
 
 module.exports = React.createClass
   displayName: 'Cards'
@@ -16,36 +17,26 @@ module.exports = React.createClass
         @setState error: response
         @forceUpdate.bind(@, null)
 
+  componentWillReceiveProps: (nextProps)->
+    console.log 'component did mount'
+    nextProps.cards.on 'sync', @forceUpdate.bind(@, null)
+    if nextProps.card
+      nextProps.card.on 'error', (model, response)=>
+        @setState error: response
+        @forceUpdate.bind(@, null)
+
   render: ->
     console.log 'render cards', @props.cards, @state
-    if @state.error
-      <div className='row'>
-        {
-          for i in [1..9]
-            <div className='col-sm-4' style={padding:'5px'} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
-              <div className='list-group'style={margin:'0px',padding:'0px'}>
-                <div className='list-group-item' style={height:'220px'}>
-                  <i className='glyphicon glyphicon-alert' /> {@state.error.status} {@state.error.statusText}
-                </div>
-              </div>
-            </div>
-        }
-      </div>
-    else if !@props.cards.fetching
+    if @props.cards.fetching
+      console.log 'cards loading'
+      <Message>
+        <i className='glyphicon glyphicon-refresh glyphicon-refresh-animate' /> Loading ...
+      </Message>
+    else if @state.error
+      <Message>
+        <i className='glyphicon glyphicon-alert' /> {@state.error.status} {@state.error.statusText}
+      </Message>
+    else
       console.log 'cards loaded'
       cards = @props.cards.map (card)-> <Card key={card.get("title")} card={card} />
       <div className='row'>{cards}</div>
-    else
-      console.log 'cards loading'
-      <div className='row'>
-        {
-          for i in [1..9]
-            <div className='col-sm-4' style={padding:'5px'} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
-              <div className='list-group'style={margin:'0px',padding:'0px'}>
-                <div className='list-group-item' style={height:'220px'}>
-                  <i className='glyphicon glyphicon-refresh glyphicon-refresh-animate' /> Loading ...
-                </div>
-              </div>
-            </div>
-        }
-      </div>

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

@@ -63,7 +63,7 @@ module.exports = React.createClass
       <div className="container-fluid">
         <div className="navbar-header">
           <a className="navbar-brand" onClick={helpers.reload if !config.icon_link} href={if config.icon_link then config.icon_link else "#/"} style={{paddingTop:"10px"}}>
-            <img alt="Brand" src="/images/icon.png" width="30" height="30" />
+            <img alt="Brand" src={config.root_path + config.icon_path} width="30" height="30" />
           </a>
           <a className="navbar-brand" onClick={helpers.reload} href="#/">
             {config.title}

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

@@ -53,7 +53,7 @@ module.exports = React.createClass
                     when 'random'
                       <li><a onClick={helpers.reload} href={"#/?" + @randomParam()} style={{padding:'6px 12px',fontWeight: if @props.cards.query.order == 'random' then 'bold' else 'normal'}}>Random</a></li>
               }
-              <li><a href={config.api_path + "/api/cards.xml?" + @queryParam({}, [])} style={{padding:'6px 12px'}}><i className="fa fa-rss" /></a></li>
+              <li><a href={config.root_path + config.api_path + "/api/cards.xml?" + @queryParam({}, [])} style={{padding:'6px 12px'}}><i className="fa fa-rss" /></a></li>
             </ul>
           </div>
           <div className="col-sm-6" style={{padding:"0px"}}>

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

@@ -0,0 +1,20 @@
+# @cjsx React.DOM 
+React = require('react')
+Card = require('./card')
+
+module.exports = React.createClass
+  displayName: 'Message'
+
+  render: ->
+    <div className='row'>
+      {
+        for i in [1..9]
+          <div className='col-sm-4' style={padding:'5px'} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
+            <div className='list-group'style={margin:'0px',padding:'0px'}>
+              <div className='list-group-item' style={height:'220px'}>
+                {@props.children}
+              </div>
+            </div>
+          </div>
+      }
+    </div>

data/lib/carte/server.rb

@@ -21,7 +21,6 @@ module Carte
       set :public_folder, 'public'
       set :default, JSON.parse(File.read(File.join(File.dirname(__FILE__), 'shared/default.json')))
       set :carte, {}
-      set :script_path, '/app.js'
     end
 
     helpers do
@@ -61,81 +60,69 @@ module Carte
       end
     end
 
-    get '/' do
-      haml :index
+    get '/cards.xml' do
+      @cards = search(params)
+      builder :cards
     end
-
-    get '/app.js' do
-      cache_control :public
-      send_file settings.carte['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, tags: card.tags}}
-        {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, tags: card.tags, lefts: card.lefts(4), rights: card.rights(4)}}.to_json
+    
+    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, tags: card.tags}}
+      {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, tags: card.tags, lefts: card.lefts(4), rights: card.rights(4)}}.to_json
+    end
 
-      post '/cards.json' do
-        card = Card.new(json_data.slice('title', 'content', 'tags'))
-        if card.save
-          status 201
-          {card: {id: card.id}}.to_json
-        else
-          status 400
-          {card: {errors: card.errors}}.to_json
-        end
+    post '/cards.json' do
+      card = Card.new(json_data.slice('title', 'content', 'tags'))
+      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!
-        p json_data.slice('new_title', 'content', 'tags').compact
-        if card.update_attributes(json_data.slice('new_title', 'content', 'tags').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
+    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', 'tags').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
 
-      get '/tags.json' do
-        {tags: Card.all_tags}.to_json
-      end
+    get '/tags.json' do
+      {tags: Card.all_tags}.to_json
+    end
 
-      error(404) do
-        {}.to_json
-      end
+    error(404) do
+      {}.to_json
     end
   end
 end

data/lib/carte/server/version.rb

@@ -1,7 +1,8 @@
 require 'sinatra/base'
+require 'json'
 
 module Carte
   class Server < Sinatra::Base
-    VERSION = "0.0.14"
+    VERSION = JSON.parse(File.read(File.join(File.dirname(__FILE__), "../../../package.json")))['version']
   end
 end

data/lib/carte/shared/default.json

@@ -1,15 +1,28 @@
 {
   "title": "Carte Sandbox",
   "description": "Sandbox for Carte",
-  "public_folder": "public",
-  "script_path": "public/app.js",
   "link_color": "#337ab7",
   "link_active_color": "#23527c",
-  "api_path": "",
   "menu_items": ["atoz", "latest", "random"],
   "default_query": {"sort": "title", "order": "asc"},
   "title_max_length": 70,
   "description_max_length": 560,
   "tags_max_size": 3,
-  "tag_max_length": 10
+  "tag_max_length": 10,
+
+  "root_dir": "public",
+  "root_path": "/",
+  "api_path": "api",
+  "icon_path": "images/icon.png",
+  "script_path": "app.js",
+  "html_path": "app.html",
+  "enable_apple_touch_icon": true,
+  "apple_touch_icon_path": "images/apple-touch-icon.png",
+  "apple_touch_icon_57_path": "images/apple-touch-icon-57x57.png",
+  "apple_touch_icon_72_path": "images/apple-touch-icon-72x72.png",
+  "apple_touch_icon_76_path": "images/apple-touch-icon-76x76.png",
+  "apple_touch_icon_114_path": "images/apple-touch-icon-114x114.png",
+  "apple_touch_icon_120_path": "images/apple-touch-icon-120x120.png",
+  "apple_touch_icon_144_path": "images/apple-touch-icon-144x144.png",
+  "apple_touch_icon_152_path": "images/apple-touch-icon-152x152.png"
 }

data/package.json

@@ -1,7 +1,7 @@
 {
   "name": "carte-client",
   "description": "something like dictionary, wiki, or information card",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "lib/carte.coffee",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -17,20 +17,26 @@
   },
   "homepage": "https://github.com/tily/carte",
   "dependencies": {
+    "animate.css": "^3.2.5",
     "backbone": "^1.1.2",
     "bootstrap": "^3.3.4",
     "browserify": "^9.0.8",
+    "browserify-css": "^0.6.1",
     "coffee-reactify": "^3.0.0",
     "coffee-script": "^1.9.2",
     "coffeeify": "^1.0.0",
-    "cssify": "^0.7.0",
     "debowerify": "^1.2.1",
+    "extend": "^2.0.1",
+    "fs-extra": "^0.18.2",
     "gulp": "^3.8.11",
     "gulp-if": "^1.2.5",
+    "gulp-jade": "^1.0.0",
+    "gulp-rename": "^1.2.2",
     "gulp-streamify": "0.0.5",
     "gulp-uglify": "^1.2.0",
     "gulp-util": "^3.0.4",
     "jquery": "^2.1.3",
+    "lodash": "^3.8.0",
     "markdown-it": "^4.2.0",
     "react": "^0.13.2",
     "react-bootstrap": "^0.21.0",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: carte-server
 version: !ruby/object:Gem::Version
-  version: 0.0.14
+  version: 0.0.15
 platform: ruby
 authors:
 - tily
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-05 00:00:00.000000000 Z
+date: 2015-05-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -240,6 +240,8 @@ files:
 - lib/carte.coffee
 - lib/carte.rb
 - lib/carte/client.coffee
+- lib/carte/client.css
+- lib/carte/client.jade
 - lib/carte/client/config.coffee
 - lib/carte/client/helpers.coffee
 - lib/carte/client/models/card.coffee
@@ -253,6 +255,7 @@ files:
 - lib/carte/client/views/footer.cjsx
 - lib/carte/client/views/header.cjsx
 - lib/carte/client/views/list.cjsx
+- lib/carte/client/views/message.cjsx
 - lib/carte/client/views/pagination.cjsx
 - lib/carte/server.rb
 - lib/carte/server/models.rb
@@ -263,11 +266,11 @@ files:
 - lib/carte/server/validators/array_validator.rb
 - lib/carte/server/version.rb
 - lib/carte/server/views/cards.builder
-- lib/carte/server/views/index.haml
 - lib/carte/shared/.keep
 - lib/carte/shared/default.json
 - mongoid.yml
 - package.json
+- public/app.html
 - public/images/icon.png
 - screenshot.png
 - spec/server_spec.rb

data/lib/carte/server/views/index.haml

@@ -1,105 +0,0 @@
-!!! 5
-%html
-  %head
-    %meta{charset:"utf-8"}
-    %title= config['title']
-    %meta{name:"viewport",content:"width=device-width,initial-scale=1.0"}
-    %meta{name:"description",content:config['description']}
-    %script{type:"text/javascript",src:"/app.js"}
-    :css
-      .navbar-default a,
-      .navbar-default a:hover,
-      .navbar-default a:visited,
-      .navbar-default a:active,
-      .nav-pills a,
-      .nav-pills a:hover,
-      .nav-pills a:visited,
-      .nav-pills a:active,
-      .tools a,
-      .tools a:hover,
-      .tools a:visited,
-      .tools a:active
-      {
-        color: #333333 !important;
-        text-decoration: none !important;
-      }
-      a {
-        color: #{config['link_color']};
-        text-decoration: none;
-      }
-      a:hover,
-      a:focus {
-        color: #{config['link_active_color']};
-        text-decoration: underline;
-      }
-      .glyphicon-refresh-animate {
-        -animation: spin .7s infinite linear;
-        -webkit-animation: spin2 .7s infinite linear;
-      }
-      @-webkit-keyframes spin2 {
-        from { -webkit-transform: rotate(0deg);}
-        to { -webkit-transform: rotate(360deg);}
-      }
-      @keyframes spin {
-        from { transform: scale(1) rotate(0deg);}
-        to { transform: scale(1) rotate(360deg);}
-      }
-
-      /* https://github.com/olahol/react-tagsinput/blob/master/react-tagsinput.css */
-      .react-tagsinput {
-        border: 1px solid #ccc;
-        background: #fff;
-        padding: 10px;
-        overflow-y: auto;
-        border-radius: 3px;
-      }
-      
-      .react-tagsinput-tag {
-        display: block;
-        /*border: 1px solid #a5d24a;*/
-        /*background: #cde69c;*/
-        /*color: #638421;*/
-        /*font-size: 12px;*/
-        /*font-family: 'Helvetica Neue', 'Arial', sans-serif;*/
-        float: left;
-        /*padding: 5px;*/
-        margin-right: 5px;
-        /*margin-bottom: 5px;*/
-        text-decoration: none;
-        border-radius: 2px;
-      }
-      
-      .react-tagsinput-invalid {
-        background: #FBD8DB !important;
-        color: #90111A !important;
-      }
-      
-      .react-tagsinput-validating {
-        /* background: #FFFACD !important; */
-      }
-      
-      .react-tagsinput-remove {
-        font-weight: bold;
-        /* color: #638421; */
-        text-decoration: none;
-        font-size: 11px;
-        cursor: pointer;
-      }
-      
-      .react-tagsinput-remove:before {
-        /* content: " x"; */
-      }
-      
-      .react-tagsinput-input {
-        background: transparent;
-        /* color: #777; */
-        border: 0;
-        /* font-size: 13px; */
-        /* font-family: 'Helvetica Neue', 'Arial', sans-serif; */
-        /*padding: 5px;*/
-        margin: 0;
-        width: 80px;
-        outline: none;
-      }
-  %body
-    #app