package Jemplate::Runtime; use strict; use warnings; sub main { return &kernel } sub kernel { <<'...'; /*------------------------------------------------------------------------------ Jemplate - Template Toolkit for JavaScript DESCRIPTION - This module provides the runtime JavaScript support for compiled Jemplate templates. AUTHOR - Ingy döt Net Copyright 2006,2008 Ingy döt Net. This module is free software; you can redistribute it and/or modify it under the same terms as Perl itself. ------------------------------------------------------------------------------*/ //------------------------------------------------------------------------------ // Main Jemplate class //------------------------------------------------------------------------------ if (typeof Jemplate == 'undefined') { var Jemplate = function() { this.init.apply(this, arguments); }; } Jemplate.VERSION = '0.22'; Jemplate.process = function() { var jemplate = new Jemplate(Jemplate.prototype.config); return jemplate.process.apply(jemplate, arguments); } ;(function(){ if (! Jemplate.templateMap) Jemplate.templateMap = {}; var proto = Jemplate.prototype = {}; proto.config = { AUTO_RESET: true, BLOCKS: {}, CONTEXT: null, DEBUG_UNDEF: false, DEFAULT: null, ERROR: null, EVAL_JAVASCRIPT: false, GLOBAL : true, SCOPE : this, FILTERS: {}, INCLUDE_PATH: [''], INTERPOLATE: false, OUTPUT: null, PLUGINS: {}, POST_PROCESS: [], PRE_PROCESS: [], PROCESS: null, RECURSION: false, STASH: null, TOLERANT: null, VARIABLES: {}, WRAPPER: [] }; proto.defaults = { AUTO_RESET: true, BLOCKS: {}, CONTEXT: null, DEBUG_UNDEF: false, DEFAULT: null, ERROR: null, EVAL_JAVASCRIPT: false, GLOBAL : true, SCOPE : this, INCLUDE_PATH: [''], INTERPOLATE: false, OUTPUT: null, PLUGINS: {}, POST_PROCESS: [], PRE_PROCESS: [], PROCESS: null, RECURSION: false, STASH: null, TOLERANT: null, VARIABLES: {}, WRAPPER: [] }; Jemplate.init = function(config) { Jemplate.prototype.config = config || {}; for (var i in Jemplate.prototype.defaults) { if(typeof Jemplate.prototype.config[i] == "undefined") { Jemplate.prototype.config[i] = Jemplate.prototype.defaults[i]; } } } proto.init = function(config) { this.config = config || {}; for (var i in Jemplate.prototype.defaults) { if(typeof this.config[i] == "undefined") { this.config[i] = Jemplate.prototype.defaults[i]; } } } proto.process = function(template, data, output) { var context = this.config.CONTEXT || new Jemplate.Context(); context.config = this.config; context.stash = new Jemplate.Stash(this.config.STASH, this.config); context.__filter__ = new Jemplate.Filter(); context.__filter__.config = this.config; context.__plugin__ = new Jemplate.Plugin(); context.__plugin__.config = this.config; var result; var proc = function(input) { try { if (typeof context.config.PRE_PROCESS == 'string') context.config.PRE_PROCESS = [context.config.PRE_PROCESS]; for (var i = 0; i < context.config.PRE_PROCESS.length; i++) { context.process(context.config.PRE_PROCESS[i]); } result = context.process(template, input); if (typeof context.config.POST_PROCESS == 'string') context.config.PRE_PROCESS = [context.config.POST_PROCESS]; for (i = 0; i < context.config.POST_PROCESS.length; i++) { context.process(context.config.POST_PROCESS[i]); } } catch(e) { if (! String(e).match(/Jemplate\.STOP\n/)) throw(e); result = e.toString().replace(/Jemplate\.STOP\n/, ''); } if (typeof output == 'undefined') return result; if (typeof output == 'function') { output(result); return null; } if (typeof(output) == 'string' || output instanceof String) { if (output.match(/^#[\w\-]+$/)) { var id = output.replace(/^#/, ''); var element = document.getElementById(id); if (typeof element == 'undefined') throw('No element found with id="' + id + '"'); element.innerHTML = result; return null; } } else { output.innerHTML = result; return null; } throw("Invalid arguments in call to Jemplate.process"); return 1; } if (typeof data == 'function') data = data(); else if (typeof data == 'string') { // Jemplate.Ajax.get(data, function(r) { proc(Jemplate.JSON.parse(r)) }); var url = data; Jemplate.Ajax.processGet(url, function(data) { proc(data) }); return null; } return proc(data); } //------------------------------------------------------------------------------ // Jemplate.Context class //------------------------------------------------------------------------------ if (typeof Jemplate.Context == 'undefined') Jemplate.Context = function() {}; proto = Jemplate.Context.prototype; proto.include = function(template, args) { return this.process(template, args, true); } proto.process = function(template, args, localise) { if (localise) this.stash.clone(args); else this.stash.update(args); var func = Jemplate.templateMap[template]; if (typeof func == 'undefined') throw('No Jemplate template named "' + template + '" available'); var output = func(this); if (localise) this.stash.declone(); return output; } proto.set_error = function(error, output) { this._error = [error, output]; return error; } proto.plugin = function(name, args) { if (typeof name == 'undefined') throw "Unknown plugin name ':" + name + "'"; // The Context object (this) is passed as the first argument to the plugin. var func = eval(name); return new func(this, args); } proto.filter = function(text, name, args) { if (name == 'null') name = "null_filter"; if (typeof this.__filter__.filters[name] == "function") return this.__filter__.filters[name](text, args, this); else throw "Unknown filter name ':" + name + "'"; } //------------------------------------------------------------------------------ // Jemplate.Plugin class //------------------------------------------------------------------------------ if (typeof Jemplate.Plugin == 'undefined') { Jemplate.Plugin = function() { }; } proto = Jemplate.Plugin.prototype; proto.plugins = {}; //------------------------------------------------------------------------------ // Jemplate.Filter class //------------------------------------------------------------------------------ if (typeof Jemplate.Filter == 'undefined') { Jemplate.Filter = function() { }; } proto = Jemplate.Filter.prototype; proto.filters = {}; proto.filters.null_filter = function(text) { return ''; } proto.filters.upper = function(text) { return text.toUpperCase(); } proto.filters.lower = function(text) { return text.toLowerCase(); } proto.filters.ucfirst = function(text) { var first = text.charAt(0); var rest = text.substr(1); return first.toUpperCase() + rest; } proto.filters.lcfirst = function(text) { var first = text.charAt(0); var rest = text.substr(1); return first.toLowerCase() + rest; } proto.filters.trim = function(text) { return text.replace( /^\s+/g, "" ).replace( /\s+$/g, "" ); } proto.filters.collapse = function(text) { return text.replace( /^\s+/g, "" ).replace( /\s+$/g, "" ).replace(/\s+/, " "); } proto.filters.html = function(text) { text = text.replace(/&/g, '&'); text = text.replace(//g, '>'); text = text.replace(/"/g, '"'); // " end quote for emacs return text; } proto.filters.html_para = function(text) { var lines = text.split(/(?:\r?\n){2,}/); return "

\n" + lines.join("\n

\n\n

\n") + "

\n"; } proto.filters.html_break = function(text) { return text.replace(/(\r?\n){2,}/g, "$1
$1
$1"); } proto.filters.html_line_break = function(text) { return text.replace(/(\r?\n)/g, "$1
$1"); } proto.filters.uri = function(text) { return encodeURIComponent(text); } proto.filters.url = function(text) { return encodeURI(text); } proto.filters.indent = function(text, args) { var pad = args[0]; if (! text) return null; if (typeof pad == 'undefined') pad = 4; var finalpad = ''; if (typeof pad == 'number' || String(pad).match(/^\d$/)) { for (var i = 0; i < pad; i++) { finalpad += ' '; } } else { finalpad = pad; } var output = text.replace(/^/gm, finalpad); return output; } proto.filters.truncate = function(text, args) { var len = args[0]; if (! text) return null; if (! len) len = 32; // This should probably be <=, but TT just uses < if (text.length < len) return text; var newlen = len - 3; return text.substr(0,newlen) + '...'; } proto.filters.repeat = function(text, iter) { if (! text) return null; if (! iter || iter == 0) iter = 1; if (iter == 1) return text var output = text; for (var i = 1; i < iter; i++) { output += text; } return output; } proto.filters.replace = function(text, args) { if (! text) return null; var re_search = args[0]; var text_replace = args[1]; if (! re_search) re_search = ''; if (! text_replace) text_replace = ''; var re = new RegExp(re_search, 'g'); return text.replace(re, text_replace); } //------------------------------------------------------------------------------ // Jemplate.Stash class //------------------------------------------------------------------------------ if (typeof Jemplate.Stash == 'undefined') { Jemplate.Stash = function(stash, config) { this.__config__ = config; this.data = { GLOBAL : this.__config__.SCOPE }; this.LOCAL_ANCHOR = {}; this.data.LOCAL = this.LOCAL_ANCHOR; this.update(stash); }; } proto = Jemplate.Stash.prototype; proto.clone = function(args) { var data = this.data; this.data = { GLOBAL : this.__config__.SCOPE }; this.data.LOCAL = this.LOCAL_ANCHOR; this.update(data); this.update(args); this.data._PARENT = data; } proto.declone = function(args) { this.data = this.data._PARENT || this.data; } proto.update = function(args) { if (typeof args == 'undefined') return; for (var key in args) { if (key != 'GLOBAL' && key != 'LOCAL') { this.set(key, args[key]); } } } proto.get = function(ident, args) { var root = this.data; var value; if ( (ident instanceof Array) || (typeof ident == 'string' && /\./.test(ident) ) ) { if (typeof ident == 'string') { ident = ident.split('.'); var newIdent = []; for (var i = 0; i < ident.length; i++) { newIdent.push(ident.replace(/\(.*$/,'')); newIdent.push(0); } ident = newIdent; } for (var i = 0; i < ident.length; i += 2) { var dotopArgs = ident.slice(i, i+2); dotopArgs.unshift(root); value = this._dotop.apply(this, dotopArgs); if (typeof value == 'undefined') break; root = value; } } else { value = this._dotop(root, ident, args); } if (typeof value == 'undefined' || value == null) { if (this.__config__.DEBUG_UNDEF) throw("undefined value found while using DEBUG_UNDEF"); value = ''; } return value; } proto.set = function(ident, value, set_default) { var root, result, error; root = this.data; while (true) { if ( (ident instanceof Array) || (typeof ident == 'string' && /\./.test(ident) ) ) { if (typeof ident == 'string') { ident = ident.split('.'); var newIdent = []; for (var i = 0; i < ident.length; i++) { newIdent.push(ident.replace(/\(.*$/,'')); newIdent.push(0); } ident = newIdent; } for (var i = 0; i < ident.length - 2; i += 2) { var dotopArgs = ident.slice(i, i+2); dotopArgs.unshift(root); dotopArgs.push(1); result = this._dotop.apply(this, dotopArgs); if (typeof value == 'undefined') break; root = result; } var assignArgs = ident.slice(ident.length-2, ident.length); assignArgs.unshift(root); assignArgs.push(value); assignArgs.push(set_default); result = this._assign.apply(this, assignArgs); } else { result = this._assign(root, ident, 0, value, set_default); } break; } return (typeof result != 'undefined') ? result : ''; } proto._dotop = function(root, item, args, lvalue) { if (root == this.LOCAL_ANCHOR) root = this.data; var atroot = root == this.data; var value,result = undefined; var is_function_call = args instanceof Array; args = args || []; if (typeof root == 'undefined' || typeof item == 'undefined' || typeof item == 'string' && item.match(/^[\._]/)) { return undefined; } if (atroot || root.constructor == Object || root == this.data.GLOBAL) { if (typeof root[item] != 'undefined' && root[item] != null && (!is_function_call || !this.hash_functions[item])) { //consider undefined == null if (typeof root[item] == 'function') { result = root[item].apply(root,args); } else { return root[item]; } } /*else if (atroot && typeof this.data.GLOBAL[item] != 'undefined' && this.__config__.GLOBAL && item != 'LOCAL' ) { if (typeof this.data.GLOBAL[item] == 'function' ) { result = this.data.GLOBAL[item].apply(root,args); } else { return this.data.GLOBAL[item]; } }*/ else if (lvalue) { return root[item] = {}; } else if (this.hash_functions[item] && !atroot || item == 'import') { args.unshift(root); result = this.hash_functions[item].apply(this,args); } else if (item instanceof Array) { result = {}; for (var i = 0; i < item.length; i++) result[item[i]] = root[item[i]]; return result; } } else if (root instanceof Array) { if (this.list_functions[item]) { args.unshift(root); result = this.list_functions[item].apply(this,args); } else if (typeof item == 'string' && /^-?\d+$/.test(item) || typeof item == 'number' ) { if (typeof root[item] != 'function') return root[item]; result = root[item].apply(this, args); } else if (item instanceof Array) { for (var i = 0; i < item.length; i++) result.push(root[item[i]]); return result; } } else if ( (root.constructor != Object) && (root instanceof Object) ) { //this section was proposed for calling method on blessed reference in Perl //not sure how well it is playing with javascript try { result = root[item].apply(root,args); } catch (e) { var my_class = root.constructor.name; if (false) throw "Cant locate method"; if (root instanceof Array) { if (this.list_functions[item]) { args.unshift(root); result = this.list_functions[item].apply(this,args); } else if (typeof item == 'string' && /^-?\d+$/.test(item) || typeof item == 'number' ) { if (typeof root[item] != 'function') return root[item]; result = root[item].apply(this, args); } else if (item instanceof Array) { for (var i = 0; i < item.length; i++) result.push(root[item[i]]); return result; } } else if (typeof root == 'object') { if (typeof root[item] != 'undefined' && root[item] != null) {//consider undefined == null if (typeof root[item] == 'function') { result = root[item].apply(this,args); } else { return root[item]; } } else if (this.hash_functions[item]) { args.unshift(root); result = this.hash_functions[item].apply(this,args); } } else if (this.string_functions[item]) { args.unshift(root); result = this.string_functions[item].apply(this, args); } else if (this.list_functions[item]) { args.unshift([root]); result = this.list_functions[item].apply(this,args); } } } else if (this.string_functions[item] && !lvalue) { args.unshift(root); result = this.string_functions[item].apply(this, args); } else if (this.list_functions[item] && !lvalue) { args.unshift([root]); result = this.list_functions[item].apply(this,args); } else { result = undefined; } if (result instanceof Array) { if (typeof result[0] == 'undefined' && typeof result[1] != 'undefined') { throw result[1]; } } return result; } proto._assign = function(root, item, args, value, set_default) { var atroot = root == this.data; var result; args = args || []; if (typeof root == 'undefined' || typeof item == 'undefined' || typeof item == 'string' && item.match(/^[\._]/)) { return undefined; } if (atroot || root.constructor == Object || root == this.data.GLOBAL) { // if (atroot && this.__config__.GLOBAL && typeof root[item] == 'undefined' && typeof this.data.GLOBAL[item] != 'undefined' && !set_default) { // return this.data.GLOBAL[item] = value; // } if (root == this.LOCAL_ANCHOR) root = this.data; if (!(set_default && typeof root[item] != 'undefined')) { if (atroot && item == 'GLOBAL') throw "Attempt to modify GLOBAL access modifier" if (atroot && item == 'LOCAL') throw "Attempt to modify LOCAL access modifier" return root[item] = value; } } else if ((root instanceof Array) && (typeof item == 'string' && /^-?\d+$/.test(item) || typeof item == 'number' )) { if (!(set_default && typeof root[item] != 'undefined')) { return root[item] = value; } } else if ( (root.constructor != Object) && (root instanceof Object) ) { try { result = root[item].apply(root,args); } catch (e) { } } else { throw 'dont know how to assign to [' + root + '.' + item +']'; } return undefined; } proto.string_functions = {}; // typeof proto.string_functions['typeof'] = function(value) { return typeof value; } // chunk(size) negative size chunks from end proto.string_functions.chunk = function(string, size) { //var size = args; var list = new Array(); if (! size) size = 1; if (size < 0) { size = 0 - size; for (var i = string.length - size; i >= 0; i = i - size) list.unshift(string.substr(i, size)); if (string.length % size) list.unshift(string.substr(0, string.length % size)); } else for (i = 0; i < string.length; i = i + size) list.push(string.substr(i, size)); return list; } // defined is value defined? proto.string_functions.defined = function(string) { return 1; } // hash treat as single-element hash with key value proto.string_functions.hash = function(string) { return { 'value': string }; } // length length of string representation proto.string_functions.length = function(string) { return string.length; } // list treat as single-item list proto.string_functions.list = function(string) { return [ string ]; } // match(re) get list of matches proto.string_functions.match = function(string, re, modifiers) { var regexp = new RegExp(re, modifiers); var list = string.match(regexp); return list; } // repeat(n) repeated n times proto.string_functions.repeat = function(string, args) { var n = args || 1; var output = ''; for (var i = 0; i < n; i++) { output += string; } return output; } // replace(re, sub, global) replace instances of re with sub proto.string_functions.replace = function(string, re, sub, modifiers) { var regexp = new RegExp(re,modifiers); if (! sub) sub = ''; return string.replace(regexp, sub); } // search(re) true if value matches re proto.string_functions.search = function(string, re) { var regexp = new RegExp(re); return (string.search(regexp) >= 0) ? 1 : 0; } // size returns 1, as if a single-item list proto.string_functions.size = function(string) { return 1; } // split(re) split string on re proto.string_functions.split = function(string, re) { var regexp = new RegExp(re); var list = string.split(regexp); return list; } proto.list_functions = {}; // typeof proto.list_functions['typeof'] = function(list) { return 'array'; }; proto.list_functions.list = function(list) { return list; }; proto.list_functions.join = function(list, str) { return list.join(str); }; proto.list_functions.sort = function(list,key) { if( typeof(key) != 'undefined' && key != "" ) { // we probably have a list of hashes // and need to sort based on hash key return list.sort( function(a,b) { if( a[key] == b[key] ) { return 0; } else if( a[key] > b[key] ) { return 1; } else { return -1; } } ); } return list.sort(); } proto.list_functions.nsort = function(list) { return list.sort(function(a, b) { return (a-b) }); } proto.list_functions.grep = function(list, re) { var regexp = new RegExp(re); var result = []; for (var i = 0; i < list.length; i++) { if (list[i].match(regexp)) result.push(list[i]); } return result; } proto.list_functions.unique = function(list) { var result = []; var seen = {}; for (var i = 0; i < list.length; i++) { var elem = list[i]; if (! seen[elem]) result.push(elem); seen[elem] = true; } return result; } proto.list_functions.reverse = function(list) { var result = []; for (var i = list.length - 1; i >= 0; i--) { result.push(list[i]); } return result; } proto.list_functions.merge = function(list /*, ... args */) { var result = []; var push_all = function(elem) { if (elem instanceof Array) { for (var j = 0; j < elem.length; j++) { result.push(elem[j]); } } else { result.push(elem); } } push_all(list); for (var i = 1; i < arguments.length; i++) { push_all(arguments[i]); } return result; } proto.list_functions.slice = function(list, start, end) { return list.slice(start, end); } proto.list_functions.splice = function(list /*, ... args */ ) { var args = Array.prototype.slice.call(arguments); args.shift(); return list.splice.apply(list,args); } proto.list_functions.push = function(list, value) { list.push(value); return list; } proto.list_functions.pop = function(list) { return list.pop(); } proto.list_functions.unshift = function(list, value) { list.unshift(value); return list; } proto.list_functions.shift = function(list) { return list.shift(); } proto.list_functions.first = function(list) { return list[0]; } proto.list_functions.size = function(list) { return list.length; } proto.list_functions.max = function(list) { return list.length - 1; } proto.list_functions.last = function(list) { return list.slice(-1); } proto.hash_functions = {}; // typeof proto.hash_functions['typeof'] = function(hash) { return 'object'; }; // each list of alternating keys/values proto.hash_functions.each = function(hash) { var list = new Array(); for ( var key in hash ) list.push(key, hash[key]); return list; } // exists(key) does key exist? proto.hash_functions.exists = function(hash, key) { return ( typeof( hash[key] ) == "undefined" ) ? 0 : 1; } // import(hash2) import contents of hash2 // import import into current namespace hash proto.hash_functions['import'] = function(hash, hash2) { for ( var key in hash2 ) hash[key] = hash2[key]; return ''; } // keys list of keys proto.hash_functions.keys = function(hash) { var list = new Array(); for ( var key in hash ) list.push(key); return list; } // list returns alternating key, value proto.hash_functions.list = function(hash, what) { //var what = ''; //if ( args ) //what = args[0]; var list = new Array(); var key; if (what == 'keys') for ( key in hash ) list.push(key); else if (what == 'values') for ( key in hash ) list.push(hash[key]); else if (what == 'each') for ( key in hash ) list.push(key, hash[key]); else for ( key in hash ) list.push({ 'key': key, 'value': hash[key] }); return list; } // nsort keys sorted numerically proto.hash_functions.nsort = function(hash) { var list = new Array(); for (var key in hash) list.push(key); return list.sort(function(a, b) { return (a-b) }); } // size number of pairs proto.hash_functions.size = function(hash) { var size = 0; for (var key in hash) size++; return size; } // sort keys sorted alphabetically proto.hash_functions.sort = function(hash) { var list = new Array(); for (var key in hash) list.push(key); return list.sort(); } // values list of values proto.hash_functions.values = function(hash) { var list = new Array(); for ( var key in hash ) list.push(hash[key]); return list; } // delete proto.hash_functions.remove = function(hash, key) { return delete hash[key]; } proto.hash_functions['delete'] = proto.hash_functions.remove; //------------------------------------------------------------------------------ // Jemplate.Iterator class //------------------------------------------------------------------------------ if (typeof Jemplate.Iterator == 'undefined') { Jemplate.Iterator = function(object) { if( object instanceof Array ) { this.object = object; this.size = object.length; this.max = this.size -1; } else if ( object instanceof Object ) { this.object = object; var object_keys = new Array; for( var key in object ) { object_keys[object_keys.length] = key; } this.object_keys = object_keys.sort(); this.size = object_keys.length; this.max = this.size -1; } else if (typeof object == 'undefined' || object == null || object == '') { this.object = null; this.max = -1; } } } proto = Jemplate.Iterator.prototype; proto.get_first = function() { this.index = 0; this.first = 1; this.last = 0; this.count = 1; return this.get_next(1); } proto.get_next = function(should_init) { var object = this.object; var index; if( typeof(should_init) != 'undefined' && should_init ) { index = this.index; } else { index = ++this.index; this.first = 0; this.count = this.index + 1; if( this.index == this.size -1 ) { this.last = 1; } } if (typeof object == 'undefined') throw('No object to iterate'); if( this.object_keys ) { if (index < this.object_keys.length) { this.prev = index > 0 ? this.object_keys[index - 1] : ""; this.next = index < this.max ? this.object_keys[index + 1] : ""; return [this.object_keys[index], false]; } } else { if (index <= this.max) { this.prev = index > 0 ? object[index - 1] : ""; this.next = index < this.max ? object[index +1] : ""; return [object[index], false]; } } return [null, true]; } var stubExplanation = "stub that doesn't do anything. Try including the jQuery, YUI, or XHR option when building the runtime"; Jemplate.Ajax = { get: function(url, callback) { throw("This is a Jemplate.Ajax.get " + stubExplanation); }, processGet: function(url, callback) { throw("This is a Jemplate.Ajax.processGet " + stubExplanation); }, post: function(url, callback) { throw("This is a Jemplate.Ajax.post " + stubExplanation); } }; Jemplate.JSON = { parse: function(decodeValue) { throw("This is a Jemplate.JSON.parse " + stubExplanation); }, stringify: function(encodeValue) { throw("This is a Jemplate.JSON.stringify " + stubExplanation); } }; }()); ... } sub ajax_jquery { <<'...'; ;(function(){ Jemplate.Ajax = { get: function(url, callback) { jQuery.get(url, null, callback); }, processGet: function(url, processor) { jQuery.getJSON(url, null, processor); }, post: function(url, data, callback) { jQuery.post(url, data, callback); } }; }()); ... } sub ajax_xhr { <<'...'; ;(function(){ Jemplate.Ajax = { get: function(url, callback) { var request = new XMLHttpRequest(); request.open('GET', url, Boolean(callback)); request.setRequestHeader('Accept', 'text/json; text/x-json; application/json'); return this.request(request, null, callback); }, processGet: function(url, processor) { this.get(url, function(responseText){ processor(Jemplate.JSON.parse(responseText)); }); }, post: function(url, data, callback) { var request = new XMLHttpRequest(); request.open('POST', url, Boolean(callback)); request.setRequestHeader('Accept', 'text/json; text/x-json; application/json'); request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); return this.request(request, data, callback); }, request: function(request, data, callback) { if (callback) { request.onreadystatechange = function() { if (request.readyState == 4) { if(request.status == 200) callback(request.responseText); } }; } request.send(data); if (!callback) { if (request.status != 200) throw('Request for "' + url + '" failed with status: ' + request.status); return request.responseText; } return null; } }; }()); ... } sub ajax_yui { <<'...'; ;(function(){ Jemplate.Ajax = { get: function(url, callback) { if (typeof callback == "function") { callback = { success: callback }; } YAHOO.connect.asyncRequest("GET", url, callback); }, processGet: function(url, processor) { this.get(url, function(responseText){ processor(YAHOO.lang.JSON.parse(responseText)); }); }, post: function(url, data, callback) { if (typeof callback == "function") { callback = { success: callback }; } YAHOO.connect.asyncRequest("POST", url, callback, data); } }; }()); ... } sub json_json2 { <<'...'; ;(function(){ Jemplate.JSON = { parse: function(encoded) { return JSON.parse(encoded); }, stringify: function(decoded) { return JSON.stringify(decoded); } }; }()); ... } sub json_json2_internal { <<'...'; ;(function(){ var JSON; /* json2.js 2008-03-24 Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.org/js.html This file creates a global JSON object containing three methods: stringify, parse, and quote. 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 without a toJSON method. It can be a function or an array. 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'), 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 with 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 object holding the key. This is the toJSON method added to Dates: function toJSON(key) { 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 no replacer parameter is provided, then a default replacer will be used: function replacer(key, value) { return Object.hasOwnProperty.call(this, key) ? value : undefined; } The default replacer is passed the key and value for each item in the structure. It excludes inherited members. If the replacer parameter is an array, 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 representaions, 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 then 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]' 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 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; }); JSON.quote(text) This method wraps a string in quotes, escaping some characters as needed. This is a reference implementation. You are free to copy, modify, or redistribute. USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD THIRD PARTY CODE INTO YOUR PAGES. */ /*jslint regexp: true, forin: true, evil: true */ /*global JSON */ /*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply, call, charCodeAt, floor, getUTCDate, getUTCFullYear, getUTCHours, getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join, length, parse, propertyIsEnumerable, prototype, push, quote, replace, stringify, test, toJSON, toString */ if (!JSON) var JSON; if (!JSON) { // Create a JSON object only if one does not already exist. We create the // object in a closure to avoid global variables. JSON = function () { function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } Date.prototype.toJSON = function () { // Eventually, this method will be based on the date.toISOString method. return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z'; }; var escapeable = /["\\\x00-\x1f\x7f-\x9f]/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. return escapeable.test(string) ? '"' + string.replace(escapeable, function (a) { var c = meta[a]; if (typeof c === 'string') { return c; } c = a.charCodeAt(); return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16); }) + '"' : '"' + 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 = []; // If the object has a dontEnum length property, we'll treat it as an array. if (typeof value.length === 'number' && !(value.propertyIsEnumerable('length'))) { // The object 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 (typeof rep === 'object') { length = rep.length; for (i = 0; i < length; i += 1) { k = rep[i]; if (typeof k === 'string') { v = str(k, value, rep); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } else { // Otherwise, iterate through all of the keys in the object. for (k in value) { v = str(k, value, rep); 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; } return null; } // Return the JSON object containing the stringify, parse, and quote methods. return { 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 (space) { // 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 no replacer parameter, use the default replacer. if (!replacer) { rep = function (key, value) { if (!Object.hasOwnProperty.call(this, key)) { return undefined; } return value; }; // The replacer can be a function or an array. Otherwise, throw an error. } else if (typeof replacer === 'function' || (typeof replacer === 'object' && typeof replacer.length === 'number')) { rep = replacer; } else { 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}); }, 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 three stages. In the first 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 first stage into 4 regexp operations in order to work around // crippling inefficiencies in IE's and Safari's regexp engines. First we // replace all 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(/\\["\\\/bfnrtu]/g, '@'). replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'). replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { // In the second 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 third 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'); }, quote: quote }; }(); } Jemplate.JSON = { parse: function(encoded) { return JSON.parse(encoded); }, stringify: function(decoded) { return JSON.stringify(decoded); } }; }()); ... } sub json_yui { <<'...'; ;(function(){ Jemplate.JSON = { parse: function(encoded) { return YAHOO.lang.JSON.parse(encoded); }, stringify: function(decoded) { return YAHOO.lang.JSON.stringify(decoded); } }; }()); ... } sub json2 { <<'...'; /* json2.js 2008-03-24 Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.org/js.html This file creates a global JSON object containing three methods: stringify, parse, and quote. 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 without a toJSON method. It can be a function or an array. 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'), 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 with 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 object holding the key. This is the toJSON method added to Dates: function toJSON(key) { 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 no replacer parameter is provided, then a default replacer will be used: function replacer(key, value) { return Object.hasOwnProperty.call(this, key) ? value : undefined; } The default replacer is passed the key and value for each item in the structure. It excludes inherited members. If the replacer parameter is an array, 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 representaions, 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 then 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]' 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 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; }); JSON.quote(text) This method wraps a string in quotes, escaping some characters as needed. This is a reference implementation. You are free to copy, modify, or redistribute. USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD THIRD PARTY CODE INTO YOUR PAGES. */ /*jslint regexp: true, forin: true, evil: true */ /*global JSON */ /*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply, call, charCodeAt, floor, getUTCDate, getUTCFullYear, getUTCHours, getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join, length, parse, propertyIsEnumerable, prototype, push, quote, replace, stringify, test, toJSON, toString */ if (!JSON) var JSON; if (!JSON) { // Create a JSON object only if one does not already exist. We create the // object in a closure to avoid global variables. JSON = function () { function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } Date.prototype.toJSON = function () { // Eventually, this method will be based on the date.toISOString method. return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z'; }; var escapeable = /["\\\x00-\x1f\x7f-\x9f]/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. return escapeable.test(string) ? '"' + string.replace(escapeable, function (a) { var c = meta[a]; if (typeof c === 'string') { return c; } c = a.charCodeAt(); return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16); }) + '"' : '"' + 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 = []; // If the object has a dontEnum length property, we'll treat it as an array. if (typeof value.length === 'number' && !(value.propertyIsEnumerable('length'))) { // The object 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 (typeof rep === 'object') { length = rep.length; for (i = 0; i < length; i += 1) { k = rep[i]; if (typeof k === 'string') { v = str(k, value, rep); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } else { // Otherwise, iterate through all of the keys in the object. for (k in value) { v = str(k, value, rep); 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; } return null; } // Return the JSON object containing the stringify, parse, and quote methods. return { 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 (space) { // 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 no replacer parameter, use the default replacer. if (!replacer) { rep = function (key, value) { if (!Object.hasOwnProperty.call(this, key)) { return undefined; } return value; }; // The replacer can be a function or an array. Otherwise, throw an error. } else if (typeof replacer === 'function' || (typeof replacer === 'object' && typeof replacer.length === 'number')) { rep = replacer; } else { 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}); }, 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 three stages. In the first 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 first stage into 4 regexp operations in order to work around // crippling inefficiencies in IE's and Safari's regexp engines. First we // replace all 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(/\\["\\\/bfnrtu]/g, '@'). replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'). replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { // In the second 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 third 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'); }, quote: quote }; }(); } ... } sub xhr_gregory { <<'...'; /* Cross-Browser XMLHttpRequest v1.2 ================================= Emulate Gecko 'XMLHttpRequest()' functionality in IE and Opera. Opera requires the Sun Java Runtime Environment . by Andrew Gregory http://www.scss.com.au/family/andrew/webdesign/xmlhttprequest/ This work is licensed under the Creative Commons Attribution License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.5/ or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA. Attribution: Leave my name and web address in this script intact. Not Supported in Opera ---------------------- * user/password authentication * responseXML data member Not Fully Supported in Opera ---------------------------- * async requests * abort() * getAllResponseHeaders(), getAllResponseHeader(header) */ // IE support if (window.ActiveXObject && !window.XMLHttpRequest) { window.XMLHttpRequest = function() { var msxmls = new Array( 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'); for (var i = 0; i < msxmls.length; i++) { try { return new ActiveXObject(msxmls[i]); } catch (e) { } } return null; }; } // Gecko support /* ;-) */ // Opera support if (window.opera && !window.XMLHttpRequest) { window.XMLHttpRequest = function() { this.readyState = 0; // 0=uninitialized,1=loading,2=loaded,3=interactive,4=complete this.status = 0; // HTTP status codes this.statusText = ''; this._headers = []; this._aborted = false; this._async = true; this._defaultCharset = 'ISO-8859-1'; this._getCharset = function() { var charset = _defaultCharset; var contentType = this.getResponseHeader('Content-type').toUpperCase(); val = contentType.indexOf('CHARSET='); if (val != -1) { charset = contentType.substring(val); } val = charset.indexOf(';'); if (val != -1) { charset = charset.substring(0, val); } val = charset.indexOf(','); if (val != -1) { charset = charset.substring(0, val); } return charset; }; this.abort = function() { this._aborted = true; }; this.getAllResponseHeaders = function() { return this.getAllResponseHeader('*'); }; this.getAllResponseHeader = function(header) { var ret = ''; for (var i = 0; i < this._headers.length; i++) { if (header == '*' || this._headers[i].h == header) { ret += this._headers[i].h + ': ' + this._headers[i].v + '\n'; } } return ret; }; this.getResponseHeader = function(header) { var ret = getAllResponseHeader(header); var i = ret.indexOf('\n'); if (i != -1) { ret = ret.substring(0, i); } return ret; }; this.setRequestHeader = function(header, value) { this._headers[this._headers.length] = {h:header, v:value}; }; this.open = function(method, url, async, user, password) { this.method = method; this.url = url; this._async = true; this._aborted = false; this._headers = []; if (arguments.length >= 3) { this._async = async; } if (arguments.length > 3) { opera.postError('XMLHttpRequest.open() - user/password not supported'); } this.readyState = 1; if (this.onreadystatechange) { this.onreadystatechange(); } }; this.send = function(data) { if (!navigator.javaEnabled()) { alert("XMLHttpRequest.send() - Java must be installed and enabled."); return; } if (this._async) { setTimeout(this._sendasync, 0, this, data); // this is not really asynchronous and won't execute until the current // execution context ends } else { this._sendsync(data); } } this._sendasync = function(req, data) { if (!req._aborted) { req._sendsync(data); } }; this._sendsync = function(data) { this.readyState = 2; if (this.onreadystatechange) { this.onreadystatechange(); } // open connection var url = new java.net.URL(new java.net.URL(window.location.href), this.url); var conn = url.openConnection(); for (var i = 0; i < this._headers.length; i++) { conn.setRequestProperty(this._headers[i].h, this._headers[i].v); } this._headers = []; if (this.method == 'POST') { // POST data conn.setDoOutput(true); var wr = new java.io.OutputStreamWriter(conn.getOutputStream(), this._getCharset()); wr.write(data); wr.flush(); wr.close(); } // read response headers // NOTE: the getHeaderField() methods always return nulls for me :( var gotContentEncoding = false; var gotContentLength = false; var gotContentType = false; var gotDate = false; var gotExpiration = false; var gotLastModified = false; for (var i = 0; ; i++) { var hdrName = conn.getHeaderFieldKey(i); var hdrValue = conn.getHeaderField(i); if (hdrName == null && hdrValue == null) { break; } if (hdrName != null) { this._headers[this._headers.length] = {h:hdrName, v:hdrValue}; switch (hdrName.toLowerCase()) { case 'content-encoding': gotContentEncoding = true; break; case 'content-length' : gotContentLength = true; break; case 'content-type' : gotContentType = true; break; case 'date' : gotDate = true; break; case 'expires' : gotExpiration = true; break; case 'last-modified' : gotLastModified = true; break; } } } // try to fill in any missing header information var val; val = conn.getContentEncoding(); if (val != null && !gotContentEncoding) this._headers[this._headers.length] = {h:'Content-encoding', v:val}; val = conn.getContentLength(); if (val != -1 && !gotContentLength) this._headers[this._headers.length] = {h:'Content-length', v:val}; val = conn.getContentType(); if (val != null && !gotContentType) this._headers[this._headers.length] = {h:'Content-type', v:val}; val = conn.getDate(); if (val != 0 && !gotDate) this._headers[this._headers.length] = {h:'Date', v:(new Date(val)).toUTCString()}; val = conn.getExpiration(); if (val != 0 && !gotExpiration) this._headers[this._headers.length] = {h:'Expires', v:(new Date(val)).toUTCString()}; val = conn.getLastModified(); if (val != 0 && !gotLastModified) this._headers[this._headers.length] = {h:'Last-modified', v:(new Date(val)).toUTCString()}; // read response data var reqdata = ''; var stream = conn.getInputStream(); if (stream) { var reader = new java.io.BufferedReader(new java.io.InputStreamReader(stream, this._getCharset())); var line; while ((line = reader.readLine()) != null) { if (this.readyState == 2) { this.readyState = 3; if (this.onreadystatechange) { this.onreadystatechange(); } } reqdata += line + '\n'; } reader.close(); this.status = 200; this.statusText = 'OK'; this.responseText = reqdata; this.readyState = 4; if (this.onreadystatechange) { this.onreadystatechange(); } if (this.onload) { this.onload(); } } else { // error this.status = 404; this.statusText = 'Not Found'; this.responseText = ''; this.readyState = 4; if (this.onreadystatechange) { this.onreadystatechange(); } if (this.onerror) { this.onerror(); } } }; }; } // ActiveXObject emulation if (!window.ActiveXObject && window.XMLHttpRequest) { window.ActiveXObject = function(type) { switch (type.toLowerCase()) { case 'microsoft.xmlhttp': case 'msxml2.xmlhttp': case 'msxml2.xmlhttp.3.0': case 'msxml2.xmlhttp.4.0': case 'msxml2.xmlhttp.5.0': return new XMLHttpRequest(); } return null; }; } ... } sub xhr_ilinsky { <<'...'; // Copyright 2007 Sergey Ilinsky (http://www.ilinsky.com) // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. (function () { // Save reference to earlier defined object implementation (if any) var oXMLHttpRequest = window.XMLHttpRequest; // Define on browser type var bGecko = !!window.controllers, bIE = window.document.all && !window.opera; // Constructor function cXMLHttpRequest() { this._object = oXMLHttpRequest ? new oXMLHttpRequest : new window.ActiveXObject('Microsoft.XMLHTTP'); }; // BUGFIX: Firefox with Firebug installed would break pages if not executed if (bGecko && oXMLHttpRequest.wrapped) cXMLHttpRequest.wrapped = oXMLHttpRequest.wrapped; // Constants cXMLHttpRequest.UNSENT = 0; cXMLHttpRequest.OPENED = 1; cXMLHttpRequest.HEADERS_RECEIVED = 2; cXMLHttpRequest.LOADING = 3; cXMLHttpRequest.DONE = 4; // Public Properties cXMLHttpRequest.prototype.readyState = cXMLHttpRequest.UNSENT; cXMLHttpRequest.prototype.responseText = ""; cXMLHttpRequest.prototype.responseXML = null; cXMLHttpRequest.prototype.status = 0; cXMLHttpRequest.prototype.statusText = ""; // Instance-level Events Handlers cXMLHttpRequest.prototype.onreadystatechange = null; // Class-level Events Handlers cXMLHttpRequest.onreadystatechange = null; cXMLHttpRequest.onopen = null; cXMLHttpRequest.onsend = null; cXMLHttpRequest.onabort = null; // Public Methods cXMLHttpRequest.prototype.open = function(sMethod, sUrl, bAsync, sUser, sPassword) { // Save async parameter for fixing Gecko bug with missing readystatechange in synchronous requests this._async = bAsync; // Set the onreadystatechange handler var oRequest = this, nState = this.readyState; // BUGFIX: IE - memory leak on page unload (inter-page leak) if (bIE) { var fOnUnload = function() { if (oRequest._object.readyState != cXMLHttpRequest.DONE) fCleanTransport(oRequest); }; if (bAsync) window.attachEvent("onunload", fOnUnload); } this._object.onreadystatechange = function() { if (bGecko && !bAsync) return; // Synchronize state oRequest.readyState = oRequest._object.readyState; // fSynchronizeValues(oRequest); // BUGFIX: Firefox fires unneccesary DONE when aborting if (oRequest._aborted) { // Reset readyState to UNSENT oRequest.readyState = cXMLHttpRequest.UNSENT; // Return now return; } if (oRequest.readyState == cXMLHttpRequest.DONE) { // fCleanTransport(oRequest); // Uncomment this block if you need a fix for IE cache /* // BUGFIX: IE - cache issue if (!oRequest._object.getResponseHeader("Date")) { // Save object to cache oRequest._cached = oRequest._object; // Instantiate a new transport object cXMLHttpRequest.call(oRequest); // Re-send request oRequest._object.open(sMethod, sUrl, bAsync, sUser, sPassword); oRequest._object.setRequestHeader("If-Modified-Since", oRequest._cached.getResponseHeader("Last-Modified") || new window.Date(0)); // Copy headers set if (oRequest._headers) for (var sHeader in oRequest._headers) if (typeof oRequest._headers[sHeader] == "string") // Some frameworks prototype objects with functions oRequest._object.setRequestHeader(sHeader, oRequest._headers[sHeader]); oRequest._object.onreadystatechange = function() { // Synchronize state oRequest.readyState = oRequest._object.readyState; if (oRequest._aborted) { // oRequest.readyState = cXMLHttpRequest.UNSENT; // Return return; } if (oRequest.readyState == cXMLHttpRequest.DONE) { // Clean Object fCleanTransport(oRequest); // get cached request if (oRequest.status == 304) oRequest._object = oRequest._cached; // delete oRequest._cached; // fSynchronizeValues(oRequest); // fReadyStateChange(oRequest); // BUGFIX: IE - memory leak in interrupted if (bIE && bAsync) window.detachEvent("onunload", fOnUnload); } }; oRequest._object.send(null); // Return now - wait untill re-sent request is finished return; }; */ // BUGFIX: IE - memory leak in interrupted if (bIE && bAsync) window.detachEvent("onunload", fOnUnload); } // BUGFIX: Some browsers (Internet Explorer, Gecko) fire OPEN readystate twice if (nState != oRequest.readyState) fReadyStateChange(oRequest); nState = oRequest.readyState; }; // Add method sniffer if (cXMLHttpRequest.onopen) cXMLHttpRequest.onopen.apply(this, arguments); this._object.open(sMethod, sUrl, bAsync, sUser, sPassword); // BUGFIX: Gecko - missing readystatechange calls in synchronous requests if (!bAsync && bGecko) { this.readyState = cXMLHttpRequest.OPENED; fReadyStateChange(this); } }; cXMLHttpRequest.prototype.send = function(vData) { // Add method sniffer if (cXMLHttpRequest.onsend) cXMLHttpRequest.onsend.apply(this, arguments); // BUGFIX: Safari - fails sending documents created/modified dynamically, so an explicit serialization required // BUGFIX: IE - rewrites any custom mime-type to "text/xml" in case an XMLNode is sent // BUGFIX: Gecko - fails sending Element (this is up to the implementation either to standard) if (vData && vData.nodeType) { vData = window.XMLSerializer ? new window.XMLSerializer().serializeToString(vData) : vData.xml; if (!this._headers["Content-Type"]) this._object.setRequestHeader("Content-Type", "application/xml"); } this._object.send(vData); // BUGFIX: Gecko - missing readystatechange calls in synchronous requests if (bGecko && !this._async) { this.readyState = cXMLHttpRequest.OPENED; // Synchronize state fSynchronizeValues(this); // Simulate missing states while (this.readyState < cXMLHttpRequest.DONE) { this.readyState++; fReadyStateChange(this); // Check if we are aborted if (this._aborted) return; } } }; cXMLHttpRequest.prototype.abort = function() { // Add method sniffer if (cXMLHttpRequest.onabort) cXMLHttpRequest.onabort.apply(this, arguments); // BUGFIX: Gecko - unneccesary DONE when aborting if (this.readyState > cXMLHttpRequest.UNSENT) this._aborted = true; this._object.abort(); // BUGFIX: IE - memory leak fCleanTransport(this); }; cXMLHttpRequest.prototype.getAllResponseHeaders = function() { return this._object.getAllResponseHeaders(); }; cXMLHttpRequest.prototype.getResponseHeader = function(sName) { return this._object.getResponseHeader(sName); }; cXMLHttpRequest.prototype.setRequestHeader = function(sName, sValue) { // BUGFIX: IE - cache issue if (!this._headers) this._headers = {}; this._headers[sName] = sValue; return this._object.setRequestHeader(sName, sValue); }; cXMLHttpRequest.prototype.toString = function() { return '[' + "object" + ' ' + "XMLHttpRequest" + ']'; }; cXMLHttpRequest.toString = function() { return '[' + "XMLHttpRequest" + ']'; }; // Helper function function fReadyStateChange(oRequest) { // Execute onreadystatechange if (oRequest.onreadystatechange) oRequest.onreadystatechange.apply(oRequest); // Sniffing code if (cXMLHttpRequest.onreadystatechange) cXMLHttpRequest.onreadystatechange.apply(oRequest); }; function fGetDocument(oRequest) { var oDocument = oRequest.responseXML; // Try parsing responseText if (bIE && oDocument && !oDocument.documentElement && oRequest.getResponseHeader("Content-Type").match(/[^\/]+\/[^\+]+\+xml/)) { oDocument = new ActiveXObject('Microsoft.XMLDOM'); oDocument.loadXML(oRequest.responseText); } // Check if there is no error in document if (oDocument) if ((bIE && oDocument.parseError != 0) || (oDocument.documentElement && oDocument.documentElement.tagName == "parsererror")) return null; return oDocument; }; function fSynchronizeValues(oRequest) { try { oRequest.responseText = oRequest._object.responseText; } catch (e) {} try { oRequest.responseXML = fGetDocument(oRequest._object); } catch (e) {} try { oRequest.status = oRequest._object.status; } catch (e) {} try { oRequest.statusText = oRequest._object.statusText; } catch (e) {} }; function fCleanTransport(oRequest) { // BUGFIX: IE - memory leak (on-page leak) oRequest._object.onreadystatechange = new window.Function; // Delete private properties delete oRequest._headers; }; // Internet Explorer 5.0 (missing apply) if (!window.Function.prototype.apply) { window.Function.prototype.apply = function(oRequest, oArguments) { if (!oArguments) oArguments = []; oRequest.__func = this; oRequest.__func(oArguments[0], oArguments[1], oArguments[2], oArguments[3], oArguments[4]); delete oRequest.__func; }; }; // Register new object with window window.XMLHttpRequest = cXMLHttpRequest; })(); ... } sub xxx { <<'...'; //------------------------------------------------------------------------------ // Debugging Support //------------------------------------------------------------------------------ function XXX(msg) { if (! confirm(msg)) throw("terminated..."); return msg; } function JJJ(obj) { return XXX(JSON.stringify(obj)); } ... } 1; =head1 NAME Jemplate::Runtime - Perl Module containing the Jemplate JavaScript Runtime =head1 SYNOPSIS use Jemplate::Runtime; print Jemplate::Runtime->main; =head1 DESCRIPTION This module is auto-generated and used internally by Jemplate. It contains subroutines that simply return various parts of the Jemplate JavaScript Runtime code. =head1 METHODS head2 kernel head2 ajax_jquery head2 ajax_xhr head2 ajax_yui head2 json_json2 head2 json_yui head2 json2 head2 xhr_gregory head2 xhr_ilinsky head2 xxx =head1 COPYRIGHT Copyright (c) 2008. Ingy döt Net. This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself. See L =cut