blossom
Version:
Modern, Cross-Platform Application Framework
726 lines (584 loc) • 23.2 kB
JavaScript
// ==========================================================================
// Project: SproutCore - JavaScript Application Framework
// Copyright: ©2006-2011 Strobe Inc. and contributors.
// Portions ©2008-2011 Apple Inc. All rights reserved.
// License: Licensed under MIT license (see license.js)
// ==========================================================================
sc_require('models/record');
/**
@class
A `RecordArray` wraps an array of `storeKeys` and, optionally, a `Query`
object. When you access the items of a `RecordArray`, it will automatically
convert the `storeKeys` into actual `SC.Record` objects that the rest of
your application can work with.
Normally you do not create `RecordArray`s yourself. Instead, a
`RecordArray` is returned when you call `SC.Store.findAll()`, already
properly configured. You can usually just work with the `RecordArray`
instance just like any other array.
The information below about `RecordArray` internals is only intended for
those who need to override this class for some reason to do something
special.
Internal Notes
---
Normally the `RecordArray` behavior is very simple. Any array-like
operations will be translated into similar calls onto the underlying array
of `storeKeys`. The underlying array can be a real array or it may be a
`SparseArray`, which is how you implement incremental loading.
If the `RecordArray` is created with an `SC.Query` object as well (and it
almost always will have a `Query` object), then the `RecordArray` will also
consult the query for various delegate operations such as determining if
the record array should update automatically whenever records in the store
changes. It will also ask the `Query` to refresh the `storeKeys` whenever
records change in the store.
If the `SC.Query` object has complex matching rules, it might be
computationally heavy to match a large dataset to a query. To avoid the
browser from ever showing a slow script timer in this scenario, the query
matching is by default paced at 100ms. If query matching takes longer than
100ms, it will chunk the work with setTimeout to avoid too much computation
to happen in one runloop.
@extends SC.Object
@extends SC.Enumerable
@extends SC.Array
@since SproutCore 1.0
*/
SC.RecordArray = SC.Object.extend(SC.Enumerable, SC.Array,
/** @scope SC.RecordArray.prototype */ {
/**
The store that owns this record array. All record arrays must have a
store to function properly.
NOTE: You **MUST** set this property on the `RecordArray` when creating
it or else it will fail.
@type SC.Store
*/
store: null,
/**
The `Query` object this record array is based upon. All record arrays
**MUST** have an associated query in order to function correctly. You
cannot change this property once it has been set.
NOTE: You **MUST** set this property on the `RecordArray` when creating
it or else it will fail.
@type SC.Query
*/
query: null,
/**
The array of `storeKeys` as retrieved from the owner store.
@type SC.Array
*/
storeKeys: null,
/**
The current status for the record array. Read from the underlying
store.
@type Number
*/
status: SC.Record.EMPTY,
/**
The current editable state based on the query. If this record array is not
backed by an SC.Query, it is assumed to be editable.
@property
@type Boolean
*/
isEditable: function() {
var query = this.get('query');
return query ? query.get('isEditable') : true;
}.property('query').cacheable(),
// ..........................................................
// ARRAY PRIMITIVES
//
/** @private
Returned length is a pass-through to the `storeKeys` array.
@property
*/
length: function() {
this.flush(); // cleanup pending changes
var storeKeys = this.get('storeKeys');
return storeKeys ? storeKeys.get('length') : 0;
}.property('storeKeys').cacheable(),
/** @private
A cache of materialized records. The first time an instance of SC.Record is
created for a store key at a given index, it will be saved to this array.
Whenever the `storeKeys` property is reset, this cache is also reset.
@type Array
*/
_scra_records: null,
/** @private
Looks up the store key in the `storeKeys array and materializes a
records.
@param {Number} idx index of the object
@return {SC.Record} materialized record
*/
objectAt: function(idx) {
this.flush(); // cleanup pending if needed
var recs = this._scra_records,
storeKeys = this.get('storeKeys'),
store = this.get('store'),
storeKey, ret ;
if (!storeKeys || !store) return undefined; // nothing to do
if (recs && (ret=recs[idx])) return ret ; // cached
// not in cache, materialize
if (!recs) this._scra_records = recs = [] ; // create cache
storeKey = storeKeys.objectAt(idx);
if (storeKey) {
// if record is not loaded already, then ask the data source to
// retrieve it
if (store.peekStatus(storeKey) === SC.Record.EMPTY) {
store.retrieveRecord(null, null, storeKey);
}
recs[idx] = ret = store.materializeRecord(storeKey);
}
return ret ;
},
/** @private - optimized forEach loop. */
forEach: function(callback, target) {
this.flush();
var recs = this._scra_records,
storeKeys = this.get('storeKeys'),
store = this.get('store'),
len = storeKeys ? storeKeys.get('length') : 0,
idx, storeKey, rec;
if (!storeKeys || !store) return this; // nothing to do
if (!recs) recs = this._scra_records = [] ;
if (!target) target = this;
for(idx=0;idx<len;idx++) {
rec = recs[idx];
if (!rec) {
rec = recs[idx] = store.materializeRecord(storeKeys.objectAt(idx));
}
callback.call(target, rec, idx, this);
}
return this;
},
/** @private
Replaces a range of records starting at a given index with the replacement
records provided. The objects to be inserted must be instances of SC.Record
and must have a store key assigned to them.
Note that most SC.RecordArrays are *not* editable via `replace()`, since they
are generated by a rule-based SC.Query. You can check the `isEditable` property
before attempting to modify a record array.
@param {Number} idx start index
@param {Number} amt count of records to remove
@param {SC.RecordArray} recs the records that should replace the removed records
@returns {SC.RecordArray} receiver, after mutation has occurred
*/
replace: function(idx, amt, recs) {
this.flush(); // cleanup pending if needed
var storeKeys = this.get('storeKeys'),
len = recs ? (recs.get ? recs.get('length') : recs.length) : 0,
i, keys;
if (!storeKeys) throw "Unable to edit an SC.RecordArray that does not have its storeKeys property set.";
if (!this.get('isEditable')) throw SC.RecordArray.NOT_EDITABLE;
// map to store keys
keys = [] ;
for(i=0;i<len;i++) keys[i] = recs.objectAt(i).get('storeKey');
// pass along - if allowed, this should trigger the content observer
storeKeys.replace(idx, amt, keys);
return this;
},
/**
Returns true if the passed can be found in the record array. This is
provided for compatibility with SC.Set.
@param {SC.Record} record
@returns {Boolean}
*/
contains: function(record) {
return this.indexOf(record)>=0;
},
/** @private
Returns the first index where the specified record is found.
@param {SC.Record} record
@param {Number} startAt optional starting index
@returns {Number} index
*/
indexOf: function(record, startAt) {
if (!SC.kindOf(record, SC.Record)) {
SC.Logger.warn("Using indexOf on %@ with an object that is not an SC.Record".fmt(record));
return -1; // only takes records
}
this.flush();
var storeKey = record.get('storeKey'),
storeKeys = this.get('storeKeys');
return storeKeys ? storeKeys.indexOf(storeKey, startAt) : -1;
},
/** @private
Returns the last index where the specified record is found.
@param {SC.Record} record
@param {Number} startAt optional starting index
@returns {Number} index
*/
lastIndexOf: function(record, startAt) {
if (!SC.kindOf(record, SC.Record)) {
SC.Logger.warn("Using lastIndexOf on %@ with an object that is not an SC.Record".fmt(record));
return -1; // only takes records
}
this.flush();
var storeKey = record.get('storeKey'),
storeKeys = this.get('storeKeys');
return storeKeys ? storeKeys.lastIndexOf(storeKey, startAt) : -1;
},
/**
Adds the specified record to the record array if it is not already part
of the array. Provided for compatibility with `SC.Set`.
@param {SC.Record} record
@returns {SC.RecordArray} receiver
*/
add: function(record) {
if (!SC.kindOf(record, SC.Record)) return this ;
if (this.indexOf(record)<0) this.pushObject(record);
return this ;
},
/**
Removes the specified record from the array if it is not already a part
of the array. Provided for compatibility with `SC.Set`.
@param {SC.Record} record
@returns {SC.RecordArray} receiver
*/
remove: function(record) {
if (!SC.kindOf(record, SC.Record)) return this ;
this.removeObject(record);
return this ;
},
// ..........................................................
// HELPER METHODS
//
/**
Extends the standard SC.Enumerable implementation to return results based
on a Query if you pass it in.
@param {SC.Query} query a SC.Query object
@param {Object} target the target object to use
@returns {SC.RecordArray}
*/
find: function(query, target) {
if (query && query.isQuery) {
return this.get('store').find(query.queryWithScope(this));
} else return arguments.callee.base.apply(this, arguments);
},
/**
Call whenever you want to refresh the results of this query. This will
notify the data source, asking it to refresh the contents.
@returns {SC.RecordArray} receiver
*/
refresh: function() {
this.get('store').refreshQuery(this.get('query'));
return this;
},
/**
Will recompute the results based on the `SC.Query` attached to the record
array. Useful if your query is based on computed properties that might
have changed. Use `refresh()` instead of you want to trigger a fetch on
your data source since this will purely look at records already loaded
into the store.
@returns {SC.RecordArray} receiver
*/
reload: function() {
this.flush(true);
return this;
},
/**
Destroys the record array. Releases any `storeKeys`, and deregisters with
the owner store.
@returns {SC.RecordArray} receiver
*/
destroy: function() {
if (!this.get('isDestroyed')) {
this.get('store').recordArrayWillDestroy(this);
}
arguments.callee.base.apply(this, arguments);
},
// ..........................................................
// STORE CALLBACKS
//
// **NOTE**: `storeWillFetchQuery()`, `storeDidFetchQuery()`,
// `storeDidCancelQuery()`, and `storeDidErrorQuery()` are tested implicitly
// through the related methods in `SC.Store`. We're doing it this way
// because eventually this particular implementation is likely to change;
// moving some or all of this code directly into the store. -CAJ
/** @private
Called whenever the store initiates a refresh of the query. Sets the
status of the record array to the appropriate status.
@param {SC.Query} query
@returns {SC.RecordArray} receiver
*/
storeWillFetchQuery: function(query) {
var status = this.get('status'),
K = SC.Record;
if ((status === K.EMPTY) || (status === K.ERROR)) status = K.BUSY_LOADING;
if (status & K.READY) status = K.BUSY_REFRESH;
this.setIfChanged('status', status);
return this ;
},
/** @private
Called whenever the store has finished fetching a query.
@param {SC.Query} query
@returns {SC.RecordArray} receiver
*/
storeDidFetchQuery: function(query) {
this.setIfChanged('status', SC.Record.READY_CLEAN);
return this ;
},
/** @private
Called whenever the store has cancelled a refresh. Sets the
status of the record array to the appropriate status.
@param {SC.Query} query
@returns {SC.RecordArray} receiver
*/
storeDidCancelQuery: function(query) {
var status = this.get('status'),
K = SC.Record;
if (status === K.BUSY_LOADING) status = K.EMPTY;
else if (status === K.BUSY_REFRESH) status = K.READY_CLEAN;
this.setIfChanged('status', status);
return this ;
},
/** @private
Called whenever the store encounters an error while fetching. Sets the
status of the record array to the appropriate status.
@param {SC.Query} query
@returns {SC.RecordArray} receiver
*/
storeDidErrorQuery: function(query) {
this.setIfChanged('status', SC.Record.ERROR);
return this ;
},
/** @private
Called by the store whenever it changes the state of certain store keys. If
the receiver cares about these changes, it will mark itself as dirty and add
the changed store keys to the _scq_changedStoreKeys index set.
The next time you try to access the record array, it will call `flush()` and
add the changed keys to the underlying `storeKeys` array if the new records
match the conditions of the record array's query.
@param {SC.Array} storeKeys the effected store keys
@param {SC.Set} recordTypes the record types for the storeKeys.
@returns {SC.RecordArray} receiver
*/
storeDidChangeStoreKeys: function(storeKeys, recordTypes) {
var query = this.get('query');
// fast path exits
if (query.get('location') !== SC.Query.LOCAL) return this;
if (!query.containsRecordTypes(recordTypes)) return this;
// ok - we're interested. mark as dirty and save storeKeys.
var changed = this._scq_changedStoreKeys;
if (!changed) changed = this._scq_changedStoreKeys = SC.IndexSet.create();
changed.addEach(storeKeys);
this.set('needsFlush', true);
if (this.get('storeKeys')) {
this.flush();
}
return this;
},
/**
Applies the query to any pending changed store keys, updating the record
array contents as necessary. This method is called automatically anytime
you access the RecordArray to make sure it is up to date, but you can
call it yourself as well if you need to force the record array to fully
update immediately.
Currently this method only has an effect if the query location is
`SC.Query.LOCAL`. You can call this method on any `RecordArray` however,
without an error.
@param {Boolean} _flush to force it - use reload() to trigger it
@returns {SC.RecordArray} receiver
*/
flush: function(_flush) {
// Are we already inside a flush? If so, then don't do it again, to avoid
// never-ending recursive flush calls. Instead, we'll simply mark
// ourselves as needing a flush again when we're done.
if (this._insideFlush) {
this.set('needsFlush', true);
return this;
}
if (!this.get('needsFlush') && !_flush) return this; // nothing to do
this.set('needsFlush', false); // avoid running again.
// fast exit
var query = this.get('query'),
store = this.get('store');
if (!store || !query || query.get('location') !== SC.Query.LOCAL) {
return this;
}
this._insideFlush = true;
// OK, actually generate some results
var storeKeys = this.get('storeKeys'),
changed = this._scq_changedStoreKeys,
didChange = false,
K = SC.Record,
storeKeysToPace = [],
startDate = new Date(),
rec, status, recordType, sourceKeys, scope, included;
// if we have storeKeys already, just look at the changed keys
var oldStoreKeys = storeKeys;
if (storeKeys && !_flush) {
if (changed) {
changed.forEach(function(storeKey) {
if(storeKeysToPace.length>0 || new Date()-startDate>SC.RecordArray.QUERY_MATCHING_THRESHOLD) {
storeKeysToPace.push(storeKey);
return;
}
// get record - do not include EMPTY or DESTROYED records
status = store.peekStatus(storeKey);
if (!(status & K.EMPTY) && !((status & K.DESTROYED) || (status === K.BUSY_DESTROYING))) {
rec = store.materializeRecord(storeKey);
included = !!(rec && query.contains(rec));
} else included = false ;
// if storeKey should be in set but isn't -- add it.
if (included) {
if (storeKeys.indexOf(storeKey)<0) {
if (!didChange) storeKeys = storeKeys.copy();
storeKeys.pushObject(storeKey);
}
// if storeKey should NOT be in set but IS -- remove it
} else {
if (storeKeys.indexOf(storeKey)>=0) {
if (!didChange) storeKeys = storeKeys.copy();
storeKeys.removeObject(storeKey);
} // if (storeKeys.indexOf)
} // if (included)
}, this);
// make sure resort happens
didChange = true ;
} // if (changed)
//console.log(this.toString() + ' partial flush took ' + (new Date()-startDate) + ' ms');
// if no storeKeys, then we have to go through all of the storeKeys
// and decide if they belong or not. ick.
} else {
// collect the base set of keys. if query has a parent scope, use that
if (scope = query.get('scope')) {
sourceKeys = scope.flush().get('storeKeys');
// otherwise, lookup all storeKeys for the named recordType...
} else if (recordType = query.get('expandedRecordTypes')) {
sourceKeys = SC.IndexSet.create();
recordType.forEach(function(cur) {
sourceKeys.addEach(store.storeKeysFor(cur));
});
}
// loop through storeKeys to determine if it belongs in this query or
// not.
storeKeys = [];
sourceKeys.forEach(function(storeKey) {
if(storeKeysToPace.length>0 || new Date()-startDate>SC.RecordArray.QUERY_MATCHING_THRESHOLD) {
storeKeysToPace.push(storeKey);
return;
}
status = store.peekStatus(storeKey);
if (!(status & K.EMPTY) && !((status & K.DESTROYED) || (status === K.BUSY_DESTROYING))) {
rec = store.materializeRecord(storeKey);
if (rec && query.contains(rec)) storeKeys.push(storeKey);
}
});
//console.log(this.toString() + ' full flush took ' + (new Date()-startDate) + ' ms');
didChange = true ;
}
// if we reach our threshold of pacing we need to schedule the rest of the
// storeKeys to also be updated
if(storeKeysToPace.length>0) {
var self = this;
// use setTimeout here to guarantee that we hit the next runloop,
// and not the same runloop which the invoke* methods do not guarantee
window.setTimeout(function() {
SC.run(function() {
if(!self || self.get('isDestroyed')) return;
self.set('needsFlush', true);
self._scq_changedStoreKeys = SC.IndexSet.create().addEach(storeKeysToPace);
self.flush();
});
}, 1);
}
// clear set of changed store keys
if (changed) changed.clear();
// only resort and update if we did change
if (didChange) {
// storeKeys must be a new instance because orderStoreKeys() works on it
if (storeKeys && (storeKeys===oldStoreKeys)) {
storeKeys = storeKeys.copy();
}
storeKeys = SC.Query.orderStoreKeys(storeKeys, query, store);
if (SC.compare(oldStoreKeys, storeKeys) !== 0){
this.set('storeKeys', SC.clone(storeKeys)); // replace content
}
}
this._insideFlush = false;
return this;
},
/**
Set to `true` when the query is dirty and needs to update its storeKeys
before returning any results. `RecordArray`s always start dirty and become
clean the first time you try to access their contents.
@type Boolean
*/
needsFlush: true,
// ..........................................................
// EMULATE SC.ERROR API
//
/**
Returns `true` whenever the status is `SC.Record.ERROR`. This will allow
you to put the UI into an error state.
@property
@type Boolean
*/
isError: function() {
return !!(this.get('status') & SC.Record.ERROR);
}.property('status').cacheable(),
/**
Returns the receiver if the record array is in an error state. Returns
`null` otherwise.
@property
@type SC.Record
*/
errorValue: function() {
return this.get('isError') ? SC.val(this.get('errorObject')) : null ;
}.property('isError').cacheable(),
/**
Returns the current error object only if the record array is in an error
state. If no explicit error object has been set, returns
`SC.Record.GENERIC_ERROR.`
@property
@type SC.Error
*/
errorObject: function() {
if (this.get('isError')) {
var store = this.get('store');
return store.readQueryError(this.get('query')) || SC.Record.GENERIC_ERROR;
} else return null ;
}.property('isError').cacheable(),
// ..........................................................
// INTERNAL SUPPORT
//
/** @private
Invoked whenever the `storeKeys` array changes. Observes changes.
*/
_storeKeysDidChange: function() {
var storeKeys = this.get('storeKeys');
var prev = this._prevStoreKeys,
f = this._storeKeysContentDidChange,
fs = this._storeKeysStateDidChange;
if (prev) prev.removeObserver('[]', this, f);
this._prevStoreKeys = storeKeys;
if (storeKeys) storeKeys.addObserver('[]', this, f);
var rev = (storeKeys) ? storeKeys.propertyRevision : -1 ;
this._storeKeysContentDidChange(storeKeys, '[]', storeKeys, rev);
}.observes('storeKeys'),
/** @private
Invoked whenever the content of the `storeKeys` array changes. This will
dump any cached record lookup and then notify that the enumerable content
has changed.
*/
_storeKeysContentDidChange: function(target, key, value, rev) {
if (this._scra_records) this._scra_records.length=0 ; // clear cache
this.enumerableContentDidChange();
},
/** @private */
init: function() {
arguments.callee.base.apply(this, arguments);
this._storeKeysDidChange();
}
});
SC.RecordArray.mixin(/** @scope SC.RecordArray.prototype */{
/**
Standard error throw when you try to modify a record that is not editable
@type SC.Error
*/
NOT_EDITABLE: SC.Error.desc("SC.RecordArray is not editable"),
/**
Number of milliseconds to allow a query matching to run for. If this number
is exceeded, the query matching will be paced so as to not lock up the
browser (by essentially splitting the work with a setTimeout)
@type Number
*/
QUERY_MATCHING_THRESHOLD: 100
});