nolanlawson/index.html

## index.html
<html>
  <body>
    <script src="//cdn.jsdelivr.net/pouchdb/2.2.3/pouchdb.js"></script>
    <script src="index.js"></script>
  </body>
</html>

## index.js
var db = new PouchDB('pixelpark_dev',{
    auto_compaction: true,
    cache: false
});
var remoteCouch = 'http://couchdb.simple-url.com:5984/pixelpark_dev';

db.replicate.from(remoteCouch, {
    live: true
});

var info = function () {
    db.info(function (err, info) {
        console.log('DATABASE INFO', info);
    });
}
info();

// Create design doc for indexed query
var postsOnly = {
    _id: '_design/posts_only',
    views: {
        'posts_only': {
            map: function (doc) {
                if (doc.type === 'POST' || doc.type === 'IMAGE') {
                    emit([doc.created, doc._id, doc.user.id], doc.created);
                }
            }.toString()
        }
    }
};
db.put(postsOnly).then(function () {
    return db.query('posts_only', {
        stale: 'update_after'
    });
});

// Query the database for posts
db.query('posts_only').then(function (res) {
    console.log('QUERY', res);
});

// Fetch all latest changes
var changes = db.changes({
    live: true,
    since: 'latest',
    complete: function (err, changes) {
        console.log(err, changes);
        info();
    },
    onChange: function (change) {
        console.log('Change', change);
    }
});
	<html>
	<body>
	<script src="//cdn.jsdelivr.net/pouchdb/2.2.3/pouchdb.js"></script>
	<script src="index.js"></script>
	</body>
	</html>
	var db = new PouchDB('pixelpark_dev',{
	auto_compaction: true,
	cache: false
	});
	var remoteCouch = 'http://couchdb.simple-url.com:5984/pixelpark_dev';

	db.replicate.from(remoteCouch, {
	live: true
	});

	var info = function () {
	db.info(function (err, info) {
	console.log('DATABASE INFO', info);
	});
	}
	info();

	// Create design doc for indexed query
	var postsOnly = {
	_id: '_design/posts_only',
	views: {
	'posts_only': {
	map: function (doc) {
	if (doc.type === 'POST' \|\| doc.type === 'IMAGE') {
	emit([doc.created, doc._id, doc.user.id], doc.created);
	}
	}.toString()
	}
	}
	};
	db.put(postsOnly).then(function () {
	return db.query('posts_only', {
	stale: 'update_after'
	});
	});

	// Query the database for posts
	db.query('posts_only').then(function (res) {
	console.log('QUERY', res);
	});

	// Fetch all latest changes
	var changes = db.changes({
	live: true,
	since: 'latest',
	complete: function (err, changes) {
	console.log(err, changes);
	info();
	},
	onChange: function (change) {
	console.log('Change', change);
	}
	});