Adding TOC about autoptimize HOT 5 CLOSED

closing, lack of interest, lack of resources & lack of PR's for this B-)

from autoptimize.

well, can you first describe how a TOC would look like? simply a list of the filenames of aggregated CSS-files?

from autoptimize.

Yes, the idea is from https://github.com/kasparsd/minit

/* TOC
http://site.net/small.css
http://site.net/large.css
*/

from autoptimize.

in that case;

1. create a boolean $includetoc which gets its value from apply filter "autoptimize_fitler_jscss_toc" which defaults to false
2. in the minify function at the start you'll see code that goes through the media-types and for each mediatype gets all CSS (inline or file_get_contents-wise). if $includetoc returns true, you can create an array $toc[] to store the filenames (from var $cssPath) or "#inline" if from inline code
3. in the "manage the @imports"-section you'll have to again add filenames to that array for every imported stylesheet
4. you might want to also add base64'ed inlined background-images in there as well, if you want to be thorough ("// Do the imaging!")
5. after the aggregated CSS-code has been minified, around the time the "autoptimize_css_after_minify" filter is applied, if $includetoc is true and if there is data in the $toc-array, you would insert the data from the TOC into the CSS.

and once that is done, you could create something similar for JS :-)

the rest is ... trial and error!

have fun!
frank

from autoptimize.

Someone asked me about this in a mail as well. I'm still not convinced this should be in AO proper, but as I wrote to that user this can easily be done using the API;

You could hook into the AO API to create a TOC if you're into that kind of things ;-)

1. create a function to hook into autoptimize_js_individual_style
2. in that function grab the 2nd incoming parameter and add that to a tmp string (which would be added to for each file) and return false
3. create a 2nd function to hook into autoptimize_js_after_minify
4. in that function add the tmp string (in between JS comment tags) to the incoming optimized JS and returning the optimized JS which now has your TOC

frank

from autoptimize.