Well that's good to know that you are able to replicate and that it's a WSL problem. It is still strange that I previously had it working in WSL on my old computer. Perhaps some upgrade broke it.
WSL isn't my only option for jsreport, but it just made since, since the the rest of my dev env was in linux on WSL.
I have moved to use the docker image and it is working fine.
Thank you for your help.
I get the same results if I call it from within my app using the jsreport API.
Checked the file in autocleanup as well, and the html rendered is correct, just doesn't come out correct in PDF.
This didn't even work either. Didn't use any template, just passed content directly into API.
$client = new Client();
$api = 'http://localhost:5488/api/report';
$res = $client->post($api, [
'headers' => [
'Content-Type' => 'application/json'
],
'json' => [
'template' => [
'content' => 'Hello World',
'recipe' => 'chrome-pdf',
'engine' => 'handlebars'
]
]
]);
Produced a blank PDF
Passed that exact same code to the jsreport online api: https://----.jsreportonline.net/api/report
And it worked... I get a PDF with "Hello World"
Very strange.
When you say make an API request, do you mean in a .js file... using puppeteer directly?
So I tried creating a single JS file in the same directory as jsreport. So this way its using the same npm packages.
JS File
const puppeteer = require('puppeteer');
const fs = require('fs');
(async()=>{
const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
const page = await browser.newPage();
const html = fs.readFileSync('hello.html', 'utf-8');
await page.setContent(html, { waitUntil: 'domcontentloaded' });
const pdf = await page.pdf({
format: 'A4',
path: 'screenshot.pdf',
printBackground: true
});
await browser.close();
})();
hello.html
<html>
<body>
Hello World
</body>
</html>
When I run the JS file the pdf is generated as expected.
I created an new template with "Hello World" text only. And does not render PDF correctly.
I also checked the [tmp]/jsreport/autocleanup and the converted html in that file is correct. "Hello World" is the only content in the file.
Im assuming that means jsreport is doing it's part correctly, its when it hands it off the chrome that its coming up blank.
I even tried adding a lot of content to the template to see if the PDF it creates gets larger, but it does not. The size of the rendered PDF is 1kb no matter how large I make the report.
No, this is a just a Hello World template test with no utils or scripts.
I did have some scripts that were allowed in my config.
"scripts": {
"allowedModules": ["d3", "lodash"]
}
but I'm not using them in this template. I have also tried removing that from the config just now and still same results.
Is there a log or something jsreport has showing what its passing to the pdf renderer?
Both recipes: text and html both work as expected.
I agree, it is very strange.. really at a lost.
I am running the server on Windows WSL v1 Ubuntu 18.04, not sure if that makes a difference.
I previously had it working fine, only change was I am using a new computer. Installed all my normal stuff on WSL (jsreport being one of the apps)
I did a fresh install of jsreport on my local machine and getting unexpected results when I use the chrome-pdf extension.
jsreport: 3.7.1
puppeteer: 19.6.1 (I have tried many different version, but all produce the same results)
This is output from a simple report on my local server:
If I try that exact same report on Playground, it works.
I thought at first it was the version of chrome that puppeteer was using, but after trying many versions all the way down to Chrome 96, they all produced the same incorrect results.
Here is my jsreport.config
{
"trustUserCode": true,
"extensions": {
"authentication": {
"enabled": false
},
"scripts": {
"timeout": 40000,
"strategy": "http-server"
},
"sample-template": {
"createSamples": false
},
"chrome-pdf": {
"launchOptions": {
"args": [
"--no-sandbox"
]
}
},
"fs-store": {
"syncModifications": true
}
},
"httpPort": 5488,
"store": {
"provider": "fs"
},
"blobStorage": {
"provider": "fs"
},
"logger": {
"console": {
"transport": "console",
"level": "debug"
},
"file": {
"transport": "file",
"level": "info",
"filename": "logs/reporter.log"
},
"error": {
"transport": "file",
"level": "error",
"filename": "logs/error.log"
}
},
"allowLocalFilesAccess": true,
"templatingEngines": {
"timeout": 10000,
"strategy": "http-server"
},
"chrome": {
"timeout": 40000
},
"reportTimeout": 40000,
"scripts": {
"allowedModules": ["d3", "lodash"]
}
}