Dilithium

To boldy go where no javascript framework has gone before. A tiny, conventional and opionated javascript framework build ontop of MithrilJs with developer productivity in mind.

How to Use

• api
• attribute
• attribute_array
• attribute_model_array
• base
• collection
• component
• events
• field
• field_checkbox
• field_err
• field_file
• field_input_password
• field_input_text
• field_radio
• field_select
• field_textarea
• form
• list
• location
• member
• model
• popup
• show
• util
• view

api

attribute

attribute_array

attribute_model_array

Represent an array of models

export class ResourceTags extends Model
  attributes:
    resource_id:=> new Attribute()
    resource_tags:=> new AttributeModelArray()

export class ResourceTag extends Model
  attributes:
    key:=> new Attribute()
    value:=> new Attribute()

  constructor:(args)->
    super(args)
    @model = new ResourceTags()
  index_success:(data)=>
    unless data.length is 0
      @model.resource_tags.reset(data.length+1,ResourceTag)
      for model,i in @model.resource_tags.array
        model.reset data[i]
    @loading = false
  reindex:=>
    @model.resource_id.value @resource_id()
    @model.resource_tags.reset(3,ResourceTag)
    ResourceApi.resource_tags.resource_index
      resource_id: @resource_id()
  add_tag:=>
    @model.resource_tags.array.push new ResourceTag()
  render:=>
    m 'form', onsubmit: @submit,
      m '.fields',
        m '.resource_tags_fields',
          m 'table.resource_tags',
            m 'tbody',
              for model in @model.resource_tags.array
                @tag_row(model)

base

collection

component

events

field

field_checkbox

field_err

field_file

field_input_password

field_input_text

field_radio

field_select

field_textarea

form

index.coffee

list

location

member

model

popup

show

util

view

How to Build

Install all the dependencies

npm i

We use a Cakfile. This is similar to a Rubyfile but its for coffescript. In order to use the cake command you'll to need globally install coffescript

npm i --global coffeescript

To compile the code:

cake compile

The compiled code will output to the build directory

How to specify local package for development

npm 3.0 supprts installing local packages with the following command:

npm i --save /Users/andrewbrown/Sites/dilithium.js

you'll see something like this in your package.json

"dependencies": {
  "dilithium-js": "file:../../dilithium.js"
}

Pathing issues

In local development it can be hard for nodejs to find mithril and you have to temporarily fix the paths.

So change this:

import { m } from 'mithril'
import * as m from 'mithril'
import stream from 'mithril/stream'

to this:

import { m } from './../../node_modules/mithril/mithril.js'
import * as m from './../../node_modules/mithril/mithril.js'
import stream from './../../node_modules/mithril/stream/stream.js'