npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

express-hogan-pdf

v2.1.0

Published

PDF generation using Hogan.js to template XML. Can be used as an express view engine or can output to a PDF stream, buffer, or file

Downloads

231

Readme

express-hogan-pdf

PDF generation using Hogan.js to template XML. Can be used as an express view engine or can output to a PDF stream, buffer, or file

Usage as an express engine

app.engine('pdfxml', require('express-hogan-pdf').engine);

app.get('/download-pdf', (req, res, next) => {
    res.attachment('filename.pdf');
    res.render('template.pdfxml', { title: 'Hello World' });
});

Usage as a function

const pdf = require('express-hogan-pdf');

pdf.fileToStream(filePath, locals, (err, stream) => {});
pdf.fileToBuffer(filePath, locals, (err, buffer) => {});
pdf.fileToFile(filePath, locals, destFile, (err) => {});

Usage as an express streaming engine

app.get('/download-pdf', (req, res, next) => {
    res.render('template.pdfxml',
        { title: 'Hello World', stream: true },
        (err, stream) => {
            if (err) return next(err);
            res.attachment(stream.filename);
            stream.pipe(res);
        });
});

PDF XML example

<pdf>
  <config>
    <filename>my-file.pdf</filename>
    <document size="A4" marginBottom="50">
    <title>{{title}}</title>
    <colors darkred="#800"/>
    <styles>

    </styles>
  </config>
  <page>
    <h1>{{title}}</h1>
    <h2>Page 1</h2>
    <indent>
      <p>Indented text</p>
    </indent>
    <hr thickness="6"/>
    <row>
      <column width="33%">Column 1</column>
      <column width="66%">Column 2</column>
    </row>
    <div>
        A link to <a>example.com</a>
    </div>
  </page>
  <page>
    <h1 top="33%" left="100">Page 2</h1>
  </page>
</pdf>

PDF XML format

The XML format wraps most of PDFKit's available options.

The document must be wrapped in <pdf></pdf> tags

  • <config> Configuration section:
    • <document> PDFKit document options, eg: <document size="A4"/>
    • <title> Set document title
    • <meta> Set PDF meta details such as <author>, <subject>, or <keywords>
    • <colors> Color aliases, eg <colors darkred="#880000"/>
    • <fonts> Font aliases, eg <fonts comic="Comic Sans Regular"/>
    • <filename> Set document filename
    • <title> Set document title
    • <styles> Add or change page tag style definintions, eg: <styles><redtext extends="span" color="red"/></styles>
      • Elements attributes can include:
        • extends="String" Style definition to extend
        • display="String" Can be block or inline
        • marginLeft="Number" Margin left
        • marginRight="Number" Margin right
        • paddingLeft="Number" Padding left
        • paddingRight="Number" Padding right
        • color="String" Text color or alias
        • font="String" Font alias, name or path
        • size="Number" Font size
        • underline="Boolean" Underline text
        • strike="Boolean" Strikethrough text
        • lineGap="Number" Line gap between wrapped lines
        • paragraphGap="Number" Gaps between paragraphs
        • align="String" text alignment
        • pre="Boolean" Respect exact whitespace in tags
        • trim="Boolean" Trim whitespace at start of each line
      • Block elements can also include the following attributes:
        • marginTop="Number" Margin top
        • marginBottom="Number" Margin bottom
        • paddingTop="Number" Padding top
        • paddingBottom="Number" Padding bottom
        • width="Number" Width as an absolute or as a percentage of the parent block
        • height="Number" Height as an absolute or as a percentage of the page height within the page margins
        • backgroundColor="String" Background color or color alias. Background will only be filled if both a height and width are given
        • border="Number" Border width. A border will only be drawn if both a height and width are given
        • borderColor="String" Border color or color alias
  • <page> A page to render. Can take any PDFKit page options, such as page
    • Predefined styles and tags that are similar to HTML include:
      • <div>
      • <p>
      • <span>
      • <strong>
      • <small>
      • <indent> Indent text by paddingLeft and show a left bar of thickness and color
        • thickness="Number" Width of indent bar
        • color="String" Color or color alias of indent bar
      • <hr> Horizontal rule divider line
        • thickness="Number" Height of divider line
        • color="String" Color or color alias of divider line
      • <row> A container for a set of columns
      • <column> A left-aligned column within a row. Columns wrap within the row if the next column can't fit within the row's width
      • <img> Draw an image
        • src="String" Source of the image to draw relative to the template file
        • scale="Number" Size of image relative to its original
        • fit="Boolean" Fit image within the width and height without chaning its aspect ratio
      • <a> Create a web link for the contained text.
        • href="String" The link to go to when clicked. If no href is specified an href is created by adding https:// to the beginning of the text