goog.getCssName with the class name as a variable

[Hendrik Söbbing]

Hi everybody,

i tried to minify a CSS class name, generated by an algorithm:

var classNormal = 'size-' + Math.round(Math.random()*10);

var classMinified = goog.getCssName(classNormal);

The Closure compiler throws an error, insists on a string literal:

ERROR - goog.getCssName called with invalid argument, string literal expected. Was "NAME".

I tried adding type declaration, but no effect.

Am I missing something? Isn't this a valid use case? Or does the compiler do the class replacement in compile time? What could be a workaround?

[Michael Bolin]

Correct -- the compiler does class replacement at compile time, which is why this is an error.

Did you read both of these?

http://code.google.com/p/closure-stylesheets/#Renaming

http://code.google.com/p/closure-stylesheets/wiki/MoreOnCssRenaming

If part of your application relies on the use of dynamically generated class names, then you should exclude those class names from CSS renaming. This entails using the --excluded_classes_from_renaming flag, which also means that those classes should not be wrapped with goog.getCssName().

[Hendrik Söbbing]

Thank you very much, Michael, for pointing that compile-time fact out! 

I read those articles, of course, but obviously not throughly enough. :) Maybe that fact should be emphasized a bit more, I could think of more people not realizing this.

Anyway, thank you again for your help!

Hendrik

[m.gad...@zerodo.it]

This is exactly my case.

I'm using plovr for compilation and i don't know were put "--excluded_classes_from_renaming" flag.

Can you help me?

[Markus]

This is exactly my case.

I'm using plovr for compilation and i don't know were put "--excluded_classes_from_renaming" flag.

Can you help me?

 

On Tuesday, November 22, 2011 8:54:46 PM UTC+1, Michael Bolin wrote: