component-examples

index.coffee

app = module.exports = require('derby').createApp 'component-examples', __filename
app.serverUse module, 'derby-stylus'
app.loadViews __dirname
app.loadStyles __dirname

app.use require 'l-progress/example'
# add more components here...

app.get '/', ->
  componentNames = []
  for viewName of app.views.nameMap
    match = /^(l-.+)-example$/.exec viewName
    componentNames.push match[1] if match
  componentNames.sort (a,b) ->
    return a.localeCompare(b)
  @model.set '_page.componentNames', componentNames
  @render 'home'

app.get '/:component', ->
  @render @params.component + '-example'


app.on 'ready', (page) ->
  # For debugging purposes only
  window.MODEL = page.model
  window.APP = app

index.html

<Title:>
  {{$render.ns}} Example

<Body:>
  <view name={{$render.ns}}></view>

<home:>
  <ul class="list">
    {{each _page.componentNames}}
      <li><a href="/{{this}}">{{this}}</a></li>
    {{/each}}
  </ul>

index.styl

@require './node_modules/l-progress'

.list
  li
    font-size: 25px
    margin: 10px
    padding: 10px
    a
      color: black
    a:hover
      color: blue

server.coffee

require('derby-starter').run __dirname, {port: 3300}