Posts made by knm1993

I am querying on the jsreport rendering option.
In short, the jsreport cannot render the s3 bucket's images if those images are set to only allow accessing from specific ips/url link.

1. Using js-report-client on EC2(PORT:3000)
2. Using js-report-app on EC2(PORT:5488)
3. Configured S3 bucket policy only allow that EC2_URL:3000/* and EC2_URL:5488/* to access the resources
4. The downloaded PDF is showing a broken image on the rendered PDF(offline, stored locally)
5. if remove the #3 config, the images will show if re-rendering and download the PDF
   So, I am looking for an url or domain that the js-report is using to render the PDF to prevent encountering the broken image issue(Forbidden access)
   Please advice.

I made a clean jsreport on my local and do it again.
Everything works as expected...
So I tried to delete all my node_modules(Including the jsreportapp folder), and run the npm install again, everything is fine now.
I don't know what's the magic, but it is now OK.

Thanks for your reply.
＞what is your jsreport version, so I can try to replicate?
Version 2.1.1 of jsreport is installed on both remote and local.
＞What happens if you manually copy the data folder to your remote server and restart jsreport? Do you see the assets?
I tried manually copy the data folder to my remote server and restarted the application, but they still remains invisible under the assets in 5488(but visible in the ubuntu ls -l command).
In fact, there are only 1-way for me to add assets successfully so far in the assets folder(in 5488),
which is using the plus sign to add each files.

But I am wondering if there are any alternative ways to place all the assets right after I cloned the whole project into it.
Many thanks for your suggestion ;)

I am trying to do a git clone a set of jsreport server from local to remote ubuntu.
Everything goes fine but only the assets folder does not works fines.
The file structure a like below(I have checked the remote side does the same thing):

The remote side showed the same structure too.

However, when I tried to access to the remote site client app(port 5488 one)
the assets folder does not show any files, which makes the generated report not showing as expected(or directly dead because cannot get access to the correct assets)

Is there are any method to make the uploaded assets shown up in the remote right after a git clone/git pull?

Thx for the clarification,
I found that using #asset on the "jsreport-client", needed to be modify the config in the jsreportapp (PORT:5488 one) called "jsreport.config.json".
Then, declaring the the assets option like jan_blaha said.

And most importantly, the asset should be on the 5488 port app assets folder, rather than creating an assets folder and put that in your project.
E.G.

1. connecting to http://example.com:5488
2. in the GUI, click the "+" sign next to the assets folder
3. select your asset to be uploaded.
4. rename to what your project code point to ( like... {#asset myFileName.myExtension @encoding=dataURI} should name your asset name as: myFileName.myExtension)

I dun know if this is the correct approach, but this should work fine.
Maybe the assets document need to elaborate for more and the jsreport-client should write more about the assets too.
Seems that the assets function are a newly item to the jsreport

I am trying to display static images on the report. And I am trying to use the assets to achieve.

I added <img src="{#asset ../assets/GVC/img/logo.png @encoding=dataURI}"/> into my html template.

And in my client render, I added the followings.

client.render({
      template: {
        content: ReadGVCContent("pdf_outside.html"),
        recipe: "chrome-pdf",
        engine: "handlebars",
        helpers: ``,
      },
      data: data,
      options: {
        extensions: {
          assets: {
            allowedFiles: "assets/*"
          }
        }
      }
    })

I have also tried to add the options into the jsreport app too.

const jsreport = require('jsreport')({
  extensions: {
    express: {
      app: reportingApp,
      server: server
    },
    assets: {
      allowedFiles: "assets/*",   
      searchOnDiskIfNotFoundInStore: false,
      rootUrlForLinks: "http://localhost/",
      publicAccessEnabled: true
    }
  },
  appPath: "/reporting"
});

But it keeps complaint on
Error: Request to file C:\workspace\js_workspace\pdf_generator\assets\GVC\img\logo.png denied. Please allow it by setting config { "assets": { "allowedFiles": "**/foo.js" } }

the logo.png is already in the right place
.../pdf_generator/assets/GVC/img/logo.png

It seems to be mis-setting of options, does anyone know how to do the config in a right way? Thanks.

ahhh, I see... I have forgotten about the rendering codes, there are margin options too...
Thank you very much for pointing out the problem!

https://playground.jsreport.net/w/knm1993/8yT4amr0

thx for reply, I have reproduced the situation with the playground in the above url

I am using the chrome-pdf recipe and the jsreport-client.
I have already successfully merged the header, footer and the main body together, however the footer and the header seems to be rendered in a wrong way. Showing the result as the following.

I have no idea why they are rendering under the main templates.
Here a the codes to reproduce the issue.

index.js
...
client.render({
template: {
content: ReadContent("result.html"),
recipe: "chrome-pdf",
engine: "handlebars",
chrome: {
"scale": 1,
"displayHeaderFooter": true,
"headerTemplate": ReadContent("result_header.html"),
"footerTemplate": ReadContent("result_footer.html"),
"printBackground": true,
"pageRanges": "",
"format": "A4",
"width": "",
"height": "",
"marginTop": "20px",
"marginRight": "20px",
"marginBottom": "20px",
"marginLeft": "20px",
"waitForJS": false,
"waitForNetworkIddle": false,
},
helpers: ,
},
...

Does anyone encountered this issue before? I have suffered from this issue for days already :('

me2 bro, I have got the same error recently.