From 97835d382a39430a041f8bffae7e492c72b97392 Mon Sep 17 00:00:00 2001
From: Mark Pilgrim <mark@diveintomark.org>
Date: Fri, 5 Jun 2009 00:58:26 -0400
Subject: [PATCH] build fiddling

---
 about.html      |  2 +-
 mobile.css      |  2 +-
 publish         |  6 ++++++
 util/flatten.py |  4 ----
 util/lesscss.py | 17 +++++++++++++++++
 5 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 util/lesscss.py

diff --git a/about.html b/about.html
index aac9e64..80d53ea 100644
--- a/about.html
+++ b/about.html
@@ -20,7 +20,7 @@ h1:before{content:""}
 <ol>
 <li>jQuery is served by <a href=http://code.google.com/apis/ajaxlibs/>Google AJAX Libraries API</a>.
 <li>Other Javascript and CSS resources are minimized by <a href=http://developer.yahoo.com/yui/compressor/>YUI Compressor</a>.
-<li>HTTP caching and other server-side options are optimized based on advice from <a href=http://developer.yahoo.com/yslow/>YSlow</a>.
+<li>HTTP caching and other server-side options are optimized based on advice from <a href=http://developer.yahoo.com/yslow/>YSlow</a> and <a href=http://code.google.com/speed/page-speed/>Page Speed</a>.
 <li>The text uses <a href=http://www.alanwood.net/unicode/unicode_samples.html>Unicode characters</a> in place of graphics wherever possible.
 <li>The entire book was <a href=http://diveintomark.org/archives/2009/03/27/dive-into-history-2009-edition>lovingly hand-authored in HTML 5</a> to avoid markup cruft.
 </ol>
diff --git a/mobile.css b/mobile.css
index 7277919..0e914a7 100644
--- a/mobile.css
+++ b/mobile.css
@@ -98,7 +98,7 @@ h1:before {
 
 /* overrides */
 
-.nm, .w, aside, form, form+p, .note span, .q span {
+.nm, .w, aside, form, form+p, .note span, .q span, .a {
   display:none;
 }
 dd {
diff --git a/publish b/publish
index 64f2b91..fb0fdf4 100755
--- a/publish
+++ b/publish
@@ -49,6 +49,12 @@ echo "inlining CSS"
 css=`cat build/$revision.css`
 sed -i -e "s|<link rel=stylesheet href=dip3.css>|<style>${css}</style>|g" -e "s|</style><style>||g" build/*.html
 
+# remove unused CSS properties on a page-by-page basis
+echo "removing unused CSS"
+for f in build/*.html; do
+  python2.6 util/lesscss.py "$f"
+done
+
 # secondary stylesheets will be served from a separate domain
 echo "fixing hrefs"
 sed -i -e "s|href=mobile.css|href=http://wearehugh.com/dip3/m-${revision}.css|g" build/*.html
diff --git a/util/flatten.py b/util/flatten.py
index 89e636e..413d8a7 100644
--- a/util/flatten.py
+++ b/util/flatten.py
@@ -1,9 +1,5 @@
 #!/usr/bin/python3
 
-# TODO:
-# - fix internal xrefs (look for href=<in [chapters]>.html)
-# - fix duplicate IDs
-
 import re
 
 # get list of chapters
diff --git a/util/lesscss.py b/util/lesscss.py
new file mode 100644
index 0000000..18382bd
--- /dev/null
+++ b/util/lesscss.py
@@ -0,0 +1,17 @@
+#!/usr/bin/python2.6
+
+from pyquery import PyQuery as pq
+import glob
+import sys
+
+filename = sys.argv[1]
+pqd = pq(filename=filename)
+raw_data = open(filename, 'rb').read()
+original_css = raw_data.split('<style>', 1)[1].split('</style>', 1)[0]
+new_css = ''
+for rule in original_css.split('}')[:-1]:
+    selectors, properties = rule.split('{', 1)
+    selectors = ','.join([s for s in selectors.split(',') if pqd(s.split(':', 1)[0])])
+    if selectors:
+        new_css += '%s{%s}' % (selectors, properties)
+open(filename, 'wb').write(raw_data.replace(original_css, new_css))