Home Manual Reference Graphs Source Repository

Local Source
- site/js
  - App.js
    - App
- site/js/collections
  - todoList.js
    - TodoList
    - todoList
- site/js/models
  - appState.js
    - AppState
    - appState
  - Item.js
    - Item
- site/js/router
  - AppRouter.js
    - AppRouter
- site/js/views
  - ItemView.js
    - ItemView
  - ManageTodosView.js
    - ManageTodosView
JSPM Managed Source
- backbone (backbone-es6)
  - src
    - Backbone.js
      - Backbone
    - Collection.js
      - Collection
    - Debug.js
      - Debug
    - History.js
      - History
    - Model.js
      - Model
    - Router.js
      - Router
    - Utils.js
      - Utils
    - View.js
      - View
    - extend.js
      - extend
    - sync.js
      - sync
    - BackboneProxy.js
      - BackboneProxy
- typhonjs-core-backbone-events
  - src
    - Events.js
      - Events
    - TyphonEvents.js
      - TyphonEvents
- typhonjs-core-backbone-events-logged
  - src
    - TyphonLoggedEvents.js
      - TyphonLoggedEvents
- typhonjs-core-backbone-localstorage
  - src
    - LocalStorage.js
      - LocalStorage
    - localSync.js
      - localSync
- typhonjs-core-logging
  - src
    - ConsoleLogger.js
      - ConsoleLogger
    - Logger.js
      - Logger
- typhonjs-core-utils
  - src
    - Utils.js
      - Utils
    - btoa.js
      - btoa

backbone-es6-localstorage-todos

Provides the canonical TODOs demo for backbone-es6 using typhonjs-core-backbone-localstorage with JSPM / SystemJS.

More documentation and tutorial coming soon. The basic installation steps:

Install Node (only once as necessary)
Install Gulp globally "npm install gulp -g" (only once as necessary)
Install JSPM / SystemJS globally "npm install jspm -g" (only once as necessary)
Check out the source repo.
run "npm install" from the local copy directory.
run "jspm install" from the local copy directory.
"index.html" will load the bundled site. "indexSrc.html" will load the ES6 source transpiled in the browser.

More info coming soon.

Live demo here: https://demos.typhonjs.io/typhonjs-demos/backbone-es6-localstorage-todos

Docs (class overview) here: https://docs.typhonjs.io/typhonjs-demos/backbone-es6-localstorage-todos

Please review electron-backbone-es6-localstorage-todos for how to create a desktop version from the bundled version of this web app using Electron. Minimal code and configuration is necessary when using typhonjs-core-gulptasks to work with Electron.