Which minifier does Liferay use? - liferay

Which minifier does Liferay use? Any and all versions.
(This is a surprisingly simple question and yet I could not find the answer online)

Liferay uses two minifiers YUI Minifier for JS and CSS and Google Minifier for JS.
By default, Liferay will the Google minifier for JS and YUI for everything else. If you would like to use the YUI minifier for JS set:
minifier.javascript.impl=com.liferay.portal.minifier.YahooJavaScriptMinifier
in your portlet-ext.properties.
See the minifier package on GitHub.

Related

Integrating third party Bootstrap CSS themes with Bootsfaces

I seem to have reached a conundrum in integrating this third party Bootstrap theme within bootsfaces. Currently what I'm trying to do is include the css/js files within the xhtml files, but that doesn't seem to display any styling or show any references to the css files when inspecting the page. Will I need to build bootsfaces from source? Any help would be greatly appreciated
Starting with BootsFaces 0.8.0, we (the BootsFaces team) have added full-blown theme support. This include the default theme, 16 Bootswatch themes which are included in the library, and arbitrary custom themes. Read the details on our showcase.
However, in earlier versions (i.e. BootsFaces 0.7.0 and below) it was a bit more difficult to get custom or third-party themes up and running. Therefore, I recommend updating to BootsFaces 0.8.x, if you're still using an older version.
Update Dec 6, 2015: Forget about my former answer. BootsFaces theming works a bit different than I thought. We've changed it in the soon-to-come BootsFaces 0.8.0, anyways. I'll update my answer as soon as I'll have worked out the details.
The default Bootstrap theme of BootsFaces is a simple file (bsf.css). If you don't activate it in the web.xml, BootsFaces runs without any theme. So your approach should work: simply add the CSS file to your XHTML page, and you're good to go. You don't have to compile BootsFaces from source.

Add CKEditor add-ons to <pe:ckEditor>

I am using PrimeFaces Extensions <pe:ckEditor> which is basically a server side JSF component which generates the necessary HTML/CSS/JS code output for CKEditor. It works fine, however I have a new requirement which requires me to use either the PBCKCODE or the syntaxhighlighter add-on of CKEditor.
I have successfully created a customized version with those add-ons from their website. However, I have no clue how to integrate those add-ons in <pe:ckEditor>. How can I integrate those add-ons in <pe:ckEditor>?
Is there any reason why you don't want to use the CKEditor directly in stead of using it through pe:ckEditor? At least thats what I did in our project.

Rewriting PHP/Smarty site to Node.js

I decided to play a bit with Node.js because I like Javascript a lot as a language and because V8 is so fast. I work with mobile sites a so if I manage to reduce the page response time it will be very good.
I have a relatively simple site built with php and smarty and as an exercise I want to port it to Node and see how it behaves.
My main problem is the following - which of the existing template engines most closely resemble smarty so the porting work of this part of the project to be minimized.
Also I use php library that combines content images into sprites - any image processing tools for V8 that can read/write png and jpeg?
Recently published Node.js Smarty template engine - ported PHP Smarty
https://github.com/stepofweb/nsmarty
When I search for modules I like to use http://search.npmjs.org and https://github.com/joyent/node/wiki/modules.
I have never used Smarty, but maybe ejs could be useful? There is a node.js plugin for ejs available. Also maybe you should have a look at all templates modules available at https://github.com/joyent/node/wiki/modules#wiki-templating.
I searched search.npmjs.org and https://github.com/joyent/node/wiki/modules for png:
https://github.com/pkrumins/node-png
https://github.com/pkrumins/node-image

SpiderMonkey for JavaScript and WebKit for everything else?

Is that possible to run SpiderMonkey for JavaScript and WebKit for everything else (CSS, rendering etc)?
According to http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28ECMAScript%29 WebKit have obsolete JS support (compared to Gecko). So can it work?
So far as I know, nobody has done the legwork to integrate the SpiderMonkey engine into the WebKit code base, but JSC (the WebKit JavaScript implementation) is also a quality, standards-conforming JavaScript engine implementation. There was some work on putting a V8 API on SpiderMonkey, which has some promise for integrating SpiderMonkey into the Chromium code base I suppose, but I don't know how active that effort currently is.

Browser compatible NodeJS templating

I am looking to reuse templates I write for NodeJS in the browser, by this I hope to gain fast page loading time (initial rendering), and dynamic content switching ability, etc...
This would be most natural on Node, any ideas of compatible templating engines?
By the way, I like the HAML style syntax, so anything HAML based is a huge plus.
Thanks!
Roman
Edit:
I think that I like the approach of Mustache the most, it works with Express and also in client side.. will update here on how the implementation went..
Jade is excellent, very similar to HAML and compiles down to JavaScript for browser usage :)
See the README on the Github repo for details.
Jade is also the semi-officially recommended template language for the currently most popular web framework for Node, Express (in fact, they share authors), so it looks like a solid choice to me.
I recently evaluated a lot of NodeJS template libraries and ended up picking Jade.
I've made a simple example of using Jade in the browser. The fun stuff happens in demo.js, and you can also view index.jade which contains the basic page markup.
EJS works in the browser and with express out of the box. Admittedly the syntax is not HANL style nor is particularly feature rich but you can easily get it to work.
I've also used a simple technique to re-use templates and views on both client and server and it works reasonably well
JAVASCRIPT TEMPLATE SHOWDOWN!~
Which is pretty much all the best templates lined up to test in the browser.
(also #Raynos it includes an example of jade in the browser)
Personally I use Jade, combined with stylus and jquery I only use css selectors.
But. . . as you can see from the chart Jade doesn't get along with firefox 3 or opera.
You could try weld https://github.com/hij1nx/weld that has implementation in server side and client side.
node-jqtpl is your best bet. It's a port of jQuery Templates, so 100% reusable in the browser.
There is a command-like utility TplCpl written in Node.js that allows to compile Jade templates for browser use.
https://github.com/jsmarkus/tplcpl

Resources