Permalink
Browse files

Landing pull request 132. Knockout.js updates for the new template an…

…d changes based on the Idiomatic style guide Fixes #????.

More Details:
 - #132
  • Loading branch information...
1 parent 6a375dd commit 912053358867cd1859e02993cb60ee95b86ff1b2 @rniemeyer rniemeyer committed with sindresorhus Apr 14, 2012
View
102 architecture-examples/knockoutjs/index.html
@@ -1,71 +1,47 @@
<!doctype html>
<html lang="en">
<head>
- <meta charset="utf-8">
- <title>Knockout.js</title>
- <link rel="stylesheet" href="../../assets/base.css">
+ <meta charset="utf-8">
+ <title>Knockout.js • TodoMVC</title>
+ <link rel="stylesheet" href="../../assets/base.css">
</head>
<body>
-<div id="todoapp">
- <header>
- <h1>Todos</h1>
- <input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
- placeholder="What needs to be done?"/>
- </header>
- <section id="main" data-bind="block: todos().length">
- <input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
- <label for="toggle-all">Mark all as complete</label>
- <ul id="todo-list" data-bind="foreach: todos">
- <li data-bind="css: { done: done, editing: editing }">
- <div class="view" data-bind="event: { dblclick: $root.editItem }">
- <input class="toggle" type="checkbox" data-bind="checked: done">
- <label data-bind="text: content"></label>
- <a class="destroy" href="#" data-bind="click: $root.remove"></a>
- </div>
- <input class="edit" type="text"
- data-bind="value: content, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }"/>
- </li>
- </ul>
- </section>
- <footer data-bind="block: completedCount() || remainingCount()">
- <a id="clear-completed" href="#" data-bind="inline: completedCount, click: removeCompleted">
- Clear <span data-bind="text: completedCount"></span>
- completed <span data-bind="text: getLabel(completedCount)"></span>
- </a>
+ <section id="todoapp">
+ <header id="header">
+ <h1>todos</h1>
+ <input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
+ placeholder="What needs to be done?" autofocus >
+ </header>
+ <section id="main" data-bind="visible: todos().length">
+ <input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
+ <label for="toggle-all">Mark all as complete</label>
+ <ul id="todo-list" data-bind="foreach: todos">
+ <li data-bind="css: { completed: completed, editing: editing }">
+ <div class="view" data-bind="event: { dblclick: $root.editItem }">
+ <input class="toggle" type="checkbox" data-bind="checked: completed">
+ <label data-bind="text: title"></label>
+ <button class="destroy" data-bind="click: $root.remove"></button>
+ </div>
+ <input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', enterKey: $root.stopEditing, selectAndFocus: editing, event: { blur: $root.stopEditing }" >
+ </li>
+ </ul>
+ </section>
+ <footer id="footer" data-bind="visible: completedCount() || remainingCount()">
+ <span id="todo-count">
+ <strong data-bind="text: remainingCount">1</strong>
+ <span data-bind="text: getLabel( remainingCount )"></span> left
+ </span>
+ <button id="clear-completed" data-bind="visible: completedCount, click: removeCompleted">Clear completed (<span data-bind="text: completedCount"></span>)</button>
+ </footer>
+ </section>
+ <footer id="info">
+ <span data-bind="visible: todos().length">Double-click to edit a todo.</span>
+ <p>Original Knockout version from <a href="https://github.com/ashish01/knockoutjs-todos">Ashish Sharma</a></p>
+ <p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p>
+ <p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
+ </footer>
- <div id="todo-count">
- <span data-bind="text: remainingCount"></span>
- <span data-bind="text: getLabel(remainingCount)" style="font-weight: normal"></span> left.
- </div>
- </footer>
-</div>
-<div id="instructions" data-bind="visible: todos().length">
- Double-click to edit a todo.
-</div>
-<div id="credits">
- Created by
- <br/>
- <a href="http://jgn.me/">J&eacute;r&ocirc;me Gravel-Niquet</a>
- <br/>
- Modified to use knockout.js by
- <br/>
- <a href="https://github.com/ashish01/knockoutjs-todos">Ashish Sharma</a>
- <br/>
- Updated to use knockout.js 2.0 by
- <br/>
- <a href="http://knockmeout.net">Ryan Niemeyer</a>
- <br/>
- Patches/fixes for cross-browser compat:
- <br/>
- <a href="http://twitter.com/addyosmani">Addy Osmani</a>
-</div>
-<!-- Knockout has no direct dependencies -->
-<script src="js/libs/knockout-2.0.0.js" type="text/javascript"></script>
-<!-- needed to support JSON.stringify in older browsers (for local storage) -->
-<script src="js/libs/json2.js" type="text/javascript"></script>
-<!-- used for local storage -->
-<script src="js/libs/amplify.store.min.js" type="text/javascript"></script>
-<!-- our app code -->
-<script src="js/app.js" type="text/javascript"></script>
+ <script src="js/lib/knockout-2.0.0.js" type="text/javascript"></script>
+ <script src="js/app.js" type="text/javascript"></script>
</body>
</html>
View
316 architecture-examples/knockoutjs/js/app.js
@@ -1,166 +1,152 @@
-(function () {
- //trim polyfill
- if (!String.prototype.trim) {
- String.prototype.trim = function () {
- return this.replace(/^\s+|\s+$/g, '');
- };
- }
-
- //a custom binding to handle the enter key (could go in a separate library)
- ko.bindingHandlers.enterKey = {
- init:function (element, valueAccessor, allBindingsAccessor, data) {
- var wrappedHandler, newValueAccessor;
-
- //wrap the handler with a check for the enter key
- wrappedHandler = function (data, event) {
- if (event.keyCode === 13) {
- valueAccessor().call(this, data, event);
- }
- };
-
- //create a valueAccessor with the options that we would want to pass to the event binding
- newValueAccessor = function () {
- return { keyup:wrappedHandler };
- };
-
- //call the real event binding's init function
- ko.bindingHandlers.event.init(element, newValueAccessor, allBindingsAccessor, data);
- }
- };
-
- //wrapper to hasfocus that also selects text and applies focus async
- ko.bindingHandlers.selectAndFocus = {
- init:function (element, valueAccessor, allBindingsAccessor) {
- ko.bindingHandlers.hasfocus.init(element, valueAccessor, allBindingsAccessor);
- ko.utils.registerEventHandler(element, "focus", function () {
- element.select();
- });
- },
- update:function (element, valueAccessor) {
- ko.utils.unwrapObservable(valueAccessor()); //for dependency
- //ensure that element is visible before trying to focus
- setTimeout(function () {
- ko.bindingHandlers.hasfocus.update(element, valueAccessor);
- }, 0);
- }
- };
-
- //alternative to "visible" binding that will specifically set "block" to override what is in css
- ko.bindingHandlers.block = {
- update:function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- element.style.display = value ? "block" : "none";
- }
- };
-
- //alternative to "visible" binding that will specifically set "inline" to override what is in css
- ko.bindingHandlers.inline = {
- update:function (element, valueAccessor) {
- var value = ko.utils.unwrapObservable(valueAccessor());
- element.style.display = value ? "inline" : "none";
- }
- };
-
- //represent a single todo item
- var Todo = function (content, done) {
- this.content = ko.observable(content);
- this.done = ko.observable(done);
- this.editing = ko.observable(false);
- };
-
- //our main view model
- var ViewModel = function (todos) {
- var self = this;
- //map array of passed in todos to an observableArray of Todo objects
- self.todos = ko.observableArray(ko.utils.arrayMap(todos, function (todo) {
- return new Todo(todo.content, todo.done);
- }));
-
- //store the new todo value being entered
- self.current = ko.observable();
-
- //add a new todo, when enter key is pressed
- self.add = function (data, event) {
- var newTodo, current = self.current().trim();
- if (current) {
- newTodo = new Todo(current);
- self.todos.push(newTodo);
- self.current("");
- }
- };
-
- //remove a single todo
- self.remove = function (todo) {
- self.todos.remove(todo);
- };
-
- //remove all completed todos
- self.removeCompleted = function () {
- self.todos.remove(function (todo) {
- return todo.done();
- });
- };
-
- //edit an item
- self.editItem = function(item) {
- item.editing(true);
- };
-
- //stop editing an item. Remove the item, if it is now empty
- self.stopEditing = function(item) {
- item.editing(false);
- if (!item.content().trim()) {
- self.remove(item);
- }
- };
-
- //count of all completed todos
- self.completedCount = ko.computed(function () {
- return ko.utils.arrayFilter(self.todos(),
- function (todo) {
- return todo.done();
- }).length;
- });
-
- //count of todos that are not complete
- self.remainingCount = ko.computed(function () {
- return self.todos().length - self.completedCount();
- });
-
- //writeable computed observable to handle marking all complete/incomplete
- self.allCompleted = ko.computed({
- //always return true/false based on the done flag of all todos
- read:function () {
- return !self.remainingCount();
- },
- //set all todos to the written value (true/false)
- write:function (newValue) {
- ko.utils.arrayForEach(self.todos(), function (todo) {
- //set even if value is the same, as subscribers are not notified in that case
- todo.done(newValue);
- });
- }
- });
-
- //helper function to keep expressions out of markup
- self.getLabel = function (count) {
- return ko.utils.unwrapObservable(count) === 1 ? "item" : "items";
- };
-
- //internal computed observable that fires whenever anything changes in our todos
- ko.computed(
- function () {
- //get a clean copy of the todos, which also creates a dependency on the observableArray and all observables in each item
- var todos = ko.toJS(self.todos);
-
- //store to local storage
- amplify.store("todos-knockout", todos);
- }).extend({ throttle:500 }); //save at most once per second
- };
-
- //check local storage for todos
- var todos = amplify.store("todos-knockout");
-
- //bind a new instance of our view model to the page
- ko.applyBindings(new ViewModel(todos || []));
+(function() {
+ 'use strict';
+ var ENTER_KEY = 13;
+
+ // trim polyfill
+ if ( !String.prototype.trim ) {
+ String.prototype.trim = function() {
+ return this.replace( /^\s+|\s+$/g, '' );
+ };
+ }
+
+ // a custom binding to handle the enter key (could go in a separate library)
+ ko.bindingHandlers.enterKey = {
+ init: function( element, valueAccessor, allBindingsAccessor, data ) {
+ var wrappedHandler, newValueAccessor;
+
+ // wrap the handler with a check for the enter key
+ wrappedHandler = function( data, event ) {
+ if ( event.keyCode === ENTER_KEY ) {
+ valueAccessor().call( this, data, event );
+ }
+ };
+
+ // create a valueAccessor with the options that we would want to pass to the event binding
+ newValueAccessor = function() {
+ return {
+ keyup: wrappedHandler
+ };
+ };
+
+ // call the real event binding's init function
+ ko.bindingHandlers.event.init( element, newValueAccessor, allBindingsAccessor, data );
+ }
+ };
+
+ // wrapper to hasfocus that also selects text and applies focus async
+ ko.bindingHandlers.selectAndFocus = {
+ init: function( element, valueAccessor, allBindingsAccessor ) {
+ ko.bindingHandlers.hasfocus.init( element, valueAccessor, allBindingsAccessor );
+ ko.utils.registerEventHandler( element, 'focus', function() {
+ element.select();
+ } );
+ },
+ update: function( element, valueAccessor ) {
+ ko.utils.unwrapObservable( valueAccessor() ); // for dependency
+ // ensure that element is visible before trying to focus
+ setTimeout(function() {
+ ko.bindingHandlers.hasfocus.update( element, valueAccessor );
+ }, 0 );
+ }
+ };
+
+ // represent a single todo item
+ var Todo = function( title, completed ) {
+ this.title = ko.observable( title );
+ this.completed = ko.observable( completed );
+ this.editing = ko.observable( false );
+ };
+
+ // our main view model
+ var ViewModel = function( todos ) {
+ var self = this;
+ // map array of passed in todos to an observableArray of Todo objects
+ self.todos = ko.observableArray( ko.utils.arrayMap( todos, function( todo ) {
+ return new Todo( todo.title, todo.completed );
+ }));
+
+ // store the new todo value being entered
+ self.current = ko.observable();
+
+ // add a new todo, when enter key is pressed
+ self.add = function() {
+ var current = self.current().trim();
+ if ( current ) {
+ self.todos.push( new Todo( current ) );
+ self.current( '' );
+ }
+ };
+
+ // remove a single todo
+ self.remove = function( todo ) {
+ self.todos.remove( todo );
+ };
+
+ // remove all completed todos
+ self.removeCompleted = function() {
+ self.todos.remove(function( todo ) {
+ return todo.completed();
+ });
+ };
+
+ // edit an item
+ self.editItem = function( item ) {
+ item.editing( true );
+ };
+
+ // stop editing an item. Remove the item, if it is now empty
+ self.stopEditing = function( item ) {
+ item.editing( false );
+ if ( !item.title().trim() ) {
+ self.remove( item );
+ }
+ };
+
+ // count of all completed todos
+ self.completedCount = ko.computed(function() {
+ return ko.utils.arrayFilter( self.todos(), function(todo) {
+ return todo.completed();
+ } ).length;
+ });
+
+ // count of todos that are not complete
+ self.remainingCount = ko.computed(function() {
+ return self.todos().length - self.completedCount();
+ });
+
+ // writeable computed observable to handle marking all complete/incomplete
+ self.allCompleted = ko.computed({
+ //always return true/false based on the done flag of all todos
+ read: function() {
+ return !self.remainingCount();
+ },
+ // set all todos to the written value (true/false)
+ write: function( newValue ) {
+ ko.utils.arrayForEach(self.todos(), function( todo ) {
+ // set even if value is the same, as subscribers are not notified in that case
+ todo.completed( newValue );
+ });
+ }
+ });
+
+ // helper function to keep expressions out of markup
+ self.getLabel = function( count ) {
+ return ko.utils.unwrapObservable( count ) === 1 ? 'item' : 'items';
+ };
+
+ // internal computed observable that fires whenever anything changes in our todos
+ ko.computed(function() {
+ // store a clean copy to local storage, which also creates a dependency on the observableArray and all observables in each item
+ localStorage.setItem( 'todos-knockout', ko.toJSON( self.todos ) );
+
+ }).extend({
+ throttle: 500
+ }); // save at most twice per second
+ };
+
+ // check local storage for todos
+ var todos = ko.utils.parseJson( localStorage.getItem( 'todos-knockout' ) );
+
+ // bind a new instance of our view model to the page
+ ko.applyBindings( new ViewModel( todos || [] ) );
})();
View
0 ...nockoutjs/js/libs/knockout-2.0.0.debug.js → ...knockoutjs/js/lib/knockout-2.0.0.debug.js
File renamed without changes.
View
0 ...ples/knockoutjs/js/libs/knockout-2.0.0.js → ...mples/knockoutjs/js/lib/knockout-2.0.0.js
File renamed without changes.
View
10 architecture-examples/knockoutjs/js/libs/amplify.store.min.js
@@ -1,10 +0,0 @@
-/*!
- * Amplify Store - Persistent Client-Side Storage 1.1.0
- *
- * Copyright 2011 appendTo LLC. (http://appendto.com/team)
- * Dual licensed under the MIT or GPL licenses.
- * http://appendto.com/open-source-licenses
- *
- * http://amplifyjs.com
- */
-(function(a,b){function e(a,e){c.addType(a,function(f,g,h){var i,j,k,l,m=g,n=(new Date).getTime();if(!f){m={},l=[],k=0;try{f=e.length;while(f=e.key(k++))d.test(f)&&(j=JSON.parse(e.getItem(f)),j.expires&&j.expires<=n?l.push(f):m[f.replace(d,"")]=j.data);while(f=l.pop())e.removeItem(f)}catch(o){}return m}f="__amplify__"+f;if(g===b){i=e.getItem(f),j=i?JSON.parse(i):{expires:-1};if(j.expires&&j.expires<=n)e.removeItem(f);else return j.data}else if(g===null)e.removeItem(f);else{j=JSON.stringify({data:g,expires:h.expires?n+h.expires:null});try{e.setItem(f,j)}catch(o){c[a]();try{e.setItem(f,j)}catch(o){throw c.error()}}}return m})}var c=a.store=function(a,b,d,e){var e=c.type;d&&d.type&&d.type in c.types&&(e=d.type);return c.types[e](a,b,d||{})};c.types={},c.type=null,c.addType=function(a,b){c.type||(c.type=a),c.types[a]=b,c[a]=function(b,d,e){e=e||{},e.type=a;return c(b,d,e)}},c.error=function(){return"amplify.store quota exceeded"};var d=/^__amplify__/;for(var f in{localStorage:1,sessionStorage:1})try{window[f].getItem&&e(f,window[f])}catch(g){}if(window.globalStorage)try{e("globalStorage",window.globalStorage[window.location.hostname]),c.type==="sessionStorage"&&(c.type="globalStorage")}catch(g){}(function(){if(!c.types.localStorage){var a=document.createElement("div"),d="amplify";a.style.display="none",document.getElementsByTagName("head")[0].appendChild(a);try{a.addBehavior("#default#userdata"),a.load(d)}catch(e){a.parentNode.removeChild(a);return}c.addType("userData",function(e,f,g){a.load(d);var h,i,j,k,l,m=f,n=(new Date).getTime();if(!e){m={},l=[],k=0;while(h=a.XMLDocument.documentElement.attributes[k++])i=JSON.parse(h.value),i.expires&&i.expires<=n?l.push(h.name):m[h.name]=i.data;while(e=l.pop())a.removeAttribute(e);a.save(d);return m}e=e.replace(/[^-._0-9A-Za-z\xb7\xc0-\xd6\xd8-\xf6\xf8-\u037d\u37f-\u1fff\u200c-\u200d\u203f\u2040\u2070-\u218f]/g,"-");if(f===b){h=a.getAttribute(e),i=h?JSON.parse(h):{expires:-1};if(i.expires&&i.expires<=n)a.removeAttribute(e);else return i.data}else f===null?a.removeAttribute(e):(j=a.getAttribute(e),i=JSON.stringify({data:f,expires:g.expires?n+g.expires:null}),a.setAttribute(e,i));try{a.save(d)}catch(o){j===null?a.removeAttribute(e):a.setAttribute(e,j),c.userData();try{a.setAttribute(e,i),a.save(d)}catch(o){j===null?a.removeAttribute(e):a.setAttribute(e,j);throw c.error()}}return m})}})(),function(){function e(a){return a===b?b:JSON.parse(JSON.stringify(a))}var a={},d={};c.addType("memory",function(c,f,g){if(!c)return e(a);if(f===b)return e(a[c]);d[c]&&(clearTimeout(d[c]),delete d[c]);if(f===null){delete a[c];return null}a[c]=f,g.expires&&(d[c]=setTimeout(function(){delete a[c],delete d[c]},g.expires));return f})}()})(this.amplify=this.amplify||{})
View
481 architecture-examples/knockoutjs/js/libs/json2.js
@@ -1,481 +0,0 @@
-/*
- http://www.JSON.org/json2.js
- 2009-09-29
-
- Public Domain.
-
- NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
-
- See http://www.JSON.org/js.html
-
-
- This code should be minified before deployment.
- See http://javascript.crockford.com/jsmin.html
-
- USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
- NOT CONTROL.
-
-
- This file creates a global JSON object containing two methods: stringify
- and parse.
-
- JSON.stringify(value, replacer, space)
- value any JavaScript value, usually an object or array.
-
- replacer an optional parameter that determines how object
- values are stringified for objects. It can be a
- function or an array of strings.
-
- space an optional parameter that specifies the indentation
- of nested structures. If it is omitted, the text will
- be packed without extra whitespace. If it is a number,
- it will specify the number of spaces to indent at each
- level. If it is a string (such as '\t' or '&nbsp;'),
- it contains the characters used to indent at each level.
-
- This method produces a JSON text from a JavaScript value.
-
- When an object value is found, if the object contains a toJSON
- method, its toJSON method will be called and the result will be
- stringified. A toJSON method does not serialize: it returns the
- value represented by the name/value pair that should be serialized,
- or undefined if nothing should be serialized. The toJSON method
- will be passed the key associated with the value, and this will be
- bound to the value
-
- For example, this would serialize Dates as ISO strings.
-
- Date.prototype.toJSON = function (key) {
- function f(n) {
- // Format integers to have at least two digits.
- return n < 10 ? '0' + n : n;
- }
-
- return this.getUTCFullYear() + '-' +
- f(this.getUTCMonth() + 1) + '-' +
- f(this.getUTCDate()) + 'T' +
- f(this.getUTCHours()) + ':' +
- f(this.getUTCMinutes()) + ':' +
- f(this.getUTCSeconds()) + 'Z';
- };
-
- You can provide an optional replacer method. It will be passed the
- key and value of each member, with this bound to the containing
- object. The value that is returned from your method will be
- serialized. If your method returns undefined, then the member will
- be excluded from the serialization.
-
- If the replacer parameter is an array of strings, then it will be
- used to select the members to be serialized. It filters the results
- such that only members with keys listed in the replacer array are
- stringified.
-
- Values that do not have JSON representations, such as undefined or
- functions, will not be serialized. Such values in objects will be
- dropped; in arrays they will be replaced with null. You can use
- a replacer function to replace those with JSON values.
- JSON.stringify(undefined) returns undefined.
-
- The optional space parameter produces a stringification of the
- value that is filled with line breaks and indentation to make it
- easier to read.
-
- If the space parameter is a non-empty string, then that string will
- be used for indentation. If the space parameter is a number, then
- the indentation will be that many spaces.
-
- Example:
-
- text = JSON.stringify(['e', {pluribus: 'unum'}]);
- // text is '["e",{"pluribus":"unum"}]'
-
-
- text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
- // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
-
- text = JSON.stringify([new Date()], function (key, value) {
- return this[key] instanceof Date ?
- 'Date(' + this[key] + ')' : value;
- });
- // text is '["Date(---current time---)"]'
-
-
- JSON.parse(text, reviver)
- This method parses a JSON text to produce an object or array.
- It can throw a SyntaxError exception.
-
- The optional reviver parameter is a function that can filter and
- transform the results. It receives each of the keys and values,
- and its return value is used instead of the original value.
- If it returns what it received, then the structure is not modified.
- If it returns undefined then the member is deleted.
-
- Example:
-
- // Parse the text. Values that look like ISO date strings will
- // be converted to Date objects.
-
- myData = JSON.parse(text, function (key, value) {
- var a;
- if (typeof value === 'string') {
- a =
-/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
- if (a) {
- return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
- +a[5], +a[6]));
- }
- }
- return value;
- });
-
- myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
- var d;
- if (typeof value === 'string' &&
- value.slice(0, 5) === 'Date(' &&
- value.slice(-1) === ')') {
- d = new Date(value.slice(5, -1));
- if (d) {
- return d;
- }
- }
- return value;
- });
-
-
- This is a reference implementation. You are free to copy, modify, or
- redistribute.
-*/
-
-/*jslint evil: true, strict: false */
-
-/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
- call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
- getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
- lastIndex, length, parse, prototype, push, replace, slice, stringify,
- test, toJSON, toString, valueOf
-*/
-
-
-// Create a JSON object only if one does not already exist. We create the
-// methods in a closure to avoid creating global variables.
-
-if (!this.JSON) {
- this.JSON = {};
-}
-
-(function () {
-
- function f(n) {
- // Format integers to have at least two digits.
- return n < 10 ? '0' + n : n;
- }
-
- if (typeof Date.prototype.toJSON !== 'function') {
-
- Date.prototype.toJSON = function (key) {
-
- return isFinite(this.valueOf()) ?
- this.getUTCFullYear() + '-' +
- f(this.getUTCMonth() + 1) + '-' +
- f(this.getUTCDate()) + 'T' +
- f(this.getUTCHours()) + ':' +
- f(this.getUTCMinutes()) + ':' +
- f(this.getUTCSeconds()) + 'Z' : null;
- };
-
- String.prototype.toJSON =
- Number.prototype.toJSON =
- Boolean.prototype.toJSON = function (key) {
- return this.valueOf();
- };
- }
-
- var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
- escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
- gap,
- indent,
- meta = { // table of character substitutions
- '\b': '\\b',
- '\t': '\\t',
- '\n': '\\n',
- '\f': '\\f',
- '\r': '\\r',
- '"' : '\\"',
- '\\': '\\\\'
- },
- rep;
-
-
- function quote(string) {
-
-// If the string contains no control characters, no quote characters, and no
-// backslash characters, then we can safely slap some quotes around it.
-// Otherwise we must also replace the offending characters with safe escape
-// sequences.
-
- escapable.lastIndex = 0;
- return escapable.test(string) ?
- '"' + string.replace(escapable, function (a) {
- var c = meta[a];
- return typeof c === 'string' ? c :
- '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
- }) + '"' :
- '"' + string + '"';
- }
-
-
- function str(key, holder) {
-
-// Produce a string from holder[key].
-
- var i, // The loop counter.
- k, // The member key.
- v, // The member value.
- length,
- mind = gap,
- partial,
- value = holder[key];
-
-// If the value has a toJSON method, call it to obtain a replacement value.
-
- if (value && typeof value === 'object' &&
- typeof value.toJSON === 'function') {
- value = value.toJSON(key);
- }
-
-// If we were called with a replacer function, then call the replacer to
-// obtain a replacement value.
-
- if (typeof rep === 'function') {
- value = rep.call(holder, key, value);
- }
-
-// What happens next depends on the value's type.
-
- switch (typeof value) {
- case 'string':
- return quote(value);
-
- case 'number':
-
-// JSON numbers must be finite. Encode non-finite numbers as null.
-
- return isFinite(value) ? String(value) : 'null';
-
- case 'boolean':
- case 'null':
-
-// If the value is a boolean or null, convert it to a string. Note:
-// typeof null does not produce 'null'. The case is included here in
-// the remote chance that this gets fixed someday.
-
- return String(value);
-
-// If the type is 'object', we might be dealing with an object or an array or
-// null.
-
- case 'object':
-
-// Due to a specification blunder in ECMAScript, typeof null is 'object',
-// so watch out for that case.
-
- if (!value) {
- return 'null';
- }
-
-// Make an array to hold the partial results of stringifying this object value.
-
- gap += indent;
- partial = [];
-
-// Is the value an array?
-
- if (Object.prototype.toString.apply(value) === '[object Array]') {
-
-// The value is an array. Stringify every element. Use null as a placeholder
-// for non-JSON values.
-
- length = value.length;
- for (i = 0; i < length; i += 1) {
- partial[i] = str(i, value) || 'null';
- }
-
-// Join all of the elements together, separated with commas, and wrap them in
-// brackets.
-
- v = partial.length === 0 ? '[]' :
- gap ? '[\n' + gap +
- partial.join(',\n' + gap) + '\n' +
- mind + ']' :
- '[' + partial.join(',') + ']';
- gap = mind;
- return v;
- }
-
-// If the replacer is an array, use it to select the members to be stringified.
-
- if (rep && typeof rep === 'object') {
- length = rep.length;
- for (i = 0; i < length; i += 1) {
- k = rep[i];
- if (typeof k === 'string') {
- v = str(k, value);
- if (v) {
- partial.push(quote(k) + (gap ? ': ' : ':') + v);
- }
- }
- }
- } else {
-
-// Otherwise, iterate through all of the keys in the object.
-
- for (k in value) {
- if (Object.hasOwnProperty.call(value, k)) {
- v = str(k, value);
- if (v) {
- partial.push(quote(k) + (gap ? ': ' : ':') + v);
- }
- }
- }
- }
-
-// Join all of the member texts together, separated with commas,
-// and wrap them in braces.
-
- v = partial.length === 0 ? '{}' :
- gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
- mind + '}' : '{' + partial.join(',') + '}';
- gap = mind;
- return v;
- }
- }
-
-// If the JSON object does not yet have a stringify method, give it one.
-
- if (typeof JSON.stringify !== 'function') {
- JSON.stringify = function (value, replacer, space) {
-
-// The stringify method takes a value and an optional replacer, and an optional
-// space parameter, and returns a JSON text. The replacer can be a function
-// that can replace values, or an array of strings that will select the keys.
-// A default replacer method can be provided. Use of the space parameter can
-// produce text that is more easily readable.
-
- var i;
- gap = '';
- indent = '';
-
-// If the space parameter is a number, make an indent string containing that
-// many spaces.
-
- if (typeof space === 'number') {
- for (i = 0; i < space; i += 1) {
- indent += ' ';
- }
-
-// If the space parameter is a string, it will be used as the indent string.
-
- } else if (typeof space === 'string') {
- indent = space;
- }
-
-// If there is a replacer, it must be a function or an array.
-// Otherwise, throw an error.
-
- rep = replacer;
- if (replacer && typeof replacer !== 'function' &&
- (typeof replacer !== 'object' ||
- typeof replacer.length !== 'number')) {
- throw new Error('JSON.stringify');
- }
-
-// Make a fake root object containing our value under the key of ''.
-// Return the result of stringifying the value.
-
- return str('', {'': value});
- };
- }
-
-
-// If the JSON object does not yet have a parse method, give it one.
-
- if (typeof JSON.parse !== 'function') {
- JSON.parse = function (text, reviver) {
-
-// The parse method takes a text and an optional reviver function, and returns
-// a JavaScript value if the text is a valid JSON text.
-
- var j;
-
- function walk(holder, key) {
-
-// The walk method is used to recursively walk the resulting structure so
-// that modifications can be made.
-
- var k, v, value = holder[key];
- if (value && typeof value === 'object') {
- for (k in value) {
- if (Object.hasOwnProperty.call(value, k)) {
- v = walk(value, k);
- if (v !== undefined) {
- value[k] = v;
- } else {
- delete value[k];
- }
- }
- }
- }
- return reviver.call(holder, key, value);
- }
-
-
-// Parsing happens in four stages. In the first stage, we replace certain
-// Unicode characters with escape sequences. JavaScript handles many characters
-// incorrectly, either silently deleting them, or treating them as line endings.
-
- cx.lastIndex = 0;
- if (cx.test(text)) {
- text = text.replace(cx, function (a) {
- return '\\u' +
- ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
- });
- }
-
-// In the second stage, we run the text against regular expressions that look
-// for non-JSON patterns. We are especially concerned with '()' and 'new'
-// because they can cause invocation, and '=' because it can cause mutation.
-// But just to be safe, we want to reject all unexpected forms.
-
-// We split the second stage into 4 regexp operations in order to work around
-// crippling inefficiencies in IE's and Safari's regexp engines. First we
-// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
-// replace all simple value tokens with ']' characters. Third, we delete all
-// open brackets that follow a colon or comma or that begin the text. Finally,
-// we look to see that the remaining characters are only whitespace or ']' or
-// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
-
- if (/^[\],:{}\s]*$/.
-test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
-replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
-replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
-
-// In the third stage we use the eval function to compile the text into a
-// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
-// in JavaScript: it can begin a block or an object literal. We wrap the text
-// in parens to eliminate the ambiguity.
-
- j = eval('(' + text + ')');
-
-// In the optional fourth stage, we recursively walk the new structure, passing
-// each name/value pair to a reviver function for possible transformation.
-
- return typeof reviver === 'function' ?
- walk({'': j}, '') : j;
- }
-
-// If the text is not JSON parseable, then a SyntaxError is thrown.
-
- throw new SyntaxError('JSON.parse');
- };
- }
-}());

0 comments on commit 9120533

Please sign in to comment.