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

oneshell-electron-pos-printer

v1.0.226

Published

Electron thermal printer

Downloads

1,364

Readme

oneshell-electron-pos-printer

An electron printer plugin, currently supports 58mm, requires electron >= 4.x.x.

Installation

$ npm install oneshell-electron-pos-printer
$ yarn add oneshell-electron-pos-printer

Usage

In main process

const {PosPrinter} = require("oneshell-electron-pos-printer");

In render process

const {PosPrinter} = require('electron').remote.require("oneshell-electron-pos-printer");
const {PosPrinter} = require("oneshell-electron-pos-printer");
const path = require("path");

const options = {
   preview: false,               // Preview in window or print
   width: '170px',               //  width of content body
   margin: '0 0 0 0',            // margin of content body
   copies: 1,                    // Number of copies to print
   printerName: 'XP-80C',        // printerName: string, check with webContent.getPrinters()
   timeOutPerLine: 400,
   pageSize: { height: 301000, width: 71000 }  // page size
}

const data = [
   {
     type: 'image',                                       
     path: path.join(__dirname, 'assets/banner.png'),     // file path
     position: 'center',                                  // position of image: 'left' | 'center' | 'right'
     width: '60px',                                           // width of image in px; default: auto
     height: '60px',                                          // width of image in px; default: 50 or '50px'
   },{
      type: 'text',                                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'table
      value: 'SAMPLE HEADING',
      style: `text-align:center;`,
      css: {"font-weight": "700", "font-size": "18px"}
   },{
      type: 'text',                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'table'
      value: 'Secondary text',
      style: `text-align:left;color: red;`,
      css: {"text-decoration": "underline", "font-size": "10px"}
   },{
      type: 'barCode',
      value: 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
   },{
      type: 'DoubleBarCode',
      value1 : 'HB4587896',
      value2 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      headerText2:'Business Name',    // Optional
      additionalText2:'Product Name', // Optional
      footerText2:'MRP: ₹ 400',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
      headerStyle2:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style  
      lineStyle2:`margin-top: -8px;font-size:12px;`,                  // Additional text 2 style
      footerStyle2:`margin-top: -10px;font-size:12px;`,                // Footer text 2 style
   },{
      type: 'oneInchDoubleSingleBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
      type: 'oneInchDoubleBarCode',
      value1 : 'HB4587896',
      value2 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      headerText2:'Business Name',    // Optional
      additionalText2:'Product Name', // Optional
      footerText2:'MRP: ₹ 400',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
      headerStyle2:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style  
      lineStyle2:`margin-top: -8px;font-size:12px;`,                  // Additional text 2 style
      footerStyle2:`margin-top: -10px;font-size:12px;`,                // Footer text 2 style
   },{
      type: 'SingleBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
      type: 'oneInchBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
     type: 'qrCode',
      value: 'https://github.com/Hubertformin/electron-pos-printer',
      height: 55,
      width: 55,
      style: 'margin: 10 20px 20 20px'
    },{
       type: 'table',
       // style the table
       style: 'border: 1px solid #ddd',
       // list of the columns to be rendered in the table header
       tableHeader: ['Animal', 'Age'],
       // multi dimensional array depicting the rows and columns of the table body
       tableBody: [
           ['Cat', 2],
           ['Dog', 4],
           ['Horse', 12],
           ['Pig', 4],
       ],
       // list of columns to be rendered in the table footer
       tableFooter: ['Animal', 'Age'],
       // custom style for the table header
       tableHeaderStyle: 'background-color: #000; color: white;',
       // custom style for the table body
       tableBodyStyle: 'border: 0.5px solid #ddd',
       // custom style for the table footer
       tableFooterStyle: 'background-color: #000; color: white;',
    },{
       type: 'table',
       style: 'border: 1px solid #ddd',             // style the table
       // list of the columns to be rendered in the table header
       tableHeader: [{type: 'text', value: 'Animal'}, {type: 'image', path: path.join(__dirname, 'icons/animal.png')}],
       // multi dimensional array depicting the rows and columns of the table body
       tableBody: [
           [{type: 'text', value: 'Cat'}, {type: 'image', path: './animals/cat.jpg'}],
           [{type: 'text', value: 'Dog'}, {type: 'image', path: './animals/dog.jpg'}],
           [{type: 'text', value: 'Horse'}, {type: 'image', path: './animals/horse.jpg'}],
           [{type: 'text', value: 'Pig'}, {type: 'image', path: './animals/pig.jpg'}],
       ],
       // list of columns to be rendered in the table footer
       tableFooter: [{type: 'text', value: 'Animal'}, 'Image'],
       // custom style for the table header
       tableHeaderStyle: 'background-color: #000; color: white;',
       // custom style for the table body
       tableBodyStyle: 'border: 0.5px solid #ddd',
       // custom style for the table footer
       tableFooterStyle: 'background-color: #000; color: white;',
    },
]

