net.sf.jasperreports.customvisualization.scripts.customvisualization-phantom.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of jasperreports-custom-visualization Show documentation
JasperReports Custom Visualization Component
There is a newer version: 6.21.4
Show newest version
/*
 * JasperReports - Free Java Reporting Library.
 * Copyright (C) 2001 - 2023 Cloud Software Group, Inc. All rights reserved.
 * http://www.jaspersoft.com
 *
 * Unless you have purchased a commercial license agreement from Jaspersoft,
 * the following license terms apply:
 *
 * This program is part of JasperReports.
 *
 * JasperReports is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * JasperReports is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with JasperReports. If not, see .
 */
exports.perform = function(call) {
	var	requestArgs = call.requestArgs.data,
		system = require('system'),
		page = require('webpage').create(),
		fs = require('fs'),

		componentHtmlFile = requestArgs.componentHtmlFile,
		outputFormat = requestArgs.outputFormat,
		zoomFactor = requestArgs.zoomFactor || 2.0,

		interval = null,
		componentRendered;

    page.onConsoleMessage = page.onAlert = function(msg) {
        console.log(msg);
    };

    page.onError = function(msg, trace) {
        try {
            if (interval != null) {
                clearInterval(interval);
            }
            page.close();

            system.stderr.writeLine("Error rendering custom visualization: " + msg);

            if (trace && trace.length) {
                system.stderr.writeLine("Error trace:");
                trace.forEach(function(t) {
                    system.stderr.writeLine("  at " + t.file + ": " + t.line + (t.function ? (" (" + t.function +")") : ""));
                });
            }
        } finally {
            call.sendError(msg);
        }
    };

    page.onLoadFinished = function(status) {
        console.log("Page load finished with status: " + status);
    };

    page.onResourceError = function(resourceError) {
        console.log('Unable to load resource (#' + resourceError.id + 'URL:' + resourceError.url + ')');
        console.log('Error code: ' + resourceError.errorCode + '. Description: ' + resourceError.errorString);
    };

    page.onResourceTimeout = function(request) {
        console.log('Resource timed out (#' + request.id + '): ' + JSON.stringify(request));
    };

    page.open(componentHtmlFile, function(status) {
        if (status === "fail") {
            call.sendError("Unable to open component HTML file!");
        }
    });

    interval = window.setInterval(function() {
        componentRendered = page.evaluate(function() {
            if (typeof window.componentRendered !== 'undefined') {
                if (window.componentRendered === true) {
                    return true;
                }
                return false;
            }
            return document.getElementsByTagName("svg").length > 0;
        });

        if (componentRendered) {
            console.log("Custom visualization rendered successfully!");
            console.log("Requested output format: " + outputFormat);

            clearInterval(interval);
            if (outputFormat === "png") {
                var dimensions = page.evaluate(function() {
                    var body = document.getElementsByTagName('body')[0];

                    body.style.marginTop = '0px';
                    body.style.marginLeft = '0px';
                    var element = body.children[0];

                    return {
                        w: Number(element.offsetWidth),
                        h: Number(element.offsetHeight)
                    };
                });

                page.viewportSize = { width: dimensions.w, height: dimensions.h };
                page.zoomFactor = zoomFactor;

                var pngOutput = page.renderBase64("PNG");
                page.close();
                call.sendResponse(pngOutput);
            } else if (outputFormat === "svg") {
                var svgString = page.evaluate(function() {

                    function getStyles(doc) {
                        var styles = "",
                            styleSheets = doc.styleSheets;

                        if (styleSheets) {
                            for (var i = 0; i < styleSheets.length; i++) {
                                processStyleSheet(styleSheets[i]);
                            }
                        }

                        function processStyleSheet(ss) {
                            if (ss.cssRules && ss.cssRules !== null) {
                                for (var i = 0; i < ss.cssRules.length; i++) {
                                    var rule = ss.cssRules[i];
                                    if (rule.type === 3) {
                                        // Import Rule
                                        processStyleSheet(rule.styleSheet);
                                    } else {
                                        // hack for illustrator crashing on descendent selectors
                                        if (rule.selectorText) {
                                            if (rule.selectorText.indexOf(">") === -1) {
                                                styles += "\n" + rule.cssText;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        return styles;
                    }

                    function getSources(doc, styles) {
                        var doctype = '';
                        var svgInfo = [],
                            svgs = doc.getElementsByTagName("svg");

                        for (var i = 0; i < svgs.length; i++) {
                            var svg = svgs[i];
                            svg.setAttribute("version", "1.1");

                            // removing attributes so they aren't doubled up
                            svg.removeAttribute("xmlns");

                            var defsTags = svg.getElementsByTagName("defs"),
                                defs_element,
                                styleElem;

                            if (defsTags.length == 0) {
                                defs_element = document.createElement('defs');

                                if (defs_element.hasAttribute("xmlns")) {
                                    defs_element.removeAttribute("xmlns");
                                }

                                svg.insertBefore(defs_element, svg.firstChild);
                            } else {
                                defs_element = defsTags[0];
                            }


                            if (typeof window.cvcIgnoreSVGStyles !== 'undefined' && window.cvcIgnoreSVGStyles == true) {
                              // Don't add any style, since the batik may not like it.
                            } else if (styles) {
                                styleElem = document.createElement('style');
                                styleElem.type = 'text/css';
                                styleElem.appendChild(document.createTextNode(styles));
                                defs_element.appendChild(styleElem);
                            }

                            var source = (new XMLSerializer()).serializeToString(svg).replace('',''); //.replace('', '');
                            var rect = svg.getBoundingClientRect();

                            svgInfo.push({
                                top: rect.top,
                                left: rect.left,
                                width: rect.width,
                                height: rect.height,
                                class: svg.getAttribute("class"),
                                id: svg.getAttribute("id"),
                                childElementCount: svg.childElementCount,
                                source: doctype + source
                            });
                        }

                        return svgInfo;
                    }

                    var styles = getStyles(document);
                    var sources = getSources(document, styles);

                    // This should never be true...
                    if (sources.length == 0) {
                        throw "No SVG found in this html.";
                    }

                    return sources[0].source;
                });

                page.close();

                if (svgString && svgString.length) {
                    console.log("Successfully produced the SVG!");
                    call.sendResponse(svgString);
                } else {
                    console.log("No SVG produced!");
                    call.sendError("Empty SVG created. SVG element not found?");
                }
            } else {
                call.sendError("Unknown outputFormat: " + outputFormat);
            }
        }
    }, 50);
};