OneCrayon's database.js updated for Enyo 2.0 compatibility

database.js

/*
---

script: database.js

description: Provides an interface to HTML 5 database objects for WebOS using an Enyo component

license: MIT license <http://www.opensource.org/licenses/mit-license.php>

authors:
- Ian Beck

version: 2.0.2

Core class design based on the Mootools Database class by André Fiedler:
http://github.com/SunboX/mootools-database/

Schema definitions based on Mojo Database Helper Objects by Dave Freeman:
http://webos101.com/Mojo_Database_Helper_Objects

...

modified Scott J. Miles - 3/27/2012 - enyo 2.0 compat

*/

/**
 * onecrayon.Database (component)
 *
 * This is the component you'll be using in your own code. Provides shortcuts
 * to common HTML 5 SQLite database operations.
 *
 * Parameters:
 * - database (string, required): name of your database; prefix with ext: to allow >1 MB sizes
 * - version (string): version of the database you want to open/create
 * - estimatedSize (int): estimated size in bytes
 * - debug (bool): if true, outputs verbose debugging messages (mainly SQL that's being run)
 *
 * USAGE:
 * components: [
 *     {
 *         name: "myDatabase", kind: "onecrayon.Database",
 *         database: 'ext:my_database',
 *         version: '1', estimatedSize: 1048576, debug: true
 *     }
 * ]
 */
