Build: `ant size` will now give you a report detailing differences in size since...

diff --git a/.gitignore b/.gitignore
index e5d3578f1ef0a16bf51e6e07c92d26dc107dfe2c..70f7a9c79d09535215c800c0e6d00dea9127338e 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,6 @@
 build/dist
+build/size
+build/build/.sizecache.json
 docs
 .project
 *~

diff --git a/build/build.xml b/build/build.xml
index 154e7f60ce3f128847d00901c31c65c951cb37d0..6649825651951c2c4a2ea7bf2b0fb823cb117d8e 100644 (file)
--- a/build/build.xml
+++ b/build/build.xml
@@ -9,13 +9,13 @@
 -->
 
 <project name="jquery-ui" default="deploy-release" basedir=".">
-       
+
        <taskdef resource="net/sf/antcontrib/antcontrib.properties">
                <classpath>
                        <pathelement location="build/ant-contrib-0.6.jar"/>
                </classpath>
        </taskdef>
-       
+
        <property file="ant.properties" />
 
        <loadfile failonerror="no" srcFile="../version.txt" property="release.version">
@@ -32,6 +32,7 @@
        <property name="docs.dir" value="${dist.dir}/docs/" />
 
        <property name="min.dir" value="${dist.dir}/ui/minified" />
+       <property name="size.dir" value="size" />
 
        <property name="concatenated" value="jquery-ui" />
        <property name="concatenated.i18n" value="jquery-ui-i18n" />
@@ -41,25 +42,25 @@
 
        <property description="Google Closure" name="closure-jar" value="${build.dir}/google-compiler-20110320.jar" />
        <property description="YUI Compressor" name="yuicompressor-jar" value="${build.dir}/yuicompressor-2.4.2.jar" />
-       
+
        <target name="deploy-release" depends="clean, docs-download, copy, minify, replace-version, prepend-header, zip" description="Release builder">
        </target>
-       
+
        <target name="replace-version">
                <replaceregexp match="@VERSION" replace="${release.version}" flags="g" byline="true">
-                   <fileset dir="${dist.dir}/ui/" includes="*.js"/>
+                       <fileset dir="${dist.dir}/ui/" includes="*.js"/>
                        <fileset dir="${dist.dir}/ui/minified/" includes="*.js"/>
                        <fileset dir="${dist.dir}/themes/" includes="**/*.css"/>
                </replaceregexp>
                <echo message="Replaced all @VERSION to ${release.version}." />
        </target>
-       
+
        <target name="prepend-header">
                <copy todir="${dist.dir}/headers/">
                        <fileset dir="${dist.dir}/ui/" includes="*.js" />
                </copy>
                <replaceregexp match="^(\/\*.*?\*\/\s).+" replace="\1" flags="s">
-                   <fileset dir="${dist.dir}/headers/" includes="*.js"/>
+                               <fileset dir="${dist.dir}/headers/" includes="*.js"/>
                </replaceregexp>
                <for param="file">
                        <path><fileset dir="${min.dir}/" includes="*.js" /></path>
@@ -74,12 +75,12 @@
                <copy todir="${min.dir}" overwrite="true">
                        <fileset dir="${dist.dir}/ui-headered/" includes="*.js" />
                </copy>
-               
+
                <copy todir="${dist.dir}/headers/">
                        <fileset dir="${dist.dir}/themes/base" includes="*.css" />
                </copy>
                <replaceregexp match="^(\/\*.*?\*\/\s).+" replace="\1" flags="s">
-                   <fileset dir="${dist.dir}/headers/" includes="*.css"/>
+                               <fileset dir="${dist.dir}/headers/" includes="*.css"/>
                </replaceregexp>
                <for param="file">
                        <path><fileset dir="${dist.dir}/themes/base/minified" includes="*.css" /></path>
@@ -94,14 +95,14 @@
                <copy todir="${dist.dir}/themes/base/minified" overwrite="true">
                        <fileset dir="${dist.dir}/ui-headered/" includes="*.css" />
                </copy>
-               
+
                <!-- once more for the i18n files -->
                <!-- need to clean up headers in those files first
                <copy todir="${dist.dir}/headers/i18n/">
                        <fileset dir="${dist.dir}/ui/i18n/" includes="*.js" />
                </copy>
                <replaceregexp match="^(\/\*.*?\*\/\s).+" replace="\1" flags="s">
