jsreport / jsreport-core

The minimalist jsreport rendering core
GNU Lesser General Public License v3.0
85 stars 24 forks source link

⚠️ This repository has been moved to the monorepo jsreport/jsreport

jsreport-core

NPM Version Build Status

The minimalist jsreport rendering core. Full distribution can be found in jsreport/jsreport repository.

jsreport is platform providing dynamic documents assembling and printing. It supports various document types or printing techniques.

jsreport-core contains the jsreport rendering core which is useless alone. It is up to you which extensions from the long list you additionally apply and which document printing techniques you use.

Quick example

To generate a document using jsreport you always need a javascript templating engine. The engine is used to dynamically assemble the document based on the input values. For start lets pick jsreport-handlebars engine from the list and install it using npm.

Next to the engine you need also something we call recipe. Recipe represents the technique which is used to print the document. This can be html to pdf conversion, excel rendering and others. In this example lets pick jsreport-chrome-pdf from the list of supported recipes. This recipe implements html to pdf conversion using chrome. So in this example we use handlebars to assemble html based on the input data and then print the output into final pdf.

Note that jsreport-core by default auto discovers installed extensions and apply them. In other words it is enough to just install following packages and there is no need for other configuration.

npm install jsreport-core
npm install jsreport-handlebars
npm install puppeteer jsreport-chrome-pdf

const jsreport = require('jsreport-core')()

jsreport.init().then(() => {
    return jsreport.render({
        template: {
            content: '<h1>Hello {{foo}}</h1>',
            engine: 'handlebars',
            recipe: 'chrome-pdf'
        },
        data: {
            foo: "world"
        }
    }).then((resp) => {
        // prints pdf with headline Hello world
        console.log(resp.content.toString())
    });
}).catch((e) => {
    console.error(e)
})

Render

render is the main method which invokes report generation. The only parameter is an object representing rendering request. The request has following structure:

{
    //[required definition of the document]
    template: {
        //[required] templating engine used to assemble document
        engine: "handlebars",
        //[required] recipe used for printing previously assembled document
        recipe: "chrome-pdf",
        //[required] template for the engine        
        content: "<h1>{{foo}}</h1>",
        //javascript helper functions used by templating engines
        helpers: "function foo() { ...} " +
                "function foo2() { ... }"
        //any other settings used by recipes         
        ...      
    },
    //dynamic data inputs used by templating engines
    data: { foo: "hello world"}
    ...
}

In case you have the template stored in the jsreport templates store, you can reference the template using name or path.

{   
    template: {
        name: '/myfolder/mytemplate' 
    },
    data: { foo: "hello world"}
    ...
}

The render returns promise with the single response value

{
    //node.js buffer with the document
    content: ...
    //stream with the document
    stream: ...
    //object containing metadata about the report generation (reportName, logs, etc)..
    meta: { ... }
}

The convention is that jsreport repository extension starts with jsreport-xxx, but the extension real name and also the recipes or engines it registers excludes the jsreport- prefix. This means if you install extension jsreport-handlebars the engine's name you specify in the render should be handlebars.

Native helpers

By default you need to send helpers to the template in the string. This is because jsreport runs the template rendering by default in the external process to avoid freezing the application when there is an endless loop or other critical error in the helper. If you want to use your local functions for the helpers you need to switch templating engine rendering strategy to in-process.

const jsreport = require('jsreport-core')({
    templatingEngines: { strategy: 'in-process' }
})

jsreport.init().then(() => {
    return jsreport.render({
        template: {
            content: '<h1>Hello {{foo}}</h1>',
            helpers: { foo: () => { return 'world' } },
            engine: 'handlebars',
            recipe: 'chrome-pdf'
        }
    })
})

Require in the helpers

jsreport by default runs helpers in the sandbox where is the require function blocked. To unblock particular modules or local scripts you need to configure templatingEngines.allowedModules option.

const jsreport = require('jsreport-core')({
    templatingEngines: { allowedModules: ['moment'] }
})

// or unblock everything

const jsreport = require('jsreport-core')({
    templatingEngines: { allowedModules: '*' }
})

Additionally jsreport provides global variables which can be used to build the local script path and read it.

const jsreport = require('jsreport-core')({
    templatingEngines: { allowedModules: '*' }
})

jsreport.init().then(() => {
  return jsreport.render({
        template: {
            content: '<script>{{jquery}}</script>',
            helpers: `
                function jquery() {
                    const fs = require('fs')
                    const path = require('path')

                    return fs.readFileSync(path.join(__rootDirectory, 'jquery.js'))
                }
            `,
            engine: 'handlebars',
            recipe: 'chrome-pdf'
        }
    })
})

The following variables are available in the global scope:

__rootDirectory - two directories up from jsreport-core __appDirectory - directory of the script which is used when starting node __parentModuleDirectory - directory of script which was initializing jsreport-core

Extensions

As you see in the first example. Even for the simplest pdf printing you need to install additional packages(extensions). This is the philosophy of jsreport and you will need to install additional extensions very often. There are not just extensions adding support for a particular templating engine or printing technique. There are many extensions adding support for persisting templates, dynamic script evaluation or even visual html designer and API. To get the idea of the whole platform you can install the full jsreport distribution and pick what you like. Then you can go back to jsreport-core and install extensions you need.