enyo.kind({
	name: "onecrayon.Database",
	kind: enyo.Component,
	published: {
		database: '',
		version: '1',
		estimatedSize: null,
		debug: false
	},
	
	/** @protected */
	db: undefined,
	dbVersion: null,
	lastInsertRowId: 0,
	
	// === Constructor and creation logic ===
	
	/** @protected */
	constructor: function() {
		// Run our default construction
		this.inherited(arguments);
		
		// Setup listing of bound methods
		// Cuts down on memory usage spikes, since bind() creates a new method every call, but causes more initial memory to be allocated
		this.bound = {
			setSchema: enyo.bind(this, this.setSchema),
			insertData: enyo.bind(this, this.insertData),
			_errorHandler: enyo.bind(this, this._errorHandler)
		};
		
		// @deprecated methods and properties; provided for backwards compatibility
		this.lastInsertID = this.lastInsertId;
		this.setSchemaFromURL = this.setSchemaFromUrl;
		this.insertDataFromURL = this.insertDataFromUrl;
		this.changeVersionWithSchemaFromURL = this.changeVersionWithSchemaFromUrl;
	},
	
	/** @protected */
	create: function() {
		this.inherited(arguments);
		
		// Database name is required; enforce it
		if (this.database === '') {
			this.error('Database: you must define a name for your database when instantiating the kind using the `database` property.');
			return null;
		}
		// Just to make sure people are aware...
		if (this.database.indexOf('ext:') !== 0) {
			this.warn('Database: you are working with an internal database, which will limit its size to 1 MB. Prepend `ext:` to your database name to remove this restriction.');
		}
		// Open our database connection
		// parameters: name, version, displayName [unused in WebOS], target size
		this.db = openDatabase(this.database, this.version, '', this.estimatedSize);
		// Make sure everything is peachy
		if (!this.db) {
			this.error('Database: failed to open database named ' + this.database);
			return null;
		}
		// Save the database version, in case it differs from options
		this.dbVersion = this.db.version;
	},
	
	// === Standard database methods ===
	
	/**
	 * Fetch the version of the database
	 */
	getVersion: function() {
		return this.dbVersion;
	},
	
	/**
	 * Exposes the last ID inserted
	 */
	lastInsertId: function() {
		return this.lastInsertRowId;
	},
	
	/**
	 * Close the database connection
	 *
	 * Why you'd want to do this, I don't know; may as well support it, though
	 */
	close: function() {
		this.db.close();
	},
	
	/**
	 * Destroy the entire database for the given version (if passed)
	 *
	 * If only there were a way to actually do this...
	 */
	remove: function(version) {
		this.error('Database: there is currently no way to destroy a database. Hopefully we will be able to add this in the future.');
	},
	
	/**
	 * Execute an arbitrary SQL command on the database.
	 *
	 * If you need to execute multiple commands in a transaction, use queries()
	 *
	 * Parameters:
	 * - sql (string or query object, required)
	 * - options (object):
	 *    * values (array): replacements for '?' placeholders in SQL
	 *      (only use if not passing a DatabaseQuery object)
	 *    * onSuccess (function): method to call on successful query
	 *        + receives single argument: results as an array of objects
	 *    * onError (function): method to call on error; defaults to logging
	 */
	query: function(sql, options) {
		// Possible that the user closed the connection already, so double check
		if (!this.db) {
			this._db_lost();
			return;
		}
		// Merge in user options (if any) to defaults
		var options = (typeof options !== 'undefined' ? options : {});
		// Check to see if they passed in a query object
		if (!enyo.isString(sql)) {
			// Translate into options object and SQL string
			options.values = sql.values;
			sql = sql.sql;
		}
		// Run the actual merge for our options, making sure there's a default values array
		options = this._getOptions(options, {"values": []});
		// Trim whitespace to make sure we can accurately check character positions
		//sql = enyo.string.trim(sql);
		if (sql.lastIndexOf(';') !== sql.length - 1) {
			sql = sql + ';';
		}
		// Run the transaction
		var self = this;
		this.db.transaction(function(transaction) {
			if (self.debug) {
				// Output the query to the log for debugging
				self.log(sql, ' ==> ', options.values);
			}
			transaction.executeSql(sql, options.values, function(transaction, results) {
				// We use this anonymous function to format the results
				// Just passing the SQLResultSet object would require SQLite-specific code on the part of the callback
				
				// Try to snag the last insert ID, if available
				try {
					self.lastInsertRowId = results.insertId;
				} catch(e) {}
				// Call the onSuccess with formatted results
				if (options.onSuccess) {
					options.onSuccess(self._convertResultSet(results));
				}
			}, options.onError);
		});
	},
	
	/**
	 * Execute multiple arbitrary SQL queries on the database as a single
	 * transaction (group of inserts, for instance)
	 *
	 * Notes:
	 * - Not appropriate for SELECT or anything with returned rows
	 * - The last inserted ID will NOT be set when using this method
	 * - onSuccess and onError are only for the transaction! NOT individual queries
	 *
	 * Parameters:
	 * - queries (array, required):
	 *    * SQL strings or DatabaseQuery objects
	 * - options (object):
	 *    * onSuccess: function to execute on LAST QUERY success
	 *    * onError: function to execute on TRANSACTION error
	 */
	queries: function(queries, options) {
		// Possible that the user closed the connection already, so double check
		if (!this.db) {
			this._db_lost();
			return;
		}
		// Merge in user options (if any) to defaults
		var options = (typeof options !== 'undefined' ? options : {});
		options = this._getOptions(options);
		// Run the transaction
		var DEBUG = this.debug;
		var self = this;
		this.db.transaction(function(transaction) {
			// Loop over each query and execute it
			var length = queries.length;
			var query = null;
			// Init variables for tracking SQL and values
			var sql = '';
			var values = [];
			for (var i = 0; i < length; i++) {
				query = queries[i];
				// If query isn't a string, it's an object
				if (enyo.isString(query)) {
					sql = query;
				} else {
					sql = query.sql;
					values = query.values;
				}
				if (DEBUG) {
					// Output query to the log for debugging
					self.log(sql, " ==> ", values);
				}
				if (i === length - 1) {
					// Last call
					transaction.executeSql(sql, values, options.onSuccess);
				} else {
					transaction.executeSql(sql, values);
				}
			}
		}, options.onError);
	},
	
	
	// === JSON methods ===
	
	/**
	 * A core goal of the Database class is to enable you to easily port data
	 * into your database using JSON.
	 *
	 * setSchema defines/inserts a table layout (if it doesn't already exist)
	 * and inserts any data that you've provided inline
	 *
	 * Parameters:
	 * - schema (object): see advanced description below
	 * - options (object):
	 *    * onSuccess (function): called after successful transactions
	 *    * onError (function): called on error for transactions
	 *
	 * PLEASE NOTE: the onSuccess and onError functions may be called multiple
	 * times if you are inserting data as well as defining a table schema.
	 * 
	 * Schema Description
	 * ==================
	 *
	 * An array of table objects, which each contain an array of columns objects
	 * and an optional array of data to insert
	 * 
	 * Array of table objects (optional if single table) =>
	 *     table Object =>
	 *         table (text, required; name of the table)
	 *         columns (array) =>
	 *             column (text, required; name of the column)
	 *             type (text, required)
	 *             constraints (array of strings)
	 *         data (array) =>
	 *             Object (keys are the names of the columns)
	 *     string (executed as a straight SQL query)
	 *
	 * Both columns and data are optionally; you can use setSchema to
	 * define the table schema, populate with data, or both.
	 *
	 * Obviously, it's better practice to populate with data only when you
	 * need to, whereas you'll likely be defining tables every time you
	 * instantiate the Database class.
	 *
	 * You may also use an SQL string instead of a table object if you desire.
	 * This is useful for running batch updates to modify existing schema, for
	 * instance, as you can mix and match new tables with ALTER TABLE statements.
	 *
	 * JSON example
	 * ============
	 *
	 * [
	 *     {
	 *         "table": "table1",
	 *         "columns": [
	 *             {
	 *                 "column": "entry_id",
	 *                 "type": "INTEGER",
	 *                 "constraints": ["PRIMARY_KEY"]
	 *             },
	 *             {
	 *                 "column": "title",
	 *                 "type": "TEXT"
	 *             }
	 *         ],
	 *         "data": [
	 *             { "entry_id": "1", "title": "My first entry" },
	 *             { "entry_id": "2", "title": "My second entry" }
	 *         ]
	 *     },
	 *     "ALTER TABLE table1 ADD COLUMN category TEXT"
	 * ]
	 */
	setSchema: function(schema, options) {
		// Check to see if it's a single table, make array for convenience
		if (!enyo.isArray(schema)) {
			schema = [schema];
		}
		// Merge in user options (if any) to defaults
		var options = (typeof options !== 'undefined' ? options : {});
		options = this._getOptions(options);
		// Setup array to track table creation SQL
		var tableQueries = [];
		// Setup array to track data (just in case)
		var data = [];
		// Loop over the tables
		var length = schema.length;
		var table = null;
		for (var i = 0; i < length; i++) {
			table = schema[i];
			// Check to see if we have an SQL string
			if (enyo.isString(table)) {
				tableQueries.push(table);
			} else {
				// Check for and save columns object
				if (typeof table.columns !== 'undefined') {
					tableQueries.push(this.getCreateTable(table.table, table.columns));
				}
				// Check for and save data array
				if (typeof table.data !== 'undefined') {
					data.push({"table": table.table, "data": table.data});
				}
			}
		}
		if (data.length > 0) {
			var dataInsertFollowup = enyo.bind(this, this.insertData, data, options);
			// Execute the queries
			this.queries(tableQueries, {
				onSuccess: dataInsertFollowup,
				onError: options.onError
			});
		} else {
			this.queries(tableQueries, options);
		}
	},
	
	
	/**
	 * Allows you to set your schema using an arbitrary JSON file.
	 *
	 * Parameters:
	 *     - url (string, required): local or remote URL for JSON file
	 *     - options (object): same as setSchema options (above)
	 */
	setSchemaFromUrl: function(url, options) {
		this._readUrl(url, this.bound.setSchema, options);
	},
	
	/**
	 * Inserts arbitrary data from a Javascript object
	 *
	 * Parameters:
	 * - data (array or object):
	 *     * table (string, required): name of the table to insert into
	 *     * data (array, required): array of objects whose keys are the column
	 *       names to insert into
	 * - options (object):
	 *     * onSuccess (function): success callback
	 *     * onError (function): error callback
	 *
	 * The formatting is the same as for the schema, just without the columns.
	 * Note that data can be a single object if only inserting into one table.
	 */
	insertData: function(data, options) {
		// Check to see if it's a single table
		if (!enyo.isArray(data)) {
			data = [data];
		}
		// Merge in user options (if any) to defaults
		var options = (typeof options !== 'undefined' ? options : {});
		options = this._getOptions(options);
		// Setup array to track queries
		var dataQueries = [];
		var length = data.length;
		var table = null;
		var i, j;
		var insertsLength = 0;
		var row = null;
		for (i = 0; i < length; i++) {
			table = data[i];
			// Make sure there's actually a data array
			if (typeof table.data !== 'undefined') {
				var tableName = table.table;
				// Check to see if we have more than one row of data
				var inserts = null;
				if (!enyo.isArray(table.data)) {
					inserts = [table.data]
				} else {
					inserts = table.data;
				}
				// Nested loop to fetch the data inserts
				insertsLength = inserts.length;
				for (j = 0; j < insertsLength; j++) {
					row = inserts[j];
					dataQueries.push(this.getInsert(tableName, row));
				}
			}
		}
		// Execute that sucker!
		this.queries(dataQueries, options);
	},
	
	/**
	 * Allows you to populate data using arbitrary JSON file.
	 *
	 * Parameters:
	 * - url (string, required): local or remote URL for JSON file
	 * - options (object): same as insertData options (above)
	 */
	insertDataFromUrl: function(url, options) {
		this._readUrl(url, this.bound.insertData, options);
	},
	
	
	// === VERSIONING METHODS ===
	
	/**
	 * Change the version of the database; allows porting data when
	 * upgrading schema
	 *
	 * WARNING: you must have NO other database connections active when you
	 * do this, and remember that afterward you will need to use the new
	 * version in your `new Database()` calls.
	 */
	changeVersion: function(newVersion) {
		// Backwards compatibility with previous incarnation which was changeVersion(from, to)
		if (arguments.length > 1) {
			newVersion = arguments[1];
		}
		var self = this;
		this.db.changeVersion(this.dbVersion, newVersion, function() {}, function() {
			if (self.debug) {
				self.error("DATABASE VERSION UPDATE FAILED: " + newVersion);
			}
		}, function() {
			if (self.debug) {
				self.log("DATABASE VERSION UPDATE SUCCESS: " + newVersion);
			}
		});
		this.dbVersion = newVersion;
	},
	
	/**
	 * Change the version of the database and apply any schema updates
	 * specified in the `schema` object
	 *
	 * NOTE: You cannot insert data with this call. Instead, run your schema
	 * update and then use insertData in your success callback
	 *
	 * Parameters:
	 * - newVersion (string or int)
	 * - schema (object or string): same as setSchema (documented above),
	 *   minus any data insertion support
	 * - options (object): same as setSchema options
	 */
	changeVersionWithSchema: function(newVersion, schema, options) {
		// Check to see if it's a single table, make array for convenience
		if (!enyo.isArray(schema)) {
			schema = [schema];
		}
		// Merge in user options (if any) to defaults
		var options = (typeof options !== 'undefined' ? options : {});
		options = this._getOptions(options);
		
		// Run the changeVersion update!
		this.db.changeVersion(this.dbVersion, newVersion, enyo.bind(this, function(transaction) {
			// Loop over the items in the schema
			var length = schema.length;
			var item = null, query = null, sql = null, values = null;
			for (var i = 0; i < length; i++) {
				item = schema[i];
				// Check to see if we have an SQL string or table definition
				if (enyo.isString(item)) {
					query = item;
				} else if (typeof item.columns !== 'undefined') {
					query = this.getCreateTable(item.table, item.columns);
				}
				
				// Run the query
				sql = (enyo.isString(query) ? query : query.sql);
				values = (typeof query.values !== 'undefined' ? query.values : null);
				if (this.debug) {
					// Output the query to the log for debugging
					this.log(sql, ' ==> ', values);
				}
				if (values !== null) {
					transaction.executeSql(sql, values);
				} else {
					transaction.executeSql(sql);
				}
			}
		}), options.onError, enyo.bind(this, this._versionChanged, newVersion, options.onSuccess));
	},
	
	/**
	 * Change the version of the database and apply any schema updates
	 * specified in the schema JSON file located at `url`
	 */
	changeVersionWithSchemaFromUrl: function(newVersion, url, options) {
		this._readUrl(url, enyo.bind(this, this.changeVersionWithSchema, newVersion));
	},
	
	
	// === SQL Methods ===
	
	/**
	 * SQL to Insert records (create)
	 *
	 * Parameters:
	 * - tableName (string, required)
	 * - data (object, required):
	 *     * key: value pairs to be updated as column: value (same format as data
	 *       objects in schema)
	 *
	 * Returns DatabaseQuery object
	 */
	getInsert: function(tableName, data) {
		var sql = 'INSERT INTO ' + tableName + ' (';
		var valueString = ' VALUES (';
		// Set up our tracker array for value placeholders
		var colValues = [];
		// Loop over the keys in our object
		for (var key in data) {
			// Add the value to the valueString
			colValues.push(data[key]);
			// Add the placeholders
			sql += key;
			valueString += '?';
			// Append commas
			sql += ', ';
			valueString += ', ';
		}
		// Remove extra commas and insert closing parentheses
		sql = sql.substr(0, sql.length - 2) + ')';
		valueString = valueString.substr(0, valueString.length - 2) + ')';
		// Put together the full SQL statement
		sql += valueString;
		// At long last, we've got our SQL; return it
		return new onecrayon.DatabaseQuery({'sql': sql, 'values': colValues});
	},
	
	/**
	 * SQL for a very simple select
	 *
	 * Parameters:
	 * - tableName (string, required)
	 * - columns (string, array, or null): names of the columns to return
	 * - where (object): {key: value} is equated to column: value
	 *
	 * Returns DatabaseQuery object
	 */
	getSelect: function(tableName, columns, where) {
		var sql = 'SELECT ';
		// Setup our targeted columns
		var colStr = '';
		if (columns === null || columns === '') {
			colStr = '*';
		} else if (enyo.isArray(columns)) {
			// Cut down on memory needs with a straight for loop
			var length = columns.length;
			var colStr = [];
			for (var i = 0; i < length; i++) {
				colStr.push(columns[i]);
			}
			// Join the column string together with commas
			colStr = colStr.join(', ');
		}
		sql += colStr + ' FROM ' + tableName;
		// Parse the WHERE object if we have one
		if (typeof where !== 'undefined') {
			sql += ' WHERE ';
			var sqlValues = [];
			var whereStrings = [];
			// Loop over the where object to populate
			for (var key in where) {
				sqlValues.push(where[key]);
				whereStrings.push(key + ' = ?');
			}
			// Add the WHERE strings to the sql
			sql += whereStrings.join(' AND ');
		}
		return new onecrayon.DatabaseQuery({'sql': sql, 'values': sqlValues});
	},
	
	/**
	 * SQL to update a particular row
	 *
	 * Parameters:
	 * - tableName (string, required)
	 * - data (object, required):
	 *     * key: value pairs to be updated as column: value (same format as
	 *       data objects in schema)
	 * - where (object): key: value translated to 'column = value'
	 *
	 * Returns DatabaseQuery object
	 */
	getUpdate: function(tableName, data, where) {
		var sql = 'UPDATE ' + tableName + ' SET ';
		var sqlValues = [];
		var sqlStrings = [];
		// Loop over data object
		for (var key in data) {
			sqlStrings.push(key + ' = ?');
			sqlValues.push(data[key]);
		}
		// Collapse sqlStrings into SQL
		sql += sqlStrings.join(', ');
		// Parse the WHERE object
		sql += ' WHERE ';
		var whereStrings = [];
		// Loop over the where object to populate
		for (var key in where) {
			whereStrings.push(key + ' = ?');
			sqlValues.push(where[key]);
		}
		// Add the WHERE strings to the sql
		sql += whereStrings.join(' AND ');
		return new onecrayon.DatabaseQuery({'sql': sql, 'values': sqlValues});
	},
	
	/**
	 * SQL to delete records
	 *
	 * Parameters:
	 * - tableName (string, required)
	 * - where (object, required): key: value mapped to 'column = value'
	 *
	 * Returns DatabaseQuery object
	 */
	getDelete: function(tableName, where) {
		var sql = 'DELETE FROM ' + tableName + ' WHERE ';
		var sqlValues = [];
		var whereStrings = [];
		// Loop over the where object to populate
		for (var key in where) {
			whereStrings.push(key + ' = ?');
			sqlValues.push(where[key]);
		}
		// Add the WHERE strings to the sql
		sql += whereStrings.join(' AND ');
		return new onecrayon.DatabaseQuery({'sql': sql, 'values': sqlValues});
	},
	
	/**
	 * SQL to create a new table
	 *
	 * Parameters:
	 * - tableName (string, required)
	 * - columns (array, required): uses syntax from setSchema (see above)
	 * - ifNotExists (bool, defaults to true)
	 *
	 * Returns string, since value substitution isn't supported for this
	 * statement in SQLite
	 */
	getCreateTable: function(tableName, columns, ifNotExists) {
		var ifNotExists = (typeof ifNotExists !== 'undefined' ? ifNotExists : true);
		// Setup the basic SQL
		var sql = 'CREATE TABLE ';
		if (ifNotExists) {
			sql += 'IF NOT EXISTS ';
		}
		sql += tableName + ' (';
		// Add the column definitions to the SQL
		var length = columns.length;
		var col = null;
		var colStr = [];
		var colDef = '';
		for (var i = 0; i < length; i++) {
			col = columns[i];
			// Construct the string for the column definition
			colDef = col.column + ' ' + col.type;
			if (col.constraints) {
				colDef += ' ' + col.constraints.join(' ');
			}
			// Add to SQL
			colStr.push(colDef);
		}
		sql += colStr.join(', ') + ')';
		return sql;
	},
	
	/**
	 * SQL for dropping a table
	 *
	 * Returns string
	 */
	getDropTable: function(tableName) {
		return 'DROP TABLE IF EXISTS ' + tableName;
	},
	
	
	// === Private methods ===
	
	/**
	 * @protected
	 * Sets the local tracking variable for the DB version
	 *
	 * PRIVATE FUNCTION; use the changeVersion* functions to modify
	 * your database's version information
	 */
	_versionChanged: function(newVersion, callback) {
		this.dbVersion = newVersion;
		callback();
	},
	
	/**
	 * @protected
	 * Merge user options into the standard set
	 * 
	 * Parameters:
	 * - userOptions (object, required): options passed by the user
	 * - extraOptions (object, optional) any default options beyond onSuccess
	 *   and onError
	 */
	_getOptions: function(userOptions, extraOptions) {
		var opts = {
			"onSuccess": this._emptyFunction,
			"onError": this.bound._errorHandler
		};
		if (typeof extraOptions !== 'undefined') {
			opts = enyo.mixin(opts, extraOptions);
		}
		if (typeof userOptions === 'undefined') {
			var userOptions = {};
		}
		return enyo.mixin(opts, userOptions);
	},
	
	/** @protected */
	_emptyFunction: function() {},
	
	/**
	 * @protected
	 * Used to read in external JSON files
	 */
	_readUrl: function(url, callback, options) {
		enyo.xhr.request({
			'url': url,
			callback: enyo.bind(this, function(responseText, response) {
				// I have no idea why status can be zero when reading file locally, but it can
				if (response.status === 200 || response.status === 0) {
					try {
						var json = enyo.json.parse(responseText);
						callback(json, options);
					} catch (e) {
						this.error('JSON request error:', e);
					}
				} else {
					this.error('Database: failed to read JSON at URL `' + url + '`');
				}
			})
		});
	},
	
	/**
	 * @protected
	 * Converts an SQLResultSet into a standard Javascript array of results
	 */
	_convertResultSet: function(rs) {
		var results = [];
		if (rs.rows) {
			for (var i = 0; i < rs.rows.length; i++) {
				results.push(rs.rows.item(i));
			}
		}
		return results;
	},
	
	/**
	 * @protected
	 * Used to report generic database errors
	 */
	_errorHandler: function(transaction, error) {
		// If a transaction error (rather than an executeSQL error) there might only be one parameter
		if (typeof error === 'undefined') {
			var error = transaction;
		}
		this.error('Database error (' + error.code + '): ' + error.message);
	},
	
	/**
	 * @protected
	 * Used to output "database lost" error
	 */
	_db_lost: function() {
		this.error('Database: connection has been closed or lost; cannot execute SQL');
	}
});

/**
 * onecrayon.DatabaseQuery (object)
 *
 * This is a helper  that, at the moment, is basically just an object
 * with standard properties.
 *
 * Maybe down the road I'll add some helper methods for working with queries.
 *
 * USAGE:
 * var myQuery = new onecrayon.DatabaseQuery({
 *     sql: 'SELECT * FROM somewhere WHERE id = ?',
 *     values: ['someID']
 * });
 */
onecrayon.DatabaseQuery = function(inProps) {
	this.sql = (typeof inProps.sql !== 'undefined' ? inProps.sql : '');
	this.values = (typeof inProps.values !== 'undefined' ? inProps.values : []);
};

I've merged these changes into the main repo for version 2.1:

https://github.com/onecrayon/database-webos

Thanks Scott!