ttree / fusion-dynamicstyles
A Neos Fusion custom meta handler to extract dynamic stylesheet during page rendering
Installs: 16
Dependents: 0
Suggesters: 0
Security: 0
Stars: 3
Watchers: 5
Forks: 0
Open Issues: 0
Type:neos-package
Requires
- matthiasmullie/minify: ^1.3
- neos/fusion: *
This package is auto-updated.
Last update: 2024-10-26 04:51:13 UTC
README
This package contains Fusion objects to extract dynamic stylesheet during page rendering.
Warning: The current Fusion implementation does not support this feature, so this package require this Pull Request
It's common to have complex components that are used only on a few pages. With this plugin you can nicely define in your Fusion object when you need a specific stylesheets for the the current Fusion object.
Configure your Fusion objects
prototype(WebStarter:Object.PersonList) < prototype(Fusion:Template) {
templatePath = 'resource://Ttree.SwissConfederation.WebStarter/Private/Templates/PersonList.html'
@css = 'resource://Ttree.SwissConfederation.WebStarter/Private/Stylesheets/PersonList.css'
}
Configure your document to inline the CSS during page rendering
prototype(Neos.Neos:Page).@process.styles = Ttree.Fusion.DynamicStyles:InlineStyles
Configure your document to build a minified external CSS with all the CSS used in the current page
prototype(Neos.Neos:Page).@process.styles = Ttree.Fusion.DynamicStyles:ExternalStyles
What's next ?
- Fusion object to inline external CSS resource (inline)
- CSS minification
- Add a Fusion object to include external CSS resource
- More inteligent build process (css ordering, ...)
- Add more configuration (minification, concatenation, compression, ..)
- Generate the CSS name automatically based on the prototype name (pluggable)
- Concatenation
- Gzip
Acknowledgments
Development sponsored by ttree ltd - neos solution provider.
We try our best to craft this package with a lots of love, we are open to sponsoring, support request, ... just contact us.
License
The MIT License (MIT). Please see LICENSE for more information.