Stapes

Stapes - Minimal JavaScript MVC Framework

Working with Phonegap, see More Phonegap, I wanted a small simple JavaScript MVC Framework as an alternative to Backbonejs.

Stapes can be found here http://hay.github.com/stapes/

I’ve reverse engineered a design for the Todos example that is included in the with stapes.

DOM Objects

| Object         | Event          | Notes          |
|----------------|----------------|----------------|
| Window         | onhashchange   |                |
| todoadd        | destroy        |                |
|                | dbclick        |                |
|                | keyup          |                |
|                | focusout       |                |
|                | input.toggle   |                |
| newtodo        | keyup          |                |
| clearcompleted | click          |                |
| toggleall      |                |                |

stapes events

| Event          | Publishers     | Subscribers    |
|----------------|----------------|----------------|
| change         |                | Model.change   |
| ready          |                |                |
| clearcompleted |                |                |
| edittodo       |                |                |
| statechange    |                |                |
| todoaddvalue   | newtodo.keyup  |                |
| todocompleted  |                |                |
| tododelete     | todoadd.destroy|                |
| todoedit       |                |                |
| completedall   |                |                |
| uncompletedall |                |                |

View Objects

| Object         | Methods              | Notes          |
|----------------|----------------------|----------------|
| View           | showClearCompleted   |                |
|                | clearCompleted       |                |
|                | makeEditable         |                |
|                | clearInput           |                |
|                | render               |                |
|                | showLeft             |                |

Controller Objects

| Object         | Methods              | Notes          |
|----------------|----------------------|----------------|
| Controller     | bindEventHandlers    |                |
|                | init                 |                |
|                | renderAll            |                |

Model Objects

| Object         | Methods              | Notes          |
|----------------|----------------------|----------------|
| Model          | clearCompleted       |                |
|                | addTodo              |                |
|                | remove               |                |
|                | update               |                |

Store Objects

| Object         | Methods              | Notes          |
|----------------|----------------------|----------------|
| Store          | save                 |                |
|                |                      |                |