dev.enekoalonso.com

Link: Whirlpool JS

Eneko Alonso — Fri, 27 Aug 2010 20:08:25 +0000

Whirlpool is a very strong hashing algorithm (one way encryption) that encodes any text into a 128 character string (popular md5 generates a 32 byte string).

Looking for the JavaScript version, I had to search on my email inbox for an email I received back in October 2009 to found the link where to download the Whirlpool Hash Javascript Algorithm. It’s kind of surprising that searching in Google for “whirlpool js”, “whirlpool javascript” or “whirlpool hash javascript algorithm” does not return the link.

For the record, here is the url:
Whirlpool Hash Javascript Algorithm

August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)
July 30, 2010 -- Titanium Developer: love and hate (3)
February 19, 2010 -- Having fun with Mooml & Twitter (0)
December 29, 2008 -- Modifying the URL Hash without affecting the browser history (0)

List of iPhone ipsw firmware files (yes, downgrading from iOS 4.0.1 to 3.1.3)

Eneko Alonso — Mon, 23 Aug 2010 04:01:03 +0000

So I finally decided to downgrade my iPhone 3G from iOS 4.0.1 to iPhone OS 3.1.3. For some reason, Apple does not keep the old ipsw restore files easy to find and most posts on Internet are missing a link to them. Here is a list of some of them:
iPhone 3.1.3 firmware for iPhone 2G
iPhone 3.1.3 firmware for iPhone 3G
iPhone 3.1.3 firmware for iPhone 3GS

I have downgraded my phone following this article: Downgrade iOS 4.1 iPhone 4, 3GS, 3G and iPod touch to iOS 4 / iPhone 3.1.3 / 3.1.2 [How to Guide]

The process is super simple, I couldn’t believe it was so easy, specially, since RecBoot runs so clean and fast. What the tutorials don’t say, although I expected it, is that you will lost all your data (as every time you recover). The problem is the next time you connect to iTunes, you wont be able to restore from your latest backup since it would be for a newer OS version.

Luckily, iTunes keeps track of old backups. I’m currently restoring from a backup I have from April 2010, probably the last one before I updated to the back then beta version of iOS 4.

August 3, 2010 -- List of iPhone SDK & XCode packages (0)
February 7, 2010 -- My current SVN setup (0)
August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)
July 30, 2010 -- Titanium Developer: love and hate (3)

Titanium Developer: love and hate (Part II)

Eneko Alonso — Wed, 18 Aug 2010 19:58:52 +0000

For the last four weeks and despite other projects and deadlines, I’ve been working on a mobile app for iPhone and Android, using Titanium Developer from Appcelerator.

I still hate it. And I still love it.

More to come…

July 30, 2010 -- Titanium Developer: love and hate (3)
August 3, 2010 -- List of iPhone SDK & XCode packages (0)
November 28, 2008 -- MyGameOfLife source code (0)
July 26, 2009 -- Placing a UIActivityIndicartorView on a UIBarButtonItem (0)

Little tricks: repeating strings in Javascript & Python

Eneko Alonso — Wed, 18 Aug 2010 19:17:34 +0000

How many times have you found yourself printing strings like “————-” or “===========”? I do that a lot when I have to do console.logs or if I’m working on a console application or script. Adding dividers to the output makes it more readable.

Python has a very peculiar syntax for repeating strings, which consists in just multiplying the string by a number, like this:

"123"*4 // returns "123123123123"

We can achieve the same in Javascript using Array.join() like this:

Array(4).join("123"); // returns "123123123123"
Array(30).join("-"); // returns "——————————"
Array(2).join("test"); // returns "testtest"

Very useful for logs or to generate repeated html strings, etc.

July 1, 2010 -- Little tricks: editing strings by index in Javascript and Python (1)
August 12, 2010 -- Little tricks: concatenating arrays in Javascript (4)
July 20, 2010 -- Little tricks: string padding in Javascript (2)
May 22, 2010 -- More WebSockets, now with Python! (1)

Little tricks: concatenating arrays in Javascript

Eneko Alonso — Thu, 12 Aug 2010 21:44:30 +0000

