Uncaught ReferenceError: xxx is not defined

[krokodile]

We have following js structure - all js are loaded to user at once, except page-specific initializers ( e.g. init.main.js , init.subscription.js, init.product_list.js ). So usual structure looks like :

{% compressed_js 'all' %}
<script src='init.product_list.js'></script> 

init.product_list.js tries to call functions from 'all', but cannot do it, as compressed_js encapsulates everything inside

 (function($){...}).call(this)

Demonstration -http://jsfiddle.net/TwSqe/11/

Is it possible to solve this issue without modifying code ?

[cyberdelia]

Without modifying code, just add init.product_list.js in your 'all' group.
Or declare your function as global when needed.

[krokodile]

init.product_list.js - is specific for 'products' page, other pages have it's own initializers( init.offers.js for example ), so it's impossible to add init.* functions to 'all' group.

My point is - (function($){...}).call(this) - can damage working code ( which works without PIPELINE=True ). Why it's needed and hard coded? I suppose it should be possible to disable such behavior in settings.

[cyberdelia]

This is for performance, avoiding unexplicit globals : http://dev.opera.com/articles/view/efficient-javascript/?page=2#avoidglobal

[cyberdelia]

I will add documentation about this, see #73.