-                   <fileset dir="${dist.dir}/headers/i18n/" includes="*.js"/>
+                               <fileset dir="${dist.dir}/headers/i18n/" includes="*.js"/>
                </replaceregexp>
                <for param="file">
                        <path><fileset dir="${min.dir}/i18n/" includes="*.js" /></path>
@@ -161,61 +162,61 @@
                <mkdir dir="${min.dir}/i18n/" />
                <mkdir dir="${dist.dir}/themes/base/minified" />
 
-        <parallel threadsperprocessor="1">
-
-            <apply executable="java" parallel="false">
-                <fileset dir="${dist.dir}/ui" includes="*.js" />
-                <arg line="-jar" />
-                <arg path="${closure-jar}" />
-                <arg value="--warning_level" />
-                <arg value="QUIET" />
-                <arg value="--js_output_file" />
-                <targetfile />
-                <arg value="--js" />
-                <mapper type="glob" from="*.js" to="${min.dir}/*.min.js" />
-            </apply>
-
-            <apply executable="java" parallel="false">
-                <fileset dir="${dist.dir}/ui/i18n" includes="*.js" />
-                <arg line="-jar" />
-                <arg path="${closure-jar}" />
-                <arg value="--warning_level" />
-                <arg value="QUIET" />
-                <arg value="--js_output_file" />
-                <targetfile />
-                <arg value="--js" />
-                <mapper type="glob" from="*.js" to="${min.dir}/i18n/*.min.js" />
-            </apply>
-
-            <apply executable="java" parallel="false">
-                <fileset dir="${dist.dir}/themes/base" includes="*.css" />
-                <arg line="-jar" />
-                <arg path="${yuicompressor-jar}" />
-                <arg line="--charset utf-8" />
-                <arg line="-v" />
-                <srcfile />
-                <arg line="-o" />
-                <mapper type="glob" from="*.css" to="${dist.dir}/themes/base/minified/*.min.css" />
-                <targetfile/>
-            </apply>
-
-        </parallel>
-               
+                               <parallel threadsperprocessor="1">
+
+                                               <apply executable="java" parallel="false">
+                                                               <fileset dir="${dist.dir}/ui" includes="*.js" />
+                                                               <arg line="-jar" />
+                                                               <arg path="${closure-jar}" />
+                                                               <arg value="--warning_level" />
+                                                               <arg value="QUIET" />
+                                                               <arg value="--js_output_file" />
+                                                               <targetfile />
+                                                               <arg value="--js" />
+                                                               <mapper type="glob" from="*.js" to="${min.dir}/*.min.js" />
+                                               </apply>
+
+                                               <apply executable="java" parallel="false">
+                                                               <fileset dir="${dist.dir}/ui/i18n" includes="*.js" />
+                                                               <arg line="-jar" />
+                                                               <arg path="${closure-jar}" />
+                                                               <arg value="--warning_level" />
+                                                               <arg value="QUIET" />
+                                                               <arg value="--js_output_file" />
+                                                               <targetfile />
+                                                               <arg value="--js" />
+                                                               <mapper type="glob" from="*.js" to="${min.dir}/i18n/*.min.js" />
+                                               </apply>
+
+                                               <apply executable="java" parallel="false">
+                                                               <fileset dir="${dist.dir}/themes/base" includes="*.css" />
+                                                               <arg line="-jar" />
+                                                               <arg path="${yuicompressor-jar}" />
+                                                               <arg line="--charset utf-8" />
+                                                               <arg line="-v" />
+                                                               <srcfile />
+                                                               <arg line="-o" />
+                                                               <mapper type="glob" from="*.css" to="${dist.dir}/themes/base/minified/*.min.css" />
+                                                               <targetfile/>
+                                               </apply>
+
+                               </parallel>
+
                <replaceregexp match=".css" replace=".min.css" flags="g">
                        <fileset dir="${dist.dir}/themes/base/minified/">
                                <include name="*.base.min.css"/>
                                <include name="*.all.min.css"/>
                        </fileset>
                </replaceregexp>
-               
+
                <!-- make a copy of all theme images to ensure that relative paths in minified css files work -->
                <copy todir="${dist.dir}/themes/base/minified/images" >
                        <fileset dir="${ui.dir}/themes/base/images" />
                </copy>
