├── .gitignore
├── .project
├── Gruntfile.js
├── README.md
├── demoer
    ├── beautify.js
    ├── bootstrap-combined.min.css
    ├── bootstrap.min.js
    ├── demoer.css
    ├── demoer.html
    ├── demoer.js
    └── jquery.min.js
├── index.html
├── package.json
├── perf
    ├── README.md
    ├── index.html
    ├── lib
    │   ├── Benchmark.js
    │   ├── Faker.js
    │   └── underscore.min.js
    ├── main.css
    ├── main.js
    ├── test.html
    └── tests
    │   ├── 10_TransactionReadWriteIsolation.js
    │   ├── 11_IndexKeyObjectCursor.js
    │   ├── 12_CursorContinueAdvance.js
    │   ├── 13_OpenDBVersions.js
    │   ├── 14_TransactionObjectStore.js
    │   ├── 15_TransactionRead.js
    │   ├── 16_TransactionWrite.js
    │   ├── 17_AddUpdate.js
    │   ├── 1_KeyCompare.js
    │   ├── 2_TableSchema_Write.js
    │   ├── 3_TransactionRead.js
    │   ├── 4_TransactionWrite.js
    │   ├── 5_Cursor_ParallelWrite.js
    │   ├── 6_Cursor_ParallelRead.js
    │   ├── 8_IndexUnused.js
    │   ├── 9_CursorIndexCursor.js
    │   └── Template.js
├── polyfill
    └── index.html
├── style.css
├── test.html
└── trialtool
    ├── all.html
    ├── ie.html
    ├── ie10.html
    ├── index.html
    ├── moz_indexedDB.html
    ├── test.html
    └── webkitIndexedDB.html


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules


--------------------------------------------------------------------------------
/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>linq4idb</name>
 4 | 	<comment></comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 	</buildSpec>
 9 | 	<natures>
