From 77804673d7bf7f3df455bb42c479203e9455c68d Mon Sep 17 00:00:00 2001
From: Chad Weider <cweider@oofn.net>
Date: Sat, 14 Jan 2012 16:12:03 -0800
Subject: [PATCH 1/4] Move packaging info into its own file.

---
 node/utils/Minify.js | 19 ++++++------------
 node/utils/tar.json  | 47 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 13 deletions(-)
 create mode 100644 node/utils/tar.json

diff --git a/node/utils/Minify.js b/node/utils/Minify.js
index 588456fd..330c5810 100644
--- a/node/utils/Minify.js
+++ b/node/utils/Minify.js
@@ -32,9 +32,8 @@ var gzip = require('gzip');
 var server = require('../server');
 var os = require('os');
 
-var padJS = ["jquery.min.js", "pad_utils.js", "plugins.js", "undo-xpopup.js", "json2.js", "pad_cookie.js", "pad_editor.js", "pad_editbar.js", "pad_docbar.js", "pad_modals.js", "ace.js", "collab_client.js", "pad_userlist.js", "pad_impexp.js", "pad_savedrevs.js", "pad_connectionstatus.js", "pad2.js", "jquery-ui.js", "chat.js", "excanvas.js", "farbtastic.js"];
-
-var timesliderJS = ["jquery.min.js", "plugins.js", "undo-xpopup.js", "json2.js", "colorutils.js", "draggable.js", "pad_utils.js", "pad_cookie.js", "pad_editor.js", "pad_editbar.js", "pad_docbar.js", "pad_modals.js", "pad_impexp.js", "easysync2_client.js", "domline_client.js", "linestylefilter_client.js", "cssmanager_client.js", "broadcast.js", "broadcast_slider.js", "broadcast_revisions.js"];
+var TAR_PATH = path.join(__dirname, 'tar.json');
+var tar = JSON.parse(fs.readFileSync(TAR_PATH, 'utf8'));
 
 /**
  * creates the minifed javascript for the given minified name
@@ -46,16 +45,10 @@ exports.minifyJS = function(req, res, jsFilename)
   res.header("Content-Type","text/javascript");
   
   //choose the js files we need
-  if(jsFilename == "pad.js")
-  {
-    jsFiles = padJS;
-  }
-  else if(jsFilename == "timeslider.js")
-  {
-    jsFiles = timesliderJS;
-  }
-  else
-  {
+  var jsFiles = undefined;
+  if (Object.prototype.hasOwnProperty.call(tar, jsFilename)) {
+    jsFiles = tar[jsFilename];
+  } else {
     throw new Error("there is no profile for creating " + name);
   }
   
diff --git a/node/utils/tar.json b/node/utils/tar.json
new file mode 100644
index 00000000..7cb60694
--- /dev/null
+++ b/node/utils/tar.json
@@ -0,0 +1,47 @@
+{
+  "pad.js": [
+    "jquery.min.js"
+  , "pad_utils.js"
+  , "plugins.js"
+  , "undo-xpopup.js"
+  , "json2.js"
+  , "pad_cookie.js"
+  , "pad_editor.js"
+  , "pad_editbar.js"
+  , "pad_docbar.js"
+  , "pad_modals.js"
+  , "ace.js"
+  , "collab_client.js"
+  , "pad_userlist.js"
+  , "pad_impexp.js"
+  , "pad_savedrevs.js"
+  , "pad_connectionstatus.js"
+  , "pad2.js"
+  , "jquery-ui.js"
+  , "chat.js"
+  , "excanvas.js"
+  , "farbtastic.js"
+  ]
+, "timeslider.js": [
+    "jquery.min.js"
+  , "plugins.js"
+  , "undo-xpopup.js"
+  , "json2.js"
+  , "colorutils.js"
+  , "draggable.js"
+  , "pad_utils.js"
+  , "pad_cookie.js"
+  , "pad_editor.js"
+  , "pad_editbar.js"
+  , "pad_docbar.js"
+  , "pad_modals.js"
+  , "pad_impexp.js"
+  , "easysync2_client.js"
+  , "domline_client.js"
+  , "linestylefilter_client.js"
+  , "cssmanager_client.js"
+  , "broadcast.js"
+  , "broadcast_slider.js"
+  , "broadcast_revisions.js"
+  ]
+}

From 9c91f16c71b7f541aa2ea5d9f7e6d797464124fb Mon Sep 17 00:00:00 2001
From: Chad Weider <cweider@oofn.net>
Date: Sat, 14 Jan 2012 21:42:47 -0800
Subject: [PATCH 2/4] Improve inlining of editor content.

Instead of replacing substrings, write each included file's content into a shared dictionary for lookup later. This eliminates duplication and arguably improves readability.
---
 node/utils/Minify.js | 42 +++++++++++++-----------------------------
 static/js/ace.js     | 40 ++++++++++++++++++++++------------------
 2 files changed, 35 insertions(+), 47 deletions(-)

diff --git a/node/utils/Minify.js b/node/utils/Minify.js
index 330c5810..719cdaee 100644
--- a/node/utils/Minify.js
+++ b/node/utils/Minify.js
@@ -155,52 +155,36 @@ exports.minifyJS = function(req, res, jsFilename)
         
           var type = item.match(/INCLUDE_[A-Z]+/g)[0].substr("INCLUDE_".length);
         
-          var quote = item.search("_Q") != -1;
-        
           //read the included file
           fs.readFile(filename, "utf-8", function(err, data)
           {         
             if(ERR(err, callback)) return;
-            
-            //compress the file               
+
             if(type == "JS")
             {
-              embeds[item] = "<script>\n" + compressJS([data])+ "\n\\x3c/script>";
+              embeds[filename] = compressJS([data]);
             }
             else
             {
-              embeds[item] = "<style>" + compressCSS([data])+ "</style>";
+              embeds[filename] = compressCSS([data]);
             }
-            
-            //do the first escape
-            embeds[item] = JSON.stringify(embeds[item]).replace(/'/g, "\\'").replace(/\\"/g, "\"");
-            embeds[item] = embeds[item].substr(1);
-            embeds[item] = embeds[item].substr(0, embeds[item].length-1);
-            
-            //add quotes, if wished
-            if(quote)
-            {
-              embeds[item] = "'" + embeds[item] + "'";
-            }
-            
-            //do the second escape
-            embeds[item] = JSON.stringify(embeds[item]).replace(/'/g, "\\'").replace(/\"/g, "\"");
-            embeds[item] = embeds[item].substr(1);
-            embeds[item] = embeds[item].substr(0, embeds[item].length-1);
-            embeds[item] = "'" + embeds[item] + "'";
-            
+
             callback();
           });
         }, function(err)
         {
           if(ERR(err, callback)) return;
-          
-          //replace the include command with the include
-          for(var i in embeds)
+
+          fileValues["ace.js"] += ';\n'
+          fileValues["ace.js"] +=
+              'Ace2Editor.EMBEDED = Ace2Editor.EMBED || {};\n'
+          for (var filename in embeds)
           {
-            fileValues["ace.js"]=fileValues["ace.js"].replace(i, embeds[i]);
+            fileValues["ace.js"] +=
+                'Ace2Editor.EMBEDED[' + JSON.stringify(filename) + '] = '
+              + JSON.stringify(embeds[filename]) + ';\n';
           }
-          
+
           callback();
         });
       },
diff --git a/static/js/ace.js b/static/js/ace.js
index 69d3cf09..3152a843 100644
--- a/static/js/ace.js
+++ b/static/js/ace.js
@@ -200,25 +200,29 @@ function Ace2Editor()
   // calls to these functions ($$INCLUDE_...)  are replaced when this file is processed
   // and compressed, putting the compressed code from the named file directly into the
   // source here.
-  var $$INCLUDE_CSS = function(fileName)
-    {
-      return '<link rel="stylesheet" type="text/css" href="' + fileName + '"/>';
-      };
-  var $$INCLUDE_JS = function(fileName)
-    {
-      return '\x3cscript type="text/javascript" src="' + fileName + '">\x3c/script>';
-      };
+  var $$INCLUDE_CSS = function(fileName) {
+    if (Ace2Editor.EMBEDED && Ace2Editor.EMBEDED[fileName]) {
+      return '<style type="text/css">' + Ace2Editor.EMBEDED[fileName] + '<\/style>';
+    } else {
+      return '<link rel="stylesheet" type="text/css" href="' + fileName + '"\/>';
+    }
+  }
+  var $$INCLUDE_JS = function(fileName) {
+    if (Ace2Editor.EMBEDED && Ace2Editor.EMBEDED[fileName]) {
+      return '<script type="text/javascript">' + Ace2Editor.EMBEDED[fileName].replace(/<\//g, '<\\/') + '<\/script>';
+    } else {
+      return '<script type="text/javascript" src="' + fileName + '"><\/script>';
+    };
+  }
   var $$INCLUDE_JS_DEV = $$INCLUDE_JS;
   var $$INCLUDE_CSS_DEV = $$INCLUDE_CSS;
 
-  var $$INCLUDE_CSS_Q = function(fileName)
-    {
-      return '\'<link rel="stylesheet" type="text/css" href="' + fileName + '"/>\'';
-      };
-  var $$INCLUDE_JS_Q = function(fileName)
-    {
-      return '\'\\x3cscript type="text/javascript" src="' + fileName + '">\\x3c/script>\'';
-      };
+  var $$INCLUDE_CSS_Q = function(fileName) {
+    return JSON.stringify(($$INCLUDE_CSS)(fileName));
+  };
+  var $$INCLUDE_JS_Q = function(fileName) {
+    return JSON.stringify(($$INCLUDE_JS)(fileName));
+  };
   var $$INCLUDE_JS_Q_DEV = $$INCLUDE_JS_Q;
   var $$INCLUDE_CSS_Q_DEV = $$INCLUDE_CSS_Q;
 
@@ -273,12 +277,12 @@ function Ace2Editor()
       iframeHTML.push('\'</head><body id="innerdocbody" class="syntax" spellcheck="false">&nbsp;</body></html>\'');
 
       var outerScript = 'editorId = "' + info.id + '"; editorInfo = parent.' + thisFunctionsName + '.registry[editorId]; ' + 'window.onload = function() ' + '{ window.onload = null; setTimeout' + '(function() ' + '{ var iframe = document.createElement("IFRAME"); ' + 'iframe.scrolling = "no"; var outerdocbody = document.getElementById("outerdocbody"); ' + 'iframe.frameBorder = 0; iframe.allowTransparency = true; ' + // for IE
-      'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + iframeHTML.join('+') + ').replace(/\\\\x3c/g, \'<\');doc.write(text); doc.close(); ' + '}, 0); }';
+      'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + iframeHTML.join('+') + ');doc.write(text); doc.close(); ' + '}, 0); }';
 
       var outerHTML = [doctype, '<html><head>', $$INCLUDE_CSS("../static/css/iframe_editor.css"), $$INCLUDE_CSS("../static/css/pad.css"), $$INCLUDE_CSS("../static/custom/pad.css"),
       // bizarrely, in FF2, a file with no "external" dependencies won't finish loading properly
       // (throbs busy while typing)
-      '<link rel="stylesheet" type="text/css" href="data:text/css,"/>', '\x3cscript>\n', outerScript, '\n\x3c/script>', '</head><body id="outerdocbody"><div id="sidediv"><!-- --></div><div id="linemetricsdiv">x</div><div id="overlaysdiv"><!-- --></div></body></html>'];
+      '<link rel="stylesheet" type="text/css" href="data:text/css,"/>', '\x3cscript>\n', outerScript.replace(/<\//g, '<\\/'), '\n\x3c/script>', '</head><body id="outerdocbody"><div id="sidediv"><!-- --></div><div id="linemetricsdiv">x</div><div id="overlaysdiv"><!-- --></div></body></html>'];
 
       if (!Array.prototype.map) Array.prototype.map = function(fun)
       { //needed for IE

From a7bea30d83232a5af6cc898ca33d0f5c50237342 Mon Sep 17 00:00:00 2001
From: Chad Weider <cweider@oofn.net>
Date: Sat, 14 Jan 2012 23:31:23 -0800
Subject: [PATCH 3/4] Remove unnecessary quoting approach.

---
 static/js/ace.js | 57 ++++++++++++++++++++++++------------------------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/static/js/ace.js b/static/js/ace.js
index 3152a843..8b0f9c73 100644
--- a/static/js/ace.js
+++ b/static/js/ace.js
@@ -217,15 +217,6 @@ function Ace2Editor()
   var $$INCLUDE_JS_DEV = $$INCLUDE_JS;
   var $$INCLUDE_CSS_DEV = $$INCLUDE_CSS;
 
-  var $$INCLUDE_CSS_Q = function(fileName) {
-    return JSON.stringify(($$INCLUDE_CSS)(fileName));
-  };
-  var $$INCLUDE_JS_Q = function(fileName) {
-    return JSON.stringify(($$INCLUDE_JS)(fileName));
-  };
-  var $$INCLUDE_JS_Q_DEV = $$INCLUDE_JS_Q;
-  var $$INCLUDE_CSS_Q_DEV = $$INCLUDE_CSS_Q;
-
   editor.destroy = pendingInit(function()
   {
     info.ace_dispose();
@@ -250,34 +241,44 @@ function Ace2Editor()
     {
       var doctype = "<!doctype html>";
 
-      var iframeHTML = ["'" + doctype + "<html><head>'"];
+      var iframeHTML = [];
 
+      iframeHTML.push(doctype);
+      iframeHTML.push("<html><head>");
+
+      // For compatability's sake transform in and out.
+      for (var i = 0, ii = iframeHTML.length; i < ii; i++) {
+        iframeHTML[i] = JSON.stringify(iframeHTML[i]);
+      }
       plugins.callHook("aceInitInnerdocbodyHead", {
         iframeHTML: iframeHTML
       });
+      for (var i = 0, ii = iframeHTML.length; i < ii; i++) {
+        iframeHTML[i] = JSON.parse(iframeHTML[i]);
+      }
 
       // these lines must conform to a specific format because they are passed by the build script:      
-      iframeHTML.push($$INCLUDE_CSS_Q("../static/css/iframe_editor.css"));
-      iframeHTML.push($$INCLUDE_CSS_Q("../static/css/pad.css"));
-      iframeHTML.push($$INCLUDE_CSS_Q("../static/custom/pad.css"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/ace2_common.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/skiplist.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/virtual_lines.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/easysync2.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/cssmanager.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/colorutils.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/undomodule.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/contentcollector.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/changesettracker.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/linestylefilter.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/domline.js"));
-      iframeHTML.push($$INCLUDE_JS_Q("../static/js/ace2_inner.js"));
+      iframeHTML.push($$INCLUDE_CSS("../static/css/iframe_editor.css"));
+      iframeHTML.push($$INCLUDE_CSS("../static/css/pad.css"));
+      iframeHTML.push($$INCLUDE_CSS("../static/custom/pad.css"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/ace2_common.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/skiplist.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/virtual_lines.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/easysync2.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/cssmanager.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/colorutils.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/undomodule.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/contentcollector.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/changesettracker.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/linestylefilter.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/domline.js"));
+      iframeHTML.push($$INCLUDE_JS("../static/js/ace2_inner.js"));
 
-      iframeHTML.push('\'\\n<style type="text/css" title="dynamicsyntax"></style>\\n\'');
-      iframeHTML.push('\'</head><body id="innerdocbody" class="syntax" spellcheck="false">&nbsp;</body></html>\'');
+      iframeHTML.push('<style type="text/css" title="dynamicsyntax"></style>');
+      iframeHTML.push('</head><body id="innerdocbody" class="syntax" spellcheck="false">&nbsp;</body></html>');
 
       var outerScript = 'editorId = "' + info.id + '"; editorInfo = parent.' + thisFunctionsName + '.registry[editorId]; ' + 'window.onload = function() ' + '{ window.onload = null; setTimeout' + '(function() ' + '{ var iframe = document.createElement("IFRAME"); ' + 'iframe.scrolling = "no"; var outerdocbody = document.getElementById("outerdocbody"); ' + 'iframe.frameBorder = 0; iframe.allowTransparency = true; ' + // for IE
-      'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + iframeHTML.join('+') + ');doc.write(text); doc.close(); ' + '}, 0); }';
+      'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + JSON.stringify(iframeHTML.join('\n')) + ');doc.write(text); doc.close(); ' + '}, 0); }';
 
       var outerHTML = [doctype, '<html><head>', $$INCLUDE_CSS("../static/css/iframe_editor.css"), $$INCLUDE_CSS("../static/css/pad.css"), $$INCLUDE_CSS("../static/custom/pad.css"),
       // bizarrely, in FF2, a file with no "external" dependencies won't finish loading properly

From 71a7c00abcac82795938c90fd369c82223ddaf47 Mon Sep 17 00:00:00 2001
From: Chad Weider <cweider@oofn.net>
Date: Sun, 15 Jan 2012 00:05:26 -0800
Subject: [PATCH 4/4] Merge adjacent scripts.

---
 static/js/ace.js | 118 ++++++++++++++++++++++++++++++++++-------------
 1 file changed, 86 insertions(+), 32 deletions(-)

diff --git a/static/js/ace.js b/static/js/ace.js
index 8b0f9c73..2bcf1241 100644
--- a/static/js/ace.js
+++ b/static/js/ace.js
@@ -196,26 +196,62 @@ function Ace2Editor()
     info.ace_replaceRange(start, end, text);
   });
 
+  function sortFilesByEmbeded(files) {
+    var embededFiles = [];
+    var remoteFiles = [];
 
-  // calls to these functions ($$INCLUDE_...)  are replaced when this file is processed
-  // and compressed, putting the compressed code from the named file directly into the
-  // source here.
-  var $$INCLUDE_CSS = function(fileName) {
-    if (Ace2Editor.EMBEDED && Ace2Editor.EMBEDED[fileName]) {
-      return '<style type="text/css">' + Ace2Editor.EMBEDED[fileName] + '<\/style>';
+    if (Ace2Editor.EMBEDED) {
+      for (var i = 0, ii = files.length; i < ii; i++) {
+        var file = files[i];
+        if (Object.prototype.hasOwnProperty.call(Ace2Editor.EMBEDED, file)) {
+          embededFiles.push(file);
+        } else {
+          remoteFiles.push(file);
+        }
+      }
     } else {
-      return '<link rel="stylesheet" type="text/css" href="' + fileName + '"\/>';
+      remoteFiles = files;
+    }
+
+    return {embeded: embededFiles, remote: remoteFiles};
+  }
+  function pushScriptTagsFor(buffer, files) {
+    var sorted = sortFilesByEmbeded(files);
+    var embededFiles = sorted.embeded;
+    var remoteFiles = sorted.remote;
+
+    if (embededFiles.length > 0) {
+      buffer.push('<script type="text/javascript">');
+      for (var i = 0, ii = embededFiles.length; i < ii; i++) {
+        var file = embededFiles[i];
+        buffer.push(Ace2Editor.EMBEDED[file].replace(/<\//g, '<\\/'));
+        buffer.push(';\n');
+      }
+      buffer.push('<\/script>');
+    }
+    for (var i = 0, ii = remoteFiles.length; i < ii; i++) {
+      var file = remoteFiles[i];
+      buffer.push('<script type="application/javascript" src="' + file + '"><\/script>');
     }
   }
-  var $$INCLUDE_JS = function(fileName) {
-    if (Ace2Editor.EMBEDED && Ace2Editor.EMBEDED[fileName]) {
-      return '<script type="text/javascript">' + Ace2Editor.EMBEDED[fileName].replace(/<\//g, '<\\/') + '<\/script>';
-    } else {
-      return '<script type="text/javascript" src="' + fileName + '"><\/script>';
-    };
+  function pushStyleTagsFor(buffer, files) {
+    var sorted = sortFilesByEmbeded(files);
+    var embededFiles = sorted.embeded;
+    var remoteFiles = sorted.remote;
+
+    if (embededFiles.length > 0) {
+      buffer.push('<style type="text/css">');
+      for (var i = 0, ii = embededFiles.length; i < ii; i++) {
+        var file = embededFiles[i];
+        buffer.push(Ace2Editor.EMBEDED[file].replace(/<\//g, '<\\/'));
+      }
+      buffer.push('<\/style>');
+    }
+    for (var i = 0, ii = remoteFiles.length; i < ii; i++) {
+      var file = remoteFiles[i];
+      buffer.push('<link rel="stylesheet" type="text/css" href="' + file + '"\/>');
+    }
   }
-  var $$INCLUDE_JS_DEV = $$INCLUDE_JS;
-  var $$INCLUDE_CSS_DEV = $$INCLUDE_CSS;
 
   editor.destroy = pendingInit(function()
   {
@@ -257,22 +293,32 @@ function Ace2Editor()
         iframeHTML[i] = JSON.parse(iframeHTML[i]);
       }
 
+      // calls to these functions ($$INCLUDE_...)  are replaced when this file is processed
+      // and compressed, putting the compressed code from the named file directly into the
+      // source here.
       // these lines must conform to a specific format because they are passed by the build script:      
-      iframeHTML.push($$INCLUDE_CSS("../static/css/iframe_editor.css"));
-      iframeHTML.push($$INCLUDE_CSS("../static/css/pad.css"));
-      iframeHTML.push($$INCLUDE_CSS("../static/custom/pad.css"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/ace2_common.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/skiplist.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/virtual_lines.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/easysync2.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/cssmanager.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/colorutils.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/undomodule.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/contentcollector.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/changesettracker.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/linestylefilter.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/domline.js"));
-      iframeHTML.push($$INCLUDE_JS("../static/js/ace2_inner.js"));
+      var includedCSS = [];
+      var $$INCLUDE_CSS = function(filename) {includedCSS.push(filename)};
+      $$INCLUDE_CSS("../static/css/iframe_editor.css");
+      $$INCLUDE_CSS("../static/css/pad.css");
+      $$INCLUDE_CSS("../static/custom/pad.css");
+      pushStyleTagsFor(iframeHTML, includedCSS);
+
+      var includedJS = [];
+      var $$INCLUDE_JS = function(filename) {includedJS.push(filename)};
+      $$INCLUDE_JS("../static/js/ace2_common.js");
+      $$INCLUDE_JS("../static/js/skiplist.js");
+      $$INCLUDE_JS("../static/js/virtual_lines.js");
+      $$INCLUDE_JS("../static/js/easysync2.js");
+      $$INCLUDE_JS("../static/js/cssmanager.js");
+      $$INCLUDE_JS("../static/js/colorutils.js");
+      $$INCLUDE_JS("../static/js/undomodule.js");
+      $$INCLUDE_JS("../static/js/contentcollector.js");
+      $$INCLUDE_JS("../static/js/changesettracker.js");
+      $$INCLUDE_JS("../static/js/linestylefilter.js");
+      $$INCLUDE_JS("../static/js/domline.js");
+      $$INCLUDE_JS("../static/js/ace2_inner.js");
+      pushScriptTagsFor(iframeHTML, includedJS);
 
       iframeHTML.push('<style type="text/css" title="dynamicsyntax"></style>');
       iframeHTML.push('</head><body id="innerdocbody" class="syntax" spellcheck="false">&nbsp;</body></html>');
@@ -280,10 +326,18 @@ function Ace2Editor()
       var outerScript = 'editorId = "' + info.id + '"; editorInfo = parent.' + thisFunctionsName + '.registry[editorId]; ' + 'window.onload = function() ' + '{ window.onload = null; setTimeout' + '(function() ' + '{ var iframe = document.createElement("IFRAME"); ' + 'iframe.scrolling = "no"; var outerdocbody = document.getElementById("outerdocbody"); ' + 'iframe.frameBorder = 0; iframe.allowTransparency = true; ' + // for IE
       'outerdocbody.insertBefore(iframe, outerdocbody.firstChild); ' + 'iframe.ace_outerWin = window; ' + 'readyFunc = function() { editorInfo.onEditorReady(); readyFunc = null; editorInfo = null; }; ' + 'var doc = iframe.contentWindow.document; doc.open(); var text = (' + JSON.stringify(iframeHTML.join('\n')) + ');doc.write(text); doc.close(); ' + '}, 0); }';
 
-      var outerHTML = [doctype, '<html><head>', $$INCLUDE_CSS("../static/css/iframe_editor.css"), $$INCLUDE_CSS("../static/css/pad.css"), $$INCLUDE_CSS("../static/custom/pad.css"),
+      var outerHTML = [doctype, '<html><head>']
+
+      var includedCSS = [];
+      var $$INCLUDE_CSS = function(filename) {includedCSS.push(filename)};
+      $$INCLUDE_CSS("../static/css/iframe_editor.css");
+      $$INCLUDE_CSS("../static/css/pad.css");
+      $$INCLUDE_CSS("../static/custom/pad.css");
+      pushStyleTagsFor(outerHTML, includedCSS);
+
       // bizarrely, in FF2, a file with no "external" dependencies won't finish loading properly
       // (throbs busy while typing)
-      '<link rel="stylesheet" type="text/css" href="data:text/css,"/>', '\x3cscript>\n', outerScript.replace(/<\//g, '<\\/'), '\n\x3c/script>', '</head><body id="outerdocbody"><div id="sidediv"><!-- --></div><div id="linemetricsdiv">x</div><div id="overlaysdiv"><!-- --></div></body></html>'];
+      outerHTML.push('<link rel="stylesheet" type="text/css" href="data:text/css,"/>', '\x3cscript>\n', outerScript.replace(/<\//g, '<\\/'), '\n\x3c/script>', '</head><body id="outerdocbody"><div id="sidediv"><!-- --></div><div id="linemetricsdiv">x</div><div id="overlaysdiv"><!-- --></div></body></html>');
 
       if (!Array.prototype.map) Array.prototype.map = function(fun)
       { //needed for IE