It happens that when working with Javascript frameworks like MooTools for a long time, it’s easy to forget how to do things in plain/native Javascript. For example, concatenating arrays is an easy task thanks to the Function object method apply:

var array1 = [1,2,3,4];
var array2 = [5,6,7];
array1.push.apply(array1, array2); // array1 = [1, 2, 3, 4, 5, 6, 7]
array1.push.apply(array1, [1,2,3]); // array1 = [1, 2, 3, 4, 5, 6, 7, 1, 2, 3]

Note that this method concatenates two arrays, and does not check for duplicate items.

In MooTools, the equivalent to this method would be Array.extend():

var array1 = [1,2,3,4];
var array2 = [5,6,7];
array1.extend(array2); // array1 = [1, 2, 3, 4, 5, 6, 7]
array1.extend([1,2,3]); // array1 = [1, 2, 3, 4, 5, 6, 7, 1, 2, 3]

Again, Array.extend() concatenates two arrays without checking for duplicates.

August 18, 2010 -- Little tricks: repeating strings in Javascript & Python (1)
May 14, 2010 -- Interesting JSON vulnerability (old stuff) (0)
August 27, 2010 -- Link: Whirlpool JS (0)
August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)

List of iPhone SDK & XCode packages

Eneko Alonso — Tue, 03 Aug 2010 22:21:04 +0000

Lately I’ve been developing Android and iPhone apps with Titanium Developer and also switching from on Mac to another. At the end I ended up with a computer that only had the latest iOS 4 SDK. Thus, I couldn’t compile anymore apps for my 3G iPhone with OS 3.1.3.

Fortunately, the old versions of XCode and iPhone SDKs are still available for download, although they don’t show up in the Downloads section of the Apple Developer Connection site.

Here is a list of versions and links:
iPhone SDK 3.1 with XCode 3.2.1 for Snow Leopard (10.6.0)
iPhone SDK 3.1.3 with XCode 3.2.1 for Snow Leopard (10.6.0)
iPhone SDK 3.2 Final with Xcode 3.2.2 for Snow Leopard (10.6.0)
Xcode 3.2.3 and iPhone SDK 4 GM seed for Snow Leopard (10.6.2)
Xcode 3.2.3 and iOS SDK 4.0.1 for Snow Leopard
Xcode 3.2.3 and iOS SDK 4.0.2 for Snow Leopard

August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)
July 30, 2010 -- Titanium Developer: love and hate (3)
August 22, 2010 -- List of iPhone ipsw firmware files (yes, downgrading from iOS 4.0.1 to 3.1.3) (1)
January 28, 2010 -- Things to do (0)

Creating QR Codes with Google Charts API

Eneko Alonso — Sat, 31 Jul 2010 05:51:28 +0000

As simple as a URL: http://chart.apis.google.com/chart?cht=qr&chs=250×250&chl=http://dev.enekoalonso.com

May 6, 2010 -- Tech talks at LEVEL Studios (0)
February 19, 2010 -- Having fun with Mooml & Twitter (0)
January 28, 2010 -- Things to do (0)
June 30, 2009 -- iPhone 3.0 geolocation with Javascript (1)

Titanium Developer: love and hate

Eneko Alonso — Sat, 31 Jul 2010 04:57:16 +0000

I’ve been using Titanium Developer for a while now, since I installed it to do some mobile app research one or two months ago. But up until now I barely used it again other than to maintain a desktop app I created for a game, which thanks to Titanium runs in both Mac and PC. Thus, up until this week, I hadn’t really get in depth with it.

The good things

Nice, easy and fast. Creating apps is piece of cake, loading JSON feeds from Internet, using local storage, placing buttons and labels on the screen… it’s all easy and it works on both iPhone and Android right away.

The bad things

Titanium Developer looks like an unfinished app. It shouldn’t be version 1.X, not even 0.X. Looks like an alpha, buggy and very easy to get screwed up, specially if you share your projects between Windows and Mac. This time it launches the emulator, this time it does not. This time your project does not load properly. Next time, you try to create a new project and it fails. And the errors are totally useless. Not very helpful.

Conclusion

The idea is great, awesome. The code is clean and using Javascript for development makes it easy for web developers to get easily involved into mobile app development. If only the Appcelerator team could improve their app, we would save a lot of headaches.