PosPrinter.print(data, options)
 .then(() => {})
 .catch((error) => {
    console.error(error);
  });

Typescript

Usage

import {PosPrinter, PosPrintData, PosPrintOptions} from "electron-pos-printer";
import * as path from "path";

const options: PosPrintOptions = {
   preview: false,
   width: '170px',       
   margin: '0 0 0 0',    
   copies: 1,
   printerName: 'XP-80C',
   timeOutPerLine: 400,
   pageSize: { height: 301000, width: 71000 } // page size
}

const data: PosPrintData[] = [
   {
     type: 'image',                                       
     path: path.join(__dirname, 'assets/banner.png'),     // file path
     position: 'center',                                  // position of image: 'left' | 'center' | 'right'
     width: '60px',                                           // width of image in px; default: auto
     height: '60px',                                          // width of image in px; default: 50 or '50px'
   },{
      type: 'text',                                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'table
      value: 'SAMPLE HEADING',
      style: `text-align:center;`,
      css: {"font-weight": "700", "font-size": "18px"}
   },{
      type: 'text',                       // 'text' | 'barCode' | 'qrCode' | 'image' | 'table'
      value: 'Secondary text',
      style: `text-align:left;color: red;`,
      css: {"text-decoration": "underline", "font-size": "10px"}
   },{
      type: 'barCode',
      value: 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
   },{
      type: 'DoubleBarCode',
      value1 : 'HB4587896',
      value2 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      headerText2:'Business Name',    // Optional
      additionalText2:'Product Name', // Optional
      footerText2:'MRP: ₹ 400',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
      headerStyle2:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style  
      lineStyle2:`margin-top: -8px;font-size:12px;`,                  // Additional text 2 style
      footerStyle2:`margin-top: -10px;font-size:12px;`,                // Footer text 2 style
   },{
      type: 'oneInchDoubleSingleBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
      type: 'oneInchDoubleBarCode',
      value1 : 'HB4587896',
      value2 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      headerText2:'Business Name',    // Optional
      additionalText2:'Product Name', // Optional
      footerText2:'MRP: ₹ 400',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
      headerStyle2:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style  
      lineStyle2:`margin-top: -8px;font-size:12px;`,                  // Additional text 2 style
      footerStyle2:`margin-top: -10px;font-size:12px;`,                // Footer text 2 style
   },{
      type: 'SingleBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
      type: 'oneInchBarCode',
      value1 : 'HB4587896',
      height: 12,                     // height of barcode, applicable only to bar and QR codes
      width: 1,                       // width of barcode, applicable only to bar and QR codes
      displayValue: true,             // Display value below barcode
      fontsize: 8,
      headerText1:'Business Name',    // Optional
      additionalText1:'Product Name', // Optional
      footerText1:'MRP: ₹ 200',       // Optional
      style:`width:94px;heigth:56.6px;text-align:center;font-family:Helvetica, sans-serif;margin:2px;`,             
      headerStyle1:`margin-bottom: 1px;font-size:12px;`,                // Header text 1 style     
      itemStyle1:`margin-top: -3px;font-size:12px;`,                  // Value Style
      lineStyle1:`margin-top: -8px;font-size:12px;`,                  // Additional text 1 style
      footerStyle1:`margin-top: -10px;font-size:12px;`,                // Footer text 1 style
   },{
     type: 'qrCode',
      value: 'https://github.com/Hubertformin/electron-pos-printer',
      height: 55,
      width: 55,
      style: 'margin: 10 20px 20 20px'
    },{
       type: 'table',
       // style the table
       style: 'border: 1px solid #ddd',
       // list of the columns to be rendered in the table header
       tableHeader: ['Animal', 'Age'],
       // multi dimensional array depicting the rows and columns of the table body
       tableBody: [
           ['Cat', 2],
           ['Dog', 4],
           ['Horse', 12],
           ['Pig', 4],
       ],
       // list of columns to be rendered in the table footer
       tableFooter: ['Animal', 'Age'],
       // custom style for the table header
       tableHeaderStyle: 'background-color: #000; color: white;',
       // custom style for the table body
       tableBodyStyle: 'border: 0.5px solid #ddd',
       // custom style for the table footer
       tableFooterStyle: 'background-color: #000; color: white;',
    },{
       type: 'table',
       style: 'border: 1px solid #ddd',             // style the table
       // list of the columns to be rendered in the table header
       tableHeader: [{type: 'text', value: 'Animal'}, {type: 'image', path: path.join(__dirname, 'icons/animal.png')}],
       // multi dimensional array depicting the rows and columns of the table body
       tableBody: [
           [{type: 'text', value: 'Cat'}, {type: 'image', path: './animals/cat.jpg'}],
           [{type: 'text', value: 'Dog'}, {type: 'image', path: './animals/dog.jpg'}],
           [{type: 'text', value: 'Horse'}, {type: 'image', path: './animals/horse.jpg'}],
           [{type: 'text', value: 'Pig'}, {type: 'image', path: './animals/pig.jpg'}],
       ],
       // list of columns to be rendered in the table footer
       tableFooter: [{type: 'text', value: 'Animal'}, 'Image'],
       // custom style for the table header
       tableHeaderStyle: 'background-color: #000; color: white;',
       // custom style for the table body
       tableBodyStyle: 'border: 0.5px solid #ddd',
       // custom style for the table footer
       tableFooterStyle: 'background-color: #000; color: white;',
    },
]
PosPrinter.print(data, options)
 .then(() => {})
 .catch((error) => {
    console.error(error);
  });