10 | 	</natures>
11 | </projectDescription>
12 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 
 3 |   // project configuration.
 4 |   grunt.initConfig({
 5 |     pkg: grunt.file.readJSON('package.json'),
 6 |     connect: {
 7 |       server: {
 8 |         options: {
 9 |           base: ".",
10 |           port: 8000
11 |         }
12 |       }
13 |     },
14 |     watch: {}
15 |   });
16 | 
17 |   grunt.loadNpmTasks('grunt-contrib-watch');
18 |   grunt.loadNpmTasks('grunt-contrib-connect');
19 | 
20 | 
21 |   // default task (no deploy)
22 |   grunt.registerTask('default', ['connect', 'watch']);
23 | };


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # IndexedDB 
2 | 
3 | [IndexedDB](http://www.w3.org/TR/IndexedDB/) is a client side sorage specification.


--------------------------------------------------------------------------------
/demoer/beautify.js:
--------------------------------------------------------------------------------
   1 | /*jslint onevar: false, plusplus: false */
   2 | /*
   3 | 
   4 |  JS Beautifier
   5 | ---------------
   6 | 
   7 | 
   8 |   Written by Einar Lielmanis, <einar@jsbeautifier.org>
   9 |       http://jsbeautifier.org/
  10 | 
  11 |   Originally converted to javascript by Vital, <vital76@gmail.com>
  12 |   "End braces on own line" added by Chris J. Shull, <chrisjshull@gmail.com>
  13 | 
  14 |   You are free to use this in any way you want, in case you find this useful or working for you.
  15 | 
  16 |   Usage:
  17 |     js_beautify(js_source_text);
  18 |     js_beautify(js_source_text, options);
  19 | 
  20 |   The options are:
  21 |     indent_size (default 4)          — indentation size,
  22 |     indent_char (default space)      — character to indent with,
  23 |     preserve_newlines (default true) — whether existing line breaks should be preserved,
  24 |     preserve_max_newlines (default unlimited) - maximum number of line breaks to be preserved in one chunk,
  25 |     indent_level (default 0)         — initial indentation level, you probably won't need this ever,
  26 | 
  27 |     jslint_happy (default false) — if true, then jslint-stricter mode is enforced.
  28 | 
  29 |             jslint_happy   !jslint_happy
  30 |             ---------------------------------
  31 |              function ()      function()
  32 | 
  33 |     brace_style (default "collapse") - "collapse" | "expand" | "end-expand"
  34 |             put braces on the same line as control statements (default), or put braces on own line (Allman / ANSI style), or just put end braces on own line.
  35 | 
  36 |     e.g
  37 | 
  38 |     js_beautify(js_source_text, {
  39 |       'indent_size': 1,
  40 |       'indent_char': '\t'
  41 |     });
  42 | 
  43 | 
  44 | */
  45 | 
  46 | 
  47 | 
  48 | function js_beautify(js_source_text, options) {
  49 | 
  50 |     var input, output, token_text, last_type, last_text, last_last_text, last_word, flags, flag_store, indent_string;
  51 |     var whitespace, wordchar, punct, parser_pos, line_starters, digits;
  52 |     var prefix, token_type, do_block_just_closed;
  53 |     var wanted_newline, just_added_newline, n_newlines;
  54 | 
  55 | 
  56 |     // Some interpreters have unexpected results with foo = baz || bar;
  57 |     options = options ? options : {};
  58 | 
  59 |     var opt_brace_style;
  60 | 
  61 |     // compatibility
  62 |     if (options.space_after_anon_function !== undefined && options.jslint_happy === undefined) {
  63 |         options.jslint_happy = options.space_after_anon_function;
  64 |     }
  65 |     if (options.braces_on_own_line !== undefined) { //graceful handling of depricated option
  66 |         opt_brace_style = options.braces_on_own_line ? "expand" : "collapse";
  67 |     }
  68 |     opt_brace_style = options.brace_style ? options.brace_style : (opt_brace_style ? opt_brace_style : "collapse");
  69 | 
  70 | 
  71 |     var opt_indent_size = options.indent_size ? options.indent_size : 4;
  72 |     var opt_indent_char = options.indent_char ? options.indent_char : ' ';
  73 |     var opt_preserve_newlines = typeof options.preserve_newlines === 'undefined' ? true : options.preserve_newlines;
  74 |     var opt_max_preserve_newlines = typeof options.max_preserve_newlines === 'undefined' ? false : options.max_preserve_newlines;
  75 |     var opt_indent_level = options.indent_level ? options.indent_level : 0; // starting indentation
  76 |     var opt_jslint_happy = options.jslint_happy === 'undefined' ? false : options.jslint_happy;
  77 |     var opt_keep_array_indentation = typeof options.keep_array_indentation === 'undefined' ? false : options.keep_array_indentation;
  78 | 
  79 |     just_added_newline = false;
  80 | 
  81 |     // cache the source's length.
  82 |     var input_length = js_source_text.length;
  83 | 
  84 |     function trim_output(eat_newlines) {
  85 |         eat_newlines = typeof eat_newlines === 'undefined' ? false : eat_newlines;
  86 |         while (output.length && (output[output.length - 1] === ' '
  87 |             || output[output.length - 1] === indent_string
  88 |             || (eat_newlines && (output[output.length - 1] === '\n' || output[output.length - 1] === '\r')))) {
  89 |             output.pop();
  90 |         }
  91 |     }
  92 | 
  93 |     function trim(s) {
  94 |         return s.replace(/^\s\s*|\s\s*$/, '');
  95 |     }
  96 | 
  97 |     function print_newline(ignore_repeated) {
  98 | 
  99 |         flags.eat_next_space = false;
 100 |         if (opt_keep_array_indentation && is_array(flags.mode)) {
 101 |             return;
 102 |         }
 103 | 
 104 |         ignore_repeated = typeof ignore_repeated === 'undefined' ? true : ignore_repeated;
 105 | 
 106 |         flags.if_line = false;
 107 |         trim_output();
 108 | 
 109 |         if (!output.length) {
 110 |             return; // no newline on start of file
 111 |         }
 112 | 
 113 |         if (output[output.length - 1] !== "\n" || !ignore_repeated) {
 114 |             just_added_newline = true;
 115 |             output.push("\n");
 116 |         }
 117 |         for (var i = 0; i < flags.indentation_level; i += 1) {
 118 |             output.push(indent_string);
 119 |         }
 120 |         if (flags.var_line && flags.var_line_reindented) {
 121 |             if (opt_indent_char === ' ') {
 122 |                 output.push('    '); // var_line always pushes 4 spaces, so that the variables would be one under another
 123 |             } else {
 124 |                 output.push(indent_string); // skip space-stuffing, if indenting with a tab
 125 |             }
 126 |         }
 127 |     }
 128 | 
 129 | 
 130 | 
 131 |     function print_single_space() {
 132 |         if (flags.eat_next_space) {
 133 |             flags.eat_next_space = false;
 134 |             return;
 135 |         }
 136 |         var last_output = ' ';
 137 |         if (output.length) {
 138 |             last_output = output[output.length - 1];
 139 |         }
 140 |         if (last_output !== ' ' && last_output !== '\n' && last_output !== indent_string) { // prevent occassional duplicate space
 141 |             output.push(' ');
 142 |         }
 143 |     }
 144 | 
 145 | 
 146 |     function print_token() {
 147 |         just_added_newline = false;
 148 |         flags.eat_next_space = false;
 149 |         output.push(token_text);
 150 |     }
 151 | 
 152 |     function indent() {
 153 |         flags.indentation_level += 1;
 154 |     }
 155 | 
 156 | 
 157 |     function remove_indent() {
 158 |         if (output.length && output[output.length - 1] === indent_string) {
 159 |             output.pop();
 160 |         }
 161 |     }
 162 | 
 163 |     function set_mode(mode) {
 164 |         if (flags) {
 165 |             flag_store.push(flags);
 166 |         }
 167 |         flags = {
 168 |             previous_mode: flags ? flags.mode : 'BLOCK',
 169 |             mode: mode,
 170 |             var_line: false,
 171 |             var_line_tainted: false,
 172 |             var_line_reindented: false,
 173 |             in_html_comment: false,
 174 |             if_line: false,
 175 |             in_case: false,
 176 |             eat_next_space: false,
 177 |             indentation_baseline: -1,
 178 |             indentation_level: (flags ? flags.indentation_level + ((flags.var_line && flags.var_line_reindented) ? 1 : 0) : opt_indent_level),
 179 |             ternary_depth: 0
 180 |         };
 181 |     }
 182 | 
 183 |     function is_array(mode) {
 184 |         return mode === '[EXPRESSION]' || mode === '[INDENTED-EXPRESSION]';
 185 |     }
 186 | 
 187 |     function is_expression(mode) {
 188 |         return mode === '[EXPRESSION]' || mode === '[INDENTED-EXPRESSION]' || mode === '(EXPRESSION)';
 189 |     }
 190 | 
 191 |     function restore_mode() {
 192 |         do_block_just_closed = flags.mode === 'DO_BLOCK';
 193 |         if (flag_store.length > 0) {
 194 |             flags = flag_store.pop();
 195 |         }
 196 |     }
 197 | 
 198 | 
 199 |     function in_array(what, arr) {
 200 |         for (var i = 0; i < arr.length; i += 1) {
 201 |             if (arr[i] === what) {
 202 |                 return true;
 203 |             }
 204 |         }
 205 |         return false;
 206 |     }
 207 | 
 208 |     function get_next_token() {
 209 |         n_newlines = 0;
 210 | 
 211 |         if (parser_pos >= input_length) {
 212 |             return ['', 'TK_EOF'];
 213 |         }
 214 | 
 215 |         wanted_newline = false;
 216 | 
 217 |         var c = input.charAt(parser_pos);
 218 |         parser_pos += 1;
 219 | 
 220 | 
 221 |         var keep_whitespace = opt_keep_array_indentation && is_array(flags.mode);
 222 | 
 223 |         if (keep_whitespace) {
 224 | 
 225 |             //
 226 |             // slight mess to allow nice preservation of array indentation and reindent that correctly
 227 |             // first time when we get to the arrays:
 228 |             // var a = [
 229 |             // ....'something'
 230 |             // we make note of whitespace_count = 4 into flags.indentation_baseline
 231 |             // so we know that 4 whitespaces in original source match indent_level of reindented source
 232 |             //
 233 |             // and afterwards, when we get to
 234 |             //    'something,
 235 |             // .......'something else'
 236 |             // we know that this should be indented to indent_level + (7 - indentation_baseline) spaces
 237 |             //
 238 |             var whitespace_count = 0;
 239 | 
 240 |             while (in_array(c, whitespace)) {
 241 | 
 242 |                 if (c === "\n") {
 243 |                     trim_output();
 244 |                     output.push("\n");
 245 |                     just_added_newline = true;
 246 |                     whitespace_count = 0;
 247 |                 } else {
 248 |                     if (c === '\t') {
 249 |                         whitespace_count += 4;
 250 |                     } else if (c === '\r') {
 251 |                         // nothing
 252 |                     } else {
 253 |                         whitespace_count += 1;
 254 |                     }
 255 |                 }
 256 | 
 257 |                 if (parser_pos >= input_length) {
 258 |                     return ['', 'TK_EOF'];
 259 |                 }
 260 | 
 261 |                 c = input.charAt(parser_pos);
 262 |                 parser_pos += 1;
 263 | 
 264 |             }
 265 |             if (flags.indentation_baseline === -1) {
 266 |                 flags.indentation_baseline = whitespace_count;
 267 |             }
 268 | 
 269 |             if (just_added_newline) {
 270 |                 var i;
 271 |                 for (i = 0; i < flags.indentation_level + 1; i += 1) {
 272 |                     output.push(indent_string);
 273 |                 }
 274 |                 if (flags.indentation_baseline !== -1) {
 275 |                     for (i = 0; i < whitespace_count - flags.indentation_baseline; i++) {
 276 |                         output.push(' ');
 277 |                     }
 278 |                 }
 279 |             }
 280 | 
 281 |         } else {
 282 |             while (in_array(c, whitespace)) {
 283 | 
 284 |                 if (c === "\n") {
 285 |                     n_newlines += ( (opt_max_preserve_newlines) ? (n_newlines <= opt_max_preserve_newlines) ? 1: 0: 1 );
 286 |                 }
 287 | 
 288 | 
 289 |                 if (parser_pos >= input_length) {
 290 |                     return ['', 'TK_EOF'];
 291 |                 }
 292 | 
 293 |                 c = input.charAt(parser_pos);
 294 |                 parser_pos += 1;
 295 | 
 296 |             }
 297 | 
 298 |             if (opt_preserve_newlines) {
 299 |                 if (n_newlines > 1) {
 300 |                     for (i = 0; i < n_newlines; i += 1) {
 301 |                         print_newline(i === 0);
 302 |                         just_added_newline = true;
 303 |                     }
 304 |                 }
 305 |             }
 306 |             wanted_newline = n_newlines > 0;
 307 |         }
 308 | 
 309 | 
 310 |         if (in_array(c, wordchar)) {
 311 |             if (parser_pos < input_length) {
 312 |                 while (in_array(input.charAt(parser_pos), wordchar)) {
 313 |                     c += input.charAt(parser_pos);
 314 |                     parser_pos += 1;
 315 |                     if (parser_pos === input_length) {
 316 |                         break;
 317 |                     }
 318 |                 }
 319 |             }
 320 | 
 321 |             // small and surprisingly unugly hack for 1E-10 representation
 322 |             if (parser_pos !== input_length && c.match(/^[0-9]+[Ee]$/) && (input.charAt(parser_pos) === '-' || input.charAt(parser_pos) === '+')) {
 323 | 
 324 |                 var sign = input.charAt(parser_pos);
 325 |                 parser_pos += 1;
 326 | 
 327 |                 var t = get_next_token(parser_pos);
 328 |                 c += sign + t[0];
 329 |                 return [c, 'TK_WORD'];
 330 |             }
 331 | 
 332 |             if (c === 'in') { // hack for 'in' operator
 333 |                 return [c, 'TK_OPERATOR'];
 334 |             }
 335 |             if (wanted_newline && last_type !== 'TK_OPERATOR'
 336 |                 && last_type !== 'TK_EQUALS'
 337 |                 && !flags.if_line && (opt_preserve_newlines || last_text !== 'var')) {
 338 |                 print_newline();
 339 |             }
 340 |             return [c, 'TK_WORD'];
 341 |         }
 342 | 
 343 |         if (c === '(' || c === '[') {
 344 |             return [c, 'TK_START_EXPR'];
 345 |         }
 346 | 
 347 |         if (c === ')' || c === ']') {
 348 |             return [c, 'TK_END_EXPR'];
 349 |         }
 350 | 
 351 |         if (c === '{') {
 352 |             return [c, 'TK_START_BLOCK'];
 353 |         }
 354 | 
 355 |         if (c === '}') {
 356 |             return [c, 'TK_END_BLOCK'];
 357 |         }
 358 | 
 359 |         if (c === ';') {
 360 |             return [c, 'TK_SEMICOLON'];
 361 |         }
 362 | 
 363 |         if (c === '/') {
 364 |             var comment = '';
 365 |             // peek for comment /* ... */
 366 |             var inline_comment = true;
 367 |             if (input.charAt(parser_pos) === '*') {
 368 |                 parser_pos += 1;
 369 |                 if (parser_pos < input_length) {
 370 |                     while (! (input.charAt(parser_pos) === '*' && input.charAt(parser_pos + 1) && input.charAt(parser_pos + 1) === '/') && parser_pos < input_length) {
 371 |                         c = input.charAt(parser_pos);
 372 |                         comment += c;
 373 |                         if (c === '\x0d' || c === '\x0a') {
 374 |                             inline_comment = false;
 375 |                         }
 376 |                         parser_pos += 1;
 377 |                         if (parser_pos >= input_length) {
 378 |                             break;
 379 |                         }
 380 |                     }
 381 |                 }
 382 |                 parser_pos += 2;
 383 |                 if (inline_comment) {
 384 |                     return ['/*' + comment + '*/', 'TK_INLINE_COMMENT'];
 385 |                 } else {
 386 |                     return ['/*' + comment + '*/', 'TK_BLOCK_COMMENT'];
 387 |                 }
 388 |             }
 389 |             // peek for comment // ...
 390 |             if (input.charAt(parser_pos) === '/') {
 391 |                 comment = c;
 392 |                 while (input.charAt(parser_pos) !== '\r' && input.charAt(parser_pos) !== '\n') {
 393 |                     comment += input.charAt(parser_pos);
 394 |                     parser_pos += 1;
 395 |                     if (parser_pos >= input_length) {
 396 |                         break;
 397 |                     }
 398 |                 }
 399 |                 parser_pos += 1;
 400 |                 if (wanted_newline) {
 401 |                     print_newline();
 402 |                 }
 403 |                 return [comment, 'TK_COMMENT'];
 404 |             }
 405 | 
 406 |         }
 407 | 
 408 |         if (c === "'" || // string
 409 |         c === '"' || // string
 410 |         (c === '/' &&
 411 |             ((last_type === 'TK_WORD' && in_array(last_text, ['return', 'do'])) ||
 412 |                 (last_type === 'TK_COMMENT' || last_type === 'TK_START_EXPR' || last_type === 'TK_START_BLOCK' || last_type === 'TK_END_BLOCK' || last_type === 'TK_OPERATOR' || last_type === 'TK_EQUALS' || last_type === 'TK_EOF' || last_type === 'TK_SEMICOLON')))) { // regexp
 413 |             var sep = c;
 414 |             var esc = false;
 415 |             var resulting_string = c;
 416 | 
 417 |             if (parser_pos < input_length) {
 418 |                 if (sep === '/') {
 419 |                     //
 420 |                     // handle regexp separately...
 421 |                     //
 422 |                     var in_char_class = false;
 423 |                     while (esc || in_char_class || input.charAt(parser_pos) !== sep) {
 424 |                         resulting_string += input.charAt(parser_pos);
 425 |                         if (!esc) {
 426 |                             esc = input.charAt(parser_pos) === '\\';
 427 |                             if (input.charAt(parser_pos) === '[') {
 428 |                                 in_char_class = true;
 429 |                             } else if (input.charAt(parser_pos) === ']') {
 430 |                                 in_char_class = false;
 431 |                             }
 432 |                         } else {
 433 |                             esc = false;
 434 |                         }
 435 |                         parser_pos += 1;
 436 |                         if (parser_pos >= input_length) {
 437 |                             // incomplete string/rexp when end-of-file reached.
 438 |                             // bail out with what had been received so far.
 439 |                             return [resulting_string, 'TK_STRING'];
 440 |                         }
 441 |                     }
 442 | 
 443 |                 } else {
 444 |                     //
 445 |                     // and handle string also separately
 446 |                     //
 447 |                     while (esc || input.charAt(parser_pos) !== sep) {
 448 |                         resulting_string += input.charAt(parser_pos);
 449 |                         if (!esc) {
 450 |                             esc = input.charAt(parser_pos) === '\\';
 451 |                         } else {
 452 |                             esc = false;
 453 |                         }
 454 |                         parser_pos += 1;
 455 |                         if (parser_pos >= input_length) {
 456 |                             // incomplete string/rexp when end-of-file reached.
 457 |                             // bail out with what had been received so far.
 458 |                             return [resulting_string, 'TK_STRING'];
 459 |                         }
 460 |                     }
 461 |                 }
 462 | 
 463 | 
 464 | 
 465 |             }
 466 | 
 467 |             parser_pos += 1;
 468 | 
 469 |             resulting_string += sep;
 470 | 
 471 |             if (sep === '/') {
 472 |                 // regexps may have modifiers /regexp/MOD , so fetch those, too
 473 |                 while (parser_pos < input_length && in_array(input.charAt(parser_pos), wordchar)) {
 474 |                     resulting_string += input.charAt(parser_pos);
 475 |                     parser_pos += 1;
 476 |                 }
 477 |             }
 478 |             return [resulting_string, 'TK_STRING'];
 479 |         }
 480 | 
 481 |         if (c === '#') {
 482 | 
 483 | 
 484 |             if (output.length === 0 && input.charAt(parser_pos) === '!') {
 485 |                 // shebang
 486 |                 resulting_string = c;
 487 |                 while (parser_pos < input_length && c != '\n') {
 488 |                     c = input.charAt(parser_pos);
 489 |                     resulting_string += c;
 490 |                     parser_pos += 1;
 491 |                 }
 492 |                 output.push(trim(resulting_string) + '\n');
 493 |                 print_newline();
 494 |                 return get_next_token();
 495 |             }
 496 | 
 497 | 
 498 | 
 499 |             // Spidermonkey-specific sharp variables for circular references
 500 |             // https://developer.mozilla.org/En/Sharp_variables_in_JavaScript
 501 |             // http://mxr.mozilla.org/mozilla-central/source/js/src/jsscan.cpp around line 1935
 502 |             var sharp = '#';
 503 |             if (parser_pos < input_length && in_array(input.charAt(parser_pos), digits)) {
 504 |                 do {
 505 |                     c = input.charAt(parser_pos);
 506 |                     sharp += c;
 507 |                     parser_pos += 1;
 508 |                 } while (parser_pos < input_length && c !== '#' && c !== '=');
 509 |                 if (c === '#') {
 510 |                     //
 511 |                 } else if (input.charAt(parser_pos) === '[' && input.charAt(parser_pos + 1) === ']') {
 512 |                     sharp += '[]';
 513 |                     parser_pos += 2;
 514 |                 } else if (input.charAt(parser_pos) === '{' && input.charAt(parser_pos + 1) === '}') {
 515 |                     sharp += '{}';
 516 |                     parser_pos += 2;
 517 |                 }
 518 |                 return [sharp, 'TK_WORD'];
 519 |             }
 520 |         }
 521 | 
 522 |         if (c === '<' && input.substring(parser_pos - 1, parser_pos + 3) === '<!--') {
 523 |             parser_pos += 3;
 524 |             flags.in_html_comment = true;
 525 |             return ['<!--', 'TK_COMMENT'];
 526 |         }
 527 | 
 528 |         if (c === '-' && flags.in_html_comment && input.substring(parser_pos - 1, parser_pos + 2) === '-->') {
 529 |             flags.in_html_comment = false;
 530 |             parser_pos += 2;
 531 |             if (wanted_newline) {
 532 |                 print_newline();
 533 |             }
 534 |             return ['-->', 'TK_COMMENT'];
 535 |         }
 536 | 
 537 |         if (in_array(c, punct)) {
 538 |             while (parser_pos < input_length && in_array(c + input.charAt(parser_pos), punct)) {
 539 |                 c += input.charAt(parser_pos);
 540 |                 parser_pos += 1;
 541 |                 if (parser_pos >= input_length) {
 542 |                     break;
 543 |                 }
 544 |             }
 545 | 
 546 |             if (c === '=') {
 547 |                 return [c, 'TK_EQUALS'];
 548 |             } else {
 549 |                 return [c, 'TK_OPERATOR'];
 550 |             }
 551 |         }
 552 | 
 553 |         return [c, 'TK_UNKNOWN'];
 554 |     }
 555 | 
 556 |     //----------------------------------
 557 |     indent_string = '';
 558 |     while (opt_indent_size > 0) {
 559 |         indent_string += opt_indent_char;
 560 |         opt_indent_size -= 1;
 561 |     }
 562 | 
 563 |     input = js_source_text;
 564 | 
 565 |     last_word = ''; // last 'TK_WORD' passed
 566 |     last_type = 'TK_START_EXPR'; // last token type
 567 |     last_text = ''; // last token text
 568 |     last_last_text = ''; // pre-last token text
 569 |     output = [];
 570 | 
 571 |     do_block_just_closed = false;
 572 | 
 573 |     whitespace = "\n\r\t ".split('');
 574 |     wordchar = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$'.split('');
 575 |     digits = '0123456789'.split('');
 576 | 
 577 |     punct = '+ - * / % & ++ -- = += -= *= /= %= == === != !== > < >= <= >> << >>> >>>= >>= <<= && &= | || ! !! , : ? ^ ^= |= ::'.split(' ');
 578 | 
 579 |     // words which should always start on new line.
 580 |     line_starters = 'continue,try,throw,return,var,if,switch,case,default,for,while,break,function'.split(',');
 581 | 
 582 |     // states showing if we are currently in expression (i.e. "if" case) - 'EXPRESSION', or in usual block (like, procedure), 'BLOCK'.
 583 |     // some formatting depends on that.
 584 |     flag_store = [];
 585 |     set_mode('BLOCK');
 586 | 
 587 |     parser_pos = 0;
 588 |     while (true) {
 589 |         var t = get_next_token(parser_pos);
 590 |         token_text = t[0];
 591 |         token_type = t[1];
 592 |         if (token_type === 'TK_EOF') {
 593 |             break;
 594 |         }
 595 | 
 596 |         switch (token_type) {
 597 | 
 598 |         case 'TK_START_EXPR':
 599 | 
 600 |             if (token_text === '[') {
 601 | 
 602 |                 if (last_type === 'TK_WORD' || last_text === ')') {
 603 |                     // this is array index specifier, break immediately
 604 |                     // a[x], fn()[x]
 605 |                     if (in_array(last_text, line_starters)) {
 606 |                         print_single_space();
 607 |                     }
 608 |                     set_mode('(EXPRESSION)');
 609 |                     print_token();
 610 |                     break;
 611 |                 }
 612 | 
 613 |                 if (flags.mode === '[EXPRESSION]' || flags.mode === '[INDENTED-EXPRESSION]') {
 614 |                     if (last_last_text === ']' && last_text === ',') {
 615 |                         // ], [ goes to new line
 616 |                         if (flags.mode === '[EXPRESSION]') {
 617 |                             flags.mode = '[INDENTED-EXPRESSION]';
 618 |                             if (!opt_keep_array_indentation) {
 619 |                                 indent();
 620 |                             }
 621 |                         }
 622 |                         set_mode('[EXPRESSION]');
 623 |                         if (!opt_keep_array_indentation) {
 624 |                             print_newline();
 625 |                         }
 626 |                     } else if (last_text === '[') {
 627 |                         if (flags.mode === '[EXPRESSION]') {
 628 |                             flags.mode = '[INDENTED-EXPRESSION]';
 629 |                             if (!opt_keep_array_indentation) {
 630 |                                 indent();
 631 |                             }
 632 |                         }
 633 |                         set_mode('[EXPRESSION]');
 634 | 
 635 |                         if (!opt_keep_array_indentation) {
 636 |                             print_newline();
 637 |                         }
 638 |                     } else {
 639 |                         set_mode('[EXPRESSION]');
 640 |                     }
 641 |                 } else {
 642 |                     set_mode('[EXPRESSION]');
 643 |                 }
 644 | 
 645 | 
 646 | 
 647 |             } else {
 648 |                 set_mode('(EXPRESSION)');
 649 |             }
 650 | 
 651 |             if (last_text === ';' || last_type === 'TK_START_BLOCK') {
 652 |                 print_newline();
 653 |             } else if (last_type === 'TK_END_EXPR' || last_type === 'TK_START_EXPR' || last_type === 'TK_END_BLOCK' || last_text === '.') {
 654 |                 // do nothing on (( and )( and ][ and ]( and .(
 655 |             } else if (last_type !== 'TK_WORD' && last_type !== 'TK_OPERATOR') {
 656 |                 print_single_space();
 657 |             } else if (last_word === 'function' || last_word === 'typeof') {
 658 |                 // function() vs function ()
 659 |                 if (opt_jslint_happy) {
 660 |                     print_single_space();
 661 |                 }
 662 |             } else if (in_array(last_text, line_starters) || last_text === 'catch') {
 663 |                 print_single_space();
 664 |             }
 665 |             print_token();
 666 | 
 667 |             break;
 668 | 
 669 |         case 'TK_END_EXPR':
 670 |             if (token_text === ']') {
 671 |                 if (opt_keep_array_indentation) {
 672 |                     if (last_text === '}') {
 673 |                         // trim_output();
 674 |                         // print_newline(true);
 675 |                         remove_indent();
 676 |                         print_token();
 677 |                         restore_mode();
 678 |                         break;
 679 |                     }
 680 |                 } else {
 681 |                     if (flags.mode === '[INDENTED-EXPRESSION]') {
 682 |                         if (last_text === ']') {
 683 |                             restore_mode();
 684 |                             print_newline();
 685 |                             print_token();
 686 |                             break;
 687 |                         }
 688 |                     }
 689 |                 }
 690 |             }
 691 |             restore_mode();
 692 |             print_token();
 693 |             break;
 694 | 
 695 |         case 'TK_START_BLOCK':
 696 | 
 697 |             if (last_word === 'do') {
 698 |                 set_mode('DO_BLOCK');
 699 |             } else {
 700 |                 set_mode('BLOCK');
 701 |             }
 702 |             if (opt_brace_style=="expand") {
 703 |                 if (last_type !== 'TK_OPERATOR') {
 704 |                     if (last_text === 'return' || last_text === '=') {
 705 |                         print_single_space();
 706 |                     } else {
 707 |                         print_newline(true);
 708 |                     }
 709 |                 }
 710 |                 print_token();
 711 |                 indent();
 712 |             } else {
 713 |                 if (last_type !== 'TK_OPERATOR' && last_type !== 'TK_START_EXPR') {
 714 |                     if (last_type === 'TK_START_BLOCK') {
 715 |                         print_newline();
 716 |                     } else {
 717 |                         print_single_space();
 718 |                     }
 719 |                 } else {
 720 |                     // if TK_OPERATOR or TK_START_EXPR
 721 |                     if (is_array(flags.previous_mode) && last_text === ',') {
 722 |                         if (last_last_text === '}') {
 723 |                             // }, { in array context
 724 |                             print_single_space();
 725 |                         } else {
 726 |                             print_newline(); // [a, b, c, {
 727 |                         }
 728 |                     }
 729 |                 }
 730 |                 indent();
 731 |                 print_token();
 732 |             }
 733 | 
 734 |             break;
 735 | 
 736 |         case 'TK_END_BLOCK':
 737 |             restore_mode();
 738 |             if (opt_brace_style=="expand") {
 739 |                 if (last_text !== '{') {
 740 |                     print_newline();
 741 |                 }
 742 |                 print_token();
 743 |             } else {
 744 |                 if (last_type === 'TK_START_BLOCK') {
 745 |                     // nothing
 746 |                     if (just_added_newline) {
 747 |                         remove_indent();
 748 |                     } else {
 749 |                         // {}
 750 |                         trim_output();
 751 |                     }
 752 |                 } else {
 753 |                     if (is_array(flags.mode) && opt_keep_array_indentation) {
 754 |                         // we REALLY need a newline here, but newliner would skip that
 755 |                         opt_keep_array_indentation = false;
 756 |                         print_newline();
 757 |                         opt_keep_array_indentation = true;
 758 | 
 759 |                     } else {
 760 |                         print_newline();
 761 |                     }
 762 |                 }
 763 |                 print_token();
 764 |             }
 765 |             break;
 766 | 
 767 |         case 'TK_WORD':
 768 | 
 769 |             // no, it's not you. even I have problems understanding how this works
 770 |             // and what does what.
 771 |             if (do_block_just_closed) {
 772 |                 // do {} ## while ()
 773 |                 print_single_space();
 774 |                 print_token();
 775 |                 print_single_space();
 776 |                 do_block_just_closed = false;
 777 |                 break;
 778 |             }
 779 | 
 780 |             if (token_text === 'function') {
 781 |                 if (flags.var_line) {
 782 |                     flags.var_line_reindented = true;
 783 |                 }
 784 |                 if ((just_added_newline || last_text === ';') && last_text !== '{') {
 785 |                     // make sure there is a nice clean space of at least one blank line
 786 |                     // before a new function definition
 787 |                     n_newlines = just_added_newline ? n_newlines : 0;
 788 |                     if ( ! opt_preserve_newlines) {
 789 |                         n_newlines = 1;
 790 |                     }
 791 | 
 792 |                     for (var i = 0; i < 2 - n_newlines; i++) {
 793 |                         print_newline(false);
 794 |                     }
 795 |                 }
 796 |             }
 797 | 
 798 |             if (token_text === 'case' || token_text === 'default') {
 799 |                 if (last_text === ':') {
 800 |                     // switch cases following one another
 801 |                     remove_indent();
 802 |                 } else {
 803 |                     // case statement starts in the same line where switch
 804 |                     flags.indentation_level--;
 805 |                     print_newline();
 806 |                     flags.indentation_level++;
 807 |                 }
 808 |                 print_token();
 809 |                 flags.in_case = true;
 810 |                 break;
 811 |             }
 812 | 
 813 |             prefix = 'NONE';
 814 | 
 815 |             if (last_type === 'TK_END_BLOCK') {
 816 | 
 817 |                 if (!in_array(token_text.toLowerCase(), ['else', 'catch', 'finally'])) {
 818 |                     prefix = 'NEWLINE';
 819 |                 } else {
 820 |                     if (opt_brace_style=="expand" || opt_brace_style=="end-expand") {
 821 |                         prefix = 'NEWLINE';
 822 |                     } else {
 823 |                         prefix = 'SPACE';
 824 |                         print_single_space();
 825 |                     }
 826 |                 }
 827 |             } else if (last_type === 'TK_SEMICOLON' && (flags.mode === 'BLOCK' || flags.mode === 'DO_BLOCK')) {
 828 |                 prefix = 'NEWLINE';
 829 |             } else if (last_type === 'TK_SEMICOLON' && is_expression(flags.mode)) {
 830 |                 prefix = 'SPACE';
 831 |             } else if (last_type === 'TK_STRING') {
 832 |                 prefix = 'NEWLINE';
 833 |             } else if (last_type === 'TK_WORD') {
 834 |                 if (last_text === 'else') {
 835 |                     // eat newlines between ...else *** some_op...
 836 |                     // won't preserve extra newlines in this place (if any), but don't care that much
 837 |                     trim_output(true);
 838 |                 }
 839 |                 prefix = 'SPACE';
 840 |             } else if (last_type === 'TK_START_BLOCK') {
 841 |                 prefix = 'NEWLINE';
 842 |             } else if (last_type === 'TK_END_EXPR') {
 843 |                 print_single_space();
 844 |                 prefix = 'NEWLINE';
 845 |             }
 846 | 
 847 |             if (in_array(token_text, line_starters) && last_text !== ')') {
 848 |                 if (last_text == 'else') {
 849 |                     prefix = 'SPACE';
 850 |                 } else {
 851 |                     prefix = 'NEWLINE';
 852 |                 }
 853 |             }
 854 | 
 855 |             if (flags.if_line && last_type === 'TK_END_EXPR') {
 856 |                 flags.if_line = false;
 857 |             }
 858 |             if (in_array(token_text.toLowerCase(), ['else', 'catch', 'finally'])) {
 859 |                 if (last_type !== 'TK_END_BLOCK' || opt_brace_style=="expand" || opt_brace_style=="end-expand") {
 860 |                     print_newline();
 861 |                 } else {
 862 |                     trim_output(true);
 863 |                     print_single_space();
 864 |                 }
 865 |             } else if (prefix === 'NEWLINE') {
 866 |                 if ((last_type === 'TK_START_EXPR' || last_text === '=' || last_text === ',') && token_text === 'function') {
 867 |                     // no need to force newline on 'function': (function
 868 |                     // DONOTHING
 869 |                 } else if (token_text === 'function' && last_text == 'new') {
 870 |                     print_single_space();
 871 |                 } else if (last_text === 'return' || last_text === 'throw') {
 872 |                     // no newline between 'return nnn'
 873 |                     print_single_space();
 874 |                 } else if (last_type !== 'TK_END_EXPR') {
 875 |                     if ((last_type !== 'TK_START_EXPR' || token_text !== 'var') && last_text !== ':') {
 876 |                         // no need to force newline on 'var': for (var x = 0...)
 877 |                         if (token_text === 'if' && last_word === 'else' && last_text !== '{') {
 878 |                             // no newline for } else if {
 879 |                             print_single_space();
 880 |                         } else {
 881 |                             flags.var_line = false;
 882 |                             flags.var_line_reindented = false;
 883 |                             print_newline();
 884 |                         }
 885 |                     }
 886 |                 } else if (in_array(token_text, line_starters) && last_text != ')') {
 887 |                     flags.var_line = false;
 888 |                     flags.var_line_reindented = false;
 889 |                     print_newline();
 890 |                 }
 891 |             } else if (is_array(flags.mode) && last_text === ',' && last_last_text === '}') {
 892 |                 print_newline(); // }, in lists get a newline treatment
 893 |             } else if (prefix === 'SPACE') {
 894 |                 print_single_space();
 895 |             }
 896 |             print_token();
 897 |             last_word = token_text;
 898 | 
 899 |             if (token_text === 'var') {
 900 |                 flags.var_line = true;
 901 |                 flags.var_line_reindented = false;
 902 |                 flags.var_line_tainted = false;
 903 |             }
 904 | 
 905 |             if (token_text === 'if') {
 906 |                 flags.if_line = true;
 907 |             }
 908 |             if (token_text === 'else') {
 909 |                 flags.if_line = false;
 910 |             }
 911 | 
 912 |             break;
 913 | 
 914 |         case 'TK_SEMICOLON':
 915 | 
 916 |             print_token();
 917 |             flags.var_line = false;
 918 |             flags.var_line_reindented = false;
 919 |             if (flags.mode == 'OBJECT') {
 920 |                 // OBJECT mode is weird and doesn't get reset too well.
 921 |                 flags.mode = 'BLOCK';
 922 |             }
 923 |             break;
 924 | 
 925 |         case 'TK_STRING':
 926 | 
 927 |             if (last_type === 'TK_START_BLOCK' || last_type === 'TK_END_BLOCK' || last_type === 'TK_SEMICOLON') {
 928 |                 print_newline();
 929 |             } else if (last_type === 'TK_WORD') {
 930 |                 print_single_space();
 931 |             }
 932 |             print_token();
 933 |             break;
 934 | 
 935 |         case 'TK_EQUALS':
 936 |             if (flags.var_line) {
 937 |                 // just got an '=' in a var-line, different formatting/line-breaking, etc will now be done
 938 |                 flags.var_line_tainted = true;
 939 |             }
 940 |             print_single_space();
 941 |             print_token();
 942 |             print_single_space();
 943 |             break;
 944 | 
 945 |         case 'TK_OPERATOR':
 946 | 
 947 |             var space_before = true;
 948 |             var space_after = true;
 949 | 
 950 |             if (flags.var_line && token_text === ',' && (is_expression(flags.mode))) {
 951 |                 // do not break on comma, for(var a = 1, b = 2)
 952 |                 flags.var_line_tainted = false;
 953 |             }
 954 | 
 955 |             if (flags.var_line) {
 956 |                 if (token_text === ',') {
 957 |                     if (flags.var_line_tainted) {
 958 |                         print_token();
 959 |                         flags.var_line_reindented = true;
 960 |                         flags.var_line_tainted = false;
 961 |                         print_newline();
 962 |                         break;
 963 |                     } else {
 964 |                         flags.var_line_tainted = false;
 965 |                     }
 966 |                 // } else if (token_text === ':') {
 967 |                     // hmm, when does this happen? tests don't catch this
 968 |                     // flags.var_line = false;
 969 |                 }
 970 |             }
 971 | 
 972 |             if (last_text === 'return' || last_text === 'throw') {
 973 |                 // "return" had a special handling in TK_WORD. Now we need to return the favor
 974 |                 print_single_space();
 975 |                 print_token();
 976 |                 break;
 977 |             }
 978 | 
 979 |             if (token_text === ':' && flags.in_case) {
 980 |                 print_token(); // colon really asks for separate treatment
 981 |                 print_newline();
 982 |                 flags.in_case = false;
 983 |                 break;
 984 |             }
 985 | 
 986 |             if (token_text === '::') {
 987 |                 // no spaces around exotic namespacing syntax operator
 988 |                 print_token();
 989 |                 break;
 990 |             }
 991 | 
 992 |             if (token_text === ',') {
 993 |                 if (flags.var_line) {
 994 |                     if (flags.var_line_tainted) {
 995 |                         print_token();
 996 |                         print_newline();
 997 |                         flags.var_line_tainted = false;
 998 |                     } else {
 999 |                         print_token();
1000 |                         print_single_space();
1001 |                     }
1002 |                 } else if (last_type === 'TK_END_BLOCK' && flags.mode !== "(EXPRESSION)") {
1003 |                     print_token();
1004 |                     if (flags.mode === 'OBJECT' && last_text === '}') {
1005 |                         print_newline();
1006 |                     } else {
1007 |                         print_single_space();
1008 |                     }
1009 |                 } else {
1010 |                     if (flags.mode === 'OBJECT') {
1011 |                         print_token();
1012 |                         print_newline();
1013 |                     } else {
1014 |                         // EXPR or DO_BLOCK
1015 |                         print_token();
1016 |                         print_single_space();
1017 |                     }
1018 |                 }
1019 |                 break;
1020 |             // } else if (in_array(token_text, ['--', '++', '!']) || (in_array(token_text, ['-', '+']) && (in_array(last_type, ['TK_START_BLOCK', 'TK_START_EXPR', 'TK_EQUALS']) || in_array(last_text, line_starters) || in_array(last_text, ['==', '!=', '+=', '-=', '*=', '/=', '+', '-'])))) {
1021 |             } else if (in_array(token_text, ['--', '++', '!']) || (in_array(token_text, ['-', '+']) && (in_array(last_type, ['TK_START_BLOCK', 'TK_START_EXPR', 'TK_EQUALS', 'TK_OPERATOR']) || in_array(last_text, line_starters)))) {
1022 |                 // unary operators (and binary +/- pretending to be unary) special cases
1023 | 
1024 |                 space_before = false;
1025 |                 space_after = false;
1026 | 
1027 |                 if (last_text === ';' && is_expression(flags.mode)) {
1028 |                     // for (;; ++i)
1029 |                     //        ^^^
1030 |                     space_before = true;
1031 |                 }
1032 |                 if (last_type === 'TK_WORD' && in_array(last_text, line_starters)) {
1033 |                     space_before = true;
1034 |                 }
1035 | 
1036 |                 if (flags.mode === 'BLOCK' && (last_text === '{' || last_text === ';')) {
1037 |                     // { foo; --i }
1038 |                     // foo(); --bar;
1039 |                     print_newline();
1040 |                 }
1041 |             } else if (token_text === '.') {
1042 |                 // decimal digits or object.property
1043 |                 space_before = false;
1044 | 
1045 |             } else if (token_text === ':') {
1046 |                 if (flags.ternary_depth == 0) {
1047 |                     flags.mode = 'OBJECT';
1048 |                     space_before = false;
1049 |                 } else {
1050 |                     flags.ternary_depth -= 1;
1051 |                 }
1052 |             } else if (token_text === '?') {
1053 |                 flags.ternary_depth += 1;
1054 |             }
1055 |             if (space_before) {
1056 |                 print_single_space();
1057 |             }
1058 | 
1059 |             print_token();
1060 | 
1061 |             if (space_after) {
1062 |                 print_single_space();
1063 |             }
1064 | 
1065 |             if (token_text === '!') {
1066 |                 // flags.eat_next_space = true;
1067 |             }
1068 | 
1069 |             break;
1070 | 
1071 |         case 'TK_BLOCK_COMMENT':
1072 | 
1073 |             var lines = token_text.split(/\x0a|\x0d\x0a/);
1074 | 
1075 |             if (/^\/\*\*/.test(token_text)) {
1076 |                 // javadoc: reformat and reindent
1077 |                 print_newline();
1078 |                 output.push(lines[0]);
1079 |                 for (i = 1; i < lines.length; i++) {
1080 |                     print_newline();
1081 |                     output.push(' ');
1082 |                     output.push(trim(lines[i]));
1083 |                 }
1084 | 
1085 |             } else {
1086 | 
1087 |                 // simple block comment: leave intact
1088 |                 if (lines.length > 1) {
1089 |                     // multiline comment block starts with a new line
1090 |                     print_newline();
1091 |                     trim_output();
1092 |                 } else {
1093 |                     // single-line /* comment */ stays where it is
1094 |                     print_single_space();
1095 | 
1096 |                 }
1097 | 
1098 |                 for (i = 0; i < lines.length; i++) {
1099 |                     output.push(lines[i]);
1100 |                     output.push('\n');
1101 |                 }
1102 | 
1103 |             }
1104 |             print_newline();
1105 |             break;
1106 | 
1107 |         case 'TK_INLINE_COMMENT':
1108 | 
1109 |             print_single_space();
1110 |             print_token();
1111 |             if (is_expression(flags.mode)) {
1112 |                 print_single_space();
1113 |             } else {
1114 |                 print_newline();
1115 |             }
1116 |             break;
1117 | 
1118 |         case 'TK_COMMENT':
1119 | 
1120 |             // print_newline();
1121 |             if (wanted_newline) {
1122 |                 print_newline();
1123 |             } else {
1124 |                 print_single_space();
1125 |             }
1126 |             print_token();
1127 |             print_newline();
1128 |             break;
1129 | 
1130 |         case 'TK_UNKNOWN':
1131 |             if (last_text === 'return' || last_text === 'throw') {
1132 |                 print_single_space();
1133 |             }
1134 |             print_token();
1135 |             break;
1136 |         }
1137 | 
1138 |         last_last_text = last_text;
1139 |         last_type = token_type;
1140 |         last_text = token_text;
1141 |     }
1142 | 
1143 |     return output.join('').replace(/[\n ]+$/, '');
1144 | 
1145 | }
1146 | 
1147 | // Add support for CommonJS. Just put this file somewhere on your require.paths
1148 | // and you will be able to `var js_beautify = require("beautify").js_beautify`.
1149 | if (typeof exports !== "undefined")
1150 |     exports.js_beautify = js_beautify;
1151 | 


--------------------------------------------------------------------------------
/demoer/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Bootstrap.js by @fat & @mdo
3 | * plugins: bootstrap-transition.js, bootstrap-modal.js, bootstrap-dropdown.js, bootstrap-scrollspy.js, bootstrap-tab.js, bootstrap-tooltip.js, bootstrap-popover.js, bootstrap-affix.js, bootstrap-alert.js, bootstrap-button.js, bootstrap-collapse.js, bootstrap-carousel.js, bootstrap-typeahead.js
4 | * Copyright 2012 Twitter, Inc.
5 | * http://www.apache.org/licenses/LICENSE-2.0.txt
6 | */
7 | !function(a){a(function(){a.support.transition=function(){var a=function(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},c;for(c in b)if(a.style[c]!==undefined)return b[c]}();return a&&{end:a}}()})}(window.jQuery),!function(a){var b=function(b,c){this.options=c,this.$element=a(b).delegate('[data-dismiss="modal"]',"click.dismiss.modal",a.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};b.prototype={constructor:b,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var b=this,c=a.Event("show");this.$element.trigger(c);if(this.isShown||c.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var c=a.support.transition&&b.$element.hasClass("fade");b.$element.parent().length||b.$element.appendTo(document.body),b.$element.show(),c&&b.$element[0].offsetWidth,b.$element.addClass("in").attr("aria-hidden",!1),b.enforceFocus(),c?b.$element.one(a.support.transition.end,function(){b.$element.focus().trigger("shown")}):b.$element.focus().trigger("shown")})},hide:function(b){b&&b.preventDefault();var c=this;b=a.Event("hide"),this.$element.trigger(b);if(!this.isShown||b.isDefaultPrevented())return;this.isShown=!1,this.escape(),a(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),a.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},enforceFocus:function(){var b=this;a(document).on("focusin.modal",function(a){b.$element[0]!==a.target&&!b.$element.has(a.target).length&&b.$element.focus()})},escape:function(){var a=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(b){b.which==27&&a.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var b=this,c=setTimeout(function(){b.$element.off(a.support.transition.end),b.hideModal()},500);this.$element.one(a.support.transition.end,function(){clearTimeout(c),b.hideModal()})},hideModal:function(){var a=this;this.$element.hide(),this.backdrop(function(){a.removeBackdrop(),a.$element.trigger("hidden")})},removeBackdrop:function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},backdrop:function(b){var c=this,d=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var e=a.support.transition&&d;this.$backdrop=a('<div class="modal-backdrop '+d+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?a.proxy(this.$element[0].focus,this.$element[0]):a.proxy(this.hide,this)),e&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!b)return;e?this.$backdrop.one(a.support.transition.end,b):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b):b()):b&&b()}};var c=a.fn.modal;a.fn.modal=function(c){return this.each(function(){var d=a(this),e=d.data("modal"),f=a.extend({},a.fn.modal.defaults,d.data(),typeof c=="object"&&c);e||d.data("modal",e=new b(this,f)),typeof c=="string"?e[c]():f.show&&e.show()})},a.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f).one("hide",function(){c.focus()})})}(window.jQuery),!function(a){function d(){a(b).each(function(){e(a(this)).removeClass("open")})}function e(b){var c=b.attr("data-target"),d;c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,"")),d=c&&a(c);if(!d||!d.length)d=b.parent();return d}var b="[data-toggle=dropdown]",c=function(b){var c=a(b).on("click.dropdown.data-api",this.toggle);a("html").on("click.dropdown.data-api",function(){c.parent().removeClass("open")})};c.prototype={constructor:c,toggle:function(b){var c=a(this),f,g;if(c.is(".disabled, :disabled"))return;return f=e(c),g=f.hasClass("open"),d(),g||f.toggleClass("open"),c.focus(),!1},keydown:function(c){var d,f,g,h,i,j;if(!/(38|40|27)/.test(c.keyCode))return;d=a(this),c.preventDefault(),c.stopPropagation();if(d.is(".disabled, :disabled"))return;h=e(d),i=h.hasClass("open");if(!i||i&&c.keyCode==27)return c.which==27&&h.find(b).focus(),d.click();f=a("[role=menu] li:not(.divider):visible a",h);if(!f.length)return;j=f.index(f.filter(":focus")),c.keyCode==38&&j>0&&j--,c.keyCode==40&&j<f.length-1&&j++,~j||(j=0),f.eq(j).focus()}};var f=a.fn.dropdown;a.fn.dropdown=function(b){return this.each(function(){var d=a(this),e=d.data("dropdown");e||d.data("dropdown",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.dropdown.Constructor=c,a.fn.dropdown.noConflict=function(){return a.fn.dropdown=f,this},a(document).on("click.dropdown.data-api",d).on("click.dropdown.data-api",".dropdown form",function(a){a.stopPropagation()}).on("click.dropdown-menu",function(a){a.stopPropagation()}).on("click.dropdown.data-api",b,c.prototype.toggle).on("keydown.dropdown.data-api",b+", [role=menu]",c.prototype.keydown)}(window.jQuery),!function(a){function b(b,c){var d=a.proxy(this.process,this),e=a(b).is("body")?a(window):a(b),f;this.options=a.extend({},a.fn.scrollspy.defaults,c),this.$scrollElement=e.on("scroll.scroll-spy.data-api",d),this.selector=(this.options.target||(f=a(b).attr("href"))&&f.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=a("body"),this.refresh(),this.process()}b.prototype={constructor:b,refresh:function(){var b=this,c;this.offsets=a([]),this.targets=a([]),c=this.$body.find(this.selector).map(function(){var c=a(this),d=c.data("target")||c.attr("href"),e=/^#\w/.test(d)&&a(d);return e&&e.length&&[[e.position().top+(!a.isWindow(b.$scrollElement.get(0))&&b.$scrollElement.scrollTop()),d]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},process:function(){var a=this.$scrollElement.scrollTop()+this.options.offset,b=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,c=b-this.$scrollElement.height(),d=this.offsets,e=this.targets,f=this.activeTarget,g;if(a>=c)return f!=(g=e.last()[0])&&this.activate(g);for(g=d.length;g--;)f!=e[g]&&a>=d[g]&&(!d[g+1]||a<=d[g+1])&&this.activate(e[g])},activate:function(b){var c,d;this.activeTarget=b,a(this.selector).parent(".active").removeClass("active"),d=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',c=a(d).parent("li").addClass("active"),c.parent(".dropdown-menu").length&&(c=c.closest("li.dropdown").addClass("active")),c.trigger("activate")}};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("scrollspy"),f=typeof c=="object"&&c;e||d.data("scrollspy",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.defaults={offset:10},a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(window.jQuery),!function(a){var b=function(b){this.element=a(b)};b.prototype={constructor:b,show:function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.attr("data-target"),e,f,g;d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,""));if(b.parent("li").hasClass("active"))return;e=c.find(".active:last a")[0],g=a.Event("show",{relatedTarget:e}),b.trigger(g);if(g.isDefaultPrevented())return;f=a(d),this.activate(b.parent("li"),c),this.activate(f,f.parent(),function(){b.trigger({type:"shown",relatedTarget:e})})},activate:function(b,c,d){function g(){e.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),f?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var e=c.find("> .active"),f=d&&a.support.transition&&e.hasClass("fade");f?e.one(a.support.transition.end,g):g(),e.removeClass("in")}};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("tab");e||d.data("tab",e=new b(this)),typeof c=="string"&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(window.jQuery),!function(a){var b=function(a,b){this.init("tooltip",a,b)};b.prototype={constructor:b,init:function(b,c,d){var e,f,g,h,i;this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.enabled=!0,g=this.options.trigger.split(" ");for(i=g.length;i--;)h=g[i],h=="click"?this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this)):h!="manual"&&(e=h=="hover"?"mouseenter":"focus",f=h=="hover"?"mouseleave":"blur",this.$element.on(e+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(f+"."+this.type,this.options.selector,a.proxy(this.leave,this)));this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(b){return b=a.extend({},a.fn[this.type].defaults,this.$element.data(),b),b.delay&&typeof b.delay=="number"&&(b.delay={show:b.delay,hide:b.delay}),b},enter:function(b){var c=a.fn[this.type].defaults,d={},e;this._options&&a.each(this._options,function(a,b){c[a]!=b&&(d[a]=b)},this),e=a(b.currentTarget)[this.type](d).data(this.type);if(!e.options.delay||!e.options.delay.show)return e.show();clearTimeout(this.timeout),e.hoverState="in",this.timeout=setTimeout(function(){e.hoverState=="in"&&e.show()},e.options.delay.show)},leave:function(b){var c=a(b.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!c.options.delay||!c.options.delay.hide)return c.hide();c.hoverState="out",this.timeout=setTimeout(function(){c.hoverState=="out"&&c.hide()},c.options.delay.hide)},show:function(){var b,c,d,e,f,g,h=a.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(h);if(h.isDefaultPrevented())return;b=this.tip(),this.setContent(),this.options.animation&&b.addClass("fade"),f=typeof this.options.placement=="function"?this.options.placement.call(this,b[0],this.$element[0]):this.options.placement,b.detach().css({top:0,left:0,display:"block"}),this.options.container?b.appendTo(this.options.container):b.insertAfter(this.$element),c=this.getPosition(),d=b[0].offsetWidth,e=b[0].offsetHeight;switch(f){case"bottom":g={top:c.top+c.height,left:c.left+c.width/2-d/2};break;case"top":g={top:c.top-e,left:c.left+c.width/2-d/2};break;case"left":g={top:c.top+c.height/2-e/2,left:c.left-d};break;case"right":g={top:c.top+c.height/2-e/2,left:c.left+c.width}}this.applyPlacement(g,f),this.$element.trigger("shown")}},applyPlacement:function(a,b){var c=this.tip(),d=c[0].offsetWidth,e=c[0].offsetHeight,f,g,h,i;c.offset(a).addClass(b).addClass("in"),f=c[0].offsetWidth,g=c[0].offsetHeight,b=="top"&&g!=e&&(a.top=a.top+e-g,i=!0),b=="bottom"||b=="top"?(h=0,a.left<0&&(h=a.left*-2,a.left=0,c.offset(a),f=c[0].offsetWidth,g=c[0].offsetHeight),this.replaceArrow(h-d+f,f,"left")):this.replaceArrow(g-e,g,"top"),i&&c.offset(a)},replaceArrow:function(a,b,c){this.arrow().css(c,a?50*(1-a/b)+"%":"")},setContent:function(){var a=this.tip(),b=this.getTitle();a.find(".tooltip-inner")[this.options.html?"html":"text"](b),a.removeClass("fade in top bottom left right")},hide:function(){function e(){var b=setTimeout(function(){c.off(a.support.transition.end).detach()},500);c.one(a.support.transition.end,function(){clearTimeout(b),c.detach()})}var b=this,c=this.tip(),d=a.Event("hide");this.$element.trigger(d);if(d.isDefaultPrevented())return;return c.removeClass("in"),a.support.transition&&this.$tip.hasClass("fade")?e():c.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var a=this.$element;(a.attr("title")||typeof a.attr("data-original-title")!="string")&&a.attr("data-original-title",a.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var b=this.$element[0];return a.extend({},typeof b.getBoundingClientRect=="function"?b.getBoundingClientRect():{width:b.offsetWidth,height:b.offsetHeight},this.$element.offset())},getTitle:function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||(typeof c.title=="function"?c.title.call(b[0]):c.title),a},tip:function(){return this.$tip=this.$tip||a(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(b){var c=b?a(b.currentTarget)[this.type](this._options).data(this.type):this;c.tip().hasClass("in")?c.hide():c.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var c=a.fn.tooltip;a.fn.tooltip=function(c){return this.each(function(){var d=a(this),e=d.data("tooltip"),f=typeof c=="object"&&c;e||d.data("tooltip",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.tooltip.Constructor=b,a.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},a.fn.tooltip.noConflict=function(){return a.fn.tooltip=c,this}}(window.jQuery),!function(a){var b=function(a,b){this.init("popover",a,b)};b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype,{constructor:b,setContent:function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var a,b=this.$element,c=this.options;return a=(typeof c.content=="function"?c.content.call(b[0]):c.content)||b.attr("data-content"),a},tip:function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("popover"),f=typeof c=="object"&&c;e||d.data("popover",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.defaults=a.extend({},a.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(window.jQuery),!function(a){var b=function(b,c){this.options=a.extend({},a.fn.affix.defaults,c),this.$window=a(window).on("scroll.affix.data-api",a.proxy(this.checkPosition,this)).on("click.affix.data-api",a.proxy(function(){setTimeout(a.proxy(this.checkPosition,this),1)},this)),this.$element=a(b),this.checkPosition()};b.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var b=a(document).height(),c=this.$window.scrollTop(),d=this.$element.offset(),e=this.options.offset,f=e.bottom,g=e.top,h="affix affix-top affix-bottom",i;typeof e!="object"&&(f=g=e),typeof g=="function"&&(g=e.top()),typeof f=="function"&&(f=e.bottom()),i=this.unpin!=null&&c+this.unpin<=d.top?!1:f!=null&&d.top+this.$element.height()>=b-f?"bottom":g!=null&&c<=g?"top":!1;if(this.affixed===i)return;this.affixed=i,this.unpin=i=="bottom"?d.top-c:null,this.$element.removeClass(h).addClass("affix"+(i?"-"+i:""))};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("affix"),f=typeof c=="object"&&c;e||d.data("affix",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.defaults={offset:0},a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(window.jQuery),!function(a){var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function f(){e.trigger("closed").remove()}var c=a(this),d=c.attr("data-target"),e;d||(d=c.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),e=a(d),b&&b.preventDefault(),e.length||(e=c.hasClass("alert")?c:c.parent()),e.trigger(b=a.Event("close"));if(b.isDefaultPrevented())return;e.removeClass("in"),a.support.transition&&e.hasClass("fade")?e.on(a.support.transition.end,f):f()};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("alert");e||d.data("alert",e=new c(this)),typeof b=="string"&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.alert.data-api",b,c.prototype.close)}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.button.defaults,c)};b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.data(),e=c.is("input")?"val":"html";a+="Text",d.resetText||c.data("resetText",c[e]()),c[e](d[a]||this.options[a]),setTimeout(function(){a=="loadingText"?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons-radio"]');a&&a.find(".active").removeClass("active"),this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("button"),f=typeof c=="object"&&c;e||d.data("button",e=new b(this,f)),c=="toggle"?e.toggle():c&&e.setState(c)})},a.fn.button.defaults={loadingText:"loading..."},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle")})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.collapse.defaults,c),this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.prototype={constructor:b,dimension:function(){var a=this.$element.hasClass("width");return a?"width":"height"},show:function(){var b,c,d,e;if(this.transitioning||this.$element.hasClass("in"))return;b=this.dimension(),c=a.camelCase(["scroll",b].join("-")),d=this.$parent&&this.$parent.find("> .accordion-group > .in");if(d&&d.length){e=d.data("collapse");if(e&&e.transitioning)return;d.collapse("hide"),e||d.data("collapse",null)}this.$element[b](0),this.transition("addClass",a.Event("show"),"shown"),a.support.transition&&this.$element[b](this.$element[0][c])},hide:function(){var b;if(this.transitioning||!this.$element.hasClass("in"))return;b=this.dimension(),this.reset(this.$element[b]()),this.transition("removeClass",a.Event("hide"),"hidden"),this.$element[b](0)},reset:function(a){var b=this.dimension();return this.$element.removeClass("collapse")[b](a||"auto")[0].offsetWidth,this.$element[a!==null?"addClass":"removeClass"]("collapse"),this},transition:function(b,c,d){var e=this,f=function(){c.type=="show"&&e.reset(),e.transitioning=0,e.$element.trigger(d)};this.$element.trigger(c);if(c.isDefaultPrevented())return;this.transitioning=1,this.$element[b]("in"),a.support.transition&&this.$element.hasClass("collapse")?this.$element.one(a.support.transition.end,f):f()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("collapse"),f=a.extend({},a.fn.collapse.defaults,d.data(),typeof c=="object"&&c);e||d.data("collapse",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.collapse.defaults={toggle:!0},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.collapse.data-api","[data-toggle=collapse]",function(b){var c=a(this),d,e=c.attr("data-target")||b.preventDefault()||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),f=a(e).data("collapse")?"toggle":c.data();c[a(e).hasClass("in")?"addClass":"removeClass"]("collapsed"),a(e).collapse(f)})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.options.pause=="hover"&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.prototype={cycle:function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(b){var c=this.getActiveIndex(),d=this;if(b>this.$items.length-1||b<0)return;return this.sliding?this.$element.one("slid",function(){d.to(b)}):c==b?this.pause().cycle():this.slide(b>c?"next":"prev",a(this.$items[b]))},pause:function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g=b=="next"?"left":"right",h=b=="next"?"first":"last",i=this,j;this.sliding=!0,f&&this.pause(),e=e.length?e:this.$element.find(".item")[h](),j=a.Event("slide",{relatedTarget:e[0],direction:g});if(e.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")}));if(a.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(j);if(j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),this.$element.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)})}else{this.$element.trigger(j);if(j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("carousel"),f=a.extend({},a.fn.carousel.defaults,typeof c=="object"&&c),g=typeof c=="string"?c:f.slide;e||d.data("carousel",e=new b(this,f)),typeof c=="number"?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.defaults={interval:5e3,pause:"hover"},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c=a(this),d,e=a(c.attr("data-target")||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),c.data()),g;e.carousel(f),(g=c.attr("data-slide-to"))&&e.data("carousel").pause().to(g).cycle(),b.preventDefault()})}(window.jQuery),!function(a){var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.typeahead.defaults,c),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=a(this.options.menu),this.shown=!1,this.listen()};b.prototype={constructor:b,select:function(){var a=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(a)).change(),this.hide()},updater:function(a){return a},show:function(){var b=a.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:b.top+b.height,left:b.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(b){var c;return this.query=this.$element.val(),!this.query||this.query.length<this.options.minLength?this.shown?this.hide():this:(c=a.isFunction(this.source)?this.source(this.query,a.proxy(this.process,this)):this.source,c?this.process(c):this)},process:function(b){var c=this;return b=a.grep(b,function(a){return c.matcher(a)}),b=this.sorter(b),b.length?this.render(b.slice(0,this.options.items)).show():this.shown?this.hide():this},matcher:function(a){return~a.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(a){var b=[],c=[],d=[],e;while(e=a.shift())e.toLowerCase().indexOf(this.query.toLowerCase())?~e.indexOf(this.query)?c.push(e):d.push(e):b.push(e);return b.concat(c,d)},highlighter:function(a){var b=this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&");return a.replace(new RegExp("("+b+")","ig"),function(a,b){return"<strong>"+b+"</strong>"})},render:function(b){var c=this;return b=a(b).map(function(b,d){return b=a(c.options.item).attr("data-value",d),b.find("a").html(c.highlighter(d)),b[0]}),b.first().addClass("active"),this.$menu.html(b),this},next:function(b){var c=this.$menu.find(".active").removeClass("active"),d=c.next();d.length||(d=a(this.$menu.find("li")[0])),d.addClass("active")},prev:function(a){var b=this.$menu.find(".active").removeClass("active"),c=b.prev();c.length||(c=this.$menu.find("li").last()),c.addClass("active")},listen:function(){this.$element.on("focus",a.proxy(this.focus,this)).on("blur",a.proxy(this.blur,this)).on("keypress",a.proxy(this.keypress,this)).on("keyup",a.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",a.proxy(this.keydown,this)),this.$menu.on("click",a.proxy(this.click,this)).on("mouseenter","li",a.proxy(this.mouseenter,this)).on("mouseleave","li",a.proxy(this.mouseleave,this))},eventSupported:function(a){var b=a in this.$element;return b||(this.$element.setAttribute(a,"return;"),b=typeof this.$element[a]=="function"),b},move:function(a){if(!this.shown)return;switch(a.keyCode){case 9:case 13:case 27:a.preventDefault();break;case 38:a.preventDefault(),this.prev();break;case 40:a.preventDefault(),this.next()}a.stopPropagation()},keydown:function(b){this.suppressKeyPressRepeat=~a.inArray(b.keyCode,[40,38,9,13,27]),this.move(b)},keypress:function(a){if(this.suppressKeyPressRepeat)return;this.move(a)},keyup:function(a){switch(a.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}a.stopPropagation(),a.preventDefault()},focus:function(a){this.focused=!0},blur:function(a){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(a){a.stopPropagation(),a.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(b){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),a(b.currentTarget).addClass("active")},mouseleave:function(a){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var c=a.fn.typeahead;a.fn.typeahead=function(c){return this.each(function(){var d=a(this),e=d.data("typeahead"),f=typeof c=="object"&&c;e||d.data("typeahead",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu"></ul>',item:'<li><a href="#"></a></li>',minLength:1},a.fn.typeahead.Constructor=b,a.fn.typeahead.noConflict=function(){return a.fn.typeahead=c,this},a(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(b){var c=a(this);if(c.data("typeahead"))return;c.typeahead(c.data())})}(window.jQuery)


--------------------------------------------------------------------------------
/demoer/demoer.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     margin: 0;
 3 |     padding: 0;
 4 |     font-family: Cambria, Times;
 5 | }
 6 | 
 7 | .sample {
 8 |     display: none;
 9 | }
10 | 
11 | .examples {
12 |     margin: 0;
13 |     padding: 0;
14 | }
15 | 
16 | .example-item {
17 |     list-style: none;
18 |     background-color: #FFFFFF;
19 |     padding: 0.1em;
20 |     margin: 0;
21 |     cursor: pointer;
22 | }
23 | 
24 | .example-item .snippet {
25 |     height: 0;
26 |     opacity: 0;
27 |     display: block;
28 |     overflow: hidden;
29 |     width: 98%;
30 |     border: 0;
31 |     -webkit-transition: all 0.2s ease-in-out;
32 |     -moz-transition: all 0.2s ease-in-out;
33 |     -o-transition: all 0.2s ease-in-out;
34 | }
35 | 
36 | .example-item .snippet .code {
37 |     font-family: Monaco, Consolas, courier;
38 |     font-size: 0.9em;
39 |     background-color: #2A211C;
40 |     color: #BDAE9D;
41 |     width: 100%;
42 |     padding: 0.3em 0;
43 | }
44 | 
45 | .floating-button {
46 |     position: absolute;
47 |     left: 94%;
48 |     margin: 0.5em 0.5em 0 0;
49 | }
50 | 
51 | .example-title {
52 |     text-decoration: none;
53 |     color: black;
54 |     padding: 0.1em;
55 |     display: block;
56 | }
57 | 
58 | .example-item:hover {
59 |     background-color: #FFFFCC;
60 | }
61 | 
62 | .example-item:target .example-name {
63 |     background-color: #DFECFF;
64 | }
65 | 
66 | .example-item:target .code-linq, .example-item:target .code-full {
67 |     height: auto;
68 |     opacity: 1;
69 |     padding: 0.3em 1em;
70 |     margin: 0.1em 0.5em;
71 | }
72 | 
73 | .example-more-code {
74 |     display: none;
75 |     font-size: 0.8em;
76 |     padding: 0.1em 0.5em;
77 |     color: navy;
78 |     float: right;
79 | }
80 | 
81 | .example-more-code:hover {
82 |     text-decoration: underline;
83 | }
84 | 
85 | .example-item:target .example-more-code {
86 |     display: inline;
87 | }


--------------------------------------------------------------------------------
/demoer/demoer.html:
--------------------------------------------------------------------------------
 1 | <ul class = "examples">
 2 |     <li class = "sample example-item" id = "__EXAMPLE__">
 3 |         <div class = "example-name">
 4 |             <a class = "example-more-code" href = "#__EXAMPLE__">[ Toggle Full IndexedDB Code ]</a>
 5 |             <a href = "#__EXAMPLE__" class = "example-title">__EXAMPLE__</a>
 6 |         </div>
 7 |         <div class = "snippet code-linq" style ="clear:both">
 8 |             <button class = "floating-button code-run">
 9 |                 Run
10 |             </button>
11 |             <textarea class = "code" style ="height : auto">
12 |                 __EXAMPLE_CODE__
13 |             </textarea>
14 |         </div>
15 |         <div class = "snippet code-full" style ="display:none">
16 |             <button class ="floating-button code-run">
17 |                 Run
18 |             </button>
19 |             <textarea class = "code" style ="font-size : 0.7em; display : block; padding : 0.5em 1em; height : 20em">
20 |                 __EXAMPLE_ALTERNATE__
21 |             </textarea>
22 |         </div>
23 |     </li>
24 | </ul>
25 | 


--------------------------------------------------------------------------------
/demoer/demoer.js:
--------------------------------------------------------------------------------
 1 | var prettyCode = function(code) {
 2 | 	if (typeof code === "function") {
 3 | 		code = code.toString();
 4 | 	}
 5 | 	code = code || "";
 6 | 	var start = "function (){";
 7 | 	code = code.substring(code.indexOf(start) + start.length + 2, code.length - 1).replace(/(^\s+|$\s+)/g, "");
 8 | 	return code;
 9 | };
10 | 
11 | /**
12 |  * Load all dependent URLs
13 |  */
14 | 
15 | var getUrls = function(container, callback) {
16 | 	var base = $("script[src*=demoer\\.js]").attr("src");
17 | 	base = base.substring(0, base.lastIndexOf("demoer.js"));
18 | 
19 | 	// Loading Firebug
20 | 	var E = document.createElement('script');
21 | 	E.setAttribute('id', "FirebugLite");
22 | 	//E.setAttribute("src", "http://localhost/software/firebug-lite/build/firebug-lite.js#startOpened")
23 | 	E.setAttribute('src', "https://getfirebug.com/firebug-lite.js#startOpened");
24 | 	E.setAttribute("FirebugLite", "4");
25 | 	document.getElementsByTagName('body')[0].appendChild(E);
26 | 	var count = 0;
27 | 	var timerHandle = window.setInterval(function() {
28 | 		count++;
29 | 		if (count > 10) {
30 | 			window.clearInterval(timerHandle);
31 | 		}
32 | 		if (typeof firebug !== "undefined") {
33 | 			window.clearInterval(timerHandle);
34 | 			window.console = firebug;
35 | 			var firebugUI = document.getElementById("FirebugUI");
36 | 			if (firebugUI) {
37 | 				firebugUI.style.position = "static";
38 | 			}
39 | 		}
40 | 	}, 1000);
41 | 
42 | 	// Loading beautify, and then the container
43 | 	$.getScript(base + "beautify.js", function() {
44 | 		$(container).load(base + "demoer.html", function() {
45 | 			callback();
46 | 		});
47 | 	});
48 | 
49 | 	$("head").append($("<link>").attr({
50 | 		"type" : "text/css",
51 | 		"rel" : "stylesheet",
52 | 		"href" : base + "demoer.css"
53 | 	}));
54 | 
55 | }
56 | 
57 | // Start populating the samples
58 | var loadDemoes = function(container, exampleList) {
59 | 	getUrls(container, function() {
60 | 		var exampleDiv = $(container).children("ul.examples:first");
61 | 		var template = exampleDiv.children("li.sample:first");
62 | 		var list = [];
63 | 		for (example in exampleList) {
64 | 			var exampleItem = template.clone(false).attr("id", example);
65 | 			var html = exampleItem.html().replace(/__EXAMPLE__/g, example);
66 | 			html = html.replace(/\s*__EXAMPLE_CODE__\s*/g, js_beautify(prettyCode(exampleList[example].code)));
67 | 			html = html.replace(/\s*__EXAMPLE_ALTERNATE__\s*/g, js_beautify(prettyCode(exampleList[example].alternate)));
68 | 			exampleItem.html(html);
69 | 			exampleDiv.append(exampleItem.removeClass("sample"));
70 | 		}
71 | 	});
72 | 
73 | 	var run = function(code, title) {
74 | 		console.group(title);
75 | 		eval(code);
76 | 		setTimeout(function() {
77 | 			console.groupEnd(title);
78 | 		}, 1000);
79 | 		$(".more-code").hide();
80 | 	}
81 | 
82 | 	$("a.example-more-code").live("click", function(e) {
83 | 		$(this).parent().nextAll(".code-full").toggle();
84 | 	});
85 | 
86 | 	$("button.code-run").live("click", function(e) {
87 | 		run($(this).nextAll(".code").val(), $(this).parent().siblings(".example-name").children("a.example-title").html());
88 | 	});
89 | };


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <title>Parashuram's IndexedDB Experiments</title>
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  7 |   <meta name="description" content="Parashuram's experiments with IndexedDB - with IndexedDB Polyfill, various libraries and tech talks"/>
  8 |   <meta name="author" content="Parashuram code@nparashuram.com"/>
  9 |   <!-- Le styles -->
 10 |   <link href="demoer/bootstrap-combined.min.css" rel="stylesheet"/>
 11 |   <style type="text/css">
 12 |       body {
 13 |         padding-top: 60px;
 14 |         padding-bottom: 40px;
 15 |       }
 16 |     </style>
 17 | <body>
 18 | 
 19 |   <div class="navbar navbar-inverse navbar-fixed-top">
 20 |     <div class="navbar-inner">
 21 |       <div class="container">
 22 |         <a class="brand" href="#">IndexedDB</a>
 23 |         <div class="nav-collapse collapse">
 24 |           <ul class="nav">
 25 |             <li class="active">
 26 |               <a href="#">Home</a>
 27 |             </li>
 28 |             <li>
 29 |               <a href="//nparashuram.com">About Me</a>
 30 |             </li>
 31 |             <li>
 32 |               <a href="//nparashuram.com/contact.html">Contact</a>
 33 |             </li>
 34 |             <li class="dropdown">
 35 |               <a href="" class="dropdown-toggle" data-toggle="dropdown">
 36 |                 Quick Links <b class="caret"></b>
 37 |               </a>
 38 |               <ul class="dropdown-menu">
 39 |                 <li>
 40 |                   <a href="//nparashuram.com/IndexedDBShim">IndexedDB Polyfill</a>
 41 |                 </li>
 42 |                 <li>
 43 |                   <a href="http://www.w3.org/TR/IndexedDB/">IndexedDB Specification</a>
 44 |                 </li>
 45 |                 <li>
 46 |                   <a href="http://blog.nparashuram.com/search/label/indexeddb">Blog posts on IndexedDB</a>
 47 |                 </li>
 48 |                 <li class="divider"></li>
 49 |                 <li class="nav-header">IndexedDB Libraries</li>
 50 |                 <li>
 51 |                   <a href="//nparashuram.com/jquery-indexeddb">Jquery IndexedDB</a>
 52 |                 </li>
 53 |                 <li>
 54 |                   <a href="//pouchdb.com">PouchDB</a>
 55 |                 </li>
 56 |                 <li>
 57 |                   <a href="//github.com/superfeedr/indexeddb-backbonejs-adapter">Backbone-IndexedDB</a>
 58 |                 </li>
 59 |                 <li>
 60 |                   <a href="//nparashuram.com/Linq2IndexedDB">LINQ IndexedDB</a>
 61 |                 </li>
 62 |               </ul>
 63 |             </li>
 64 |           </ul>
 65 |         </div>
 66 |       </div>
 67 |     </div>
 68 |   </div>
 69 | 
 70 |   <div class="container">
 71 |     <div class="hero-unit">
 72 |       <h1>
 73 |         <small>My experiments with</small>
 74 |         IndexedDB
 75 |       </h1>
 76 |       <p>
 77 |         IndexedDB is a client side storage mechanism for storing large amounts of data with support for transactions and indexing. This github project is a list of my experiments with the IndexedDB implementation in various browsers. I have also
 78 |         <a href = "http://blog.nparashuram.com/search/label/indexeddb">blogged</a>
 79 |         about my experiments.
 80 |       </p>
 81 |       <p>
 82 |         <a href="/trialtool/#example=/IndexedDB/trialtool/index.html" class="btn btn-primary btn-large">See IndexedDB Playground   &raquo;</a>
 83 |       </p>
 84 | 
 85 |     </div>
 86 |     <div class = "muted">
 87 |       The IndexedDB specification and its implementation in various browsers have been changing, and you can see the archived versions of the examples in the API playground
 88 |       <a href = "#" data-toggle="collapse" data-target="#demo" >here   &raquo;</a>
 89 |       <ul id="demo" class="collapse list-style">
 90 |         <li>
 91 |           <a href = "http://nparashuram.com/trialtool/index.html#example=/IndexedDB/trialtool/moz_indexedDB.html">Firefox 10.0.2 to 12.0a2 (2012-03-05)</a>
 92 |         </li>
 93 |         <li>
 94 |           <a href = "http://nparashuram.com/trialtool/index.html#example=/IndexedDB/trialtool/webkitIndexedDB.html">Google Chrome with setVersion</a>
 95 |         </li>
 96 |         <li>
 97 |           <a href = "http://nparashuram.com/trialtool/index.html#example=/IndexedDB/trialtool/ie10.html">Internet Explorer 10 - standard</a>
 98 |         </li>
 99 |         <li>
100 |           <a href = "http://nparashuram.com/trialtool/index.html#example=/IndexedDB/trialtool/ie.html">Internet Explore 8 - IndexedDB prototype</a>
101 |         </li>
102 |       </ul>
103 |     </div>
104 |     <div class="row">
105 |       <div class="span4">
106 |         <h2>IndexedDB Polyfill</h2>
107 |         <p>
108 |           The API is not
109 |           <a href="http://caniuse.com/indexeddb/embed/" target="_blank">supported all browsers</a>
110 |           .
111 |           However, unsupported browser do implement WebSQL, another (deprecated) standard for client side storage. The IndexedDB Polyfill is an implementation of the IndexedDB API on top of the WebSQL API in Javascript. Using the polyfill, you can write IndexedDB code and run them on unsupported browsers and even on mobile devices. Try running the
112 |           <a href = "http://nparashuram.com/IndexedDBShim/test/index.html" target="_blank">tests</a>
113 |           on an unsupported browser.
114 |         </p>
115 |         <p>
116 |           <a class="btn" href="//nparashuram.com/IndexedDBShim" target="_blank">View Project &raquo;</a>
117 |         </p>
118 |       </div>
119 |       <div class="span4">
120 |         <h2>Jquery-IndexedDB</h2>
121 |         <p>
122 |           The IndexedDB API seems verbose and I wanted to make it simpler to use. Here is an implementation of the API as a jquery plugin that makes using the API simpler. It uses the jquery friendly patterns like promises, method chaining, etc, to make the API easier to use. You can also look at the
123 |           <a href = "https://github.com/axemclion/jquery-indexeddb/blob/gh-pages/docs/README.md" target="_blank">API documentation</a>
124 |           or an
125 |           <a href = "http://nparashuram.com/jquery-indexeddb/example/index.html" target="_blank">example app</a>
126 |           . The plugin also has
127 |           <a href = "http://nparashuram.com/jquery-indexeddb/test/" target="_blank">tests</a>
128 |           that you can run to see if it works for you.
129 |         </p>
130 |         <p>
131 |           <a class="btn" href="//nparashuram.com/jquery-indexeddb">View Project &raquo;</a>
132 |         </p>
133 |       </div>
134 |       <div class="span4">
135 |         <h2>Performance Tests</h2>
136 |         <p>
137 |           The Performance experiments try to identify the fastest way to perform a set of operations, in various combinations. The performance experiments test some of the most common patterns when IndexedDB is used. 
138 |         </p>
139 |         <p>
140 |           <a class="btn" href="perf/index.html">Performance Results &raquo;</a>
141 |         </p>
142 |       </div>
143 |     </div>
144 |     <div class = "row">
145 |       <div class = "span4">
146 |         <h2>Other libraries</h2>
147 |         <p>
148 |           I have also been helping other libraries that use IndexedDB libraries. Here are some of them
149 |         </p>
150 |         <ul>
151 |           <li>
152 |             <a href = "http://pouchdb.com">PouchDB</a>
153 |           </li>
154 |           <li>
155 |             <a href = "http://github.com/superfeedr/indexeddb-backbonejs-adapter">Backbone IndexedDB Adapter</a>
156 |           </li>
157 |           <li>
158 |             <a href = "http://nparashuram.com/Linq2IndexedDB">LINQ for IndexedDB</a>
159 |           </li>
160 |         </ul>
161 |       </div>
162 |       <div class = "span8">
163 |         <h2>Tech Talks</h2>
164 |         <ul class="thumbnails">
165 |           <li class="span2">
166 |             <a class="thumbnail" href = "http://blog.nparashuram.com/2013/02/w3conf-session-on-indexeddb.html">
167 |               <img class="img-rounded" src= "http://img.youtube.com/vi/r8xl9iSAXO0/0.jpg">
168 |               <p class="text-center">W3Conf</p>
169 |             </a>
170 |           </li>
171 |           <li class="span2">
172 |             <a class="thumbnail" href="http://blog.nparashuram.com/2013/02/html5devconf-3-session-on-using-client.html">
173 |               <img class="img-rounded" src= "http://img.youtube.com/vi/OFvL-hU9OMk/0.jpg">
174 |               <p class="text-center">HTML5DevConf</p>
175 |             </a>
176 |           </li>
177 |           <li class="span2">
178 |             <a class="thumbnail" href = "http://blog.nparashuram.com/2012/09/sfhtml5-session-on-indexeddb-video.html">
179 |               <img class="img-rounded" src= "http://img.youtube.com/vi/XlSizz7JHBg/0.jpg">
180 |               <p  class="text-center">SFHTML5 Meetup</p>
181 |             </a>
182 |           </li>
183 |           <li class="span2">
184 |             <a class="thumbnail" href = "http://blog.nparashuram.com/2011/11/jsfoo-bangalore-session-videos-and.html">
185 |               <img class="img-rounded" src= "http://img.youtube.com/vi/yZ4GBSk2aKQ/0.jpg">
186 |               <p class="text-center">Doctype HTML5</p>
187 |             </a>
188 |           </li>
189 |           <li class="span2">
190 |             <a class="thumbnail" href = "http://blog.nparashuram.com/2011/03/tutorial-on-indexed-db-zeollar-session.html">
191 |               <img class="img-rounded" src= "http://img.youtube.com/vi/xeu464xrjsw/0.jpg">
192 |               <p class="text-center">Zeollar</p>
193 |             </a>
194 |           </li>
195 |         </ul>
196 |       </div>
197 |     </div>
198 |     <hr>
199 |     <footer>
200 |       <p></p>
201 |     </footer>
202 |   </div>
203 |   <script src="demoer/jquery.min.js"></script>
204 |   <script src="demoer/bootstrap.min.js"></script>
205 | 
206 | </body>
207 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "IndexedDB",
 3 |   "version": "0.0.1",
 4 |   "author": "Parashuram <code@nparashuram.com>",
 5 |   "license": "BSD",
 6 |   "devDependencies": {
 7 |     "grunt-contrib-watch": "~0.3.1",
 8 |     "grunt-contrib-connect": "~0.2.0",
 9 |     "grunt": "~0.4.0",
10 |     "grunt-contrib-jshint": "~0.2.0"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/perf/README.md:
--------------------------------------------------------------------------------
 1 | #IndexedDB Performance Tests
 2 | 
 3 | * Indexes
 4 | 	* Number of Indexes
 5 | 	* Index depths
 6 | 	* Uniqueness
 7 | 	* Multi Entry
 8 | 
 9 | * Write operation
10 | 	* Add vs Modify
11 | 
12 | * Transactions
13 | 	* Same transaction object, all stores
14 | 	* Two transctions, individual stores
15 | 
16 | 
17 | 
18 | #DONE
19 | * Keys Compare
20 | 	* Strings
21 | 	* Numbers
22 | 	* Other types
23 | * Read
24 | 	* Read in same transaction from multiple stores
25 | 	* Read in different transaction per store
26 | * Write
27 | 	* Write in a loop
28 | 	* Write in a transaction loop
29 | 
30 | * Table Schema
31 | 	* With Auto Increment
32 | 	* With KeyPath
33 | 
34 | * Iterate
35 | 	* Index iteration vs primary key iteration
36 | 
37 | * Read/Write
38 | 	* Read/Write in the same transaction
39 | 	* Read/Write in different transactions
40 | * Index Get
41 | 	* Get Indexed object
42 | 	* Get indexed key and then object
43 | 
44 | * Cursor
45 | 	* Advance 1 vs Continue
46 | * Index Iterate
47 | 	* Key Iterator + Get Object
48 | 	* Object Iterator


--------------------------------------------------------------------------------
/perf/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | <head>
  4 | 	<title>IndexedDB Performance Test cases</title>
  5 | 	<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  6 | 	<link rel="stylesheet" type="text/css" href="main.css">
  7 | 	<script type="text/javascript" src = "//nparashuram.com/IndexedDBShim/dist/IndexedDBShim.js"></script>
  8 | </head>
  9 | <body data-feedly-processed="yes">
 10 | 	<div class="navbar navbar-inverse navbar-fixed-top">
 11 | 		<div class="navbar-inner">
 12 | 			<div class="container">
 13 | 				<a class="brand" href="#">IndexedDB Performance</a>
 14 | 				<div class="nav-collapse collapse">
 15 | 					<ul class="nav">
 16 | 						<li class="active">
 17 | 							<a href="../">Home</a>
 18 | 						</li>
 19 | 						<li>
 20 | 							<a href="//nparashuram.com">About Me</a>
 21 | 						</li>
 22 | 						<li>
 23 | 							<a href="//nparashuram.com/contact.html">Contact</a>
 24 | 						</li>
 25 | 						<li class="dropdown">
 26 | 							<a href="" class="dropdown-toggle" data-toggle="dropdown">
 27 | 								Quick Links <b class="caret"></b>
 28 | 							</a>
 29 | 							<ul class="dropdown-menu">
 30 | 								<li>
 31 | 									<a href="//nparashuram.com/IndexedDBShim">IndexedDB Polyfill</a>
 32 | 								</li>
 33 | 								<li>
 34 | 									<a href="http://www.w3.org/TR/IndexedDB/">IndexedDB Specification</a>
 35 | 								</li>
 36 | 								<li>
 37 | 									<a href="http://blog.nparashuram.com/search/label/indexeddb">Blog posts on IndexedDB</a>
 38 | 								</li>
 39 | 								<li class="divider"></li>
 40 | 								<li class="nav-header">IndexedDB Libraries</li>
 41 | 								<li>
 42 | 									<a href="//nparashuram.com/jquery-indexeddb">Jquery IndexedDB</a>
 43 | 								</li>
 44 | 								<li>
 45 | 									<a href="//pouchdb.com">PouchDB</a>
 46 | 								</li>
 47 | 								<li>
 48 | 									<a href="//github.com/superfeedr/indexeddb-backbonejs-adapter">Backbone-IndexedDB</a>
 49 | 								</li>
 50 | 								<li>
 51 | 									<a href="//nparashuram.com/Linq2IndexedDB">LINQ IndexedDB</a>
 52 | 								</li>
 53 | 							</ul>
 54 | 						</li>
 55 | 					</ul>
 56 | 				</div>
 57 | 			</div>
 58 | 		</div>
 59 | 	</div>
 60 | 
 61 | 	<div class="container-fluid">
 62 | 		<div class="row-fluid">
 63 | 			<div class="span3">
 64 | 				<div class = "well sidebar-nav">
 65 | 					<ul class="nav nav-list" id = "perfTestLinks">
 66 | 						<script type = "text/html">
 67 | 							<% _.each(_.groupBy(perf, 'category'), function(i, name) { %>
 68 | 								<li class = 'nav-header'>
 69 | 									<%= name %></li>
 70 | 								<% _.each(perf, function(val, key){ if (val.category === name){%>
 71 | 									<li data-name = "<%= key %>">
 72 | 										<a href="#<%=key%>" data-name = "<%=key%>"> <i class="icon-chevron-right pull-right"></i>
 73 | 											<%= key %></a>
 74 | 									</li>
 75 | 								<%}}) %>
 76 | 							<% }); %></script>
 77 | 					</ul>
 78 | 				</div>
 79 | 			</div>
 80 | 			<div class="span9">
 81 | 				<div id = "idbUnsupported" class = "hero alert alert-danger hide">
 82 | 					<h2>IndexedDB is not supported in your browser.</h2>
 83 | 					<p>
 84 | 						You could try using the
 85 | 						<a href = '//nparashuram.com/IndexedDBShim'>polyfill</a>
 86 | 						for IndexedDB API. I have not yet added the polyfill to this performance analysis.
 87 | 					</p>
 88 | 				</div>
 89 | 				<div id = "testContent">
 90 | 					<div class = "hero">
 91 | 						<h1>IndexedDB</h1>
 92 | 						<h3>Performance Test Scenarios</h3>
 93 | 					</div>
 94 | 				</div>
 95 | 				<script type = "text/html">
 96 | 					<h3>
 97 | 					<div class = "controls pull-right">
 98 | 						<a class = "abortTests btn btn-large btn-danger  pull-right hide" data-name ="<%=name%>">Abort Tests</a>
 99 | 						<a class = "runTests   btn btn-large btn-primary pull-right" data-name ="<%=name%>">Run Tests</a>
100 | 					</div>
101 | 						<%= name %></h3>
102 | 					<p>
103 | 						<%= desc %></p>
104 | 					<div class="accordion" id="accordion2">
105 | 						<div class="accordion-group">
106 | 							<div class="accordion-heading">
107 | 								<h4>
108 | 									<a class="accordion-toggle " data-toggle="collapse" href="#preTest"> <i class = "icon-cog"></i>   Pre Test
109 | 									</a>
110 | 								</h4>
111 | 							</div>
112 | 							<div id="preTest" class="accordion-body collapse">
113 | 								<div class="accordion-inner">
114 | 									<ul class="nav nav-tabs" id="preTestTabs">
115 | 									  <li class="active"><a href = "#onStartCode" data-toggle="tab">onStart</a></li>
116 | 									  <li><a href = "#onSetupCode" data-toggle="tab" >Setup</a></li>
117 | 									  <li><a href = "#onTeardownCode" data-toggle="tab">Teardown</a></li>
118 | 									</ul>
119 | 									<div class="tab-content">
120 | 										<div class="tab-pane active" id="onStartCode">
121 | 											<pre><%= onStart %></pre>
122 | 										</div>
123 | 										<div class="tab-pane" id="onSetupCode">
124 | 											<pre><%= setup %></pre>
125 | 										</div>
126 | 										<div class="tab-pane" id="onTeardownCode">
127 | 											<pre><%= teardown %></pre>
128 | 										</div>
129 | 									</div>
130 | 								</div>
131 | 							</div>
132 | 						</div>
133 | 						<div class="accordion-group">
134 | 						<div class="accordion-heading">
135 | 							<h4 class = "img-rounded">
136 | 								<a class="accordion-toggle" data-toggle="collapse" href="#testCases">
137 | 									<i class = "icon-th"></i>  Test Cases
138 | 								</a>
139 | 							</h4>
140 | 						</div>
141 | 						<div id="testCases" class="accordion-body collapse in">
142 | 							<div class="accordion-inner">
143 | 								<ul class="nav nav-tabs" id="preTestTabs">
144 | 									<% var count = 0%>
145 | 									<% _.each(tests, function(obj, key){ %>
146 | 										<li class = "<%= count === 0? 'active' : 'no'%>">
147 | 											<a data-toggle="tab" href = "#testcase<%= count%>">
148 | 												<span class = "badge rank hide" data-name="<%= key%>"></span>
149 | 												<%= key %></a>
150 | 										</li>
151 | 										<% count++ %>
152 | 
153 | 									<%})%></ul>
154 | 								<div class="tab-content">
155 | 									<% var count = 0 %>
156 | 									<% _.each(tests, function(obj, key, i){ %>
157 | 										<div class="tab-pane <%= count === 0? 'active' : 'no'%>" id="testcase<%= count %>">
158 | 											<pre><%= obj %></pre>
159 | 											<% count++ %></div>
160 | 									<%})%></div>
161 | 							</div>
162 | 						</div>
163 | 					</div>
164 | 					<div class="progress hide">
165 | 					  <div class=" bar bar-info start" style="width: 0%;"></div>
166 | 					  <div class=" bar bar-info pretest" style="width: 0%;"></div>
167 | 					  <% _.each(tests, function(obj, name){ %>
168 | 					  	<div class=" bar bar-danger tests" style="" data-name="<%= name %>"></div>
169 | 					  <%});%> 
170 | 					  <div class=" bar bar-warning done" style="width: 0%;"></div>
171 | 					</div>
172 | 					<div class = "controls clearfix">
173 | 						<a class = "abortTests btn btn-danger  pull-right hide" data-name ="<%=name%>">Abort Tests</a>
174 | 						<a class = "runTests   btn btn-primary pull-right" data-name ="<%=name%>">Run Tests</a>
175 | 					</div>
176 | 				</script>
177 | 				<div class = "accordion clearfix">
178 | 					<div class = "accordion-group">
179 | 						<div class = "accordion-heading">
180 | 							<a target = '_blank' class = 'browserscopeLink btn btn-mini pull-right'>
181 | 								View in Browserscope
182 | 							</a>
183 | 							<h4>
184 | 								<a class="accordion-toggle " data-toggle="collapse" href="#results">
185 | 									<i class = "icon-cog"></i>
186 | 									Results 
187 | 								</a>
188 | 							</h4>
189 | 						</div>
190 | 						<div class = "accordion-body" id = "results">
191 | 							<div class = "accordion-inner">
192 | 								<div class = "resultsContent clearfix">
193 | 									<script type = "text/html">
194 | 										<table class = "table table-hover table-bordered">
195 | 											<tr class = "info">
196 | 												<th>#</th>
197 | 												<th>Name</th>
198 | 												<th>Rank</th>
199 | 												<th>Score</th>
200 | 												<th>Slow by</th>
201 | 												<th>Relative Margin of Error</th>
202 | 											</tr>
203 | 											<% _.each(bm, function(t, i){ %>
204 | 												<tr>
205 | 													<td><%= i + 1 %></td>
206 | 													<td><%= t.name %></td>
207 | 													<td class = "center-align"><span class = "rank badge" data-name = "<%=t.name %>"></span></td>
208 | 													<td class = "right-align"><%= t.hz.toFixed(2)%></td>
209 | 													<td class = "right-align"><span class = "percentSlow" data-name = "<%=t.name %>"></span> %</td>
210 | 													<td class = "right-align"><%= t.stats.rme.toFixed(2) %>%</td>
211 | 												</tr>
212 | 											<%}); %></table>
213 | 									</script>
214 | 								</div>
215 | 								<div class = "browserScope clearfix">
216 | 									<div class="alert alert-error saveError hide">
217 | 										<button type="button" class="close" data-dismiss="alert">&times;</button> <strong>Error!</strong>
218 | 										Could not save results to Browserscope. This could be due to a missing _bTestKey in the test.
219 | 									</div>
220 | 									<div class="alert alert-success saveDone hide">
221 | 										<button type="button" class="close" data-dismiss="alert">&times;</button> <strong>Success !</strong>
222 | 										Results saved to Browserscope
223 | 									</div>
224 | 									<div class="alert alert-error loadError hide">
225 | 										<button type="button" class="close" data-dismiss="alert">&times;</button>
226 | 										<strong>Error!</strong>
227 | 										Could not load results from Browserscope. This could be due to a missing _bTestKey in the test.
228 | 									</div>
229 | 									<div id = "viz"></div>
230 | 									<p style = "text-align:center">
231 | 										Longer graphs imply faster operations. X axis is operations per second. Uses <a target = "_blank" href = 'http://benchmarkjs.com/'>BenchmarkJs</a>.
232 | 									</p>
233 | 								</div>
234 | 							</div>
235 | 						</div>
236 | 					</div>
237 | 				</div>
238 | 				<div class = "accordian clearfix">
239 | 					<div class = "accordian-group">
240 | 						<div class = "accordion-heading">
241 | 							<h4>
242 | 								<a class="accordion-toggle " data-toggle="collapse" href="#comments">
243 | 									<i class = "icon-cog"></i>
244 | 									Discussion
245 | 								</a>
246 | 							</h4>
247 | 						</div>
248 | 						<div class = "accordion-body" id = "comments">
249 | 							<div class = "accordion-inner">
250 | 								<div id="disqus_thread"></div>
251 | 							</div>
252 | 						</div>
253 | 					</div>
254 | 				</div>
255 | 			</div>
256 | 		</div>
257 | 
258 | 		<hr>
259 | 
260 | 		<footer>
261 | 			<p></p>
262 | 		</footer>
263 | 
264 | 	</div>
265 | 	<!--/.fluid-container-->
266 | 
267 | 	<script src="../demoer/jquery.min.js"></script>
268 | 	<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
269 | 	<script src="../demoer/beautify.js"></script>
270 | 	<script src="//www.google.com/jsapi"></script>
271 | 	<script src="//nparashuram.com/jquery-indexeddb/dist/jquery.indexeddb.js" ></script>
272 | 
273 | 	<script type="text/javascript" src = "lib/underscore.min.js"></script>
274 | 	<script type="text/javascript" src = "lib/Faker.js"></script>
275 | 	<script type="text/javascript" src = "lib/Benchmark.js"></script>
276 | 
277 | 	<script type="text/javascript" src = "main.js"></script>
278 | 
279 | 	<script type="text/javascript" src = "tests/1_KeyCompare.js"></script>
280 | 	<script type="text/javascript" src = "tests/2_TableSchema_Write.js"></script>
281 | 	<script type="text/javascript" src = "tests/3_TransactionRead.js"></script>
282 | 	<script type="text/javascript" src = "tests/4_TransactionWrite.js"></script>
283 | 	<script type="text/javascript" src = "tests/5_Cursor_ParallelWrite.js"></script>
284 | 	<script type="text/javascript" src = "tests/6_Cursor_ParallelRead.js"></script>
285 | 	<script type="text/javascript" src = "tests/8_IndexUnused.js"></script>
286 | 	<script type="text/javascript" src = "tests/9_CursorIndexCursor.js"></script>
287 | 	<script type="text/javascript" src = "tests/10_TransactionReadWriteIsolation.js"></script>
288 | 	<script type="text/javascript" src = "tests/11_IndexKeyObjectCursor.js"></script>
289 | 	<script type="text/javascript" src = "tests/12_CursorContinueAdvance.js"></script>
290 | 	<script type="text/javascript" src = "tests/13_OpenDBVersions.js"></script>
291 | 	<script type="text/javascript" src = "tests/14_TransactionObjectStore.js"></script>
292 | 	<script type="text/javascript" src = "tests/15_TransactionRead.js"></script>
293 | 	<script type="text/javascript" src = "tests/16_TransactionWrite.js"></script>
294 | 	<script type="text/javascript" src = "tests/17_AddUpdate.js"></script>
295 | </body>
296 | </html>


--------------------------------------------------------------------------------
/perf/lib/underscore.min.js:
--------------------------------------------------------------------------------
1 | (function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.prototype,i=Function.prototype,a=e.push,o=e.slice,c=e.concat,l=u.toString,f=u.hasOwnProperty,s=e.forEach,p=e.map,h=e.reduce,v=e.reduceRight,d=e.filter,g=e.every,m=e.some,y=e.indexOf,b=e.lastIndexOf,x=Array.isArray,_=Object.keys,j=i.bind,w=function(n){return n instanceof w?n:this instanceof w?(this._wrapped=n,void 0):new w(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=w),exports._=w):n._=w,w.VERSION="1.4.4";var A=w.each=w.forEach=function(n,t,e){if(null!=n)if(s&&n.forEach===s)n.forEach(t,e);else if(n.length===+n.length){for(var u=0,i=n.length;i>u;u++)if(t.call(e,n[u],u,n)===r)return}else for(var a in n)if(w.has(n,a)&&t.call(e,n[a],a,n)===r)return};w.map=w.collect=function(n,t,r){var e=[];return null==n?e:p&&n.map===p?n.map(t,r):(A(n,function(n,u,i){e[e.length]=t.call(r,n,u,i)}),e)};var O="Reduce of empty array with no initial value";w.reduce=w.foldl=w.inject=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),h&&n.reduce===h)return e&&(t=w.bind(t,e)),u?n.reduce(t,r):n.reduce(t);if(A(n,function(n,i,a){u?r=t.call(e,r,n,i,a):(r=n,u=!0)}),!u)throw new TypeError(O);return r},w.reduceRight=w.foldr=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),v&&n.reduceRight===v)return e&&(t=w.bind(t,e)),u?n.reduceRight(t,r):n.reduceRight(t);var i=n.length;if(i!==+i){var a=w.keys(n);i=a.length}if(A(n,function(o,c,l){c=a?a[--i]:--i,u?r=t.call(e,r,n[c],c,l):(r=n[c],u=!0)}),!u)throw new TypeError(O);return r},w.find=w.detect=function(n,t,r){var e;return E(n,function(n,u,i){return t.call(r,n,u,i)?(e=n,!0):void 0}),e},w.filter=w.select=function(n,t,r){var e=[];return null==n?e:d&&n.filter===d?n.filter(t,r):(A(n,function(n,u,i){t.call(r,n,u,i)&&(e[e.length]=n)}),e)},w.reject=function(n,t,r){return w.filter(n,function(n,e,u){return!t.call(r,n,e,u)},r)},w.every=w.all=function(n,t,e){t||(t=w.identity);var u=!0;return null==n?u:g&&n.every===g?n.every(t,e):(A(n,function(n,i,a){return(u=u&&t.call(e,n,i,a))?void 0:r}),!!u)};var E=w.some=w.any=function(n,t,e){t||(t=w.identity);var u=!1;return null==n?u:m&&n.some===m?n.some(t,e):(A(n,function(n,i,a){return u||(u=t.call(e,n,i,a))?r:void 0}),!!u)};w.contains=w.include=function(n,t){return null==n?!1:y&&n.indexOf===y?n.indexOf(t)!=-1:E(n,function(n){return n===t})},w.invoke=function(n,t){var r=o.call(arguments,2),e=w.isFunction(t);return w.map(n,function(n){return(e?t:n[t]).apply(n,r)})},w.pluck=function(n,t){return w.map(n,function(n){return n[t]})},w.where=function(n,t,r){return w.isEmpty(t)?r?null:[]:w[r?"find":"filter"](n,function(n){for(var r in t)if(t[r]!==n[r])return!1;return!0})},w.findWhere=function(n,t){return w.where(n,t,!0)},w.max=function(n,t,r){if(!t&&w.isArray(n)&&n[0]===+n[0]&&65535>n.length)return Math.max.apply(Math,n);if(!t&&w.isEmpty(n))return-1/0;var e={computed:-1/0,value:-1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a>=e.computed&&(e={value:n,computed:a})}),e.value},w.min=function(n,t,r){if(!t&&w.isArray(n)&&n[0]===+n[0]&&65535>n.length)return Math.min.apply(Math,n);if(!t&&w.isEmpty(n))return 1/0;var e={computed:1/0,value:1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;e.computed>a&&(e={value:n,computed:a})}),e.value},w.shuffle=function(n){var t,r=0,e=[];return A(n,function(n){t=w.random(r++),e[r-1]=e[t],e[t]=n}),e};var k=function(n){return w.isFunction(n)?n:function(t){return t[n]}};w.sortBy=function(n,t,r){var e=k(t);return w.pluck(w.map(n,function(n,t,u){return{value:n,index:t,criteria:e.call(r,n,t,u)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index<t.index?-1:1}),"value")};var F=function(n,t,r,e){var u={},i=k(t||w.identity);return A(n,function(t,a){var o=i.call(r,t,a,n);e(u,o,t)}),u};w.groupBy=function(n,t,r){return F(n,t,r,function(n,t,r){(w.has(n,t)?n[t]:n[t]=[]).push(r)})},w.countBy=function(n,t,r){return F(n,t,r,function(n,t){w.has(n,t)||(n[t]=0),n[t]++})},w.sortedIndex=function(n,t,r,e){r=null==r?w.identity:k(r);for(var u=r.call(e,t),i=0,a=n.length;a>i;){var o=i+a>>>1;u>r.call(e,n[o])?i=o+1:a=o}return i},w.toArray=function(n){return n?w.isArray(n)?o.call(n):n.length===+n.length?w.map(n,w.identity):w.values(n):[]},w.size=function(n){return null==n?0:n.length===+n.length?n.length:w.keys(n).length},w.first=w.head=w.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:o.call(n,0,t)},w.initial=function(n,t,r){return o.call(n,0,n.length-(null==t||r?1:t))},w.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:o.call(n,Math.max(n.length-t,0))},w.rest=w.tail=w.drop=function(n,t,r){return o.call(n,null==t||r?1:t)},w.compact=function(n){return w.filter(n,w.identity)};var R=function(n,t,r){return A(n,function(n){w.isArray(n)?t?a.apply(r,n):R(n,t,r):r.push(n)}),r};w.flatten=function(n,t){return R(n,t,[])},w.without=function(n){return w.difference(n,o.call(arguments,1))},w.uniq=w.unique=function(n,t,r,e){w.isFunction(t)&&(e=r,r=t,t=!1);var u=r?w.map(n,r,e):n,i=[],a=[];return A(u,function(r,e){(t?e&&a[a.length-1]===r:w.contains(a,r))||(a.push(r),i.push(n[e]))}),i},w.union=function(){return w.uniq(c.apply(e,arguments))},w.intersection=function(n){var t=o.call(arguments,1);return w.filter(w.uniq(n),function(n){return w.every(t,function(t){return w.indexOf(t,n)>=0})})},w.difference=function(n){var t=c.apply(e,o.call(arguments,1));return w.filter(n,function(n){return!w.contains(t,n)})},w.zip=function(){for(var n=o.call(arguments),t=w.max(w.pluck(n,"length")),r=Array(t),e=0;t>e;e++)r[e]=w.pluck(n,""+e);return r},w.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},w.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=w.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}if(y&&n.indexOf===y)return n.indexOf(t,r);for(;u>e;e++)if(n[e]===t)return e;return-1},w.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=null!=r;if(b&&n.lastIndexOf===b)return e?n.lastIndexOf(t,r):n.lastIndexOf(t);for(var u=e?r:n.length;u--;)if(n[u]===t)return u;return-1},w.range=function(n,t,r){1>=arguments.length&&(t=n||0,n=0),r=arguments[2]||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=0,i=Array(e);e>u;)i[u++]=n,n+=r;return i},w.bind=function(n,t){if(n.bind===j&&j)return j.apply(n,o.call(arguments,1));var r=o.call(arguments,2);return function(){return n.apply(t,r.concat(o.call(arguments)))}},w.partial=function(n){var t=o.call(arguments,1);return function(){return n.apply(this,t.concat(o.call(arguments)))}},w.bindAll=function(n){var t=o.call(arguments,1);return 0===t.length&&(t=w.functions(n)),A(t,function(t){n[t]=w.bind(n[t],n)}),n},w.memoize=function(n,t){var r={};return t||(t=w.identity),function(){var e=t.apply(this,arguments);return w.has(r,e)?r[e]:r[e]=n.apply(this,arguments)}},w.delay=function(n,t){var r=o.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},w.defer=function(n){return w.delay.apply(w,[n,1].concat(o.call(arguments,1)))},w.throttle=function(n,t){var r,e,u,i,a=0,o=function(){a=new Date,u=null,i=n.apply(r,e)};return function(){var c=new Date,l=t-(c-a);return r=this,e=arguments,0>=l?(clearTimeout(u),u=null,a=c,i=n.apply(r,e)):u||(u=setTimeout(o,l)),i}},w.debounce=function(n,t,r){var e,u;return function(){var i=this,a=arguments,o=function(){e=null,r||(u=n.apply(i,a))},c=r&&!e;return clearTimeout(e),e=setTimeout(o,t),c&&(u=n.apply(i,a)),u}},w.once=function(n){var t,r=!1;return function(){return r?t:(r=!0,t=n.apply(this,arguments),n=null,t)}},w.wrap=function(n,t){return function(){var r=[n];return a.apply(r,arguments),t.apply(this,r)}},w.compose=function(){var n=arguments;return function(){for(var t=arguments,r=n.length-1;r>=0;r--)t=[n[r].apply(this,t)];return t[0]}},w.after=function(n,t){return 0>=n?t():function(){return 1>--n?t.apply(this,arguments):void 0}},w.keys=_||function(n){if(n!==Object(n))throw new TypeError("Invalid object");var t=[];for(var r in n)w.has(n,r)&&(t[t.length]=r);return t},w.values=function(n){var t=[];for(var r in n)w.has(n,r)&&t.push(n[r]);return t},w.pairs=function(n){var t=[];for(var r in n)w.has(n,r)&&t.push([r,n[r]]);return t},w.invert=function(n){var t={};for(var r in n)w.has(n,r)&&(t[n[r]]=r);return t},w.functions=w.methods=function(n){var t=[];for(var r in n)w.isFunction(n[r])&&t.push(r);return t.sort()},w.extend=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]=t[r]}),n},w.pick=function(n){var t={},r=c.apply(e,o.call(arguments,1));return A(r,function(r){r in n&&(t[r]=n[r])}),t},w.omit=function(n){var t={},r=c.apply(e,o.call(arguments,1));for(var u in n)w.contains(r,u)||(t[u]=n[u]);return t},w.defaults=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)null==n[r]&&(n[r]=t[r])}),n},w.clone=function(n){return w.isObject(n)?w.isArray(n)?n.slice():w.extend({},n):n},w.tap=function(n,t){return t(n),n};var I=function(n,t,r,e){if(n===t)return 0!==n||1/n==1/t;if(null==n||null==t)return n===t;n instanceof w&&(n=n._wrapped),t instanceof w&&(t=t._wrapped);var u=l.call(n);if(u!=l.call(t))return!1;switch(u){case"[object String]":return n==t+"";case"[object Number]":return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case"[object Date]":case"[object Boolean]":return+n==+t;case"[object RegExp]":return n.source==t.source&&n.global==t.global&&n.multiline==t.multiline&&n.ignoreCase==t.ignoreCase}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]==n)return e[i]==t;r.push(n),e.push(t);var a=0,o=!0;if("[object Array]"==u){if(a=n.length,o=a==t.length)for(;a--&&(o=I(n[a],t[a],r,e)););}else{var c=n.constructor,f=t.constructor;if(c!==f&&!(w.isFunction(c)&&c instanceof c&&w.isFunction(f)&&f instanceof f))return!1;for(var s in n)if(w.has(n,s)&&(a++,!(o=w.has(t,s)&&I(n[s],t[s],r,e))))break;if(o){for(s in t)if(w.has(t,s)&&!a--)break;o=!a}}return r.pop(),e.pop(),o};w.isEqual=function(n,t){return I(n,t,[],[])},w.isEmpty=function(n){if(null==n)return!0;if(w.isArray(n)||w.isString(n))return 0===n.length;for(var t in n)if(w.has(n,t))return!1;return!0},w.isElement=function(n){return!(!n||1!==n.nodeType)},w.isArray=x||function(n){return"[object Array]"==l.call(n)},w.isObject=function(n){return n===Object(n)},A(["Arguments","Function","String","Number","Date","RegExp"],function(n){w["is"+n]=function(t){return l.call(t)=="[object "+n+"]"}}),w.isArguments(arguments)||(w.isArguments=function(n){return!(!n||!w.has(n,"callee"))}),"function"!=typeof/./&&(w.isFunction=function(n){return"function"==typeof n}),w.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},w.isNaN=function(n){return w.isNumber(n)&&n!=+n},w.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"==l.call(n)},w.isNull=function(n){return null===n},w.isUndefined=function(n){return n===void 0},w.has=function(n,t){return f.call(n,t)},w.noConflict=function(){return n._=t,this},w.identity=function(n){return n},w.times=function(n,t,r){for(var e=Array(n),u=0;n>u;u++)e[u]=t.call(r,u);return e},w.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))};var M={escape:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;"}};M.unescape=w.invert(M.escape);var S={escape:RegExp("["+w.keys(M.escape).join("")+"]","g"),unescape:RegExp("("+w.keys(M.unescape).join("|")+")","g")};w.each(["escape","unescape"],function(n){w[n]=function(t){return null==t?"":(""+t).replace(S[n],function(t){return M[n][t]})}}),w.result=function(n,t){if(null==n)return null;var r=n[t];return w.isFunction(r)?r.call(n):r},w.mixin=function(n){A(w.functions(n),function(t){var r=w[t]=n[t];w.prototype[t]=function(){var n=[this._wrapped];return a.apply(n,arguments),D.call(this,r.apply(w,n))}})};var N=0;w.uniqueId=function(n){var t=++N+"";return n?n+t:t},w.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var T=/(.)^/,q={"'":"'","\\":"\\","\r":"r","\n":"n","	":"t","\u2028":"u2028","\u2029":"u2029"},B=/\\|'|\r|\n|\t|\u2028|\u2029/g;w.template=function(n,t,r){var e;r=w.defaults({},r,w.templateSettings);var u=RegExp([(r.escape||T).source,(r.interpolate||T).source,(r.evaluate||T).source].join("|")+"|$","g"),i=0,a="__p+='";n.replace(u,function(t,r,e,u,o){return a+=n.slice(i,o).replace(B,function(n){return"\\"+q[n]}),r&&(a+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'"),e&&(a+="'+\n((__t=("+e+"))==null?'':__t)+\n'"),u&&(a+="';\n"+u+"\n__p+='"),i=o+t.length,t}),a+="';\n",r.variable||(a="with(obj||{}){\n"+a+"}\n"),a="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+a+"return __p;\n";try{e=Function(r.variable||"obj","_",a)}catch(o){throw o.source=a,o}if(t)return e(t,w);var c=function(n){return e.call(this,n,w)};return c.source="function("+(r.variable||"obj")+"){\n"+a+"}",c},w.chain=function(n){return w(n).chain()};var D=function(n){return this._chain?w(n).chain():n};w.mixin(w),A(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=e[n];w.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!=n&&"splice"!=n||0!==r.length||delete r[0],D.call(this,r)}}),A(["concat","join","slice"],function(n){var t=e[n];w.prototype[n]=function(){return D.call(this,t.apply(this._wrapped,arguments))}}),w.extend(w.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this);