August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)
August 3, 2010 -- List of iPhone SDK & XCode packages (0)
August 27, 2010 -- Link: Whirlpool JS (0)
February 19, 2010 -- Having fun with Mooml & Twitter (0)

Little tricks: string padding in Javascript

Eneko Alonso — Tue, 20 Jul 2010 22:35:45 +0000

I just found this little trick to zero pad numbers in Javascript. It is also applicable to padding with any character, not just zeros.

var n = 123
String("00000" + n).slice(-5); // returns 00123
("00000" + n).slice(-5); // returns 00123
(" " + n).slice(-5); // returns " 123" (with two spaces)

Found here.

August 18, 2010 -- Little tricks: repeating strings in Javascript & Python (1)
July 2, 2010 -- Equivalent of parseInt() in Freemarker (0)
July 1, 2010 -- Little tricks: editing strings by index in Javascript and Python (1)
September 2, 2009 -- Creating HTML blocks with Mootools (3)

Equivalent of parseInt() in Freemarker

Eneko Alonso — Fri, 02 Jul 2010 19:05:40 +0000

Programming languages have methods to cast integers to strings and strings to integers, but usually is had to find equivalents to parseInt(), a Javascript function that basically removes all non-numeric characters from a string and returns the resulting integer.

Today, while working on a Freemarker template, I had to convert strings like “40 ms.” and “128 px” to their respective integers 40 and 128. The solution I found is to use regular expressions, which are kind of tricky in Freemarker but can save you lots of time.

Example in Javascript:

console.log(parseInt("40 ms")) // outputs 40
console.log("40 ms".match(/^\d+/)[0]) // outputs 40

Same in Freemarker:

<#assign myInt = "40 ms."?matches("^(\\d+)(.*)")[0]?groups[1]>

Looks like even using regular expressions, in Freemarker we need to match the whole string with groups to separate the number from the rest. Thus, this will work only if the number is at the beginning of the string, which was the initial requirement in my case.

July 20, 2010 -- Little tricks: string padding in Javascript (2)
August 18, 2010 -- Little tricks: repeating strings in Javascript & Python (1)
July 1, 2010 -- Little tricks: editing strings by index in Javascript and Python (1)
March 15, 2010 -- More updates to Mooml coming soon (0)

Little tricks: editing strings by index in Javascript and Python

Eneko Alonso — Thu, 01 Jul 2010 16:57:04 +0000

Editing strings by index maybe something that we don’t do all the time. But it’s one of these things that, coming from languages like C, one would assume is as trivial as assigning the value of an indexed position. Something like this:

var a = "hello world"
a[0] = "H"
console.log(a) // outputs "hello world"

Go ahead and paste that code in your favorite javascript console. You would expect the output to be “Hello there”, but it is not.
Same goes with Python, check this code:

>>> a = "hello world"
>>> a[0] = "H"
Traceback (most recent call last):
File "", line 1, in <module>
TypeError: 'str' object does not support item assignment
>>> a[0] = 'H'
Traceback (most recent call last):
File "", line 1, in <module>
TypeError: 'str' object does not support item assignment

This is because strings are read only and cannot be modified at all. Only replaced with new strings.

The solution: convert to array and back to string

There may be other solutions out there, I’m sure, but this is the solution I use: Both in Python and Javascript, a string can be converted into an array or list of characters (actually, list of strings). Then we can modify values by index and finally join the output into a new string.

Javascript:

var a = "hello world"
a = a.split("")
a[0] = "H"
a = a.join("")
console.log(a) // outputs "Hello world"

Python:

>>> a = "hello world"
>>> a = list(a)
>>> a[0] = "H"
>>> a = "".join(a)
>>> a
'Hello world'

It’s interesting to see how the syntax for joining arrays into strings is totally the opposite in Javascript and Python. In Javascript, join() is a function of the Array object while in Python join() is a function of the string class.

In the other hand, split() is a method of the String object in Javascript. There is a split() function on the string class in Python, but it cannot be used to split strings without a specific separator. The list() function/constructor does the trick.

