ncammarata

[
  3,
  2,
  14,
  18,
  36,
  15,
  29,
  39,
  36,

ncammarata

[
  10,
  24,
  74,
  136,
  310,
  160,
  283,
  630,
  698,

ncammarata

.messages
    .message(
      repeat<user> = @userMessages    
      class<active> = @activeUser.id == user.id 
      click = :activate user
     )
      .name {user.message}
      .latest {.text (tail user.messages)}
      .date {friendly message.timestamp}
  

ncammarata

import List

Task : { done: Boolean, id: Int, name: String }
Tasks : { name: String, tasks: List Task }
TasksList : List Tasks

Component "tasks-page" {
  attrs: {tasks: Tasks}
  state: {newTask: ""}

ncammarata

tweets = Socket "api.localhost.dev/tweets"
       >> filter (.favorites > 1000)
       >> sortBy .favorites
       >> take 10

App {
  state: { tweets }
  template:
    h1 Favorite Tweets
    .tweet(

ncammarata

# Front end

api = connectAPI "https://localhost:3000"

Colors = api.collection 'colors'

colors = Colors
       << sortBy .name

App {

ncammarata

Flint = require('Flint')

api = Flint.api

colors = api.collection 'colors', {
  add: (item) ->
  remove: (id) ->
  change: (id, newItem) ->
}

ncammarata

App {
  state = { left = 50, name = "nick" },

  template =
    h1(left: @left) hello man
    button(click: @left -= 50) go left
    button(click: @left += 50) go right
    h1() my name is {@name}
    input(sync: @name) 

ncammarata

App {
  state: { activeMessage: 0 }
  routes: {
    message: {
      route: "/messages/{id}"
      action: :loadMessage
    }
  }
    
  actions:

ncammarata

placeholder = "What needs to be done?"

type Filter = All | Active | Complete

filterFn = case Filter of
  All: constant True
  Complete: (eq .complete)
  Active: (not << eq) .complete

App {