JSFiddle - React, Tailwind, and code Playground

by Bradley Holt

HTML

<script src="https://cdn.jsdelivr.net/pouchdb/5.1.0/pouchdb.min.js"></script>

JavaScript

// Listen for database changes
var remoteDb = new PouchDB(
  "https://bradley-holt.cloudant.com/smart-meter"
);
console.log("Remote database created");
var changes = remoteDb.changes({
  since: "now"
}).on("change", function(change) {
  // A document has changed
  console.log("On change");
  console.log(change);
}).on("complete", function(info) {
  // changes() was canceled
  console.log("On complete");
  console.log(info);
}).on("error", function(error) {
  // changes() has errored
  console.log("On error");
  console.log(error);
});
// Create several documents
remoteDb.bulkDocs([
  {_id: "2014-11-11T22:35:01.433Z", kilowatt_hours: 11},
  {_id: "2014-11-12T00:43:01.633Z", kilowatt_hours: 13},
  {_id: "2014-11-12T02:42:52.284Z", kilowatt_hours: 14},
  {_id: "2014-11-12T02:46:23.730Z", kilowatt_hours: 16}
]).then(function() {
  console.log("Documents created");
  // Cancel listening for changes after 10 seconds and delete the database
  setTimeout(function() {
    changes.cancel();
    console.log("Cancelled listening for changes");
    remoteDb.destroy().then(function() {
      console.log("Remote database deleted");
    });
  }, 10000);
}).catch(function(error) {
  console.log(error);
});