August 18, 2010 -- Little tricks: repeating strings in Javascript & Python (1)
July 20, 2010 -- Little tricks: string padding in Javascript (2)
May 22, 2010 -- More WebSockets, now with Python! (1)
September 2, 2009 -- Creating HTML blocks with Mootools (3)

Change in WebSockets handshake protocol

Eneko Alonso — Tue, 08 Jun 2010 16:12:07 +0000

If you are working with the latest version of Google Chrome (6.0.442.0) and you have been doing some testing or projects with WebSockets you may have already noticed there has been a change in the WebSockets specification for the client/server handshake protocol.

More info about the change:
http://webreflection.blogspot.com/2010/06/websocket-handshake-76-simplified.html
http://blog.chromium.org/2010/06/websocket-protocol-updated.html

May 22, 2010 -- More WebSockets, now with Python! (1)
May 3, 2010 -- Playing with WebSockets (2)
May 6, 2010 -- Tech talks at LEVEL Studios (0)
January 27, 2010 -- Detecting when CSS gets loaded by the browser with Mootools and Asset.css (0)

More WebSockets, now with Python!

Eneko Alonso — Sun, 23 May 2010 06:41:27 +0000

A couple of weeks ago, Tim and I worked on a little game/demo using WebSockets and C# (I haven’t been able to put it online since I do not have a Windows server). It was a lot of fun and we were able to see the potential of WebSockets and how much internet ~~can~~ will change in the next few years because of them.

Today I spent a couple of hours researching and implementing a WebSocket solution that I could run in my linux servers, and I found this very nice tutorial for creating a Python WebSockets server: http://yz.mit.edu/wp/web-sockets-tutorial-with-simple-python-server/

So I took that code and modified to create a very, very basic chat, that broadcasts received messages to all connected clients. You can try it here (as long as the python server is still up): http://enekoalonso.com/research/html5/websockets/python/

Here is the client code:

var form = document.getElementById('form');
var msg = document.getElementById('msg');
var output = document.getElementById('serveroutput');
var s = new WebSocket("ws://"+window.location.hostname+":9876/");
s.onopen = function(e) {
console.log("opened");
out('Connected.');
}
s.onclose = function(e) {
console.log("closed");
out('Connection closed.');
}
s.onmessage = function(e) {
console.log("got: " + e.data);
out(e.data);
}
form.onsubmit = function(e) {
e.preventDefault();
msg.value = '';
window.scrollTop = window.scrollHeight;
}
function sendMsg() {
s.send(msg.value);
}
function out(text) {
var el = document.createElement('p');
el.innerHTML = text;
output.appendChild(el);
}
msg.focus();

And the server code:

#!/usr/bin/env python
import socket, threading
# httphost = "localhost:8888"
# sockethost = "localhost:9876"
httphost = "enekoalonso.com"
sockethost = "enekoalonso.com:9876"
def handle(s, addr):
handsake = "HTTP/1.1 101 Web Socket Protocol Handshake\r\nUpgrade: WebSocket\r\nConnection: Upgrade\r\nWebSocket-Origin: http://%s\r\nWebSocket-Location: ws://%s/\r\nWebSocket-Protocol: sample\r\n\r\n" % (httphost, sockethost)
s.send(handsake)
data = s.recv(1024)
lock = threading.Lock()
while 1:
data = s.recv(1024)
if not data: break
print 'Data from', addr, ':', data
lock.acquire()
[conn.send(data) for conn in clients]
lock.release()
print 'Client closed:', addr
lock.acquire()
clients.remove(s)
lock.release()
s.close()
def start_server():
s = socket.socket()
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(('', 9876))
s.listen(1)
while 1:
conn, addr = s.accept()
print 'Connected by', addr
clients.append(conn)
threading.Thread(target = handle, args = (conn,addr)).start()
clients = []
start_server()

Check the live demo (be aware WebSockets are only supported by Google Chrome right now): http://enekoalonso.com/research/html5/websockets/python/
Open a few tabs and send some text. You should see it appearing in all of them. It will also work if you open the page in multiple browser windows or even if you open the page in different computers.

