Question

Pleased to get started with coffescript in some rails app.
But, after some projects, some difficulties.

The code below translates well, but the coffee one does not do anything

JS :

(function(){
  var wf = document.createElement('script');
  wf.src = "/assets/libraries/webfonts.js";
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();
WebFontConfig = {
  custom:{
    families: ['tb', 'tr'],
    urls: [ '/assets/1.fonts.css' ]
  }
}

COFFEE :

(->
  wf = document.createElement("script")
  wf.src = "/assets/libraries/webfonts.js"
  wf.type = "text/javascript"
  wf.async = "true"
  s = document.getElementsByTagName("script")[0]
  s.parentNode.insertBefore wf, s
)()
WebFontConfig = custom:
  families: ["tb", "tr"]
  urls: ["/assets/1.fonts.css"]

I could list other examples, but I’m fronting this “js works / coffee does not” problem very often

Answer 1

Your Coffee code will translate to a javascript like this:

(function(){
  var WebFontConfig;

  (function() {
    var s, wf;
    wf = document.createElement("script");
    wf.src = "/assets/libraries/webfonts.js";
    wf.type = "text/javascript";
    wf.async = "true";
    s = document.getElementsByTagName("script")[0];
    return s.parentNode.insertBefore(wf, s);
  })();

  WebFontConfig = {
    custom: {
      families: ["tb", "tr"],
      urls: ["/assets/1.fonts.css"]
    }
  };
})

As you can see, you are using a WebFontConfig of your context, not window context.

So, I suggest you to do something like this:

window.WebFontConfig = custom:
  families: ["tb", "tr"]
  urls: ["/assets/1.fonts.css"]

I strongly believe that this will solve your problem.
Also, your Coffee file was execute, it just don’t do what you expect.

Hope it helps.