-
Notifications
You must be signed in to change notification settings - Fork 1
PhilippSoehnlein/Catalyst-Controller-Combine
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
NAME Catalyst::Controller::Combine - Combine JS/CSS Files SYNOPSIS # use the helper to create your Controller script/myapp_create.pl controller Js Combine # or: script/myapp_create.pl controller Css Combine # DONE. READY FOR USE. # Just use it in your template: # will deliver all JavaScript files concatenated (in Js-Controller) <script type="text/javascript" src="/js/file1/file2/.../filex.js"></script> # will deliver all CSS files concatenated (in Css-Controller) <link rel="stylesheet" type="text/css" href="/css/file1/file2/.../filex.css" /> # in the generated controller you may add this to allow minification # the trick behind is the existence of a sub named 'minify' # inside your Controller. use JavaScript::Minifier::XS qw(minify); # or: use CSS::Minifier::XS qw(minify); DESCRIPTION Catalyst Controller that concatenates (and optionally minifies) static files like JavaScript or CSS into a single request. Depending on your configuration, files are also auto-added with a simple dependency-management. The basic idea behind concatenation is that all files one Controller should handle reside in a common directory. Assuming you have a directory with JavaScript files like: root/static/js | +-- prototype.js | +-- helpers.js | +-- site.js Then you could combine all files in a single tag (assuming your directory for the Controller is set to 'static/js' -- which is the default): <script type="text/javascript" src="/js/prototype/helpers/site.js"></script> If you add a dependency into your Controller's config like: __PACKAGE__->config( ... depend => { helpers => 'prototype', site => 'helpers', }, ... ); Now, the URI to retrieve the very same JavaScript files can be shortened: <script type="text/javascript" src="/js/site.js"></script> CONFIGURATION A simple configuration of your Controller could look like this: __PACKAGE__->config( # the directory to look for files # defaults to 'static/<<action_namespace>>' dir => 'static/js', # the (optional) file extension in the URL # defaults to action_namespace extension => 'js', # optional dependencies depend => { scriptaculous => 'prototype', builder => 'scriptaculous', effects => 'scriptaculous', dragdrop => 'effects', slider => 'scriptaculous', myscript => [ qw(slider dragdrop) ], }, # name of the minifying routine (defaults to 'minify') # will be used if present in the package minifier => 'minify', # mimetype of response if wanted # will be guessed from extension if possible and not given # falls back to 'text/plain' if not guessable mimetype => 'application/javascript', ); CONFIGURATION OPTIONS TODO: writeme... METHODS BUILD constructor for this Moose-driven class do_combine :Action the `do_combine' Action-method may be used like this (eg in YourApp:Controller:Js): sub default :Path { my $self = shift; my $c = shift; $c->forward('do_combine'); } However, a predeclared `default' method like this is already present -- see below. All files in the remaining URL will be concatenated to a single resulting stream and optionally minified if a sub named 'minify' in your Controller's package namespace exists. Thus, inside your Controller a simple # for JavaScript you may do use JavaScript::Minifier::XS qw(minify); # for CSS quite similar: use CSS::Minifier::XS qw(minify); will do the job and auto-minify the stream. default :Path a standard handler for your application's controller maps to the path_prefix of your actual controller and consumes the entire URI uri_for :Private handle uri_for requests (not intentionally a Catalyst-feature :-) requires a patched `uri_for' method in your app! my one looks like the sub below. If this method is used, the URI will only contain files that will not automatically get added in by dependency resolution. Also, a simple GET-parameter is added that reflects the unix-timestamp of the most resent file that will be in the list of combined files. This helps the browser to do proper caching even if files will change. Admittedly this is most of the time needed during development. # in my app.pm: sub uri_for { my $c = shift; my $path = shift; my @args = @_; if (blessed($path) && $path->class && $path->class->can('uri_for')) { # # the path-argument was a component that can help # let the controller handle this for us # believe me, it can do it! # return $c->component($path->class)->uri_for($c, $path, @args); } # # otherwise fall back into the well-known behavior # $c->next::method($path, @args); } # alternatively, using Catalyst 5.8 you may do this: around 'uri_for' => sub { my $orig = shift; my $c = shift; my $path = shift; my @args = @_; if (blessed($path) && $path->class && $path->class->can('uri_for')) { # # let the controller handle this for us # believe me, it can do it! # return $c->component($path->class)->uri_for($c, $path, @args); } return $c->$orig($path, @args); }; AUTHOR Wolfgang Kinkeldei, <[email protected]> LICENSE This library is free software, you can redistribute it and/or modify it under the same terms as Perl itself.
About
Combine and Minify JS/CSS files into a single stream with a single Controller-Class
Resources
Stars
Watchers
Forks
Packages 0
No packages published