jsreport forum

dfaivre

Playground Reproduction: https://playground.jsreport.net/w/dfaivre/DugBMIlv

If I use an external font loaded as an asset:

@font-face {
        font-family: 'Montserrat-Regular';
        src: url({#asset /Montserrat-Regular.woff2 @encoding=dataURI});
        format('woff2');
}

and render to chrome-pdf then any unicode output characters are invalid (for both elements that use the custom font and elements that use the default font).

(Unicode input characters: €$£ áñè Среднее)
0_1609963804290_upload-68454a0b-a43b-4a2b-8a71-cdb2f9327b48

If I render to html-with-browser-client then it works.
If I render to html-with-browser-client in a new window then it doesn't work (same output as chrome-pdf)
If I remove the @font-face entirely and just use default, preview panel rendering works but "new window" rendering is still garbled.

Adding explicit utf-8 charset encoding to the template makes both chrome-pdf and new window html-with-browser-client work

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

If this is the only work around - is there a way to specify utf-8 encoding for all my templates, or does it need to be added to each template manually?
Is there another way to load the custom font file?

dfaivre

Since req.template.helpers is a string that seems to be evaluated as a complete script, seems like we just need to somehow get the entire "helper" script included (this is how global helpers do it: https://github.com/jsreport/jsreport-assets/blob/0c379acb498d24e55aa1a154b89344b02b11917c/lib/assets.js#L377)

Something like this maybe?

function beforeRender(req, res, done) {

    req.template.helpers +=
        '\n' + `\n{#asset ./helpers_src_asset.js}`


    done();
}

with the asset as:

var _commonDataForAllHelpers = "hello";

function helperFoo() {
    console.log(_commonDataForAllHelpers);

    return _commonDataForAllHelpers;
}

I've updated the playground: https://playground.jsreport.net/w/anon/u7zM~nRJ

0_1608306438205_upload-3dbc8a77-11b6-4142-8c82-e64fbea5028b

dfaivre

I want to be able to use some common variables and functions within a template helper script file, but I get :
ReferenceError: [var/function] is not defined

playground: https://playground.jsreport.net/w/anon/u7zM~nRJ

Is there a way to do this?

var _commonDataForAllHelpers = "hello";

function helperFoo() {
    // this fails with: ReferenceError: _commonDataForAllHelpers is not defined
    console.log(_commonDataForAllHelpers);

    return "bar";
}

function beforeRender(req, res, done) {

    req.template.helpers +=
        '\n' + helperFoo

    done();
}

dfaivre

@dfaivre

Posts made by dfaivre