--------------------------------------------------------------------------------
/perf/main.css:
--------------------------------------------------------------------------------
 1 | @media (min-width: 979px){
 2 | 	.container-fluid { 
 3 | 		margin-top: 60px;
 4 | 	}
 5 | }
 6 | 
 7 | .progress-active{
 8 | 	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)) !important;
 9 | 	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
10 | 	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
11 | 	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
12 | 	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
13 | 	-webkit-background-size: 40px 40px;
14 | 	-moz-background-size: 40px 40px;
15 | 	-o-background-size: 40px 40px;
16 | 	background-size: 40px 40px;
17 | 	-webkit-animation: progress-bar-stripes 2s linear infinite;
18 | 	-moz-animation: progress-bar-stripes 2s linear infinite;
19 | 	-ms-animation: progress-bar-stripes 2s linear infinite;
20 | 	-o-animation: progress-bar-stripes 2s linear infinite;
21 | 	animation: progress-bar-stripes 2s linear infinite;
22 | }
23 | 
24 | .accordion-group{
25 | 	margin-bottom : 20px;
26 | }
27 | 
28 | .accordion-heading h4{
29 | 	background-color: #f5f5f5;
30 | 	margin-top: 0px;
31 | 	margin-bottom: 0px;
32 | }
33 | 
34 | .accordion-heading a:hover{
35 | 	text-decoration: none;
36 | }
37 | 
38 | .accordion-toggle i{
39 | 	margin-top: 4px;
40 | }
41 | 
42 | .accordion-inner h5 a.btn{
43 | 	margin-left: 10px;
44 | }
45 | 
46 | .controls a{
47 | 	margin-right: 10px;
48 | }
49 | 
50 | .rank{
51 | 	margin-right: 10px;
52 | }
53 | 
54 | .right-align {
55 | 	text-align: right !important;
56 | }
57 | 
58 | .center-align{
59 | 	text-align: center !important;
60 | }
61 | 
62 | .sidebar-nav{
63 | 	padding: 9px 0;
64 | }
65 | 
66 | #idbUnsupported{
67 | 	text-align: center;
68 | }
69 | 
70 | #disqusComments{
71 | 	border: none;
72 | 	width: 100%;
73 | }
74 | 
75 | .browserscopeLink{
76 | 	margin: 7px;
77 | }