-               
+
                <echo message="Minified ui/ built." />
        </target>
-       
+
        <target description="Copy needed folders" name="copy">
                <echo message="Copying files" />
                <mkdir dir="${dist.dir}" />
@@ -253,67 +254,67 @@
                </copy>
                <echo message="Files copied." />
        </target>
-       
+
         <target name="clean">
-               <delete dir="dist" />
-    </target>
-       
+               <delete dir="dist" />
+               </target>
+
        <target name="docs-download">
                <mkdir dir="${docs.dir}" />
                <property name="url" value="http://docs.jquery.com/action/render/UI/API/${release.version}/" />
 
-        <parallel threadcount="8">
-
-            <get src="${url}Draggable" dest="${docs.dir}draggable.html" />
-            <get src="${url}Droppable" dest="${docs.dir}droppable.html" />
-            <get src="${url}Resizable" dest="${docs.dir}resizable.html" />
-            <get src="${url}Selectable" dest="${docs.dir}selectable.html" />
-            <get src="${url}Sortable" dest="${docs.dir}sortable.html" />
-
-            <get src="${url}Accordion" dest="${docs.dir}accordion.html" />
-            <get src="${url}Autocomplete" dest="${docs.dir}autocomplete.html" />
-            <get src="${url}Button" dest="${docs.dir}button.html" />
-            <get src="${url}Datepicker" dest="${docs.dir}datepicker.html" />
-            <get src="${url}Dialog" dest="${docs.dir}dialog.html" />
-            <get src="${url}Menu" dest="${docs.dir}menu.html" />
-            <get src="${url}Progressbar" dest="${docs.dir}progressbar.html" />
-            <get src="${url}Slider" dest="${docs.dir}slider.html" />
-            <get src="${url}Spinner" dest="${docs.dir}spinner.html" />
-            <get src="${url}Tooltip" dest="${docs.dir}tooltip.html" />
-            <get src="${url}Tabs" dest="${docs.dir}tabs.html" />
-
-            <get src="${url}Position" dest="${docs.dir}position.html" />
-
-            <get src="http://docs.jquery.com/action/render/UI/Effects/animate" dest="${docs.dir}animate.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/addClass" dest="${docs.dir}addClass.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/effect" dest="${docs.dir}effect.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/hide" dest="${docs.dir}hide.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/removeClass" dest="${docs.dir}removeClass.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/show" dest="${docs.dir}show.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/switchClass" dest="${docs.dir}switchClass.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/toggle" dest="${docs.dir}toggle.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/toggleClass" dest="${docs.dir}toggleClass.html" />
-
-
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Blind" dest="${docs.dir}effect-blind.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Clip" dest="${docs.dir}effect-clip.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Drop" dest="${docs.dir}effect-drop.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Explode" dest="${docs.dir}effect-explode.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Fade" dest="${docs.dir}effect-fade.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Fold" dest="${docs.dir}effect-fold.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Puff" dest="${docs.dir}effect-puff.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Slide" dest="${docs.dir}effect-slide.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Scale" dest="${docs.dir}effect-scale.html" />
-
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Bounce" dest="${docs.dir}effect-bounce.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Highlight" dest="${docs.dir}effect-highlight.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Pulsate" dest="${docs.dir}effect-pulsate.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Shake" dest="${docs.dir}effect-shake.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Size" dest="${docs.dir}effect-size.html" />
-            <get src="http://docs.jquery.com/action/render/UI/Effects/Transfer" dest="${docs.dir}effect-transfer.html" />
-        </parallel>
+                               <parallel threadcount="8">
+
+                                               <get src="${url}Draggable" dest="${docs.dir}draggable.html" />
+                                               <get src="${url}Droppable" dest="${docs.dir}droppable.html" />
+                                               <get src="${url}Resizable" dest="${docs.dir}resizable.html" />
+                                               <get src="${url}Selectable" dest="${docs.dir}selectable.html" />
+                                               <get src="${url}Sortable" dest="${docs.dir}sortable.html" />
+
+                                               <get src="${url}Accordion" dest="${docs.dir}accordion.html" />
+                                               <get src="${url}Autocomplete" dest="${docs.dir}autocomplete.html" />
+                                               <get src="${url}Button" dest="${docs.dir}button.html" />
+                                               <get src="${url}Datepicker" dest="${docs.dir}datepicker.html" />
+                                               <get src="${url}Dialog" dest="${docs.dir}dialog.html" />
+                                               <get src="${url}Menu" dest="${docs.dir}menu.html" />
+                                               <get src="${url}Progressbar" dest="${docs.dir}progressbar.html" />
+                                               <get src="${url}Slider" dest="${docs.dir}slider.html" />
+                                               <get src="${url}Spinner" dest="${docs.dir}spinner.html" />
+                                               <get src="${url}Tooltip" dest="${docs.dir}tooltip.html" />
+                                               <get src="${url}Tabs" dest="${docs.dir}tabs.html" />
+
+                                               <get src="${url}Position" dest="${docs.dir}position.html" />
+
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/animate" dest="${docs.dir}animate.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/addClass" dest="${docs.dir}addClass.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/effect" dest="${docs.dir}effect.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/hide" dest="${docs.dir}hide.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/removeClass" dest="${docs.dir}removeClass.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/show" dest="${docs.dir}show.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/switchClass" dest="${docs.dir}switchClass.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/toggle" dest="${docs.dir}toggle.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/toggleClass" dest="${docs.dir}toggleClass.html" />
+
+
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Blind" dest="${docs.dir}effect-blind.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Clip" dest="${docs.dir}effect-clip.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Drop" dest="${docs.dir}effect-drop.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Explode" dest="${docs.dir}effect-explode.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Fade" dest="${docs.dir}effect-fade.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Fold" dest="${docs.dir}effect-fold.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Puff" dest="${docs.dir}effect-puff.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Slide" dest="${docs.dir}effect-slide.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Scale" dest="${docs.dir}effect-scale.html" />
+
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Bounce" dest="${docs.dir}effect-bounce.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Highlight" dest="${docs.dir}effect-highlight.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Pulsate" dest="${docs.dir}effect-pulsate.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Shake" dest="${docs.dir}effect-shake.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Size" dest="${docs.dir}effect-size.html" />
+                                               <get src="http://docs.jquery.com/action/render/UI/Effects/Transfer" dest="${docs.dir}effect-transfer.html" />
+                               </parallel>
        </target>
