Prevent browsers from caching old codemirror when it is updated

zanata-war/src/main/resources/org/zanata/webtrans/public/Application.xhtml

@@ -26,8 +26,8 @@
     <link type="text/css" rel="stylesheet"
       href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic"/>
 
-    <script src="codemirror-compressed.js" type="text/javascript"></script>
-    <link rel="stylesheet" type="text/css" href="codemirror.css"/>
+    <script src="codemirror/codemirror-compressed-3.16.cache.js" type="text/javascript"></script>
+    <link rel="stylesheet" type="text/css" href="codemirror/codemirror-3.16.cache.css"/>
 
     <script src="diff_match_patch/javascript/diff_match_patch.js"
       type="text/javascript"></script>

zanata-war/src/main/resources/org/zanata/webtrans/public/Dummy.html

@@ -10,8 +10,8 @@
   <link rel="stylesheet" href="images/fontello/css/fontello.css"/>
   <link rel="stylesheet" href="../stylesheet/menu.css"/>
 
-  <script src="codemirror-compressed.js" type="text/javascript"></script>
-  <link rel="stylesheet" type="text/css" href="codemirror.css"/>
+  <script src="codemirror/codemirror-compressed-3.16.cache.js" type="text/javascript"></script>
+  <link rel="stylesheet" type="text/css" href="codemirror/codemirror-3.16.cache.css"/>
 
   <script src="diff_match_patch/javascript/diff_match_patch.js"
     type="text/javascript"></script>

zanata-war/src/main/resources/org/zanata/webtrans/public/codemirror/README-codemirror-updates.txt

@@ -0,0 +1,36 @@
+The codemirror version number is incorporated in the filename to enable
+correct caching in browsers.
+
+When updating codemirror, be sure to change the filenames for
+codemirror-*.cache.css and codemirror-compressed-*.cache.js and the
+references to them in Application.xhtml and Dummy.html.
+
+
+Recipe for codemirror-compressed.js:
+
+codemirror-compressed.js is generated at http://codemirror.net/doc/compress.html
+includes:
+- codemirror.js
+- css.js
+- htmlmixed.js
+- javascript.js
+- xml.js
+- runmode.js
+- searchcursor.js (to enable highlight search term within codemirror"
+- overlay.js (to support visible space)
+
+added following custom code when generating the codemirror-compressed.js (to support visible space):
+
+CodeMirror.defineMode("visibleSpace", function(config, parserConfig) {
+  var visibleSpaceOverlay = {
+    token: function(stream, state) {
+      var ch = stream.next();
+      if (ch == " ") {
+        return "space";
+      } else {
+        return null;
+      }
+    }
+  };
+  return CodeMirror.overlayMode(CodeMirror.getMode(config, parserConfig.backdrop || "htmlmixed"), visibleSpaceOverlay);
+});