--------------------------------------------------------------------------------
/perf/main.js:
--------------------------------------------------------------------------------
  1 | window.IndexedDBPerf = {
  2 | 	suites: {},
  3 | 	results: {
  4 | 		running: false
  5 | 	},
  6 | 	googleLoaded: false
  7 | };
  8 | 
  9 | try {
 10 | 	google.load('visualization', '1.0', {
 11 | 		'packages': ['corechart']
 12 | 	});
 13 | 	google.setOnLoadCallback(function() {
 14 | 		window.IndexedDBPerf.googleLoaded = true;
 15 | 		browserScope.loadResults();
 16 | 	});
 17 | } catch (e) {
 18 | 
 19 | }
 20 | 
 21 | var disqus_shortname = 'indexeddbperformance',
 22 | 	disqus_identifier, disqus_title, disqus_url;
 23 | var disqus = (function() {
 24 | 	return {
 25 | 		loadComments: function(currentPageId) {
 26 | 			// http://docs.disqus.com/help/2/
 27 | 			window.disqus_shortname = 'indexeddbperformance';
 28 | 			window.disqus_identifier = currentPageId;
 29 | 			window.disqus_url = 'http://nparashuram.com/IndexedDB/perf/' + currentPageId;
 30 | 
 31 | 			// http://docs.disqus.com/developers/universal/
 32 | 			(function() {
 33 | 				var dsq = document.createElement('script');
 34 | 				dsq.type = 'text/javascript';
 35 | 				dsq.async = true;
 36 | 				dsq.src = 'http://indexeddbperformance.disqus.com/embed.js';
 37 | 				(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 38 | 				dsq.onload = function() {
 39 | 					dsq.parentNode.removeChild(dsq)
 40 | 				}
 41 | 			})();
 42 | 		}
 43 | 	}
 44 | }());
 45 | 
 46 | var browserScope = (function() {
 47 | 	var currentTest = null;
 48 | 	return {
 49 | 		saveResults: function() {
 50 | 			$('.browserScope .alert').hide();
 51 | 			if (typeof currentTest === 'undefined' || typeof window.IndexedDBPerf.suites[currentTest] === 'undefined' || window.IndexedDBPerf.suites[currentTest]._bTestKey === 'undefined') {
 52 | 				$('.browserScope .saveError').fadeIn();
 53 | 			}
 54 | 			window._bTestResults = {};
 55 | 			_.each(window.IndexedDBPerf.results, function(o) {
 56 | 				// Hate losing the prescision here
 57 | 				window._bTestResults[o.name.replace(/[,]/g, " ")] = (o.hz * 1000).toFixed(0);
 58 | 			});
 59 | 			var url = ['http://www.browserscope.org/user/beacon/', window.IndexedDBPerf.suites[currentTest]._bTestKey];
 60 | 			$.getScript(url.join(''), function() {
 61 | 				$('.browserScope .saveDone').fadeIn();
 62 | 			});
 63 | 		},
 64 | 		loadResults: function(testName) {
 65 | 			$('.browserScope .alert').hide();
 66 | 			$('#viz').html('Loading');
 67 | 			testName && (currentTest = testName);
 68 | 			if (window.IndexedDBPerf.googleLoaded === false) return;
 69 | 			if (typeof window.IndexedDBPerf.suites[currentTest] === 'undefined' || typeof window.IndexedDBPerf.suites[currentTest]._bTestKey === 'undefined') {
 70 | 				$('#viz').empty();
 71 | 				$('.browserScope .loadError').fadeIn();
 72 | 				return;
 73 | 			}
 74 | 			$('.browserscopeLink').attr('href', 'http://www.browserscope.org/user/tests/table/' + window.IndexedDBPerf.suites[currentTest]._bTestKey);
 75 | 			$.getJSON('http://www.browserscope.org/user/tests/table/' + window.IndexedDBPerf.suites[currentTest]._bTestKey + '?v=0&o=json&callback=?', function(res, status) {
 76 | 				if (status !== 'success') {
 77 | 					$('.browserScope .loadError').fadeIn();
 78 | 					return;
 79 | 				}
 80 | 				var data = new google.visualization.DataTable();
 81 | 				data.addColumn('string', 'Browser');
 82 | 				var headerAdded = false;
 83 | 				_.each(res.results, function(o, key) {
 84 | 					if (!headerAdded) {
 85 | 						_.each(o.results, function(v, k) {
 86 | 							data.addColumn('number', k);
 87 | 						});
 88 | 						headerAdded = true;
 89 | 					}
 90 | 					if (o.count > 0) {
 91 | 						data.addRow([key].concat(_.map(o.results, function(x) {
 92 | 							return parseFloat(x.result/1000);
 93 | 						})));
 94 | 					}
 95 | 				});
 96 | 
 97 | 				var chart = new google.visualization.BarChart(document.getElementById('viz'));
 98 | 				chart.draw(data, {
 99 | 					height: 500,
100 | 					animation: {
101 | 						duration: 500,
102 | 						easing: 'inAndOut'
103 | 					},
104 | 					legend: {
105 | 						position: 'top'
106 | 					}
107 | 				});
108 | 			});
109 | 		}
110 | 	}
111 | }());
112 | 
113 | $(document).ready(function() {
114 | 	if (typeof window.indexedDB === 'undefined') {
115 | 		$('#idbUnsupported').show();
116 | 	}
117 | 
118 | 	var el = $("#perfTestLinks");
119 | 	var content = $("#testContent");
120 | 	var contentTemplate = _.template(content.next("script[type='text/html']").text());
121 | 	var resultsTemplate = _.template($('.resultsContent').children('script[type="text/html"]').text());
122 | 
123 | 	el.html(_.template(el.text())({
124 | 		perf: window.IndexedDBPerf.suites
125 | 	}))
126 | 
127 | 	el.on("click", "li>a", function() {
128 | 		el.children("li").removeClass("active");
129 | 		var $this = $(this);
130 | 		$this.parent().addClass("active");
131 | 		content.html(contentTemplate($.extend({
132 | 			"name": $this.data("name"),
133 | 			"desc": "",
134 | 			"onStart": "",
135 | 			"setup": "",
136 | 			"tearDown": "",
137 | 			tests: []
138 | 		}, window.IndexedDBPerf.suites[$this.data("name")])));
139 | 		content.find('pre').each(function() {
140 | 			var $this = $(this);
141 | 			$this.html(js_beautify($this.html()));
142 | 		});
143 | 
144 | 		$('.resultsContent').hide();
145 | 		browserScope.loadResults($this.data('name'));
146 | 		disqus.loadComments($this.data('name'));
147 | 	});
148 | 
149 | 	$(document).on('click', '.runTestCase', function() {
150 | 		var $this = $(this);
151 | 		window.IndexedDBPerf.suites[$this.data('suite')].tests[$this.data('name')]({
152 | 			resolve: function() {
153 | 				alert("Ran " + $this.data('suite') + ":" + $this.data("name"));
154 | 			}
155 | 		})
156 | 	});
157 | 
158 | 	$(document).on('click', '.runPreTest', function() {
159 | 		var $this = $(this);
160 | 		window.IndexedDBPerf.suites[$this.data('suite')][$this.data('name')]($.noop, $.noop);
161 | 	});
162 | 
163 | 	$(document).on('click', '.abortTests', function() {
164 | 		if (window.IndexedDBPerf.results.running) {
165 | 			return;
166 | 		}
167 | 		if (confirm("Are you sure you want to abort the tests ? ")) {
168 | 			window.IndexedDBPerf.results.abort();
169 | 			$('.runTests').show();
170 | 			$('.abortTests').hide();
171 | 		}
172 | 	});
173 | 
174 | 	$(document).on('click', '.runTests', function() {
175 | 		if (window.IndexedDBPerf.results.running) {
176 | 			return;
177 | 		}
178 | 
179 | 		$('.runTests').hide();
180 | 		$('.abortTests').show();
181 | 
182 | 		var progress = $(".progress").show();
183 | 		progress.children().width(0).empty();
184 | 		progress.children('.start').width('3%');
185 | 		progress.children('.tests');
186 | 		bar = progress.children('.pretest').width('7%').addClass('progress-active');
187 | 		var cycle = 0,
188 | 			suite = window.IndexedDBPerf.suites[$(this).data("name")],
189 | 			testWidth = (80 / _.size(suite.tests)) + "%";
190 | 		suite.onStart(function() {
191 | 			var bm = new Benchmark.Suite;
192 | 			window.IndexedDBPerf.results = bm;
193 | 			for (var test in suite.tests) {
194 | 				bm.add({
195 | 					name: test,
196 | 					fn: suite.tests[test],
197 | 					setup: suite.setup,
198 | 					teardown: suite.teardown,
199 | 					onStart: function() {
200 | 						bar = progress.children(".tests[data-name='" + this.name + "']").width(testWidth).addClass('progress-active bar-success');
201 | 						cycle = 0;
202 | 					},
203 | 					onComplete: function() {
204 | 						bar.removeClass('progress-active');
205 | 					},
206 | 					onCycle: function() {
207 | 						bar.html('<small>' + cycle+++'</small>');
208 | 					},
209 | 					defer: typeof suite.defer === 'undefined' ? true : suite.defer
210 | 				});
211 | 			}
212 | 			bm.on('complete', function() {
213 | 				progress.children('.done').width('10%');
214 | 				$('.runTests').show();
215 | 				$('.abortTests').hide();
216 | 				$('.resultsContent').hide();
217 | 				$(".resultsContent").html(resultsTemplate({
218 | 					bm: this
219 | 				})).show();
220 | 				$('.rank').removeClass('badge-important badge-warning badge-success');
221 | 				_.each(_.sortBy(this, 'hz'), function(c, i, array) {
222 | 					var best = array[array.length - 1].hz;
223 | 					$(".percentSlow[data-name='" + c.name + "']").html(((best - c.hz) / best * 100).toFixed(2));
224 | 					$(".rank[data-name='" + c.name + "']").html(array.length - i).show().addClass(function() {
225 | 						switch (i) {
226 | 							case 0:
227 | 								return 'badge-important';
228 | 							case array.length - 1:
229 | 								return 'badge-success';
230 | 							default:
231 | 								return 'badge-warning';
232 | 						}
233 | 					}).attr("title", c.hz);
234 | 				});
235 | 				browserScope.saveResults();
236 | 			});
237 | 
238 | 			bm.on('abort', function() {
239 | 				progress.children(".tests").width(testWidth);
240 | 			});
241 | 
242 | 			bm.run({
243 | 				'async': true
244 | 			});
245 | 			progress.children('.pretest').removeClass('progress-active')
246 | 		}, function(num) {
247 | 			bar.html('<small>' + cycle+++'</small>');
248 | 		});
249 | 	});
250 | 
251 | 	var hash = unescape(document.location.hash.substring(1));
252 | 	el.children(hash ? "li[data-name='" + hash + "']" : "li:not('.nav-header'):first").children("a").click();
253 | });


--------------------------------------------------------------------------------
/perf/test.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | 	<link rel="stylesheet" type="text/css" href="http://code.jquery.com/qunit/qunit-1.11.0.css"/>
 4 | 	<style>
 5 | 		iframe {
 6 | 			float: right;
 7 | 			width: 50%;
 8 | 			border: 0; 
 9 | 			padding: 0;
10 | 			margin: 0
11 | 		}
12 | 
13 | 		#qunit{
14 | 			float: left;
15 | 			width: 50%;
16 | 			height: 100%;
17 | 		}
18 | 	</style>
19 | </head>
20 | <body>
21 | 	<div id="qunit"></div>
22 | 	<div id="qunit-fixture"></div>
23 | 	<iframe src = "index.html"></iframe>
24 | 
25 | 	<script src = "http://code.jquery.com/qunit/qunit-1.11.0.js"></script>
26 | 	<script type="text/javascript" src = "lib/underscore.min.js"></script>
27 | 
28 | 	<script type = "text/javascript">
29 | 		var frame = window.frames[0],
30 | 			i = 0;
31 | 		frame.onload = function() {
32 | 			runSuite(i);
33 | 		}
34 | 
35 | 		function runSuite() {
36 | 			var test = frame.$("#perfTestLinks>li:not(.nav-header)").eq(i).children('a');
37 | 			if (test.length === 0) {
38 | 				return;
39 | 			}
40 | 			asyncTest(test.text().trim(), function() {
41 | 				test.click();
42 | 				frame.$(".runTests:first").click();
43 | 				frame.scrollTo(0, frame.$('.controls:last').offset().top - 100);
44 | 				var timer = window.setInterval(function() {
45 | 					if (frame.IndexedDBPerf.results.running === true) {
46 | 						for (var i = 0; i < frame.IndexedDBPerf.results.length; i++) {
47 | 							frame.IndexedDBPerf.results[i].on('complete', function() {
48 | 								ok(true, this.name + " - Passed");
49 | 							});
50 | 							frame.IndexedDBPerf.results[i].on('error', function() {
51 | 								ok(false, this.name + " - Errored Out");
52 | 							});
53 | 						}
54 | 						window.clearInterval(timer);
55 | 						waitForComplete();
56 | 					}
57 | 				}, 1000);
58 | 			});
59 | 		}
60 | 
61 | 		var attempts = 0;
62 | 
63 | 		function waitForComplete() {
64 | 			window.setTimeout(function() {
65 | 				if (++attempts > 60 * 5) {
66 | 					ok(false, 'Test Timeout - Failed running test', i);
67 | 					start();
68 | 					frame.location.reload();
69 | 				}
70 | 				if (frame.IndexedDBPerf.results.running === true) {
71 | 					waitForComplete();
72 | 				} else {
73 | 					i++;
74 | 					attempts = 0;
75 | 					start();
76 | 					runSuite();
77 | 				}
78 | 			}, 1000);
79 | 		}
80 | 	</script>
81 | </body>
82 | </html>


