ducban / tea-school

Simplified HTML + CSS --> PDF Generetor for Nodejs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tea-School

Simplified HTML + CSS --> PDF Generetor for Nodejs
Basically just a method combining PugJS, Node-Sass, and Puppeteer.

Install

npm install tea-school

Usage

All the power you need resides in PugJs, Node-Sass and Puppeteer.
You have the documentation for each one of them, and you simply pass the same object of configuration.

Example in TypeScript

For further inspection look at the example folder

import {GeneratePdfOptions, generatePdf} from 'tea-school';
import * as path from 'path';

const options: GeneratePdfOptions = {
    htmlTemplatePath: path.resolve(__dirname, 'pdf-template.pug'),
    styleOptions: {
        file: path.resolve(__dirname, 'pdf-template.scss')
    },
    htmlTemplateOptions: {
        contextRelatedVar: 'Timothy'
    },
    pdfOptions: {
        // Omit to get output as buffer solely
        path: 'pdf-file.pdf',
        format: 'A4',
        printBackground: true
    }
}

(async () => {
    const pdfBuffer: Buffer = await generatePdf(options);
})();
template.pug
style(type="text/css") #{compiledStyle}

div#banner-message
    p Hello, #{name}
    button My god, this is amazing
template.scss
$blue: #0084ff;
$blue-darker: darken($blue, 5);

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #e0e0e0;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;

  button {
    background: $blue-darker;
    border: none;
    border-radius: 5px;
    padding: 8px 14px;
    font-size: 15px;
    color: #fff;
  }
}

Important

The key compiledStyle is reserved on the Pug options for the compiled style to be attached to the html.
Please do not use this key (or use at your own risk)

About

Simplified HTML + CSS --> PDF Generetor for Nodejs


Languages

Language:TypeScript 88.0%Language:CSS 9.5%Language:HTML 2.5%