git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/pretty-json/node_modules/jsonminify/test.minify.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5 <title>Test JSON.minify()</title>
   6
   7 <script type="text/javascript" src="json2.js"></script>
   8 <script type="text/javascript" src="minify.json.js"></script>
   9
  10 </head>
  11
  12 <body>
  13 <h1>Test JSON.minify()</h1>
  14
  15 <p>test #1</p>
  16 <textarea id="orig_json1" cols="50" rows="12">
  17 // this is a JSON file with comments
  18 {
  19         "foo": "bar",   // this is cool
  20         "bar": [
  21                 "baz", "bum", "zam"
  22         ],
  23 /* the rest of this document is just fluff
  24    in case you are interested. */
  25         "something": 10,
  26         "else": 20
  27 }
  28
  29 /* NOTE: You can easily strip the whitespace and comments
  30    from such a file with the JSON.minify() project hosted
  31    here on github at http://github.com/getify/JSON.minify
  32 */
  33 </textarea>
  34 <p>result #1</p>
  35 <textarea id="new_json1" cols="50" rows="12"></textarea>
  36
  37
  38 <p>test #2</p>
  39 <textarea id="orig_json2" cols="50" rows="12">
  40
  41 {"/*":"*/","//":"",/*"//"*/"/*/"://
  42 "//"}
  43
  44 </textarea>
  45 <p>result #2</p>
  46 <textarea id="new_json2" cols="50" rows="12"></textarea>
  47
  48
  49 <p>test #3</p>
  50 <textarea id="orig_json3" cols="50" rows="12">
  51 /*
  52 this is a
  53 multi line comment */{
  54
  55 "foo"
  56 :
  57         "bar/*"// something
  58         ,       "b\"az":/*
  59 something else */"blah"
  60
  61 }
  62 </textarea>
  63 <p>result #3</p>
  64 <textarea id="new_json3" cols="50" rows="12"></textarea>
  65
  66
  67 <p>test #4</p>
  68 <textarea id="orig_json4" cols="50" rows="12">
  69 {"foo": "ba\"r//", "bar\\": "b\\\"a/*z",
  70         "baz\\\\": /* yay */ "fo\\\\\"*/o"
  71 }
  72 </textarea>
  73 <p>result #4</p>
  74 <textarea id="new_json4" cols="50" rows="12"></textarea>
  75
  76
  77
  78 <script type="text/javascript">
  79
  80 var old;
  81 for (var i=1; i<=4; i++) {
  82         old = document.getElementById("orig_json"+i).value;
  83         document.getElementById("new_json"+i).value = JSON.minify(old);
  84 }
  85
  86 </script>
  87
  88 </body>
  89 </html>