--------------------------------------------------------------------------------
/perf/tests/10_TransactionReadWriteIsolation.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Read and Write transaction isolation'] = {
  3 | 		category :'Transaction',
  4 | 		desc : 'Should read and write operations be in the same transction, or be in different transactions',
  5 | 		_bTestKey:'agt1YS1wcm9maWxlcnINCxIEVGVzdBiJ8KIUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			window.MAX = 1000;
  8 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  9 | 				$.indexedDB('IndexedDBPerf', {
 10 | 					schema: {
 11 | 						1: function(transaction) {
 12 | 							var table1 = transaction.createObjectStore("Table1", {
 13 | 								'autoIncrement': true
 14 | 							});
 15 | 							var table2 = transaction.createObjectStore("Table2", {
 16 | 								'autoIncrement': true
 17 | 							});
 18 | 							var table3 = transaction.createObjectStore("Table3", {
 19 | 								'autoIncrement': true
 20 | 							});
 21 | 							var table4 = transaction.createObjectStore("Table4", {
 22 | 								'autoIncrement': true
 23 | 							});
 24 | 						}
 25 | 					}
 26 | 				}).done(function() {
 27 | 					var table1 = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 28 | 					var table2 = $.indexedDB('IndexedDBPerf').objectStore('Table2');
 29 | 					var table3 = $.indexedDB('IndexedDBPerf').objectStore('Table3');
 30 | 					var table4 = $.indexedDB('IndexedDBPerf').objectStore('Table4');
 31 | 					var added = 0;
 32 | 
 33 | 					function done() {
 34 | 						if (++added >= MAX * 4) {
 35 | 							cb();
 36 | 						}
 37 | 						status();
 38 | 					}
 39 | 					for (var i = 0; i < MAX; i++) {
 40 | 						table1.add(Faker.Helpers.createCard()).always(done);
 41 | 						table2.add(Faker.Helpers.createCard()).always(done);
 42 | 						table3.add(Faker.Helpers.createCard()).always(done);
 43 | 						table4.add(Faker.Helpers.createCard()).always(done);
 44 | 					}
 45 | 				});
 46 | 			});
 47 | 		},
 48 | 		setup: function() {
 49 | 			window.data = Faker.Helpers.createCard();
 50 | 		},
 51 | 		teardown: function() {
 52 | 
 53 | 		},
 54 | 		tests: {
 55 | 			'Same transaction, READ first': function(deferred) {
 56 | 				var req = window.indexedDB.open('IndexedDBPerf');
 57 | 				var readCount = 0,
 58 | 					writeCount = 0;
 59 | 				req.onsuccess = function() {
 60 | 					var db = req.result;
 61 | 					var transaction = db.transaction(['Table2'], 'readwrite');
 62 | 					var objStore = transaction.objectStore('Table2');
 63 | 					for (var i = 0; i < MAX; i++) {
 64 | 						(function() {
 65 | 							var readReq = objStore.get(i);
 66 | 							readReq.onsuccess = function() {
 67 | 								if (++readCount >= MAX && writeCount >= MAX) {
 68 | 									db.close();
 69 | 									deferred.resolve();
 70 | 								}
 71 | 							};
 72 | 							readReq.onerror = function(e) {
 73 | 								throw e;
 74 | 							}
 75 | 						}(i));
 76 | 					}
 77 | 					for (var i = MAX; i < MAX * 2; i++) {
 78 | 						(function() {
 79 | 							var writeReq = objStore.put(window.data, i);
 80 | 							writeReq.onsuccess = function() {
 81 | 								if (++writeCount >= MAX && readCount >= MAX) {
 82 | 									db.close();
 83 | 									deferred.resolve();
 84 | 								}
 85 | 							};
 86 | 							writeReq.onerror = function(e) {
 87 | 								throw e;
 88 | 							}
 89 | 						}(i));
 90 | 					}
 91 | 				};
 92 | 				req.onerror = function() {
 93 | 					throw "Could not open database";
 94 | 				};
 95 | 			},
 96 | 			'Same transaction WRITE first': function(deferred) {
 97 | 				var req = window.indexedDB.open('IndexedDBPerf');
 98 | 				var readCount = 0,
 99 | 					writeCount = 0;
100 | 				req.onsuccess = function() {
101 | 					var db = req.result;
102 | 					var transaction = db.transaction(['Table1'], 'readwrite');
103 | 					var objStore = transaction.objectStore('Table1');
104 | 					for (var i = MAX; i < MAX * 2; i++) {
105 | 						(function() {
106 | 							var writeReq = objStore.put(window.data, i);
107 | 							writeReq.onsuccess = function() {
108 | 								if (++writeCount >= MAX && readCount >= MAX) {
109 | 									db.close();
110 | 									deferred.resolve();
111 | 								}
112 | 							};
113 | 							writeReq.onerror = function(e) {
114 | 								throw e;
115 | 							}
116 | 						}(i));
117 | 					}
118 | 					for (var i = 0; i < MAX; i++) {
119 | 						(function() {
120 | 							var readReq = objStore.get(i);
121 | 							readReq.onsuccess = function() {
122 | 								if (writeCount >= MAX && ++readCount >= MAX) {
123 | 									db.close();
124 | 									deferred.resolve();
125 | 								}
126 | 							};
127 | 							readReq.onerror = function(e) {
128 | 								throw e;
129 | 							}
130 | 						}(i));
131 | 					}
132 | 				};
133 | 				req.onerror = function() {
134 | 					throw "Could not open database";
135 | 				};
136 | 			},
137 | 			'Separate transactions, Write first': function(deferred) {
138 | 				var req = window.indexedDB.open('IndexedDBPerf');
139 | 				var readCount = 0,
140 | 					writeCount = 0;
141 | 				req.onsuccess = function() {
142 | 					var db = req.result;
143 | 					var transaction1 = db.transaction(['Table3'], 'readwrite');
144 | 					var objStore1 = transaction1.objectStore('Table3');
145 | 					for (var i = MAX; i < MAX * 2; i++) {
146 | 						(function() {
147 | 							var writeReq = objStore1.put(window.data, i);
148 | 							writeReq.onsuccess = function() {
149 | 								if (++writeCount >= MAX && readCount >= MAX) {
150 | 									db.close();
151 | 									deferred.resolve();
152 | 								}
153 | 							};
154 | 							writeReq.onerror = function(e) {
155 | 								throw e;
156 | 							}
157 | 						}(i));
158 | 					}
159 | 					var transaction2 = db.transaction(['Table3'], 'readonly');
160 | 					var objStore2 = transaction2.objectStore('Table3');
161 | 					for (var i = 0; i < MAX; i++) {
162 | 						(function() {
163 | 							var readReq = objStore2.get(i);
164 | 							readReq.onsuccess = function() {
165 | 								if (writeCount >= MAX && ++readCount >= MAX) {
166 | 									db.close();
167 | 									deferred.resolve();
168 | 								}
169 | 							};
170 | 							readReq.onerror = function(e) {
171 | 								throw e;
172 | 							}
173 | 						}(i));
174 | 					}
175 | 				};
176 | 				req.onerror = function() {
177 | 					throw "Could not open database";
178 | 				};
179 | 			},
180 | 			'Separate Transactions, Read first': function(deferred) {
181 | 				var req = window.indexedDB.open('IndexedDBPerf');
182 | 				var readCount = 0,
183 | 					writeCount = 0;
184 | 				req.onsuccess = function() {
185 | 					var db = req.result;
186 | 					var transaction2 = db.transaction(['Table4'], 'readonly');
187 | 					var objStore2 = transaction2.objectStore('Table4');
188 | 					for (var i = 0; i < MAX; i++) {
189 | 						(function() {
190 | 							var readReq = objStore2.get(i);
191 | 							readReq.onsuccess = function() {
192 | 								if (++readCount >= MAX && writeCount >= MAX) {
193 | 									db.close();
194 | 									deferred.resolve();
195 | 								}
196 | 							};
197 | 							readReq.onerror = function(e) {
198 | 								throw e;
199 | 							}
200 | 						}(i));
201 | 					}
202 | 					var transaction1 = db.transaction(['Table4'], 'readwrite');
203 | 					var objStore1 = transaction1.objectStore('Table4');
204 | 					for (var i = MAX; i < MAX * 2; i++) {
205 | 						(function() {
206 | 							var writeReq = objStore1.put(window.data, i);
207 | 							writeReq.onsuccess = function() {
208 | 								if (++writeCount >= MAX && readCount >= MAX) {
209 | 									db.close();
210 | 									deferred.resolve();
211 | 								}
212 | 							};
213 | 							writeReq.onerror = function(e) {
214 | 								throw e;
215 | 							}
216 | 						}(i));
217 | 					}
218 | 				};
219 | 				req.onerror = function() {
220 | 					throw "Could not open database";
221 | 				};
222 | 			}
223 | 		}
224 | 	};
225 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/11_IndexKeyObjectCursor.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Key and Object Cursor on Index'] = {
  3 | 		category: 'Indexes',
  4 | 		desc: "What is faster - A key cursor on an Index, or an object cursor on an index",
  5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBj26aEUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				$.indexedDB('IndexedDBPerf', {
  9 | 					schema: {
 10 | 						1: function(transaction) {
 11 | 							var table1 = transaction.createObjectStore("Table1", {
 12 | 								'autoIncrement': true
 13 | 							});
 14 | 							table1.createIndex("username", {
 15 | 								'unique': false
 16 | 							});
 17 | 						}
 18 | 					}
 19 | 				}).done(function() {
 20 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 21 | 					var added = 0;
 22 | 					for (var i = 0; i < 1000; i++) {
 23 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
 24 | 							if (++added >= 999) {
 25 | 								cb();
 26 | 							}
 27 | 							status();
 28 | 						});
 29 | 					}
 30 | 				});
 31 | 			});
 32 | 		},
 33 | 		setup: function() {},
 34 | 		teardown: function() {},
 35 | 		tests: {
 36 | 			'Key Cursors': function(deferred) {
 37 | 				var req = window.indexedDB.open('IndexedDBPerf');
 38 | 				var readCount = 0;
 39 | 				req.onsuccess = function() {
 40 | 					var db = req.result;
 41 | 					var transaction = db.transaction(['Table1'], 'readonly');
 42 | 					var objStore = transaction.objectStore('Table1');
 43 | 					var index = objStore.index("username");
 44 | 					var cursorReq = index.openKeyCursor();
 45 | 					cursorReq.onsuccess = function() {
 46 | 						if (cursorReq.result) {
 47 | 							++readCount;
 48 | 							cursorReq.result['continue']();
 49 | 						} else {
 50 | 							if (readCount < 1000) {
 51 | 								throw "Did not read all values";
 52 | 							}
 53 | 							db.close();
 54 | 							deferred.resolve();
 55 | 						}
 56 | 
 57 | 					};
 58 | 					cursorReq.onerror = function(e) {
 59 | 						throw e;
 60 | 					};
 61 | 				};
 62 | 				req.onerror = function() {
 63 | 					throw "Could not open database";
 64 | 				}
 65 | 			},
 66 | 			'Object Cursor': function(deferred) {
 67 | 				var req = window.indexedDB.open('IndexedDBPerf');
 68 | 				var readCount = 0;
 69 | 				req.onsuccess = function() {
 70 | 					var db = req.result;
 71 | 					var transaction = db.transaction(['Table1'], 'readonly');
 72 | 					var objStore = transaction.objectStore('Table1');
 73 | 					var index = objStore.index("username");
 74 | 					var cursorReq = index.openCursor();
 75 | 					cursorReq.onsuccess = function() {
 76 | 						if (cursorReq.result) {
 77 | 							++readCount;
 78 | 							cursorReq.result['continue']();
 79 | 						} else {
 80 | 							if (readCount < 1000) {
 81 | 								throw "Did not read all values";
 82 | 							}
 83 | 							db.close();
 84 | 							deferred.resolve();
 85 | 						}
 86 | 
 87 | 					};
 88 | 					cursorReq.onerror = function(e) {
 89 | 						throw e;
 90 | 					};
 91 | 				};
 92 | 				req.onerror = function() {
 93 | 					throw "Could not open database";
 94 | 				}
 95 | 			},
 96 | 			'Key Cursor and then Object': function(deferred) {
 97 | 				var req = window.indexedDB.open('IndexedDBPerf');
 98 | 				var readCount = 0;
 99 | 				req.onsuccess = function() {
100 | 					var db = req.result;
101 | 					var transaction = db.transaction(['Table1'], 'readonly');
102 | 					var objStore = transaction.objectStore('Table1');
103 | 					var index = objStore.index("username");
104 | 					var cursorReq = index.openKeyCursor();
105 | 					cursorReq.onsuccess = function() {
106 | 						if (cursorReq.result) {
107 | 							var readReq = objStore.get(cursorReq.result.key);
108 | 							readReq.onsuccess = function() {
109 | 								if (++readCount >= 1000) {
110 | 									db.close();
111 | 									deferred.resolve();
112 | 								}
113 | 							};
114 | 							cursorReq.result['continue']();
115 | 						}
116 | 					};
117 | 					cursorReq.onerror = function(e) {
118 | 						throw e;
119 | 					};
120 | 				};
121 | 				req.onerror = function() {
122 | 					throw "Could not open database";
123 | 				}
124 | 			}
125 | 		}
126 | 	};
127 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/12_CursorContinueAdvance.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Cursor Advance/Continue'] = {
 3 | 		category: 'Cursors',
 4 | 		desc: "What is faster - advancing in a cursor, or just calling continue",
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBjSvaMUDA',
 6 | 		onStart: function(cb, status) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				$.indexedDB('IndexedDBPerf', {
 9 | 					schema: {
10 | 						1: function(transaction) {
11 | 							var table1 = transaction.createObjectStore("Table1", {
12 | 								'autoIncrement': true
13 | 							});
14 | 							table1.createIndex("username", {
15 | 								'unique': false
16 | 							});
17 | 						}
18 | 					}
19 | 				}).done(function() {
20 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
21 | 					var added = 0;
22 | 					for (var i = 0; i < 1000; i++) {
23 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
24 | 							if (++added >= 999) {
25 | 								cb();
26 | 							}
27 | 							status();
28 | 						});
29 | 					}
30 | 				});
31 | 			});
32 | 		},
33 | 		setup: function() {},
34 | 		teardown: function() {},
35 | 		tests: {
36 | 			'Cursor Continue': function(deferred) {
37 | 				var req = window.indexedDB.open('IndexedDBPerf');
38 | 				var readCount = 0;
39 | 				req.onsuccess = function() {
40 | 					var db = req.result;
41 | 					var transaction = db.transaction(['Table1'], 'readonly');
42 | 					var objStore = transaction.objectStore('Table1');
43 | 					var cursorReq = objStore.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
44 | 					cursorReq.onsuccess = function() {
45 | 						if (cursorReq.result) {
46 | 							var data = cursorReq.result.value;
47 | 							readCount++;
48 | 							cursorReq.result["continue"]();
49 | 						} else {
50 | 							//console.log("All Done");
51 | 							if (readCount < 999) {
52 | 								throw "Did not read all the data" + readCount;
53 | 							}
54 | 							db.close();
55 | 							deferred.resolve();
56 | 						}
57 | 					};
58 | 					cursorReq.onerror = function() {
59 | 						throw "Could not create Cursor request"
60 | 					}
61 | 				};
62 | 				req.onerror = function() {
63 | 					throw "Could not open database";
64 | 				};
65 | 			},
66 | 			'Cursor Advance': function(deferred) {
67 | 				var req = window.indexedDB.open('IndexedDBPerf');
68 | 				var readCount = 0;
69 | 				req.onsuccess = function() {
70 | 					var db = req.result;
71 | 					var transaction = db.transaction(['Table1'], 'readonly');
72 | 					var objStore = transaction.objectStore('Table1');
73 | 					var cursorReq = objStore.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
74 | 					cursorReq.onsuccess = function() {
75 | 						if (cursorReq.result) {
76 | 							var data = cursorReq.result.value;
77 | 							readCount++;
78 | 							cursorReq.result["advance"](1);
79 | 						} else {
80 | 							//console.log("All Done");
81 | 							if (readCount < 999) {
82 | 								throw "Did not read all the data" + readCount;
83 | 							}
84 | 							db.close();
85 | 							deferred.resolve();
86 | 						}
87 | 					};
88 | 					cursorReq.onerror = function() {
89 | 						throw "Could not create Cursor request"
90 | 					}
91 | 				};
92 | 				req.onerror = function() {
93 | 					throw "Could not open database";
94 | 				};
95 | 			}
96 | 		}
97 | 	};
98 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/13_OpenDBVersions.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Open Database with version'] = {
 3 | 		category: 'General',
 4 | 		desc: 'Is it faster to open a database with a specified version, or should the version be omitted',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBiMm6QUDA',
 6 | 		onStart: function(cb, status) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				$.indexedDB('IndexedDBPerf1').deleteDatabase().done(function() {
 9 | 					cb();
10 | 				});
11 | 			});
12 | 		},
13 | 		setup: function() {
14 | 			window.version = 1;
15 | 		},
16 | 		teardown: function() {},
17 | 		tests: {
18 | 			'Open database without version': function(deferred) {
19 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
20 | 				openReq.onsuccess = function() {
21 | 					openReq.result.close();
22 | 					deferred.resolve();
23 | 				};
24 | 			},
25 | 			'Open database with version': function(deferred) {
26 | 				var openReq = window.indexedDB.open('IndexedDBPerf1', 1);
27 | 				openReq.onsuccess = function() {
28 | 					openReq.result.close();
29 | 					deferred.resolve();
30 | 				}
31 | 			}
32 | 		}
33 | 	};
34 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/14_TransactionObjectStore.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Objectstore per transaction'] = {
 3 | 		category: 'ObjectStore',
 4 | 		desc: 'Which transaction opens faster - one with all object stores, or the one per object store ?  ',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBiD0LIUDA',
 6 | 		onStart: function(cb, status) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				status();
 9 | 				$.indexedDB('IndexedDBPerf', {
10 | 					'schema': {
11 | 						1: function(t) {
12 | 							for (var i = 0; i < 20; i++)
13 | 							t.createObjectStore('Table' + i);
14 | 							status();
15 | 						}
16 | 					}
17 | 				}).done(function() {
18 | 					cb();
19 | 				});
20 | 			});
21 | 		},
22 | 		setup: function() {},
23 | 		teardown: function() {},
24 | 		tests: {
25 | 			'1 read transaction per store': function(deferred) {
26 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
27 | 				openReq.onsuccess = function() {
28 | 					var db = openReq.result;
29 | 					for (var i = 0; i < 20; i++) {
30 | 						db.transaction(['Table' + i], 'readonly').objectStore('Table' + i);
31 | 					}
32 | 					db.close();
33 | 					deferred.resolve();
34 | 				}
35 | 			},
36 | 			'All stores in 1 read transaction': function(deferred) {
37 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
38 | 				openReq.onsuccess = function() {
39 | 					var db = openReq.result;
40 | 					var tables = [];
41 | 					for (var i = 0; i < 20; i++) {
42 | 						tables.push('Table' + i);
43 | 					}
44 | 					var transaction = db.transaction(tables, 'readonly');
45 | 					for (var i = 0; i < 20; i++) {
46 | 						transaction.objectStore('Table' + i);
47 | 					}
48 | 					db.close();
49 | 					deferred.resolve();
50 | 				}
51 | 			},
52 | 			'1 write transaction per store': function(deferred) {
53 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
54 | 				openReq.onsuccess = function() {
55 | 					var db = openReq.result;
56 | 					for (var i = 0; i < 20; i++) {
57 | 						db.transaction(['Table' + i], 'readwrite').objectStore('Table' + i);
58 | 					}
59 | 					db.close();
60 | 					deferred.resolve();
61 | 				}
62 | 			},
63 | 			'All stores in 1 write transaction': function(deferred) {
64 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
65 | 				openReq.onsuccess = function() {
66 | 					var db = openReq.result;
67 | 					var tables = [];
68 | 					for (var i = 0; i < 20; i++) {
69 | 						tables.push('Table' + i);
70 | 					}
71 | 					var transaction = db.transaction(tables, 'readwrite');
72 | 					for (var i = 0; i < 20; i++) {
73 | 						transaction.objectStore('Table' + i);
74 | 					}
75 | 					db.close();
76 | 					deferred.resolve();
77 | 				}
78 | 			}
79 | 		}
80 | 	};
81 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/15_TransactionRead.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Read Operation for per store transactions'] = {
  3 | 		category: 'ObjectStore',
  4 | 		desc: 'Does it matter if a read operation is performed for different object stores in different transactions, or will doing it in the same transaction be equally fast? ',
  5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBiT9K4UDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				$.indexedDB('IndexedDBPerf', {
  9 | 					'schema': {
 10 | 						'1': function(trans) {
 11 | 							trans.createObjectStore('Table1', {
 12 | 								'autoIncrement': false
 13 | 							});
 14 | 							trans.createObjectStore('Table2', {
 15 | 								'autoIncrement': false
 16 | 							});
 17 | 							status();
 18 | 						}
 19 | 					}
 20 | 				}).done(function() {
 21 | 					var objStore1 = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 22 | 					var objStore2 = $.indexedDB('IndexedDBPerf').objectStore('Table2');
 23 | 					var added = 0;
 24 | 					for (var i = 0; i < 1000; i++) {
 25 | 						objStore1.add(Faker.Helpers.createCard(), i).always(function() {
 26 | 							if (++added >= 1999) {
 27 | 								cb();
 28 | 							}
 29 | 							status();
 30 | 						});
 31 | 						objStore2.add(Faker.Helpers.createCard(), i).always(function() {
 32 | 							if (++added >= 1999) {
 33 | 								cb();
 34 | 							}
 35 | 							status();
 36 | 						});
 37 | 					}
 38 | 				});
 39 | 			});
 40 | 		},
 41 | 		setup: function() {},
 42 | 		teardown: function() {},
 43 | 		defer: true,
 44 | 		tests: {
 45 | 			'Read Transaction per ObjectStore': function(deferred) {
 46 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
 47 | 				var readCount = 0;
 48 | 				openReq.onsuccess = function() {
 49 | 					var db = openReq.result;
 50 | 					var objectStore1 = db.transaction(['Table1'], 'readonly').objectStore('Table1');
 51 | 					var objectStore2 = db.transaction(['Table2'], 'readonly').objectStore('Table2');
 52 | 					for (var i = 0; i < 1000; i++) {
 53 | 						(function(i) {
 54 | 							var readReq1 = objectStore1.get(i);
 55 | 							readReq1.onsuccess = function() {
 56 | 								if (++readCount >= 1999) {
 57 | 									db.close();
 58 | 									deferred.resolve();
 59 | 								}
 60 | 							}
 61 | 							var readReq2 = objectStore2.get(i);
 62 | 							readReq2.onsuccess = function() {
 63 | 								if (++readCount >= 1999) {
 64 | 									db.close();
 65 | 									deferred.resolve();
 66 | 								}
 67 | 							}
 68 | 						}(i));
 69 | 					}
 70 | 				}
 71 | 			},
 72 | 			'All ObjectStore reads in a transaction': function(deferred) {
 73 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
 74 | 				var readCount = 0;
 75 | 				openReq.onsuccess = function() {
 76 | 					var db = openReq.result;
 77 | 					var transaction = db.transaction(['Table1', 'Table2'], 'readonly');
 78 | 					var objectStore1 = transaction.objectStore('Table1');
 79 | 					var objectStore2 = transaction.objectStore('Table2');
 80 | 					for (var i = 0; i < 1000; i++) {
 81 | 						(function(i) {
 82 | 							var readReq1 = objectStore1.get(i);
 83 | 							readReq1.onsuccess = function() {
 84 | 								if (++readCount >= 1999) {
 85 | 									db.close();
 86 | 									deferred.resolve();
 87 | 								}
 88 | 							}
 89 | 							var readReq2 = objectStore2.get(i);
 90 | 							readReq2.onsuccess = function() {
 91 | 								if (++readCount >= 1999) {
 92 | 									db.close();
 93 | 									deferred.resolve();
 94 | 								}
 95 | 							}
 96 | 						}(i));
 97 | 					}
 98 | 				}
 99 | 			}
100 | 		}
101 | 	}
102 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/16_TransactionWrite.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Write Operation for per store transactions'] = {
 3 | 		category: 'ObjectStore',
 4 | 		desc: 'Does it matter if a write operation is performed for different object stores in different transactions, or will doing it in the same transaction be equally fast? ',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBi_oq8UDA',
 6 | 		onStart: function(cb, status) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				$.indexedDB('IndexedDBPerf', {
 9 | 					'schema': {
10 | 						'1': function(trans) {
11 | 							trans.createObjectStore('Table1', {
12 | 								'autoIncrement': true
13 | 							});
14 | 							trans.createObjectStore('Table2', {
15 | 								'autoIncrement': true
16 | 							});
17 | 							trans.createObjectStore('Table3', {
18 | 								'autoIncrement': true
19 | 							});
20 | 							trans.createObjectStore('Table4', {
21 | 								'autoIncrement': true
22 | 							});
23 | 							status();
24 | 						}
25 | 					}
26 | 				}).done(function() {
27 | 					cb();
28 | 				});
29 | 			});
30 | 		},
31 | 		setup: function() {
32 | 			window.data = Faker.Helpers.createCard();
33 | 		},
34 | 		teardown: function() {},
35 | 		defer: true,
36 | 		tests: {
37 | 			'Write Transaction per ObjectStore': function(deferred) {
38 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
39 | 				var count = 0;
40 | 				openReq.onsuccess = function() {
41 | 					var db = openReq.result;
42 | 					var objectStore1 = db.transaction(['Table1'], 'readwrite').objectStore('Table1');
43 | 					var objectStore2 = db.transaction(['Table2'], 'readwrite').objectStore('Table2');
44 | 					for (var i = 0; i < 1000; i++) {
45 | 						(function(i) {
46 | 							var writeReq1 = objectStore1.add(data);
47 | 							writeReq1.onsuccess = function() {
48 | 								if (++count >= 1999) {
49 | 									db.close();
50 | 									deferred.resolve();
51 | 								}
52 | 							};
53 | 							writeReq1.onerror = function(e) {
54 | 								console.log(writeReq1.error);
55 | 							}
56 | 							var writeReq2 = objectStore2.add(data);
57 | 							writeReq2.onsuccess = function() {
58 | 								if (++count >= 1999) {
59 | 									db.close();
60 | 									deferred.resolve();
61 | 								}
62 | 							}
63 | 						}(i));
64 | 					}
65 | 				}
66 | 			},
67 | 			'All ObjectStore write in a transaction': function(deferred) {
68 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
69 | 				var count = 0;
70 | 				openReq.onsuccess = function() {
71 | 					var db = openReq.result;
72 | 					var transaction = db.transaction(['Table3', 'Table4'], 'readwrite');
73 | 					var objectStore1 = transaction.objectStore('Table3');
74 | 					var objectStore2 = transaction.objectStore('Table4');
75 | 					for (var i = 0; i < 1000; i++) {
76 | 						(function(i) {
77 | 							var writeReq1 = objectStore1.add(data);
78 | 							writeReq1.onsuccess = function() {
79 | 								if (++count >= 1999) {
80 | 									db.close();
81 | 									deferred.resolve();
82 | 								}
83 | 							}
84 | 							var writeReq2 = objectStore2.add(data);
85 | 							writeReq2.onsuccess = function() {
86 | 								if (++count >= 1999) {
87 | 									db.close();
88 | 									deferred.resolve();
89 | 								}
90 | 							}
91 | 						}(i));
92 | 					}
93 | 				}
94 | 			}
95 | 		}
96 | 	}
97 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/17_AddUpdate.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Add and Update'] = {
 3 | 		desc: 'Is it better to insert data using add call or update call',
 4 | 		category: 'ObjectStore',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBio8aoUDA',
 6 | 		onStart: function(cb, status) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				$.indexedDB('IndexedDBPerf', {
 9 | 					'schema': {
10 | 						'1': function(trans) {
11 | 							trans.createObjectStore('Table1', {
12 | 								'autoIncrement': true
13 | 							});
14 | 							trans.createObjectStore('Table2', {
15 | 								'autoIncrement': true
16 | 							});
17 | 							status();
18 | 						}
19 | 					}
20 | 				}).done(function() {
21 | 					cb();
22 | 				});
23 | 			});
24 | 		},
25 | 		setup: function() {
26 | 			window.data = Faker.Helpers.createCard();
27 | 		},
28 | 		teardown: function() {},
29 | 		defer: true,
30 | 		tests: {
31 | 			'Write using Add': function(deferred) {
32 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
33 | 				var count = 0;
34 | 				openReq.onsuccess = function() {
35 | 					var db = openReq.result;
36 | 					var objectStore = db.transaction(['Table1'], 'readwrite').objectStore('Table1');
37 | 					for (var i = 0; i < 1000; i++) {
38 | 						(function(i) {
39 | 							var writeReq = objectStore.add(data);
40 | 							writeReq.onsuccess = function() {
41 | 								if (++count >= 999) {
42 | 									db.close();
43 | 									deferred.resolve();
44 | 								}
45 | 							};
46 | 						}(i));
47 | 					}
48 | 				}
49 | 			},
50 | 			'Write using Put': function(deferred) {
51 | 				var openReq = window.indexedDB.open('IndexedDBPerf');
52 | 				var count = 0;
53 | 				openReq.onsuccess = function() {
54 | 					var db = openReq.result;
55 | 					var objectStore = db.transaction(['Table2'], 'readwrite').objectStore('Table2');
56 | 					for (var i = 0; i < 1000; i++) {
57 | 						(function(i) {
58 | 							var writeReq = objectStore.put(data);
59 | 							writeReq.onsuccess = function() {
60 | 								if (++count >= 999) {
61 | 									db.close();
62 | 									deferred.resolve();
63 | 								}
64 | 							};
65 | 						}(i));
66 | 					}
67 | 				}
68 | 			}
69 | 		}
70 | 	};
71 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/1_KeyCompare.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Comparing Keys'] = {
 3 | 		category: 'General',
 4 | 		desc: 'Performance for comparing different key types',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBir36IUDA',
 6 | 		onStart: function(cb) {
 7 | 			cb();
 8 | 		},
 9 | 		setup: function() {
10 | 			window.str1 = Faker.Lorem.sentence();
11 | 			window.str2 = Faker.Lorem.sentence();
12 | 			window.long1 = Math.random();
13 | 			window.long2 = Math.random();
14 | 			window.num1 = Faker.Helpers.randomNumber(10000);
15 | 			window.num2 = Faker.Helpers.randomNumber(10000);
16 | 			window.ar1 = Faker.Lorem.sentences().split(" ");
17 | 			window.ar2 = Faker.Lorem.sentences().split(" ");
18 | 			window.nar1 = Faker.Lorem.sentences().split(" ");
19 | 			nar1.push(Faker.Lorem.sentences().split(" "));
20 | 			nar1.push(Faker.Lorem.sentences().split(" "));
21 | 			nar1.push(Faker.Lorem.sentences().split(" "));
22 | 			window.nar2 = Faker.Lorem.sentences().split(" ");
23 | 			nar2.push(Faker.Lorem.sentences().split(" "));
24 | 			nar2.push(Faker.Lorem.sentences().split(" "));
25 | 			nar2.push(Faker.Lorem.sentences().split(" "));
26 | 		},
27 | 		teardown: function() {
28 | 
29 | 		},
30 | 		defer : false,
31 | 		tests: {
32 | 			'Integers': function(deferred) {
33 | 				window.indexedDB.cmp(num1, num2);
34 | 			},
35 | 			'Longs': function() {
36 | 				window.indexedDB.cmp(long1, long2);
37 | 			},
38 | 			'String': function() {
39 | 				window.indexedDB.cmp(str1, str2);
40 | 			},
41 | 			'Arrays': function() {
42 | 				window.indexedDB.cmp(ar1, ar2);
43 | 			},
44 | 			'Nested Arrays': function() {
45 | 				window.indexedDB.cmp(nar1, nar2);
46 | 			}
47 | 		}
48 | 	};
49 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/2_TableSchema_Write.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 |   s['Table Schema Write'] = {
  3 |     category : 'ObjectStore',
  4 |     desc : 'Is it faster to queue up write requests in a single transaction, or start multiple transactions with with writes requests batched in them',
  5 |     _bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBjt9acUDA',
  6 |     onStart: function(cb) {
  7 |       $.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 |         $.indexedDB('IndexedDBPerf', {
  9 |           schema: {
 10 |             1: function(transaction) {
 11 |               var table1 = transaction.createObjectStore("Table1", {
 12 |                 'autoIncrement': false
 13 |               });
 14 | 
 15 |               var table2 = transaction.createObjectStore("Table2", {
 16 |                 'keyPath': 'id',
 17 |                 'autoIncrement': true
 18 |               });
 19 |               var table3 = transaction.createObjectStore("Table3", {
 20 |                 'keyPath': 'id',
 21 |                 'autoIncrement': false
 22 |               });
 23 | 
 24 |               var table4 = transaction.createObjectStore("Table4", {
 25 |                 'autoIncrement': true
 26 |               });
 27 | 
 28 |               var table5 = transaction.createObjectStore("Table5", {
 29 |                 'autoIncrement': true
 30 |               });
 31 |               table5.createIndex("name");
 32 |               table5.createIndex("username");
 33 |             }
 34 |           }
 35 |         }).done(function() {
 36 |           cb();
 37 |         });
 38 |       });
 39 |     },
 40 |     setup: function() {
 41 |       var data = Faker.Helpers.createCard();
 42 |       window.key++;
 43 | 
 44 |       function err() {
 45 |         console.log.apply(console, arguments);
 46 |       }
 47 |     },
 48 |     teardown: function() {
 49 | 
 50 |     },
 51 |     tests: {
 52 |       'Table with no keypath or auto increment': function(deferred) {
 53 |         var req = window.indexedDB.open('IndexedDBPerf');
 54 |         req.onsuccess = function() {
 55 |           var transaction = req.result.transaction(['Table1'], "readwrite");
 56 |           var objStore = transaction.objectStore("Table1");
 57 |           var addReq = objStore.add(data, window.key++);
 58 |           addReq.onsuccess = function() {
 59 |             deferred.resolve();
 60 |           }
 61 |           addReq.onerror = function() {
 62 |             console.log("Could not add data", addReq.error);
 63 |           };
 64 |         };
 65 |         req.onerror = function() {
 66 |           console.log("Could not Open DB");
 67 |         };
 68 |       },
 69 |       'Table with keypath and auto increment': function(deferred) {
 70 |         var req = window.indexedDB.open('IndexedDBPerf');
 71 |         req.onsuccess = function() {
 72 |           var transaction = req.result.transaction(['Table2'], "readwrite");
 73 |           var objStore = transaction.objectStore("Table2");
 74 |           var addReq = objStore.add(data);
 75 |           addReq.onsuccess = function() {
 76 |             deferred.resolve();
 77 |           }
 78 |           addReq.onerror = function() {
 79 |             console.log("Could not add data");
 80 |           };
 81 |         };
 82 |         req.onerror = function() {
 83 |           console.log("Could open DB");
 84 |         };
 85 |       },
 86 |       'Table with keypath and NO auto increment': function(deferred) {
 87 |         var req = window.indexedDB.open('IndexedDBPerf');
 88 |         req.onsuccess = function() {
 89 |           var transaction = req.result.transaction(['Table3'], "readwrite");
 90 |           var objStore = transaction.objectStore("Table3");
 91 |           data.id = window.key++;
 92 |           var addReq = objStore.add(data);
 93 |           addReq.onsuccess = function() {
 94 |             deferred.resolve();
 95 |           }
 96 |           addReq.onerror = function() {
 97 |             console.log("Could not add data");
 98 |           };
 99 |         };
100 |         req.onerror = function() {
101 |           console.log("Could open DB");
102 |         };
103 |       },
104 |       'Table with NO keypath but auto increment': function(deferred) {
105 |         var req = window.indexedDB.open('IndexedDBPerf');
106 |         req.onsuccess = function() {
107 |           var transaction = req.result.transaction(['Table4'], "readwrite");
108 |           var objStore = transaction.objectStore("Table4");
109 |           var addReq = objStore.add(data);
110 |           addReq.onsuccess = function() {
111 |             deferred.resolve();
112 |           }
113 |           addReq.onerror = function() {
114 |             console.log("Could not add data");
115 |           };
116 |         };
117 |         req.onerror = function() {
118 |           console.log("Could open DB");
119 |         };
120 |       },
121 |       'Table with Index': function(deferred) {
122 |         var req = window.indexedDB.open('IndexedDBPerf');
123 |         req.onsuccess = function() {
124 |           var transaction = req.result.transaction(['Table4'], "readwrite");
125 |           var objStore = transaction.objectStore("Table4");
126 |           var addReq = objStore.add(data);
127 |           addReq.onsuccess = function() {
128 |             deferred.resolve();
129 |           }
130 |           addReq.onerror = function() {
131 |             console.log("Could not add data");
132 |           };
133 |         };
134 |         req.onerror = function() {
135 |           console.log("Could open DB");
136 |         };
137 |       }
138 |     }
139 |   };
140 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/3_TransactionRead.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Transaction based on Read'] = {
  3 | 		category: 'Transaction',
  4 | 		desc: 'Should read requests be queued in a single transaction, or will it be faster to open multiple transactions and read in batches',
  5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBjIjagUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				$.indexedDB('IndexedDBPerf', {
  9 | 					'schema': {
 10 | 						'1': function(trans) {
 11 | 							trans.createObjectStore('Table1', {
 12 | 								'autoIncrement': true
 13 | 							});
 14 | 						}
 15 | 					}
 16 | 				}).done(function() {
 17 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 18 | 					var added = 0;
 19 | 					for (var i = 0; i < 1000; i++) {
 20 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
 21 | 							if (++added >= 999) {
 22 | 								cb();
 23 | 							}
 24 | 							status();
 25 | 						});
 26 | 					}
 27 | 				});
 28 | 			});
 29 | 		},
 30 | 		setup: function() {
 31 | 			var data = Faker.Helpers.createCard();
 32 | 		},
 33 | 		teardown: function() {
 34 | 
 35 | 		},
 36 | 		tests: {
 37 | 			'All Reads in One Transaction': function(deferred) {
 38 | 				var req = window.indexedDB.open('IndexedDBPerf');
 39 | 				var readCount = 0;
 40 | 				req.onsuccess = function() {
 41 | 					var db = req.result;
 42 | 					var transaction = db.transaction(['Table1'], 'readonly');
 43 | 					var objStore = transaction.objectStore('Table1');
 44 | 					for (var i = 0; i < 1000; i++) {
 45 | 						(function(i) {
 46 | 							var readReq = objStore.get(i);
 47 | 							readReq.onsuccess = readReq.onerror = function() {
 48 | 								if (++readCount >= 999) {
 49 | 									db.close()
 50 | 									deferred.resolve();
 51 | 								}
 52 | 							}
 53 | 						}(i));
 54 | 					}
 55 | 
 56 | 				};
 57 | 				req.onerror = function() {
 58 | 					throw "Could not open database";
 59 | 				}
 60 | 			},
 61 | 			'Group reads in transaction sets with 10 reads each': function(deferred) {
 62 | 				var req = window.indexedDB.open('IndexedDBPerf');
 63 | 				var readCount = 0;
 64 | 				req.onsuccess = function() {
 65 | 					var db = req.result;
 66 | 					//console.log("Database opened");
 67 | 					for (var i = 0; i < 10; i++) {
 68 | 						var transaction = db.transaction(['Table1'], 'readonly');
 69 | 						var objStore = transaction.objectStore('Table1');
 70 | 						for (var j = 0; j < 100; j++) {
 71 | 							(function(i) {
 72 | 								var readReq = objStore.get(i);
 73 | 								readReq.onsuccess = readReq.onerror = function() {
 74 | 									if (++readCount >= 999) {
 75 | 										db.close();
 76 | 										deferred.resolve();
 77 | 									}
 78 | 								}
 79 | 							}(i));
 80 | 						}
 81 | 
 82 | 					}
 83 | 				};
 84 | 				req.onerror = function() {
 85 | 					throw "Could not open database";
 86 | 				}
 87 | 			},
 88 | 			'Each read in its own transaction': function(deferred) {
 89 | 				var req = window.indexedDB.open('IndexedDBPerf');
 90 | 				var readCount = 0;
 91 | 				req.onsuccess = function() {
 92 | 					var db = req.result;
 93 | 					//console.log("Database opened");
 94 | 					for (var i = 0; i < 1000; i++) {
 95 | 						(function(i) {
 96 | 							var transaction = db.transaction(['Table1'], 'readonly');
 97 | 							var objStore = transaction.objectStore('Table1');
 98 | 							//console.log('Multiple transactions - Reading ', i)
 99 | 							var readReq = objStore.get(i);
100 | 							readReq.onsuccess = readReq.onerror = function() {
101 | 								if (++readCount >= 999) {
102 | 									db.close();
103 | 									deferred.resolve();
104 | 								}
105 | 							}
106 | 						}(i));
107 | 					}
108 | 				};
109 | 				req.onerror = function() {
110 | 					throw "Could not open database";
111 | 				}
112 | 			}
113 | 		}
114 | 	};
115 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/4_TransactionWrite.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Transaction based on Write'] = {
  3 | 		category: 'Transaction',
  4 | 		desc : 'Is it faster to queue all write requests in one transaction, or batch write requests in multiple transactions opening in a loop',
  5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBjDk6QUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				status();
  9 | 				$.indexedDB('IndexedDBPerf', {
 10 | 					'schema': {
 11 | 						'1': function(trans) {
 12 | 							trans.createObjectStore('Table1', {
 13 | 								'autoIncrement': true
 14 | 							});
 15 | 						}
 16 | 					}
 17 | 				}).done(function() {
 18 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 19 | 					var added = 0;
 20 | 					for (var i = 0; i < 1000; i++) {
 21 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
 22 | 							if (++added >= 999) {
 23 | 								cb();
 24 | 							}
 25 | 							status();
 26 | 						});
 27 | 					}
 28 | 				});
 29 | 			});
 30 | 		},
 31 | 		setup: function() {
 32 | 			var data = Faker.Helpers.createCard();
 33 | 		},
 34 | 		teardown: function() {
 35 | 
 36 | 		},
 37 | 		tests: {
 38 | 			'All Writes in One Transaction': function(deferred) {
 39 | 				var req = window.indexedDB.open('IndexedDBPerf');
 40 | 				var readCount = 0;
 41 | 				req.onsuccess = function() {
 42 | 					var db = req.result;
 43 | 					var transaction = db.transaction(['Table1'], 'readwrite');
 44 | 					var objStore = transaction.objectStore('Table1');
 45 | 					//console.log("Database opened");
 46 | 					for (var i = 0; i < 1000; i++) {
 47 | 						//console.log('Single Transaction - reading ', i)
 48 | 						var readReq = objStore.add(data);
 49 | 						readReq.onsuccess = readReq.onerror = function() {
 50 | 							if (++readCount >= 999) {
 51 | 								db.close()
 52 | 								deferred.resolve();
 53 | 							}
 54 | 						}
 55 | 					}
 56 | 
 57 | 				};
 58 | 				req.onerror = function() {
 59 | 					throw "Could not open database";
 60 | 				}
 61 | 			},
 62 | 			'Group write in transaction sets with 10 reads each': function(deferred) {
 63 | 				var req = window.indexedDB.open('IndexedDBPerf');
 64 | 				var readCount = 0;
 65 | 				req.onsuccess = function() {
 66 | 					var db = req.result;
 67 | 					//console.log("Database opened");
 68 | 					for (var i = 0; i < 10; i++) {
 69 | 						var transaction = db.transaction(['Table1'], 'readwrite');
 70 | 						var objStore = transaction.objectStore('Table1');
 71 | 						for (var j = 0; j < 100; j++) {
 72 | 							//console.log('Transactions Sets - Reading ', i)
 73 | 							var readReq = objStore.add(data);
 74 | 							readReq.onsuccess = readReq.onerror = function() {
 75 | 								if (++readCount >= 999) {
 76 | 									db.close();
 77 | 									deferred.resolve();
 78 | 								}
 79 | 							}
 80 | 						}
 81 | 
 82 | 					}
 83 | 				};
 84 | 				req.onerror = function() {
 85 | 					throw "Could not open database";
 86 | 				}
 87 | 			},
 88 | 			'Each write in its own transaction': function(deferred) {
 89 | 				var req = window.indexedDB.open('IndexedDBPerf');
 90 | 				var readCount = 0;
 91 | 				req.onsuccess = function() {
 92 | 					var db = req.result;
 93 | 					//console.log("Database opened");
 94 | 					for (var i = 0; i < 1000; i++) {
 95 | 						var transaction = db.transaction(['Table1'], 'readwrite');
 96 | 						var objStore = transaction.objectStore('Table1');
 97 | 						//console.log('Multiple transactions - Reading ', i)
 98 | 						var readReq = objStore.add(data);
 99 | 						readReq.onsuccess = readReq.onerror = function() {
100 | 							if (++readCount >= 999) {
101 | 								db.close();
102 | 								deferred.resolve();
103 | 							}
104 | 						}
105 | 					}
106 | 				};
107 | 				req.onerror = function() {
108 | 					throw "Could not open database";
109 | 				}
110 | 			}
111 | 		}
112 | 	};
113 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/5_Cursor_ParallelWrite.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Cursors - Parallel Write'] = {
  3 | 		category: 'Cursors',
  4 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBi9uqkUDA',
  5 | 		desc: 'Is it faster to write all data in one cursor, or segment the data and open multiple cursors in parallel to write them',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				status();
  9 | 				$.indexedDB('IndexedDBPerf', {
 10 | 					'schema': {
 11 | 						'1': function(trans) {
 12 | 							trans.createObjectStore('Table1', {
 13 | 								'autoIncrement': true
 14 | 							});
 15 | 						}
 16 | 					}
 17 | 				}).done(function() {
 18 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 19 | 					var added = 0;
 20 | 					for (var i = 0; i < 1000; i++) {
 21 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
 22 | 							if (++added >= 999) {
 23 | 								cb();
 24 | 							}
 25 | 							status()
 26 | 						});
 27 | 					}
 28 | 				});
 29 | 			});
 30 | 		},
 31 | 		setup: function() {
 32 | 			var data = Faker.Helpers.createCard();
 33 | 		},
 34 | 		teardown: function() {
 35 | 
 36 | 		},
 37 | 		tests: {
 38 | 			'All Write in One cursor': function(deferred) {
 39 | 				var req = window.indexedDB.open('IndexedDBPerf');
 40 | 				var readCount = 0;
 41 | 				req.onsuccess = function() {
 42 | 					var db = req.result;
 43 | 					var transaction = db.transaction(['Table1'], 'readwrite');
 44 | 					var objStore = transaction.objectStore('Table1');
 45 | 					var cursorReq = objStore.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
 46 | 					cursorReq.onsuccess = function() {
 47 | 						if (cursorReq.result) {
 48 | 							var data = cursorReq.result.value;
 49 | 							data.modified = true;
 50 | 							cursorReq.result.update(data);
 51 | 							cursorReq.result["continue"]();
 52 | 						} else {
 53 | 							//console.log("All Done");
 54 | 							db.close();
 55 | 							deferred.resolve();
 56 | 						}
 57 | 					};
 58 | 					cursorReq.onerror = function() {
 59 | 						throw "Could not create Cursor request"
 60 | 					}
 61 | 				};
 62 | 				req.onerror = function() {
 63 | 					throw "Could not open database";
 64 | 				};
 65 | 			},
 66 | 			'10 cursors, 100 writes per cursor': function(deferred) {
 67 | 				var req = window.indexedDB.open('IndexedDBPerf');
 68 | 				var readCount = 0;
 69 | 				req.onsuccess = function() {
 70 | 					var db = req.result;
 71 | 					var transaction = db.transaction(['Table1'], 'readwrite');
 72 | 					var objStore = transaction.objectStore('Table1');
 73 | 					var cursorReqs = [],
 74 | 						cursorDoneCount = 0;
 75 | 					for (var i = 0; i < 10; i++) {
 76 | 						(function(i) {
 77 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 100 + 1, i * 100 + 100, true, true), "next");
 78 | 							cursorReqs[i].onsuccess = function(e) {
 79 | 								if (cursorReqs[i].result) {
 80 | 									var data = cursorReqs[i].result.value;
 81 | 									data.modified = true;
 82 | 									cursorReqs[i].result.update(data);
 83 | 									cursorReqs[i].result["continue"]();
 84 | 								} else {
 85 | 									if (++cursorDoneCount >= 10) {
 86 | 										db.close();
 87 | 										deferred.resolve();
 88 | 									}
 89 | 								}
 90 | 							}
 91 | 							cursorReqs[i].onerror = function(e) {
 92 | 								throw "Could not open Cursor";
 93 | 							}
 94 | 						}(i));
 95 | 					}
 96 | 				};
 97 | 				req.onerror = function() {
 98 | 					throw "Could not open database";
 99 | 				};
