By Hugh<\/a><\/p>\n That\u2019s right, you heard it! GoSquared running on Apple Watch.<\/p>\n Hugh\u2019s hack saw him getting his hands dirty with WatchKit development in Swift using Xcode. Using data from the GoSquared API<\/a>, he created an Apple Watch app which displays the number of people online on your website.<\/p>\n Being the only member on the team to own an Apple Watch so far, James was keen to get up and running with the app. We verified the app successfully ran natively on Apple Watch and, much to his delight, James now has a new excuse to demonstrate his shiny new wearable to everyone in the office yet again!<\/p>\n By JT<\/a> JT\u2019s inspiration for his hack stemmed from our ever-lasting frustration with date handling in JavaScript – specifically the slow performance of formatting Date objects as strings in Moment.js<\/a>. He decided enough was enough and took this opportunity to write a super-fast date formatting module called speed-date<\/a>.<\/p>\n Speed-date is designed to help you optimise formatting lots of date objects into strings. So if your application stringifies many date objects with the same format over and over again, this\u2019ll improve performance considerably. In fact, it\u2019s ~15-20x faster than Moment.js with repeated use of the same formatter function. See the benchmarks<\/a>.<\/p>\n Our API formats a huge number of date objects per second, so this is our primary use case.<\/p>\n By James<\/a><\/p>\n James dusted off his designer hat and created a fresh new look for our pricing<\/a> pages.<\/p>\n Cranking through the process incredibly quickly, he managed to design, code, and deploy the new pages all within the one day! The cleaner, simpler pages more clearly demonstrate our pricing tiers in a more visually comprehendable way.<\/p>\n By Geoff<\/a><\/p>\n The goal of my hack was to bring powerful event-based analytics to GoSquared. Codenamed \u201cEventador\u201d, the project is a web UI backed by a custom-built API for querying event data en-masse in seconds, and visualising the results graphically.<\/p>\n The UI (obviously) looks pretty terrible, but the focus of the project first and foremost was on functionality and powerful querying of the data, and it works!<\/p>\n I built the MVC web app and its server backend from scratch with the help of a few frameworks: express.js<\/a> for the server, Bootstrap<\/a>, jQuery<\/a>, d3.js<\/a>, ejs<\/a> and less<\/a> for the frontend. I used Babel<\/a> which handles the es6-to-es5 transpilation allowing me to write ES6 JavaScript on both client-side and server-side. We use Babel for GoSquared\u2019s web apps and I must say it works excellently and offers wide coverage of ES6 features<\/a>.<\/p>\n By Simon<\/a><\/p>\n On many occasions, we\u2019ve seen our users wanting to display GoSquared data on their sites using widgets, or using the data publicly on their sites. Since the data comes from our API, this can be a problem if a high volume of visitors view the page and exceed the API key\u2019s rate limit by periodically requesting data for each visitor. Not to mention the API key would be publicly visible if the data wasn\u2019t going via a proxy backend.<\/p>\n Simon solved these problems by building prox, a secure, highly-available, cached reverse-proxy for the GoSquared API. It works by allowing users to create a key through which they can share data from certain API endpoints. Prox can serve up the raw data from the API, and can even serve a selection of pre-built static widgets, similar to those on our Labs page<\/a>, ready for embedding straight into a page.<\/p>\n On top of all that, prox is fast<\/em>. It\u2019s cached on multiple levels, starting with a CDN to cache data globally, then a process-level LRU and Redis-backed cache using our node-stash<\/a> module. All of this caching means you can throw as many requests to prox as you want and it\u2019ll reliably respond with lightning speed. No more API limits! And even though it’s cached, the data updates regularly so you\u2019ll still get it in near real-time.<\/p>\n So there you have it – a fruitful range of hacks from Watch apps to open source modules to API proxies. Another productive hack day!<\/p>\n Hugh\u2019s Watch app isn\u2019t available in the App Store yet, but please let us know if you\u2019d like to see it there. If you\u2019re coding in node.js you can already use JT\u2019s speed-date<\/a> module as it\u2019s open source and up on npm. Finally, anyone can use Prox, but you\u2019ll need to get in touch<\/a> with us to request access first.<\/p>\n","protected":false},"excerpt":{"rendered":" Every once in a while, we love to hold a hack day at GoSquared. It\u2019s an important part of our company culture – it gives everyone on the team, both technical and non-technical, the chance to spend a day working on anything that peaks their interest.<\/p>\n Our last hack day took place last week on Friday 15th May and I wanted to showcase the excellent hacks that were produced on the day – we saw some real gems!<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1452],"tags":[101,103,622,832],"class_list":["post-893","post","type-post","status-publish","format-standard","hentry","category-engineering","tag-api","tag-app","tag-module","tag-speed"],"yoast_head":"\n![\"\"](\"https:\/\/static.gosquared.com\/images\/engineering\/15_05_18_gosquared_watch.jpg\")
\nAbove: James gleefully checking GoSquared on Apple Watch.<\/em><\/p>\n<\/a>speed-date<\/h3>\n
\nAvailable on npm<\/a> and GitHub<\/a>.<\/p>\n\nvar speedDate = require('speed-date');\nvar theDate = new Date(2006, 1, 3, 12, 34, 56);\nvar formatter = speedDate('YYYY-MM-DD HH:mm:ss');\n\nformatter(theDate); \/\/ '2006-02-03 12:34:56'\n<\/code>\n<\/pre>\n<\/a>New Pricing pages<\/h3>\n
![](\"https:\/\/static.gosquared.com\/images\/engineering\/15_05_18_pricing.png\")
<\/p>\n<\/a>Eventador<\/h3>\n
![](\"https:\/\/static.gosquared.com\/images\/engineering\/15_05_18_eventador.png\")
<\/p>\n<\/a>Prox<\/h3>\n
![](\"https:\/\/static.gosquared.com\/images\/engineering\/15_05_18_prox_embed.png\")
<\/p>\n<\/a>Summary<\/h3>\n