May 3, 2010 -- Playing with WebSockets (2)
May 6, 2010 -- Tech talks at LEVEL Studios (0)
February 19, 2010 -- Having fun with Mooml & Twitter (0)
August 18, 2010 -- Little tricks: repeating strings in Javascript & Python (1)

Performance matters

Eneko Alonso — Sun, 16 May 2010 18:36:24 +0000

I just read this on an email from a Google’s Closure developer:

Adding runtime checks for invalid usage is something we have policy against. It adds to the code size as well as to the runtime cost.

I totally agree. Developers should be responsible for their usage of APIs or third party libraries, while these should focus on working as efficient as possible given the correct parameters. Being Javascript a non-strongly-typed language, checking the parameters passed to every function are right at runtime would be a huge overkill.

March 15, 2010 -- More updates to Mooml coming soon (0)
January 28, 2010 -- Dojo y yo (0)
May 6, 2010 -- Tech talks at LEVEL Studios (0)
January 28, 2010 -- Things to do (0)

Awesome! Dinner for Spanish developers at Google IO 2010

Eneko Alonso — Sun, 16 May 2010 18:03:28 +0000

Great news. Google will be sponsoring a dinner for all Spanish developers at Google IO 2010:
http://programa-con-google.blogspot.com/2010/05/vienes-al-google-i0.html

We will be driving from SLO on Tuesday afternoon, but I’m not sure we would get there by 8pm. I really hope I can make it!

April 27, 2010 -- My Google IO 2010 Schedule (0)
July 30, 2010 -- Creating QR Codes with Google Charts API (1)
May 16, 2010 -- Performance matters (2)
May 6, 2010 -- Tech talks at LEVEL Studios (0)

Interesting JSON vulnerability (old stuff)

Eneko Alonso — Fri, 14 May 2010 21:00:56 +0000

Somebody at work passed this article about an interesting vulnerability in web APIs that use JSON.

The exploit combines Cross Site Request Forgery (CSRF) with a JSON Array hack allowing an evil site to grab sensitive user data from an unsuspecting user. The hack involves redefining the Array constructor, which is totally legal in Javascript.

http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx

I’ve found a while ago that you can put pretty much any URL on a script tag and the browser will download the content right away, whether it’s javascript or not, as long as the type attribute in the tag is set to ‘text/javascript’. But although browsers download the URL content and place it inside the script tag, you can’t get to the content from Javascript (using innerHTML, for instance). Or can you? Apparently, Firebug can, at least on the HTML tab. I’m not sure if Firebug has direct access to the DOM, other than through Javascript, but I hope that is the case.

August 12, 2010 -- Little tricks: concatenating arrays in Javascript (4)
February 19, 2010 -- Having fun with Mooml & Twitter (0)
August 27, 2010 -- Link: Whirlpool JS (0)
August 18, 2010 -- Titanium Developer: love and hate (Part II) (0)

Tech talks at LEVEL Studios

Eneko Alonso — Thu, 06 May 2010 15:51:16 +0000

Today we have a Tech Meeting at LEVEL Studios and I’ll be doing a quick demo of some tools we have been using in our current project, to help during our development:

Using Closure Compiler to detect Javascript syntax errors and remove warnings.
Using QUnit to test a REST api
The power of WebSockets and how the way browsers and servers interact with each other will change in the future.

May 22, 2010 -- More WebSockets, now with Python! (1)
March 15, 2010 -- More updates to Mooml coming soon (0)
January 28, 2010 -- Things to do (0)
July 30, 2010 -- Creating QR Codes with Google Charts API (1)

Playing with WebSockets

Eneko Alonso — Tue, 04 May 2010 04:20:37 +0000

Today I spent some time with Tim at work, playing with WebSockets, a new HTML5 feature that only Google Chrome supports so far. WebSockets allow browsers to create and maintain open direct TCP connections to the server, allowing instant communication in both directions. This means that ajax polling is no longer needed to get updates from the server. Instead, the server can send a message directly to the browser at any point in time while the connection is open. Awesome!

Since we are currently working on a C# .Net project, we searched Internet and found this very cool example that we took as a base for a little multiuser game we were working on today: WebSocket Chat

The potential of WebSockets is incredible, specially for online games and multiuser applications.