Printing options

| Options | | | ------------- |:-------------| | copies | (number) number of copies to print | | preview | (boolean) preview in a window, default is false | | width | (string) width of a page | | margin | (string) margin of a page, css values can be used | | printerName | (string) the printer's name | | timeOutPerLine | (number) timeout per line, default is 200 | | silent | (boolean) To print silently without printer selection pop-up, default is true | | pageSize | (SizeOptions) Specify the width and height of the print out page |

The Print data object

| | | |-----------|:--------------| | type | (string) 'text', 'qrCode', 'barCode', 'image', 'table' // type 'text' can be an html string | | value | (string) value of the current row | | value1 | (string) value of first Barcode | | value2 | (string) value of second Barcode | | headertext1 | (string) (Optional) | | headertext2 | (string) (Optional) | | additionaltext1 | (string) (Optional) | | additionaltext2 | (string) (Optional) | | footertext1 | (string) (Optional) | | footertext2 | (string) (Optional) | | headerstyle1 | (string) styles, css rules can be used | | headerstyle2 | (string) styles, css rules can be used | | linestyle1 | (string) styles, css rules can be used | | linestyle2 | (string) styles, css rules can be used | | itemstyle1 | (string) styles, css rules can be used | | height | (number) applicable to type barCode and qrCode | | width | (number) applicable to type barCode and qrCode | | style | (string) styles, css rules can be used | | css | (string) css rules ex: {"font-size": "12px"} | | displayValue | (boolean) display value of barcode below barcode | | position | (string) 'left', 'center', 'right' applicable to type qrCode, barCode and image | | path | (string) Path to the image asset | | tableHeader | (PosPrintTableField[], string[]) the columns to be rendered in the header of the table, works with type table | | tableBody | (PosPrintTableField[][], string[][]) the columns to be rendered in the body of the table, works with type table | | tableFooter | (PosPrintTableField[], string[]) the columns to rendered it the footer of the table, works with type table | | tableHeaderStyle | (string) set custom style to the table header | | tableBodyStyle | (string) set custom style to the table body | | tableFooterStyle | (string) set custom style to the table footer |

Author