-       
+
        <target name="themes-download">
                <!-- to create/update query strings for the theme-file, execute this in Firebug on /download page:
                $("select option[value!=none]").map(function() { $(this).parent().val(this.value).change(); return $(this).parents("form").serialize(); }).get().join(",");
@@ -325,11 +326,11 @@
                        <sequential>
                                <get src="http://ui-dev.jquery.com/download/?@{url}" dest="${zip}" />
                                <unzip src="${zip}"
-                                      dest="${dist.dir}themes/">
-                                   <patternset>
-                                       <include name="development-bundle/themes/**"/>
-                                       <exclude name="development-bundle/themes/base/**"/>
-                                   </patternset>
+                                                       dest="${dist.dir}themes/">
+                                               <patternset>
+                                                               <include name="development-bundle/themes/**"/>
+                                                               <exclude name="development-bundle/themes/base/**"/>
+                                               </patternset>
                                        <mapper type="glob" from="development-bundle/themes/*" to="*" />
                                </unzip>
                                <delete file="${zip}" />
@@ -351,15 +352,46 @@
 
        <target name="whitespace">
                <replaceregexp match="[\t ]+$" replace="" flags="g" byline="true">
-                   <fileset dir="${src.dir}" includes="*.js"/>
-                   <fileset dir="${src.dir}/i18n/" includes="*.js"/>
+                               <fileset dir="${src.dir}" includes="*.js"/>
+                               <fileset dir="${src.dir}/i18n/" includes="*.js"/>
                </replaceregexp>
                <echo message="All trailing spaces removed." />
        </target>