May 22, 2010 -- More WebSockets, now with Python! (1)
June 8, 2010 -- Change in WebSockets handshake protocol (0)
May 6, 2010 -- Tech talks at LEVEL Studios (0)
February 18, 2010 -- Google Fiber in San Luis Obispo? That would be awesome! (0)

Mooml 1.2.3 – Bye, bye, with()

Eneko Alonso — Thu, 29 Apr 2010 04:26:54 +0000

Mooml 1.1 was the first version of Mooml that didn’t rely on eval(), a javascript function that causes lot’s of problems when not used properly, but that also prevent minimizers and compilers like Closure to generate valid code.

The new Mooml 1.2.3 release also gets rid of with(), which will no longer be used to render Mooml templates. Instead, templates are prepared when they get registered, so all template tag functions (div(), span(), p()) get replaced by calls to the Mooml engine. Although this means there will be a performance hit when registering templates, it also means templates will render faster. As a plus, template parameter names will no longer conflict with template tag function names. Thus, you can now have a template with a parameter named ‘div’ and the template wont fail rendering.

Download: http://mootools.net/forge/p/mooml
Source: http://github.com/eneko/mooml

March 15, 2010 -- More updates to Mooml coming soon (0)
March 24, 2010 -- Mooml 1.1 – No more eval(), say Hi to Mooml.Template and Mooml.Templates (0)
February 19, 2010 -- Having fun with Mooml & Twitter (0)
February 1, 2010 -- Mooml.globalize(): Mooml template functions going global (0)

My Google IO 2010 Schedule

Eneko Alonso — Wed, 28 Apr 2010 05:27:36 +0000

The schedule for Google IO 2010 has been published. I am going through the list of talks thinking on which ones I am more interested, and here are my candidates so far:

Wednesday May 19

10:45am – Opening up Closure Library
12:30pm – Beyond JavaScript: programming the web with native code
1:45pm – Map once, map anywhere: Developing geospatial applications for both desktop and mobile
3:00pm – Developing HTML5 Applications for Google Chrome and Google Chrome OS
4:15pm – Unleash your map data: Cloud computing for geospatial applications

Thursday May 20

10:15am – Developing RESTful Android applications
11:30am – How to lose friends and alienate people: The joys of engineering leadership
1:00pm – GWT + HTML5 can do what?!
2:15pm – Fireside chat with the Social Web team
3:30pm – How Google builds APIs
4:45pm – HTML5 status update

Sad I can’t divide and go to all sessions ;)

May 16, 2010 -- Awesome! Dinner for Spanish developers at Google IO 2010 (0)
July 30, 2010 -- Creating QR Codes with Google Charts API (1)
May 16, 2010 -- Performance matters (2)
May 6, 2010 -- Tech talks at LEVEL Studios (0)

dev.enekoalonso.com

Link: Whirlpool JS

Related Posts:

List of iPhone ipsw firmware files (yes, downgrading from iOS 4.0.1 to 3.1.3)

Related Posts:

Titanium Developer: love and hate (Part II)

Related Posts:

Little tricks: repeating strings in Javascript & Python

Related Posts:

Little tricks: concatenating arrays in Javascript

Related Posts:

List of iPhone SDK & XCode packages

Related Posts:

Creating QR Codes with Google Charts API

Related Posts:

Titanium Developer: love and hate

The good things

The bad things

Conclusion

Related Posts:

Little tricks: string padding in Javascript

Related Posts:

Equivalent of parseInt() in Freemarker

Related Posts:

Little tricks: editing strings by index in Javascript and Python

The solution: convert to array and back to string

Related Posts:

Change in WebSockets handshake protocol

Related Posts:

More WebSockets, now with Python!

Related Posts:

Performance matters

Related Posts:

Awesome! Dinner for Spanish developers at Google IO 2010

Related Posts:

Interesting JSON vulnerability (old stuff)

Related Posts:

Tech talks at LEVEL Studios

Related Posts:

Playing with WebSockets

Related Posts:

Mooml 1.2.3 – Bye, bye, with()

Related Posts:

My Google IO 2010 Schedule

Wednesday May 19

Thursday May 20

Related Posts: