require 'net/https'
https = Net::HTTP.new('encrypted.google.com', 443)
https.use_ssl = true
https.verify_mode = OpenSSL::SSL::VERIFY_PEER
https.request_get('/')

fails with the following error:

/opt/local/lib/ruby1.9/1.9.1/net/http.rb:677:
  in `connect':
  SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (OpenSSL::SSL::SSLError)

The problem comes from the fact that the new Ruby 1.9 installation doesn’t find the certification authority certificates (CA Certs) used to verify the authenticity of secured web servers.

The solution is to install the curl-ca-bundle port which contains the same root certificates used by Firefox:

sudo port install curl-ca-bundle

and tell your https object to use it:

https.ca_file = '/opt/local/share/curl/curl-ca-bundle.crt'

Note that if you want your code to run on Ubuntu, you need to set the ca_path attribute instead, with the default certificates location /etc/ssl/certs.

In the end, that’s what will work on both Mac OS X and Ubuntu:

require 'net/https'
https = Net::HTTP.new('encrypted.google.com', 443)
https.use_ssl = true
https.verify_mode = OpenSSL::SSL::VERIFY_PEER
https.ca_path = '/etc/ssl/certs' if File.exists?('/etc/ssl/certs') # Ubuntu
https.ca_file = '/opt/local/share/curl/curl-ca-bundle.crt' if File.exists?('/opt/local/share/curl/curl-ca-bundle.crt') # Mac OS X
https.request_get('/')

sudo port install lighttpd +ssl +cml

I get the following error:

(network.c.529) SSL: error:00000000:lib(0):func(0):reason(0)

The fix is to patch lighttpd before MacPorts compiles it:

sudo port uninstall lighttpd +ssl +cml
sudo port fetch lighttpd +ssl +cml
sudo port -d extract lighttpd +ssl +cml
cd  /opt/local/var/macports/build/_opt_local_var_macports_sources_rsync.macports.org_release_ports_www_lighttpd/work/lighttpd-1.4.26
curl http://redmine.lighttpd.net/attachments/download/1095/08-ssl-retval-fix.patch | sudo patch -p1
cd / && sudo port install lighttpd +ssl +cml

The SSL error is now gone!

SC.$('.foo .bar:first-child')
SC.$(':empty')
SC.$('foo > bar')

If you don’t need your application to be compatible with IE 7 and Firefox 3.0, you can use the querySelectorAll method to overcome that limitation:

MyApp.$ = function(str) {
  return SC.$(document.querySelectorAll(str));
}

We haven’t launched yet, but here is a preview. Stay tuned!

To get rid of this problem, you can override the layerId method of certain view classes to generate a stable, and human readable, id.

The following code takes the view hierarchy, and generates an id based on the parents’ names. For example, the mainPage.mainView.someOtherView.theTargetView view will be given the mmsome.theTargetView id.

CT._ct_layerId = function() {
  var k1, k2, k3, k4, guid;

  if (!this._ct_layerId_cache) {
    guid = SC.guidFor(this);

    // Compute the new value
    k1 = this.get('keyForParentView');

    // If k1 is null, defer the computation to later...
    if (!k1) return SC.guidFor(this);

    // Finish the computation
    k2 = this.getPath('parentView.keyForParentView') || '';
    k3 = this.getPath('parentView.parentView.keyForParentView') || '';
    k4 = this.getPath('parentView.parentView.parentView.keyForParentView') || '';

    // Cache the result
    this._ct_layerId_cache = k4.substr(0,1) + k3.substr(0,1) + k2.substr(0,4) + '.' + k1;

    // If the id is already taken, fallback to guid
    if (SC.View.views[this._ct_layerId_cache]) {
      this._ct_layerId_cache = guid;

    // else, update the SC.View.views hash with the new value
    } else {
      delete SC.View.views[guid];
      SC.View.views[this._ct_layerId_cache] = this;
    }
  }

  return this._ct_layerId_cache;
}.property();

SC.View.prototype.mixin({

  keyForParentView: function() {
    var parentView = this.get('parentView'),
        key;
    for (key in parentView) {
      if (this === parentView[key]) return key;
    }
    return null;
  }.property()

});

SC.TextFieldView.prototype.mixin({
  layerId: CT._ct_layerId
});

SC.LabelView.prototype.mixin({
  layerId: CT._ct_layerId
});

SC.ImageView.prototype.mixin({
  layerId: CT._ct_layerId
});

SC.View.prototype.mixin({
  keyForParentView: function() {
    var parentView = this.get('parentView'),
        key;
    for (key in parentView) {
      if (this === parentView[key]) return key;
    }
    return null;
  }
});

didFetch: function(response, params) {
  var results, query = params.query;
  if (SC.ok(response) && SC.ok(results = response.get('body'))) {
    ...
  } else {
    store.dataSourceDidErrorQuery(query);
  }
}

Let’s add alternate row colors to the Todos tutorial’s list view. Clone the source code, then switch to the step-5 branch. It should look like this:

The code that’s actually responsible for the ListView is in main_page.js:46:

middleView: SC.ScrollView.design({
  hasHorizontalScroller: NO,
  layout: { top: 36, bottom: 32, left: 0, right: 0 },
  backgroundColor: 'white',
  contentView: SC.ListView.design({
    contentBinding: 'Todos.tasksController.arrangedObjects',
    selectionBinding: 'Todos.tasksController.selection',
    contentValueKey: "description",
    contentCheckboxKey: "isDone",
    canEditContent: YES,
    canReorderContent: YES,
    canDeleteContent: YES,
    destroyOnRemoval: YES,
    rowHeight: 21
  })
}),

This creates a standard list view whose rows are instances of the SC.ListItemView class. We want to customize the appearance of these rows, so we are going to subclass the SC.ListItemView class and override the render method:

Todos.ListItemView = SC.ListItemView.extend({
  render: function(context, firstTime) {
    if (this.get('contentIndex') % 2 === 0) {
      context.addClass('even');
    } else {
      context.addClass('odd');
    }
    return sc_super();
  }
});

Let go through this code snippet step by step:

• Todos.ListItemView is the subclass’ name
• SC.ListItemView.extend is the SproutCore syntax for subclassing
• render: function(context, firstTime) is the method defined in view.js that we need to override to customize the view’s appearance
• now, we need to determine the index of the current row and add an ‘odd’ or ‘even’ css class name to the underlying HTML element
  • by looking at SproutCore’s source code, you’ll notice that a ListViewItem has a contentIndex property, which is exactly the row’s index. The property is obtained by calling the get method.
  • SproutCore renders things using a context object, instance of SC.RenderContext. It has an addClass which adds a css class name to the current HTML element.
• finally, we need to call the superclass’ implementation. This is done with sc_super().

Now, we need to tell the contentView that it should use the Todos.ListItemView class for rows. This is done by adding the following line to the contentView’s parameters:

exampleView: Todos.ListItemView,

Finally, we need to add some css code to style the odd and even rows. Create a list_item.css file in your english.lproj folder:

.sc-list-item-view.even {
  background-color: #E4E4E4;
}

Reload your browser, it should look like that:

EDIT: As nexneo points out, there is a simpler way to get the current row index. I’ve replaced this.owner.contentIndexForLayerId(this.layerId) by this.get('contentIndex'). Thanks!

To make it work, though, you have to run Safari in 32-bit mode. To do so, select Safari.app in the Applications folder, hit ⌘-I to show the “Get Info” window, and check the “Open in 32-bit mode” checkbox:

I’m looking into an alternative solution to allow Safari to run in 64-bit with AdBlock (and any InputManager) enabled.

sudo port install lighttpd

But when I try to start it with a custom configuration file, I get the following error:

(plugin.c.213) mod_magnet plugin init failed
(server.c.614) loading plugins finally failed

It looks like the default MacPorts installation didn’t install everything needed for mod_magnet to work. Ports actually come in different flavours called variants. You can either do

port variants lighttpd

to see the different variants of a port, or directly read lighttpd’s portfile which has more info in it. You see on line 85 that the cml variant builds lighttpd with lua, which is the scripting language used by mod_magnet:

variant cml {
    depends_lib-append   port:lua \
                         port:libmemcache \
                         port:memcached \
                         port:pkgconfig

     configure.args-append --with-lua \
                           --with-memcache
}

The cml variant is probably just what we need. While we’re at it, we are also going to add ssl support to our lighttpd installation.

Now, we first need to remove the previous installation

sudo port uninstall lighttpd

then do the new installation with the cml and ssl variants:

sudo port install lighttpd +cml +ssl

Lighttpd now starts without any error.