Posts made by MG_Steve

Hi, how do I do this? I tried installing v3 over the top of the beta, but init says that it's still using a local version?

Warning: jsreport-cli version mismatch:                                                                                                                                                                            
Global jsreport-cli is 3.0.0                                                                                                                                                                                       
Local jsreport-cli is 3.0.0-beta.2 

No problem, hope it helps someone else :)

@jan_blaha - Here you go :)

https://youtu.be/M_SNsqs1VR0

Actually, I've just realised you can pass launcher options to puppeter via the "launchOptions" config value!

e.g.

"extensions": {
    "chrome-pdf": {
       "launchOptions": {
           "defaultViewport" : {
             "width": 1920,
             "height": 10000
           }
       }
    },

This then changes the size of the image

hey @jan_blaha - I've actually managed to set this up (I'm pretty shocked I managed it, tbh!). I've got jsReports running on the VM in the datacenter, connected via a VPN and I'm able to step through the javascript on my desktop whilst chrome is being run by puppeteer. Its a reasonably straight forward setup, I'll make a video of the process to set it up if you think it would be of benefit to others?

Regards

Steve.

Hi @bjrmatos - something else I've read about when looking into this, it appears that puppeter defaults to a window size of 800x600, but you can override this via the defaultViewport option when launching puppeter

see: https://github.com/puppeteer/puppeteer/blob/v1.14.0/docs/api.md#puppeteerlaunchoptions

It would be great if there was a way you could expose those settings in a way that we can set them via the jsReport Studio UI.

I have a feeling this would fix the image issue plus the pdf scaling issue I opened tickets about. Using those options you can even remove the viewpoint completely or set it to 1920x10000 - i.e. sizes that make little sense for display on a monitor, but would allow you to get a screenshot of an entire page, for example.

Thanks, yeah I would normally, but I need to see the environment whilst its being run to see what javascript can see, if you know what I mean.

I've added that to the config, is there a way to log the command line that jsReport runs, so I can see if its having an effect?

Hi @bjrmatos - sure.

Please find it in my playground account, let me know if there's something I need to do to give you access.

btw, this is another related issue, perhaps you could look at it at the same time?

https://forum.jsreport.net/topic/2170/pass-custom-parameters-to-chrome-headless-how

The reason for the latter is because I need to find a way to detect when the page is rendering if its being rendered as HTML or to a PDF. If its HTML, I don't need to set the width of the highchart, if its a pdf, I do need to set the width. So being able to debug the chrome process remotely would be ideal to figuring out if there's a way to detect or infer that its being rendered in either format.

Thanks!

Steve.

Hi, I'm investigation ways to debug the headless chrome process whilst its generating the pdf and I notice you may be able to do it by using the --remote-debugging-port parameter you can pass to chrome.

I've tried to find the location where I could edit the source code to test this, but I can't find it.

What would I need to change to test this?

source: https://stackoverflow.com/questions/46017982/debugging-with-headless-browser

Hi, I've got a report that I'm using bootstrap to style it - I know about the printing issues and I've worked around them, the HTML output and PDF output is fine (I just need to scale the PDF output by 55% and it's fine - otherwise it appears the same as the image output.

I see there is a related topic from last year, has anyone got anywhere near solving this?
-> https://forum.jsreport.net/topic/1420/setting-browser-window-size-viewport-with-chrome-image-recipe

Image output:

pdf output:

html output:

Just a quick update, it could be something to do with it being the server version of Ubuntu & headless chrome. I just setup a new VM of desktop Ubuntu 20.04, installed normal chrome, jsReports etc.. and it all works out of the gate :)

If you could look into the issues running on the server version as its OK running the dev server on a desktop version, all the prod servers are Ubuntu Server.

Hi, I've installed v3 beta onto a freshly spun up Ubuntu 20.04 LTS (server version) vm, using node v16.12.0 & installed everything as per your documentation and jsReport is generating reports in HTML nice & fast :)

First issue with Chrome was that it was saying it couldn't find libxshmfence.so, so I fixed that by running
sudo apt install libxshmfence-dev

However, when I go to use any Chrome option (pdf or image) in top I can see 2 chrome processes spinning at near 100% cpu, along with node at 100% CPU and then after about a minute I get the error

Report "invoice-main" render failed.

Report timeout
Error: Report timeout
    at Timeout._onTimeout (/opt/jsreportapp/node_modules/@jsreport/advanced-workers/lib/threadWorker.js:41:23)
    at listOnTimeout (node:internal/timers:557:17)
    at processTimers (node:internal/timers:500:7)

And this was using the inbuilt sample.

Any suggestions on what to try next?

Aha! I just copied it out of some of the samples or documentation - I forget where now. I've downloaded beta 3 and am running it local now anyway - works great :)

btw, minor bug I've found, when you copy the code from the asset page in the studio using the copy embedding code button (which by the way the tool tip has a spelling error - "coppy" not "copy") it uses the old v2 format as you mentioned above, not the v3, so if you paste it into the template you end up with an error.

e.g.

{#asset /test/SharedAssets/paper/custom_style.css @encoding=utf8}
not
{{ asset "/test/SharedAssets/paper/custom_style.css" }}

Hi, sorry newbie question here :(

I'm playing around on jsReportOnline & I can't get the asset helper to work - is there some extra config I need to do that despite searching I'm failing to see?

This is the report file:

<html>
<head>
    <style>
    {{asset "./Daily Written Fee/mini.css"}}
    {{asset "./Daily Written Fee/styles.css"}}
    </style>
</head>

<h1> Daily Written Fee - Live </h1>

<div>
    <span>Gross Perm Fees Written This Week: {{written_fees.perm.this_week}}</span>
</div>
<div>
    <span>Gross Perm Fees Written This Month: {{written_fees.perm.this_month}}</span>
</div>
</html>

I've put the assets into the folder linked to in the asset tag, so the files do exist - but tbh, I'd expect another error if the file doesn't exist, the error to me at least, suggests it doesn't know how to handle the asset 'tag' itself.

and this is the error I get

Error while executing templating engine. Missing helper: "asset"
Error: Missing helper: "asset"
    at Object.<anonymous> (/app/node_modules/handlebars/dist/cjs/handlebars/helpers/helper-missing.js:19:13)
    at Object.wrapper (/app/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at Object.eval [as main] (eval at createFunctionContext (/app/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:9:100)
    at main (/app/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
    at ret (/app/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12)
    at ret (/app/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:519:21)
    at /app/node_modules/jsreport-handlebars/lib/handlebarsEngine.js:33:20
    at Object.base.apply (/app/node_modules/vm2/lib/contextify.js:469:32)
    at evaluate-template-engine.js:1:64
    at Script.runInContext (vm.js:131:20)

TIA.

Steve.

Hi, sorry if this has been asked before, but I couldn't find a similar question after a quick search.

I'm interested in generating a report to email off as a chrome image (to avoid email client CSS issues) and then generate a full HTML version to save onto the server for more in-depth viewing (I'd add a link to it in the email).

I presume this could be done via a script addon, but ideally I don't really want to generate the report twice. Any pointers as to how this could be done?

i.e. you'd generate the html version and then ideally pass that HTML to a method that would generate the image. I'm guessing its not that easy!?