jsreport forum

msageryd

Found it. Thanks!
I'm normally streaming the content directly from jsreport to s3, so my "worker-server" never sees the actual content. In case of an error I just aborted the stream. Hadn't thought of it actually containing useful error information.

msageryd

Aha, I read through the response, but I didn't see any stacktrace. I'll have another look.

msageryd

When an error occurs while rendering a report, I'll get status 400 from jsreport.

In the console log at the jsreport-server, as well as in "Last failed requests" in Studio, I can find very detailed error information. Is there any way to get hold of this error log via an API-call to jsreport?

msageryd

Thanks.
I suspected that.

I actually tried to write the formatDate function in the script tag (just like your asset inclusion). But my format function needs to require moment-timezone and it needs some global constants that I have injected for the helpers (TIME_ZONE and LOCALE).

I'll drop this case. The clients will have to cope with possibly wrongly formatted dates in the charts. If I need to revisit this I could prepare the data by generating date-strings in beforeRender.

msageryd

HighCharts can use provided formatter functions for various formatting. I'd like to format the dates on my X-axis in accordance with the locale of my report.

How can I call my global formatDate function from within a function in the script tag? I tried with a helper function which returns a function. This works, but I'm unable to pass the actual date value to the factory function. The date is normally available in this.value in the formatter function, but I cannot reach the correct this from the helper.

Trying with a factory function. Cannot reach the correct "this" from within helper

        xAxis: {
            type: 'datetime',
            labels: {
                formatter: {{{getFormatterFunction}}}
            },
        },

Trying to call my global formatDate function directly from the function in the script tag

        xAxis: {
            type: 'datetime',
            labels: {
                formatter: function() {return {{formatDate this.value}} }
            },
        },

msageryd

Oh, found the problem. It would be great if someone could chime in and explain the scoping here.

Everything works as it should if I use var instead of const in const chartData = {{{getChartData}}};
Not even let works, so this has something with local scopes to do.

I'm new to html and I would really like to understand how the scoping works when I have several separate <Script> tags. Where do the variables live, and from where are they accessed? Having to use var seems to indicate that the data (chartData) is accessed from outside of the script tag and needs to be hoisted.

msageryd

I'm trying to render several charts by calling the same child template multiple times. Only the first chart get rendered. The second div is rendered, but the chart is blank.

What have I missed?
The ids of the actual chart divs (inside the child) are unique.

The child calls from my main template:

<div class="chart-container">
    {#child child_chart @template.recipe=html @data.chartHeight=7cm @data.chartWidth=100% @data.dataGroup=projects_mtd}
</div>

<div class="chart-container">
    {#child child_chart @template.recipe=html @data.chartHeight=7cm @data.chartWidth=100% @data.dataGroup=projects_ytd}
</div>

The child template:

<!DOCTYPE html><html>
<head>
    <meta charset="utf-8">
    <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>

<div id={{getChartId}} style="width:{{getChartWidth}}; height:{{getChartHeight}}"/>

<script>
    const chartData = {{{getChartData}}};

    Highcharts.chart({{getChartId}}, {
        series: chartData.series,
        chart: {
            type: 'area'
        },
        ...// options omitted in this example
    });
</script>

</body>
</html>

function getChartId () {
    return this.dataGroup;
}

function getChartData() {
    const timeSeries = this.dataGroups[this.dataGroup].timeSeries;
    
    const data = ..shape the data object to suit HIghCharts

  return JSON.stringify(data);
}

msageryd

I'm lost again.. I thought I was on to something, but I now realise that I have te exact same setup for my API servers, and it works great.

I.e.
for development: mount local volume with source code (via docker-compose)
for deployment: copy source code from local folder to a folder within the image (via Dockerfile)

Why doesn't the exact same concept work for jsreport? Does the jsreport Docker image have some magic inside which prevents my concept to work?

msageryd

I think this might be a case of me lacking Docker knowledge. It has nothing to do with jsreport 2.7. I instinctly thought 2.7 could be the villain since the new non-root behaviour of 2.7 bit me in the COPY statements (I got the solution --chown=jsreport:jsreport from Jan).

If I remove the three COPY statements from my Dockerfile the local volume gets mounted via docker-compose. I'm guessing that the COPY statements in the Dockerfile overrides the volume statement in docker-compose.yml in order to avoid a circular reference.

Does anyone know if I can omit those three statements automatically when I'm running the container via docker-compose? Can this kind of conditional use case be solved with context in Dockerfile?

Am I the only one who run a local container via docker-compose and also need to build a complete image for deploying to container service?

msageryd

I'm having a major problem. I don't know if it happened after upgrading from 2.6.1 to 2.7.1.

Building my jsreport image works great when I want to push a new image to Amazon. Templates and other files are correctly copied from the local volume to the image. This is the Dockerfile:

FROM jsreport/jsreport:2.7.1

COPY --chown=jsreport:jsreport license-key.txt /app
COPY --chown=jsreport:jsreport ./mounted/jsreport.config.json /app
COPY --chown=jsreport:jsreport ./mounted/data /app/data

ENV templatingEngines:strategy in-process
ENV node --max-old-space-size=3072

RUN cd /app && npm install \
  moment \
  moment-timezone \
  intl \
  handlebars-helpers \
  node-fetch \
  jsreport-assets \
  jsreport-static-pdf \
  i18next

The problem is that when I run the container locally via docker-compose the local volume is not mounted. I don't know why and I don't get any error messages. If I alter a template via Studio in the container running via docker-compose, nothing happens in the local volume.

My locally mounted disk is (or should be) the single source of truth. This volume is version controlled via gitHub. As of now my only way to save my work is to export everything from Studio to a zip file.

Here is the docker-compose file (jsreport section):

  jsreport:
    build:
      context: ../services/jsreport
    environment:
      - mode=development
    expose:
      - '5488'
    ports:
      - '5488:5488'
    volumes:
      - '../services/jsreport/mounted:/jsreport'

msageryd

@msageryd

Posts made by msageryd