diff --git a/js/examples/location/.gitignore b/js/examples/location/.gitignore
new file mode 100644
index 0000000..62138e5
--- /dev/null
+++ b/js/examples/location/.gitignore
@@ -0,0 +1 @@
+*.expanded.js
diff --git a/js/examples/location/Makefile b/js/examples/location/Makefile
new file mode 100644
index 0000000..6b0a114
--- /dev/null
+++ b/js/examples/location/Makefile
@@ -0,0 +1,7 @@
+all: index.expanded.js
+
+%.expanded.js: %.js
+	../../bin/syndicatec $< > $@ || (rm -f $@; false)
+
+clean:
+	rm -f *.expanded.js
diff --git a/js/examples/location/index.html b/js/examples/location/index.html
index 64ddd16..c0d2b6f 100644
--- a/js/examples/location/index.html
+++ b/js/examples/location/index.html
@@ -8,9 +8,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.3.0/js/md5.min.js"></script>
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgjLSNu9Cx4V1bNxhSTM4ZzqADbGoYmZ0"></script>
-    <script src="../../dist/syndicatecompiler.js"></script>
-    <script src="../../dist/syndicate.js"></script>
-    <script type="text/syndicate-js" src="index.js"></script>
+    <script src="../../dist/syndicate.min.js"></script>
   </head>
   <body>
     <template id="json">
@@ -48,5 +46,7 @@
         <button id="findMarker">Find</button>
       </fieldset>
     </div>
+
+    <script src="index.expanded.js"></script>
   </body>
 </html>
diff --git a/js/examples/location/index.js b/js/examples/location/index.js
index de07004..6427ca6 100644
--- a/js/examples/location/index.js
+++ b/js/examples/location/index.js
@@ -1,4 +1,4 @@
-assertion type location(id, email, timestamp, lat, lng);
+assertion type locationRecord(id, email, timestamp, lat, lng) = 'location';
 message type findMarker(id);
 
 var brokerConnection = Syndicate.Broker.brokerConnection;
@@ -44,11 +44,11 @@ ground dataspace G {
 
     var watchId = ('geolocation' in navigator)
         && navigator.geolocation.watchPosition(Syndicate.Dataspace.wrap(function (pos) {
-          :: location(id,
-                      email_element.value.trim(),
-                      +new Date(),
-                      pos.coords.latitude,
-                      pos.coords.longitude);
+          :: locationRecord(id,
+                            email_element.value.trim(),
+                            +new Date(),
+                            pos.coords.latitude,
+                            pos.coords.longitude);
           if (!mapInitialized && map) {
             mapInitialized = true;
             map.setCenter({lat: pos.coords.latitude, lng: pos.coords.longitude});
@@ -78,11 +78,11 @@ ground dataspace G {
         :: findMarker(document.getElementById('markerList').value);
       }
 
-      on message ($loc = location(_, _, _, _, _)) {
+      on message ($loc = locationRecord(_, _, _, _, _)) {
         currentLocation = loc;
       }
 
-      during fromBroker(wsurl, location($id, $email, _, _, _)) {
+      during fromBroker(wsurl, locationRecord($id, $email, _, _, _)) {
         var ui = new Syndicate.UI.Anchor();
         var marker = new google.maps.Marker({
           map: map,
@@ -123,7 +123,7 @@ ground dataspace G {
           selectMarker();
           if (latestPosition) map.panTo(latestPosition);
         }
-        on asserted fromBroker(wsurl, location(id, email, $timestamp, $lat, $lng)) {
+        on asserted fromBroker(wsurl, locationRecord(id, email, $timestamp, $lat, $lng)) {
           latestTimestamp = new Date(timestamp);
           latestPosition = {lat: lat, lng: lng};
           marker.setPosition(latestPosition);
