backbone-pouch Build Status

Backbone PouchDB Sync Adapter

Getting Started

You can use backbone-pouch on the server with node or in the browser:

On the Server

Install the module with: npm install backbone-pouch

var backbone = require('backbone');
var backbone_pouch = require('backbone-pouch');
backbone.sync = backbone_pouch.sync();

In the Browser

  1. Download jQuery, Underscore, Backbone and PouchDB
  2. Download the production version or the development version.
  3. In your web page:
<script src="jquery-2.0.0.min.js"></script>
<script src="underscore-min.js"></script>
<script src="backbone-min.js"></script>
<script src="pouchdb-nightly.min.js"></script>
<script src="backbone-pouch.min.js"></script>
<script>
  Backbone.sync = BackbonePouch.sync();
</script>

Setup backbone-pouch

You can configure Backbone to persist via backbone-pouch per model:

var MyModel = Backbone.Model.extend({
  sync: BackbonePouch.sync(options)
});

Or you might want to set backbone-pouch sync globally:

Backbone.sync = BackbonePouch.sync(defaults);

var MyModel = Backbone.Model.extend({
  pouch: options
});

idAttribute

You should adjust the idAttribute, because CouchDB (and therefore PouchDB) uses _id instead of the default id attribute:

Backbone.Model.prototype.idAttribute = '_id';

Usage

var MyModel = Backbone.Model.extend({
  idAttribute: '_id',
  sync: BackbonePouch.sync({
    db: Pouch('mydb')
  })
});

Query documents of type post

Retrieve single documents with all conflicts. Retrieve collections via Map Reduce, filtering all documents of type post, ordered by position. Limit results to 10.

var Post = Backbone.Model.extend({
  idAttribute: '_id',
  sync: BackbonePouch.sync({
    db: Pouch('mydb')
  })
});
var Posts = Backbone.Collection.extend({
  model: Post,
  sync: BackbonePouch.sync({
    db: Pouch('mydb'),
    fetchMethod: 'query',
    options: {
      query: {
        fun: {
          map: function(doc) {
            if (doc.type === 'post') {
              emit(doc.position, null)
            }
          }
        },
        limit: 10
      },
      changes: {
        filter: function(doc) {
          return doc._deleted || doc.type === 'post';
        }
      }
    }
  })
});

Global Backbone Sync Configuration

Use mydb as default for all databases. Setup Map Reduce as default query method. Limit resultset to 10. Authors are returnd by name, Posts by date.

Backbone.sync =  BackbonePouch.sync({
  db: Pouch('mydb'),
  fetchMethod: 'query',
  query: {
    limit: 10
  }
});
Backbone.Model.prototype.idAttribute = '_id';

Then you can define your models and collections as usual and overwrite backbone-pouchdb settings via the pouch property:

var Author = Backbone.Model.extend();
var Authors = Backbone.Collection.extend({
  model: Author,
  pouch: {
    query: {
      fun: {
        map: function(doc) {
          if (doc.type === 'author') {
            emit(doc.name, null)
          }
        }
      }
    },
    changes: {
      filter: function(doc) {
        return doc._deleted || doc.type === 'author';
      }
    }
  }
});
var Post = Backbone.Model.extend();
var Posts = Backbone.Collection.extend({
  model: Post,
  pouch: {
    query: {
      fun: {
        map: function(doc) {
          if (doc.type === 'post') {
            emit(doc.date, null)
          }
        }
      }
    },
    changes: {
      filter: function(doc) {
        return doc._deleted || doc.type === 'post';
      }
    }
  }
});

Configuration

You can configure every option passed to PouchDB.

Option Inheritance

Options are merged (using Underscores extend) in the following order:

  1. BackbonePouch defaults
  2. BackbonePouch sync options
  3. pouch object
  4. save / get / destroy / fetch options

backbone-pouch Options

These options control the behaviour of backbone-pouch.

db: Pouch Adapter

Setup a database. This option is mendatory. Must be a Pouch adapter:

Pouch('dbname')

See Create a database.

fetch: Fetch Method

Specify the fetch method. Can be either allDocs (default), query or spatial.

Use the default allDocs if you want all documents.

Using query you can use Map-Reduce to query the database.

spatial requires the Spatial query plugin.

listen: Listen for Changes

When this is checked, backbone-pouchdb will listen for changes in the database and update the model / collection on every change. Default is true.

Note that you will need to setup a filter function when used in combination with query fetch method.

options: PouchDB Options

Those options are passed directly to PouchDB.

The keys are PouchDB methods. Possible keys are post, put, remove, get, query, allDocs and spatial.

Refer to the PouchDB API Documentation for more options.

post: Create

Options for document creation. Currently no options supported.

See Create a Document.

put: Update

Options for document update. Currently no options supported.

See Update a Document.

remove: Delete

Options for document delete. Currently no options supported.

See Delete a Document.

get: Retrieve Model

Options for fetching a single document.

See Fetch a Document.

allDocs: Retrieve Collection

Options for fetching all documents.

See Fetch Documents.

query: Retrieve Collection via Map Reduce

Query options for Map Reduce queries.

See Query the Database.

spatial: Retrieve Collection via Spatial Index

Options for Spatial query. The spatial query has not been tested. You have to use a PouchDB build with included Spatial plugin.

changes: Listen for changes

Options passed to changes feed.

See Listen to Database Changes.

Examples

Check out the TODO Application in the doc/examples folder.

It`s the standard Backbone TODO example, extended to use backbone-pouch.

Advanced TODO Sync Example

TODO Sync Application is also in the doc/examples folder.

You can setup external CouchDB (with CORS enabled) to sync your local TODO database.

Contributing

backbone-pouch is written with Felix Geisendörfers Node.js Style Guide in mind.

Add nodeunit tests for any new or changed functionality. Lint and test your code using Grunt.

Also, please don't edit files in the "dist" subdirectory as they are generated via Grunt. You'll find source code in the "lib" subdirectory!

The files in the "doc" subdirectory are generated via Grunt, too. Edit this README.md and template.jst and run grunt doc to generate the documentation.

Versioning

backbone-pouch follows semver-ftw. Dont think 1.0.0 means production ready yet. There were some breaking changes, so had to move up the major version.

Release History

License

Copyright (c) 2013 Johannes J. Schmidt
Licensed under the MIT license.