100 | 			},
101 | 			'100 cursors, 10 writes per cursor': function() {
102 | 				var req = window.indexedDB.open('IndexedDBPerf');
103 | 				var readCount = 0;
104 | 				req.onsuccess = function() {
105 | 					var db = req.result;
106 | 					var transaction = db.transaction(['Table1'], 'readwrite');
107 | 					var objStore = transaction.objectStore('Table1');
108 | 					var cursorReqs = [],
109 | 						cursorDoneCount = 0;
110 | 					for (var i = 0; i < 100; i++) {
111 | 						(function(i) {
112 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 10 + 1, i * 10 + 10, true, true), "next");
113 | 							cursorReqs[i].onsuccess = function(e) {
114 | 								if (cursorReqs[i].result) {
115 | 									var data = cursorReqs[i].result.value;
116 | 									data.modified = true;
117 | 									cursorReqs[i].result.update(data);
118 | 									cursorReqs[i].result["continue"]();
119 | 								} else {
120 | 									if (++cursorDoneCount >= 100) {
121 | 										db.close();
122 | 										deferred.resolve();
123 | 									}
124 | 								}
125 | 							}
126 | 							cursorReqs[i].onerror = function(e) {
127 | 								throw "Could not open Cursor";
128 | 							}
129 | 						}(i));
130 | 					}
131 | 				};
132 | 				req.onerror = function() {
133 | 					throw "Could not open database";
134 | 				};
135 | 			},
136 | 			'500 cursors, 2 writes per cursor': function() {
137 | 				var req = window.indexedDB.open('IndexedDBPerf');
138 | 				var readCount = 0;
139 | 				req.onsuccess = function() {
140 | 					var db = req.result;
141 | 					var transaction = db.transaction(['Table1'], 'readwrite');
142 | 					var objStore = transaction.objectStore('Table1');
143 | 					var cursorReqs = [],
144 | 						cursorDoneCount = 0;
145 | 					for (var i = 0; i < 500; i++) {
146 | 						(function(i) {
147 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 2, i * 2 + 1, true, true), "next");
148 | 							cursorReqs[i].onsuccess = function(e) {
149 | 								if (cursorReqs[i].result) {
150 | 									var data = cursorReqs[i].result.value;
151 | 									data.modified = true;
152 | 									cursorReqs[i].result.update(data);
153 | 									cursorReqs[i].result["continue"]();
154 | 								} else {
155 | 									if (++cursorDoneCount >= 500) {
156 | 										db.close();
157 | 										deferred.resolve();
158 | 									}
159 | 								}
160 | 							}
161 | 							cursorReqs[i].onerror = function(e) {
162 | 								throw "Could not open Cursor";
163 | 							}
164 | 						}(i));
165 | 					}
166 | 				};
167 | 				req.onerror = function() {
168 | 					throw "Could not open database";
169 | 				};
170 | 			},
171 | 			'1000 cursors, 1 writes per cursor': function() {
172 | 				var req = window.indexedDB.open('IndexedDBPerf');
173 | 				var readCount = 0;
174 | 				req.onsuccess = function() {
175 | 					var db = req.result;
176 | 					var transaction = db.transaction(['Table1'], 'readwrite');
177 | 					var objStore = transaction.objectStore('Table1');
178 | 					var cursorReqs = [],
179 | 						cursorDoneCount = 0;
180 | 					for (var i = 0; i < 1000; i++) {
181 | 						(function(i) {
182 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i, i), "next");
183 | 							cursorReqs[i].onsuccess = function(e) {
184 | 								if (cursorReqs[i].result) {
185 | 									var data = cursorReqs[i].result.value;
186 | 									data.modified = true;
187 | 									cursorReqs[i].result.update(data);
188 | 									cursorReqs[i].result["continue"]();
189 | 								} else {
190 | 									if (++cursorDoneCount >= 1000) {
191 | 										db.close();
192 | 										deferred.resolve();
193 | 									}
194 | 								}
195 | 							}
196 | 							cursorReqs[i].onerror = function(e) {
197 | 								throw "Could not open Cursor";
198 | 							}
199 | 						}(i));
200 | 					}
201 | 				};
202 | 				req.onerror = function() {
203 | 					throw "Could not open database";
204 | 				};
205 | 			}
206 | 		}
207 | 	};
208 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/6_Cursor_ParallelRead.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Cursors - Parallel Read'] = {
  3 | 		category : 'Cursors',
  4 | 		desc :'Is it faster to read all data in one cursor, or segment the data and open multiple cursors in parallel to read them',
  5 | 		_bTestKey : 'agt1YS1wcm9maWxlcnINCxIEVGVzdBjXtKgUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				$.indexedDB('IndexedDBPerf', {
  9 | 					'schema': {
 10 | 						'1': function(trans) {
 11 | 							trans.createObjectStore('Table1', {
 12 | 								'autoIncrement': true
 13 | 							});
 14 | 						}
 15 | 					}
 16 | 				}).done(function() {
 17 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 18 | 					var added = 0;
 19 | 					for (var i = 0; i < 1000; i++) {
 20 | 						objStore.add(Faker.Helpers.createCard()).always(function() {
 21 | 							if (++added >= 999) {
 22 | 								cb();
 23 | 							}
 24 | 							status();
 25 | 						});
 26 | 					}
 27 | 				});
 28 | 			});
 29 | 		},
 30 | 		setup: function() {
 31 | 			var data = Faker.Helpers.createCard();
 32 | 		},
 33 | 		teardown: function() {
 34 | 
 35 | 		},
 36 | 		tests: {
 37 | 			'All Read in One cursor': function(deferred) {
 38 | 				var req = window.indexedDB.open('IndexedDBPerf');
 39 | 				var readCount = 0;
 40 | 				req.onsuccess = function() {
 41 | 					var db = req.result;
 42 | 					var transaction = db.transaction(['Table1'], 'readonly');
 43 | 					var objStore = transaction.objectStore('Table1');
 44 | 					var cursorReq = objStore.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
 45 | 					cursorReq.onsuccess = function() {
 46 | 						if (cursorReq.result) {
 47 | 							//console.log(cursorReq.result);
 48 | 							cursorReq.result["continue"]();
 49 | 						} else {
 50 | 							//console.log("All Done");
 51 | 							db.close();
 52 | 							deferred.resolve();
 53 | 						}
 54 | 					};
 55 | 					cursorReq.onerror = function() {
 56 | 						throw "Could not create Cursor request"
 57 | 					}
 58 | 				};
 59 | 				req.onerror = function() {
 60 | 					throw "Could not open database";
 61 | 				};
 62 | 			},
 63 | 			'10 cursors, 100 reads per cursor': function(deferred) {
 64 | 				var req = window.indexedDB.open('IndexedDBPerf');
 65 | 				var readCount = 0;
 66 | 				req.onsuccess = function() {
 67 | 					var db = req.result;
 68 | 					var transaction = db.transaction(['Table1'], 'readonly');
 69 | 					var objStore = transaction.objectStore('Table1');
 70 | 					var cursorReqs = [],
 71 | 						cursorDoneCount = 0;
 72 | 					for (var i = 0; i < 10; i++) {
 73 | 						(function(i) {
 74 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 100 + 1, i * 100 + 100, true, true), "next");
 75 | 							cursorReqs[i].onsuccess = function(e) {
 76 | 								if (cursorReqs[i].result) {
 77 | 									//console.log(cursorReqs[i].result);
 78 | 									cursorReqs[i].result["continue"]();
 79 | 								} else {
 80 | 									if (++cursorDoneCount >= 10) {
 81 | 										db.close();
 82 | 										deferred.resolve();
 83 | 									}
 84 | 								}
 85 | 							}
 86 | 							cursorReqs[i].onerror = function(e) {
 87 | 								throw "Could not open Cursor";
 88 | 							}
 89 | 						}(i));
 90 | 					}
 91 | 				};
 92 | 				req.onerror = function() {
 93 | 					throw "Could not open database";
 94 | 				};
 95 | 			},
 96 | 			'100 cursors, 10 reads per cursor': function() {
 97 | 				var req = window.indexedDB.open('IndexedDBPerf');
 98 | 				var readCount = 0;
 99 | 				req.onsuccess = function() {
100 | 					var db = req.result;
101 | 					var transaction = db.transaction(['Table1'], 'readonly');
102 | 					var objStore = transaction.objectStore('Table1');
103 | 					var cursorReqs = [],
104 | 						cursorDoneCount = 0;
105 | 					for (var i = 0; i < 100; i++) {
106 | 						(function(i) {
107 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 10 + 1, i * 10 + 10, true, true), "next");
108 | 							cursorReqs[i].onsuccess = function(e) {
109 | 								if (cursorReqs[i].result) {
110 | 									//console.log(cursorReqs[i].result);
111 | 									cursorReqs[i].result["continue"]();
112 | 								} else {
113 | 									if (++cursorDoneCount >= 100) {
114 | 										db.close();
115 | 										deferred.resolve();
116 | 									}
117 | 								}
118 | 							}
119 | 							cursorReqs[i].onerror = function(e) {
120 | 								throw "Could not open Cursor";
121 | 							}
122 | 						}(i));
123 | 					}
124 | 				};
125 | 				req.onerror = function() {
126 | 					throw "Could not open database";
127 | 				};
128 | 			},
129 | 			'500 cursors, 2 reads per cursor': function() {
130 | 				var req = window.indexedDB.open('IndexedDBPerf');
131 | 				var readCount = 0;
132 | 				req.onsuccess = function() {
133 | 					var db = req.result;
134 | 					var transaction = db.transaction(['Table1'], 'readonly');
135 | 					var objStore = transaction.objectStore('Table1');
136 | 					var cursorReqs = [],
137 | 						cursorDoneCount = 0;
138 | 					for (var i = 0; i < 500; i++) {
139 | 						(function(i) {
140 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i * 2, i * 2 + 1, true, true), "next");
141 | 							cursorReqs[i].onsuccess = function(e) {
142 | 								if (cursorReqs[i].result) {
143 | 									//console.log(cursorReqs[i].result);
144 | 									cursorReqs[i].result["continue"]();
145 | 								} else {
146 | 									if (++cursorDoneCount >= 500) {
147 | 										db.close();
148 | 										deferred.resolve();
149 | 									}
150 | 								}
151 | 							}
152 | 							cursorReqs[i].onerror = function(e) {
153 | 								throw "Could not open Cursor";
154 | 							}
155 | 						}(i));
156 | 					}
157 | 				};
158 | 				req.onerror = function() {
159 | 					throw "Could not open database";
160 | 				};
161 | 			},
162 | 			'1000 cursors, 1 read per cursor': function() {
163 | 				var req = window.indexedDB.open('IndexedDBPerf');
164 | 				var readCount = 0;
165 | 				req.onsuccess = function() {
166 | 					var db = req.result;
167 | 					var transaction = db.transaction(['Table1'], 'readonly');
168 | 					var objStore = transaction.objectStore('Table1');
169 | 					var cursorReqs = [],
170 | 						cursorDoneCount = 0;
171 | 					for (var i = 0; i < 1000; i++) {
172 | 						(function(i) {
173 | 							cursorReqs[i] = objStore.openCursor(IDBKeyRange.bound(i, i), "next");
174 | 							cursorReqs[i].onsuccess = function(e) {
175 | 								if (cursorReqs[i].result) {
176 | 									//console.log(cursorReqs[i].result);
177 | 									cursorReqs[i].result["continue"]();
178 | 								} else {
179 | 									if (++cursorDoneCount >= 1000) {
180 | 										db.close();
181 | 										deferred.resolve();
182 | 									}
183 | 								}
184 | 							}
185 | 							cursorReqs[i].onerror = function(e) {
186 | 								throw "Could not open Cursor";
187 | 							}
188 | 						}(i));
189 | 					}
190 | 				};
191 | 				req.onerror = function() {
192 | 					throw "Could not open database";
193 | 				};
194 | 			}
195 | 		}
196 | 	};
197 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/8_IndexUnused.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Indexes - Used vs Unused Indexes'] = {
 3 | 		category : 'Indexes',
 4 | 		desc : 'Does adding unused Indexes slow down the speed at which data is written to an object store',
 5 | 		_bTestKey: 'agt1YS1wcm9maWxlcnINCxIEVGVzdBj14KkUDA',
 6 | 		onStart: function(cb) {
 7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
 8 | 				$.indexedDB('IndexedDBPerf', {
 9 | 					schema: {
10 | 						1: function(transaction) {
11 | 							var table1 = transaction.createObjectStore("Table1", {
12 | 								'autoIncrement': true
13 | 							});
14 | 
15 | 							var table2 = transaction.createObjectStore("Table2", {
16 | 								'autoIncrement': true
17 | 							});
18 | 							table2.createIndex("name");
19 | 
20 | 							var table3 = transaction.createObjectStore("Table3", {
21 | 								'autoIncrement': true
22 | 							});
23 | 							table3.createIndex("unusedindex");
24 | 						}
25 | 					}
26 | 				}).done(function() {
27 | 					cb();
28 | 				});
29 | 			});
30 | 
31 | 			window.addData = function(table, deferred) {
32 | 				var req = window.indexedDB.open('IndexedDBPerf');
33 | 				var readCount = 0;
34 | 				req.onsuccess = function() {
35 | 					var db = req.result;
36 | 					var transaction = db.transaction([table], 'readwrite');
37 | 					var objStore = transaction.objectStore(table);
38 | 					var writeReq = objStore.add(data);
39 | 					writeReq.onsuccess = function() {
40 | 						db.close();
41 | 						deferred.resolve();
42 | 					};
43 | 				};
44 | 				req.onerror = function() {
45 | 					throw "Could not open database";
46 | 				};
47 | 			}
48 | 		},
49 | 		setup: function() {
50 | 			window.data = Faker.Helpers.createCard();
51 | 		},
52 | 		teardown: function() {
53 | 
54 | 		},
55 | 		tests: {
56 | 			'Writing to a table with NO index': function(deferred) {
57 | 				addData("Table1", deferred);
58 | 			},
59 | 			'Writing to a table with Used index': function(deferred) {
60 | 				addData("Table2", deferred);
61 | 			},
62 | 			'Writing to a table with Unused index': function(deferred) {
63 | 				addData("Table3", deferred);
64 | 			}
65 | 		}
66 | 	};
67 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/9_CursorIndexCursor.js:
--------------------------------------------------------------------------------
  1 | (function(s) {
  2 | 	s['Iterations using Cursors/Index Cursors'] = {
  3 | 		category : 'Indexes',
  4 | 		desc: 'Is iterating using Indexes as fast as Iterating using normal cursors',
  5 | 		_bTestKey:'agt1YS1wcm9maWxlcnINCxIEVGVzdBj35qcUDA',
  6 | 		onStart: function(cb, status) {
  7 | 			$.indexedDB('IndexedDBPerf').deleteDatabase().done(function() {
  8 | 				$.indexedDB('IndexedDBPerf', {
  9 | 					'schema': {
 10 | 						1: function(t) {
 11 | 							var table1 = t.createObjectStore("Table1", {
 12 | 								autoIncrement: false,
 13 | 								keyPath : "id"
 14 | 							});
 15 | 							table1.createIndex("id");
 16 | 							table1.createIndex("name");
 17 | 						}
 18 | 					}
 19 | 				}).done(function() {
 20 | 					var objStore = $.indexedDB('IndexedDBPerf').objectStore('Table1');
 21 | 					var added = 0;
 22 | 					for (var i = 0; i < 1000; i++) {
 23 | 						var data = Faker.Helpers.createCard();
 24 | 						data.name  = i + Faker.Name.findName();
 25 | 						data.id = i;
 26 | 						objStore.add(data).always(function() {
 27 | 							if (++added >= 999) {
 28 | 								cb();
 29 | 							}
 30 | 							status();
 31 | 						});
 32 | 					}
 33 | 				})
 34 | 			});
 35 | 		},
 36 | 		setup: function() {},
 37 | 		teardown: function() {},
 38 | 		tests: {
 39 | 			'Reading using Cursors': function(deferred) {
 40 | 				var req = window.indexedDB.open('IndexedDBPerf');
 41 | 				var readCount = 0;
 42 | 				req.onsuccess = function() {
 43 | 					var db = req.result;
 44 | 					var transaction = db.transaction(['Table1'], 'readonly');
 45 | 					var objStore = transaction.objectStore('Table1');
 46 | 					var cursorReq = objStore.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
 47 | 					cursorReq.onsuccess = function() {
 48 | 						if (cursorReq.result) {
 49 | 							var data = cursorReq.result.value;
 50 | 							readCount++;
 51 | 							cursorReq.result["continue"]();
 52 | 						} else {
 53 | 							//console.log("All Done");
 54 | 							if (readCount < 999){
 55 | 								throw "Did not read all the data"  + readCount;
 56 | 							}
 57 | 							db.close();
 58 | 							deferred.resolve();
 59 | 						}
 60 | 					};
 61 | 					cursorReq.onerror = function() {
 62 | 						throw "Could not create Cursor request"
 63 | 					}
 64 | 				};
 65 | 				req.onerror = function() {
 66 | 					throw "Could not open database";
 67 | 				};
 68 | 			},
 69 | 			'Reading using Index Cursors': function(deferred) {
 70 | 				var req = window.indexedDB.open('IndexedDBPerf');
 71 | 				var readCount = 0;
 72 | 				req.onsuccess = function() {
 73 | 					var db = req.result;
 74 | 					var transaction = db.transaction(['Table1'], 'readonly');
 75 | 					var objStore = transaction.objectStore('Table1');
 76 | 					var index = objStore.index("id");
 77 | 					var cursorReq = index.openCursor(IDBKeyRange.bound(0, 1000, true, true), "next");
 78 | 					cursorReq.onsuccess = function() {
 79 | 						if (cursorReq.result) {
 80 | 							var data = cursorReq.result.value;
 81 | 							readCount++;
 82 | 							cursorReq.result["continue"]();
 83 | 						} else {
 84 | 							if (readCount < 999){
 85 | 								throw "Did not read all the data"  + readCount;
 86 | 							}
 87 | 							db.close();
 88 | 							deferred.resolve();
 89 | 						}
 90 | 					};
 91 | 					cursorReq.onerror = function() {
 92 | 						throw "Could not create Cursor request"
 93 | 					}
 94 | 				};
 95 | 				req.onerror = function() {
 96 | 					throw "Could not open database";
 97 | 				};
 98 | 			},
 99 | 			'Reading using Index Cursors - String Index': function(deferred) {
100 | 				var req = window.indexedDB.open('IndexedDBPerf');
101 | 				var readCount = 0;
102 | 				req.onsuccess = function() {
103 | 					var db = req.result;
104 | 					var transaction = db.transaction(['Table1'], 'readonly');
105 | 					var objStore = transaction.objectStore('Table1');
106 | 					var index = objStore.index("name");
107 | 					var cursorReq = index.openCursor();
108 | 					cursorReq.onsuccess = function() {
109 | 						if (cursorReq.result) {
110 | 							var data = cursorReq.result.value;
111 | 							readCount++;
112 | 							cursorReq.result["continue"]();
113 | 						} else {
114 | 							if (readCount < 999){
115 | 								throw "Did not read all the data " + readCount;
116 | 							}
117 | 							db.close();
118 | 							deferred.resolve();
119 | 						}
120 | 					};
121 | 					cursorReq.onerror = function() {
122 | 						throw "Could not create Cursor request"
123 | 					}
124 | 				};
125 | 				req.onerror = function() {
126 | 					throw "Could not open database";
127 | 				};
128 | 			}
129 | 		}
130 | 	};
131 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/perf/tests/Template.js:
--------------------------------------------------------------------------------
 1 | (function(s) {
 2 | 	s['Template'] = {
 3 | 		category: '',
 4 | 		desc: '',
 5 | 		_bTestKey: '',
 6 | 		onStart: function(cb, status) {
 7 | 			cb();
 8 | 		},
 9 | 		setup: function() {},
10 | 		teardown: function() {},
11 | 		defer: true,
12 | 		tests: {
13 | 			'Test 1': function(deferred) {
14 | 				window.setTimeout(function() {
15 | 					deferred.resolve();
16 | 				}, 1000);
17 | 			},
18 | 			'Test 2': function(deferred) {
19 | 				window.setTimeout(function() {
20 | 					deferred.resolve();
21 | 				}, 2000);
22 | 			}
23 | 		}
24 | 	};
25 | }(window.IndexedDBPerf.suites));


--------------------------------------------------------------------------------
/polyfill/index.html:
--------------------------------------------------------------------------------
1 | <script type = "text/javascript">
2 | 	window.location = "/IndexedDBShim";
3 | </script>


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | html, body {
 2 |     margin: 0;
 3 |     padding: 0;
 4 |     font-family: Helvetica Neue, Verdana, Helvetica, Arial;
 5 |     font-size: 14px;
 6 |     color: #333;
 7 | }
 8 | 
 9 | body {
10 |     overflow: auto;
11 |     height: 100%;
12 |     background: #6788AD;
13 | 	line-height : 18px;
14 |     background: -moz-linear-gradient(top, #496687 0%, #6889AE 100%);
15 |  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #496687), color-stop(100%, #6889AE) );
16 |  	filter: progid :   DXImageTransform.Microsoft.gradient ( startColorstr = '#496687', endColorstr = '#6889AE',GradientType =       0 );
17 | }
18 | 
19 | li{
20 | 	margin-bottom:3px;
21 | }
22 | 
23 | #content-wrap{
24 | 	width : 70%;
25 | 	margin : 0 auto;
26 | 	background-color : white;
27 | 	box-shadow :  0 0 20px #122F4B;
28 | }
29 | 
30 | h1{
31 | 	padding : 1%;
32 | 	background-color : #122F4B;
33 | 	color: white;
34 | 	font-family: Georgia, "Times New Roman", Times;
35 | 	font-weight : normal;
36 | 	text-align : center;
37 | 	padding : 20px 0;
38 | 	margin : 0;
39 | }
40 | 
41 | h2{
42 | 	border-top : dotted 1px #777;
43 | 	padding-top : 10px;
44 | 	margin-top: 10px;
45 | }
46 | 
47 | #content{
48 | 	padding : 2%;
49 | }
50 | 


--------------------------------------------------------------------------------
/test.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 |     <head>
  4 |         IndexedDB - Test file
  5 |     </head>
  6 |     <body>
  7 |         <div id = "testLinks">
  8 |             Links for each function that is tested would be generated here.
  9 |         </div>
 10 |         <script>
 11 |             var DB = {
 12 |             	"name": "SampleDatabase"
 13 |             }
 14 |             
 15 |             var IndexedDBTest = (function(){
 16 |             	var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB;
 17 |             	var IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange;
 18 |             	var IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction;
 19 |             	
 20 |             	return {
 21 |             		"All": function(){
 22 |             			try {
 23 |             				var dbRequest = indexedDB.open(DB.name, 100);
 24 |             				DB.val = dbRequest;
 25 |             				dbRequest.onsuccess = function(){
 26 |             					console.log("DB Open Success ", dbRequest);
 27 |             					
 28 |             					// Opening the transaction
 29 |             					var transaction = dbRequest.result.transaction("ObjectStore1", IDBTransaction.READ_WRITE);
 30 |             					console.log(transaction);
 31 |             					
 32 |             					// Opening the Object Store
 33 |             					var objectStore = transaction.objectStore("ObjectStore1");
 34 |             					console.log(objectStore);
 35 |             					var id = Math.random();
 36 |             					
 37 |             					// Add a new Object
 38 |             					var addRequest = objectStore.add({
 39 |             						"id": id,
 40 |             						"value": Math.random()
 41 |             					});
 42 |             					addRequest.onsuccess = function(){
 43 |             						console.log("Add Request SUCCESS", addRequest);
 44 |             					};
 45 |             					addRequest.onerror = function(){
 46 |             						console.log("Add Request ERROR", addRequest);
 47 |             					};
 48 |             					
 49 |             					// Get the saved Object
 50 |             					var getRequest = objectStore.get(id);
 51 |             					getRequest.onsuccess = function(){
 52 |             						console.log("Get request Success", getRequest.result, getRequest);
 53 |             					};
 54 |             					getRequest.onerror = function(){
 55 |             						console.log("Get request Success", getRequest.error, getRequest);
 56 |             					};
 57 |             					
 58 |             					// Update the saved Object
 59 |             					var updateRequest = objectStore.put({
 60 |             						id: "id",
 61 |             						"modified": Math.random()
 62 |             					});
 63 |             					updateRequest.onsuccess = function(){
 64 |             						console.log("Update request Success", updateRequest.result, updateRequest);
 65 |             					};
 66 |             					updateRequest.onerror = function(){
 67 |             						console.log("Update request Success", updateRequest.error, updateRequest);
 68 |             					};
 69 |             					
 70 |             					
 71 |             					// Iterate using cursors
 72 |             					var cursorRequest = objectStore.openCursor();
 73 |             					cursorRequest.onsuccess = function(){
 74 |             						console.log("Cursor Success", cursorRequest.result, cursorRequest);
 75 |             						cursorRequest.result && cursorRequest.result["continue"]();
 76 |             					};
 77 |             					cursorRequest.onerror = function(){
 78 |             						console.log("Cursor Error", cursorRequest.error, cursorRequest);
 79 |             					};
 80 |             					
 81 |             				};
 82 |             				dbRequest.onerror = function(){
 83 |             					console.log("DB Open ERROR ", dbRequest);
 84 |             				};
 85 |             				dbRequest.onupgradeneeded = function(){
 86 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
 87 |             					var db = dbRequest.result;
 88 |             					try {
 89 |             						var objectStore = db.createObjectStore("ObjectStore1", {
 90 |             							"keyPath": "id",
 91 |             							"autoIncrement": true
 92 |             						});
 93 |             						console.log("Created ObjectStore", objectStore)
 94 |             					} 
 95 |             					catch (e) {
 96 |             						console.info(e);
 97 |             					}
 98 |             				};
 99 |             			} 
100 |             			catch (e) {
101 |             				console.info(e);
102 |             			}
103 |             			
104 |             		},
105 |             		
106 |             		
107 |             		"Check for IndexedDB Object": function(){
108 |             			DB.val = indexedDB;
109 |             			console.log(indexedDB);
110 |             		},
111 |             		
112 |             		"Open a Database, no version specified": function(){
113 |             			try {
114 |             				var dbRequest = indexedDB.open(DB.name);
115 |             				DB.val = dbRequest;
116 |             				dbRequest.onsuccess = function(){
117 |             					DB.version = dbRequest.result.version;
118 |             					console.log("DB Open Success ", dbRequest);
119 |             				};
120 |             				dbRequest.onerror = function(){
121 |             					console.log("DB Open ERROR ", dbRequest);
122 |             				};
123 |             				dbRequest.onblocked = function(){
124 |             					console.log("DB Open BLOCKED", dbRequest);
125 |             				};
126 |             				dbRequest.onupgradeneeded = function(){
127 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
128 |             				};
129 |             				dbRequest.onversionchange = function(){
130 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
131 |             				};
132 |             			} 
133 |             			catch (e) {
134 |             				console.info(e);
135 |             			}
136 |             		},
137 |             		
138 |             		"Open a database with higher version": function(){
139 |             			try {
140 |             				var dbRequest = indexedDB.open(DB.name, 1);
141 |             				DB.val = dbRequest;
142 |             				dbRequest.onsuccess = function(){
143 |             					console.log("DB Open Success", dbRequest);
144 |             				};
145 |             				dbRequest.onerror = function(){
146 |             					console.log("DB Open ERROR ", dbRequest);
147 |             				};
148 |             				dbRequest.onblocked = function(){
149 |             					console.log("DB Open BLOCKED", dbRequest);
150 |             				};
151 |             				dbRequest.onupgradeneeded = function(){
152 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
153 |             				};
154 |             				dbRequest.onversionchange = function(){
155 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
156 |             				};
157 |             			} 
158 |             			catch (e) {
159 |             				console.info(e);
160 |             			}
161 |             		},
162 |             		
163 |             		
164 |             		"Delete Database": function(){
165 |             			var dbRequest = indexedDB.deleteDatabase(DB.name);
166 |             			DB.val = dbRequest
167 |             			dbRequest.onsuccess = function(){
168 |             				console.log("Database deleted ", dbRequest.result);
169 |             			};
170 |             			dbRequest.onerror = function(){
171 |             				console.log("Database deletion failed", dbRequest.result);
172 |             			}
173 |             		},
174 |             		
175 |             		"Create Object Store": function(){
176 |             			try {
177 |             				var dbRequest = indexedDB.open(DB.name, 2);
178 |             				DB.val = dbRequest;
179 |             				dbRequest.onsuccess = function(){
180 |             					console.log("DB Open Success", dbRequest);
181 |             					DB.version = dbRequest.result.version;
182 |             				};
183 |             				dbRequest.onerror = function(){
184 |             					console.log("DB Open ERROR ", dbRequest);
185 |             				};
186 |             				dbRequest.onblocked = function(){
187 |             					console.log("DB Open BLOCKED", dbRequest);
188 |             				};
189 |             				dbRequest.onupgradeneeded = function(){
190 |             					console.log("DB Open UPGRADE_NEEDED", dbRequest);
191 |             				};
192 |             			} 
193 |             			catch (e) {
194 |             				console.info(e);
195 |             			}
196 |             			
197 |             		}
198 |             	};
199 |             })();
200 |             
201 |             var testGenerator = (function(O, test){
202 |             	var tmpl = "<li><a href ='javascript:delete DB.val; IndexedDBTest[\"__NAME__\"]();'>__NAME__</a></li>"
203 |             	var html = ["<ul>"];
204 |             	for (f in O) {
205 |             		html.push(tmpl.replace(/__NAME__/g, f));
206 |             	}
207 |             	html.push("</ul>");
208 |             	test.innerHTML = html.join("");
209 |             })(IndexedDBTest, document.getElementById("testLinks"));
210 |         </script>
211 |     </body>
212 | </html>
213 | 


--------------------------------------------------------------------------------
/trialtool/all.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <body>
 3 |         <ul>
 4 |             <li class = "example-link example-set" href = "/ttd/IndexedDB/ie.html">
 5 |             </li>
 6 |             <li class = "example-link example-set" href = "/ttd/IndexedDB/moz_indexedDB.html">
 7 |             </li>
 8 |             <li class = "example-link example-set" href = "/ttd/IndexedDB/webkitIndexedDB.html">
 9 |             </li>
10 |         </ul>
11 |     </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/trialtool/test.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Test Page</title>
 4 |     </head>
 5 |     <body>
 6 |         <div id = "console">
 7 |         </div>
 8 |         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
 9 |         </script>
10 |         <script type = "text/javascript" src = "/trialtool/js/ConsoleHelper.js">
11 |         </script>
12 |         <script type = "text/javascript">
13 |             function axe(){
14 | 
15 | 				// Initialising the window.IndexedDB Object
16 | 				window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
17 | 				window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange;
18 | 				window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction;
19 | 				var DAO = DAO || {};
20 | 
21 | 				/*Open Database*/
22 | 
23 | 				document.write("Trying to open database ...");
24 | 				var db = null;
25 | 				var dbOpenRequest = window.indexedDB.open("BookShop1");
26 | 				dbOpenRequest.onsuccess = function(event){
27 | 					db = dbOpenRequest.result;
28 | 					DAO.version = db.version;
29 | 					var thisDB = db; // Need to create this variable since the variable db is assigned to other things later
30 | 					db.onversionchange = function(e){
31 | 					  write("Version change triggered, so closing database connection", e.oldVersion, e.newVersion, thisDB);
32 | 					  thisDB.close();
33 | 					};
34 | 					write("Database Opened", db, event);
35 | 					
36 | 					document.write("Opening a new transaction.");
37 | 					var transaction = db.transaction(["ObjectStore_BookList"], 1);
38 | 					
39 | 				}
40 | 			}
41 |         </script>
42 |     </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------