-       
+
+       <target name="size" depends="copy, minify, replace-version, prepend-header" description="Report sizes of files">
+               <echo message="Collecting files to size" />
+               <mkdir dir="${size.dir}" />
+               <copy todir="${size.dir}">
+                       <fileset dir="${dist.dir}/ui" includes="*.js" />
+                       <fileset dir="${dist.dir}/ui/i18n" includes="*.js" />
+                       <fileset dir="${dist.dir}/ui/minified" includes="*.js" />
+                       <fileset dir="${dist.dir}/ui/minified/i18n" includes="*.js" />
+                       <fileset dir="${dist.dir}/themes/base" includes="*.css" />
+                       <fileset dir="${dist.dir}/themes/base/minified" includes="*.css" />
+               </copy>
+               <echo message="GZipping Minified" />
+               <parallel threadsperprocessor="2">
+                       <apply executable="gzip">
+                               <fileset dir="${size.dir}" includes="*.min.js" />
+                               <fileset dir="${size.dir}" includes="*.min.css" />
+                               <arg value="-c" />
+                               <srcfile />
+                               <redirector>
+                                       <outputmapper id="out" type="glob" from="*" to="${size.dir}/*.gz"/>
+                               </redirector>
+                       </apply>
+               </parallel>
+               <echo message="Comparing file size with previous build" />
+               <exec executable="bash">
+                       <arg value="-c" />
+                       <arg value="wc -c ${size.dir}/* | `which node nodejs` build/sizer.js" />
+               </exec>
+               <delete dir="${size.dir}" />
+       </target>
+
        <target name="cdn">
-       <delete dir="${cdndist.dir}" />
-       <mkdir dir="${cdndist.dir}" />
+               <delete dir="${cdndist.dir}" />
+               <mkdir dir="${cdndist.dir}" />
                <copy todir="${cdndist.dir}">
                        <fileset dir=".." includes="AUTHORS.txt, GPL-LICENSE.txt, MIT-LICENSE.txt, version.txt" />
                </copy>
@@ -378,9 +410,9 @@
                        <fileset dir="${cdndist.dir}" />
                </checksum>
                <for param="file">
-               <path><fileset dir="${cdndist.dir}" includes="**/" excludes="**/*.MD5" /></path>
+                               <path><fileset dir="${cdndist.dir}" includes="**/" excludes="**/*.MD5" /></path>
                        <sequential>
-                               <!-- @{file} is an absolute path, use that ugly regexes to make it relative --> 
+                               <!-- @{file} is an absolute path, use that ugly regexes to make it relative -->
                                <propertyregex override="yes" property="relativepath" input="@{file}" regexp=".+?cdn[\\/](.+)$" replace="\1"/>
                                <propertyregex override="yes" property="relativepath" input="${relativepath}" regexp="\\" replace="/" global="true" />
                                <concat destfile="${cdndist.dir}/MANIFEST" append="yes">${relativepath} </concat>
@@ -394,6 +426,6 @@
                <zip destfile="${dist.dir}/../${release.filename}-mscdn.zip">
                        <zipfileset dir="dist/${release.filename}-cdn/" />
                </zip>
-    </target>
+               </target>
 
 </project>

diff --git a/build/build/sizer.js b/build/build/sizer.js
new file mode 100644 (file)
index 0000000..3c3e4c4
--- /dev/null
+++ b/build/build/sizer.js
@@ -0,0 +1,35 @@
+var fs = require( "fs" ),
+       stdin = process.openStdin(),
+       rsize = /(\d+).*?(jquery\S+)/g,
+       oldsizes = {},
+       sizes = {};
+
+try {
+       oldsizes = JSON.parse( fs.readFileSync(  __dirname + "/.sizecache.json", "utf8" ) );
+} catch(e) {
+       oldsizes = {};
+};
+
+stdin.on( "data" , function( chunk ) {
+       var match;
+
+       while ( match = rsize.exec( chunk ) ) {
+               sizes[ match[2] ] = parseInt( match[1], 10 );
+       }
+});
+
+function lpad( str, len, chr ) {
+       return ( Array(len+1).join( chr || " ") + str ).substr( -len );
+}
+
+stdin.on( "end", function() {
+       fs.writeFileSync( __dirname + "/.sizecache.json", JSON.stringify( sizes, true ), "utf8" );
+       for ( var key in sizes ) {
+               var diff = oldsizes[ key ] && ( sizes[ key ] - oldsizes[ key ] );
+               if ( diff > 0 ) {
+                       diff = "+" + diff;
+               }
+               console.log( "%s %s %s", lpad( sizes[ key ], 8 ), lpad( diff ? "(" + diff + ")" : "(-)", 8 ), key );
+       }
+       process.exit();
+});
\ No newline at end of file