You are also welcome to write your own extension or even publish it to the community. See the following articles how to get started.

Extensions auto discovery

jsreport by default auto discovers extensions in the application's directory tree. This means jsreport by default searches for files jsreport.config.js which describes the extensions and applies all the extensions that are found.

jsreport extensions auto discovery slows down the startup and can be explicitly overrided using use function.

const jsreport = require('jsreport-core')({...})
jsreport.use(require('jsreport-phantom-pdf')())
jsreport.use(require('jsreport-jsrender')())
jsreport.init()

Configuration

jsreport accepts options as the first parameter. The core options are the following:

require('jsreport-core')({
    // optionally specifies where's the application root and where jsreport searches for extensions
    rootDirectory: path.join(__dirname, '../../'),
    // optionally specifies where the application stores temporary files used by the conversion pipeline
    tempDirectory: path.join(dataDirectory, 'temp'),
    // options for logging
    logger: {
        silent: false // when true, it will silence all transports defined in logger
    },
    // options for templating engines and other scripts execution
    // see the https://github.com/pofider/node-script-manager for more information
    templatingEngines: {
        numberOfWorkers: 2,
        strategy: "http-server | dedicated-process | in-process",
        templateCache: {
            max: 100, //LRU cache with max 100 entries, see npm lru-cache for other options
            enabled: true //disable cache
        }
    },
    loadConfig: false,
    // the temporary files used to render reports are cleaned up by default
    autoTempCleanup: true,
    // set to false when you want to always force crawling node_modules when searching for extensions and starting jsreport
    useExtensionsLocationCache: true
})

jsreport-core is also able to load configuration from other sources including configuration file, environment variables and command line parameters. This can be opted in through option loadConfig:true. If this option is set to true the configuration is merged from the following sources in the particular order:

  1. configuration file prod.config.json or dev.config.json based on the NODE_ENV
  2. configuration file jsreport.config.json if previous file not found
  3. command line arguments
  4. process environment variables
  5. options passed directly to require('jsreport-core')({})

Each extension (recipe, store...) usually provides some options you can apply and adapt its behavior. These options can be typically set through standard configuration under the top level extensions property, options in there with the name corresponding to the extension's name are forwarded to the particular extension. This is the common way how to globally configure all extensions at one place.

require('jsreport-core')({
    ...
    "extensions": {
        "scripts": {
          "allowedModules": ["url"]
        }
    }
})

You can find configuration notes for the full jsreport distribution here.

Logging

jsreport leverages winston logging abstraction together with debug utility. To output logs in the console just simply set the DEBUG environment variable

DEBUG=jsreport node app.js

on windows do

set DEBUG=jsreport & node app.js

To declarative configure logging levels and outputs you can see this page which contains all the details for that.

jsreport also exposes logger property which can be used to adapt the logging as you like. You can for example just add winston console transport and filter in only important log messages into console.

const winston = require('winston')
const jsreport = require('jsreport-core')()
jsreport.logger.add(winston.transports.Console, { level: 'info' })

Typescript

jsreport types are in the DefinitelyTyped repository. You can install @types/jsreport-core and invidual types for extensions, or get all types at once from @types/jsreport.

You can also find jsreport typescript examples here.

Listeners

jsreport extensions are mainly using the system of event listeners to adapt the rendering process. Extension can for example listen to event which is called before the rendering process starts and adapt the input values.

//jsreport must be initialized at this time
jsreport.beforeRenderListeners.add('name-of-listener', (req, res) => {
    req.template.content = 'Changing the template in listener!'
})

To start listening you must first add the listener function to the right listener. In the example is used beforeRenderListeners which is called before the rendering starts. jsreport then in the right time sequentially fires all the listener functions and let them do the required work. If the function returns a promise, jsreport awaits until it is fulfilled.

Note this technique can be used in extensions, but also outside in nodejs application using jsreport.

jsreport currently support these main listeners

Studio

jsreport includes also visual html studio and rest API. This is provided through two extensions, jsreport-express extension to have a web server available and jsreport-studio for the web UI, both extensions should be installed in order to have studio ready. See the documentation of each extension for details.

Template store

jsreport-core includes API for persisting and accessing report templates. This API is then used by extensions mainly in combination with jsreport studio. jsreport-core implements just in-memory persistence, but you can add other persistence methods through extensions. See the list.

The persistence API is almost compatible to mongodb API:

jsreport.documentStore.collection('templates')
    .find({name: 'test'})
    .then((res) => {})

jsreport.documentStore.collection('templates')
    .update({name: 'test'}, { $set: { attr: 'value' })
    .then((res) => {})

jsreport.documentStore.collection('templates')
    .insert({name: 'test'})
    .then((res) => {})

jsreport.documentStore.collection('templates')
    .remove({name: 'test'})
    .then((res) => {})

List of extensions

Store providers

Engines

Recipes

Misc

Blob storages

License

LGPL