Closure: more v2-specific changes, typo and rendering fixes

docs/closure_compilation.md

 # Closure Compilation
 
 ## I just need to fix the compile!
 
 ### Pre-requisites
 
 You'll need Java 7 (preferably the OpenJDK version).  To install on Ubuntu:
 
 ```shell
 sudo apt-get install openjdk-7-jre
 ```
 
 On Mac or Windows, visit:
 [http://www.oracle.com/technetwork/java/javase/downloads/index.html](http://www.oracle.com/technetwork/java/javase/downloads/index.html)
 
 ### Using ninja to compile the code
 
 We use GYP and ninja as our build system. To generate the ninja files from GYP:
 
 ```shell
-# notice the 2 in compiled_resources.gyp
+# notice the 2 in compiled_resources2.gyp
 GYP_GENERATORS=ninja tools/gyp/gyp --depth . third_party/closure_compiler/compiled_resources2.gyp
 ```
 
 To compile the JavaScript:
 
 ```shell
 ninja -C out/Default -j4
 ```
 
 The output should look something like this:
@@ skipping 60 matching lines @@
 
 and `src/my_product/my_file.js` contains:
 
 ```javascript
 /** @type {number} */ var mensa = wit + 50;
 alert(mensa);  // '100 IQ50' instead of 150
 ```
 
 In order to check that our code acts as we'd expect, we can create a
 
-    my_project/compiled_resources.gyp
+    my_project/compiled_resources2.gyp
 
 with the contents:
 
 ```
-# Copyright 2015 The Chromium Authors. All rights reserved.
+# Copyright 2016 The Chromium Authors. All rights reserved.
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 {
   'targets': [
     {
       'target_name': 'my_file',  # file name without ".js"
-
-      'variables': {  # Only use if necessary (no need to specify empty lists).
-        'depends': [
-          'other_file.js',  # or 'other_project/compiled_resources.gyp:target',
-        ],
-        'externs': [
-          '<(CLOSURE_DIR)/externs/any_needed_externs.js'  # e.g. chrome.send(), chrome.app.window, etc.
-        ],
-      },
-
-      'includes': ['../third_party/closure_compiler/compile_js.gypi'],
+      'dependencies': [  # No need to specify empty lists.
+        '../compiled_resources2.gyp:other_file',
+        '<(EXTERNS_GYP):any_needed_externs'  # e.g. chrome.send(), chrome.app.window, etc.
+      ],
+      'includes': ['../third_party/closure_compiler/compile_js2.gypi'],
     },
   ],
 }
 ```
 
 You should get results like:
 
 ```
 (ERROR) Error in: my_project/my_file.js
 ## /my/home/chromium/src/my_project/my_file.js:1: ERROR - initializing variable
@@ skipping 12 matching lines @@
 /third_party/closure_compiler/compiled_resources.gyp
 like this:
 
 ```
 {
   'targets': [
     {
       'target_name': 'compile_all_resources',
       'dependencies': [
          # ... other projects ...
-++       '../my_project/compiled_resources.gyp:*',
+++       '../my_project/compiled_resources2.gyp:*',
       ],
     }
   ]
 }
 ```
 
 and the
 [Closure compiler bot](http://build.chromium.org/p/chromium.fyi/builders/Closure%20Compilation%20Linux)
 will [re-]compile your code whenever relevant .js files change.
 
 ## Using Compiled JavaScript
 
 Compiled JavaScript is output in
 `src/out/<Debug|Release>/gen/closure/my_project/my_file.js` along with a source
 map for use in debugging. In order to use the compiled JavaScript, we can create
 a
 
-    my_project/my_project_resources.gpy
+    my_project/my_project_resources.gyp
 
 with the contents:
 
 ```
 # Copyright 2015 The Chromium Authors. All rights reserved.
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 
 {
   'targets': [
@@ skipping 32 matching lines @@
 with the contents:
 
 ```
 <?xml version="1.0" encoding="utf-8"?>
 <grit-part>
   <include name="IDR_MY_FILE_GEN_JS" file="${my_file_gen_js}" use_base_dir="false" type="BINDATA" />
 </grit-part>
 ```
 
 In your C++, the resource can be retrieved like this:
+
 ```
 base::string16 my_script =
     base::UTF8ToUTF16(
         ResourceBundle::GetSharedInstance()
             .GetRawDataResource(IDR_MY_FILE_GEN_JS)
             .as_string());
 ```
 
 ## Debugging Compiled JavaScript
 
@@ skipping 42 matching lines @@
 also override the `disabled_closure_args` for more strict compilation.
 
 For example, if you would like to specify multiple sources, strict compilation,
 and an output wrapper, you would create a
 
 ```
 my_project/compiled_resources.gyp
 ```
 
 with contents similar to this:
+
 ```
 # Copyright 2015 The Chromium Authors. All rights reserved.
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 {
   'targets' :[
     {
       'target_name': 'my_file',
       'variables': {
         'source_files': [
           'my_file.js',
           'my_file2.js',
         ],
         'script_args': ['--no-single-file'], # required to process multiple files at once
         'closure_args': [
           'output_wrapper=\'(function(){%output%})();\'',
           'jscomp_error=reportUnknownTypes',     # the following three provide more strict compilation
           'jscomp_error=duplicate',
           'jscomp_error=misplacedTypeAnnotation',
         ],
         'disabled_closure_args': [], # remove the disabled closure args for more strict compilation
       },
       'includes': ['../third_party/closure_compiler/compile_js.gypi'],
     },
   ],
 }
 ```