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

@onset/receiptline

v1.16.3

Published

Markdown for receipts. Printable digital receipts. Generate receipt printer commands and images.

Downloads

536

Readme

Fork of ReceiptLine for use in the browser only.

ReceiptLine

Markdown for receipts. Printable digital receipts. 茶
Generate receipt printer commands and images.

|Package|Type|For|Description| |---|---|---|---| |ReceiptLine|SDK|Developers|Receipt description language processor| |ReceiptIO|Console App|Users|Print, Convert, Printer status| |Designer|Tool|All|Edit, Preview| |Receipt Markdown|VS Code Extension|All|Edit, Preview|

"ReceiptLine" is a coined word from "Receipt" and "Streamline".
Make it more efficient by making it simpler!

English
Japanese
German

Features

The reference implementation of the OFSC ReceiptLine Specification.
http://www.ofsc.or.jp/receiptline/en/

ReceiptLine is the receipt description language that expresses the output image of small roll paper.
It supports printing paper receipts using a receipt printer and displaying electronic receipts on a POS system or smartphone.
It can be described simply with receipt markdown text data that does not depend on the paper width.

This reference implementation also provides the development tool "ReceiptLine Designer" for editing, previewing, hex dumps with a virtual printer, and test printing on receipt printers.

Receipt Printers

  • Epson TM series
  • Seiko Instruments RP series
  • Star MC series
  • Citizen CT series
  • Fujitsu FP series

Epson TM series (South Asia model) and Star MC series (StarPRNT model) can print with device font of Thai characters.

Printers

Installation

$ npm install receiptline

Usage

receiptline.transform() method transforms ReceiptLine document to printer commands or SVG images.

const receiptline = require('receiptline');

const doc = '{code:2012345678903;option:ean,hri}';

// printer example
const printer = {
    cpl: 42,
    encoding: 'multilingual',
    upsideDown: false,
    gamma: 1.8,
    command: 'escpos'
};
const command = receiptline.transform(doc, printer);

// display example
const display = {
    cpl: 42,
    encoding: 'multilingual'
};
const svg = receiptline.transform(doc, display);

Method

receiptline.transform(doc[, printer])

Parameters

  • doc
    • a string of ReceiptLine document
  • printer
    • an object of printer configuration

Return value

  • printer commands or SVG images

Printer configuration

  • cpl
    • characters per line (default: 48)
  • encoding
    • multilingual: Multilingual (including cp437, cp852, cp858, cp866, cp1252)
    • cp437: United States (default)
    • cp852: Central European
    • cp858: Western European
    • cp860: Portuguese
    • cp863: French Canadian
    • cp865: Nordic
    • cp866: Cyrillic
    • cp1252: Western European
    • cp932: Japanese
    • shiftjis: Japanese
    • cp936: Simplified Chinese
    • gb18030: Simplified Chinese
    • cp949: Korean
    • ksc5601: Korean
    • cp950: Traditional Chinese
    • big5: Traditional Chinese
    • tis620: Thai
  • gradient (for printer)
    • false: image processing for text, barcodes, and 2D codes
    • true: image processing for photos (default)
  • gamma (for printer)
    • image gamma correction (range: 0.1 - 10.0, default: 1.8)
  • threshold (for printer)
    • image thresholding (range: 0 - 255, default: 128)
  • upsideDown (for printer)
    • false: normal (default)
    • true: upside down
  • spacing
    • false: no line spacing (default)
    • true: line spacing
  • cutting (for printer)
    • false: no paper cutting
    • true: paper cutting (default)
  • margin (for printer)
    • print margin (left) (range: 0 - 24, default: 0)
  • marginRight (for printer)
    • print margin (right) (range: 0 - 24, default: 0)
  • command
    • svg: SVG (default)
    • text: plain text
    • escpos: ESC/POS
    • epson: ESC/POS (Epson)
    • sii: ESC/POS (Seiko Instruments)
    • citizen: ESC/POS (Citizen)
    • fit: ESC/POS (Fujitsu)
    • impact: ESC/POS (TM-U220)
    • impactb: ESC/POS (TM-U220 Font B)
    • generic: ESC/POS (Generic) Experimental
    • starsbcs: StarPRNT (SBCS, Thai)
    • starmbcs: StarPRNT (Japanese)
    • starmbcs2: StarPRNT (Chinese, Korean)
    • starlinesbcs: Star Line Mode (SBCS)
    • starlinembcs: Star Line Mode (Japanese)
    • starlinembcs2: Star Line Mode (Chinsese, Korean)
    • emustarlinesbcs: Command Emulator Star Line Mode (SBCS)
    • emustarlinembcs: Command Emulator Star Line Mode (Japanese)
    • emustarlinembcs2: Command Emulator Star Line Mode (Chinsese, Korean)
    • stargraphic: Star Graphic Mode (TSP100LAN)
    • starimpact: Star Mode on dot impact printers Experimental
    • starimpact2: Star Mode on dot impact printers (Font 5x9 2P-1) Experimental
    • starimpact3: Star Mode on dot impact printers (Font 5x9 3P-1) Experimental

Transform stream API

receiptline.createTransform() method is the stream version of the receiptline.transform().

const fs = require('fs');
const receiptline = require('receiptline');

const source = fs.createReadStream('example.receipt');
const transform = receiptline.createTransform({ command: 'svg' });
const destination = fs.createWriteStream('example.svg');

source.pipe(transform).pipe(destination);

Method

receiptline.createTransform([printer])

Parameters

  • printer
    • an object of printer configuration

Return value

  • Transform stream <stream.Transform>

Examples

example/receipt/*

Display digital receipts in the web browser and print paper receipts on the printer as needed.

example/cloud/*

Print order slips from cloud server using Epson Server Direct Print or Star CloudPRNT.

example/nodejs/*

Enter receipt markdown text from the web form, transform it to printer commands on the server, and print it out.

example/js/*

Enter receipt markdown text from the web form, transform it to SVG images on the web browser, and display it.

example/data/*

The documents (receipt markdown text) are the same as the examples in the OFSC ReceiptLine Specification.

example/command/*

Customize the command object to output your own commands.

Libraries

lib/receiptline.js

JavaScript ES2015(ES6) version. It works on both web browser and Node.js.
To output printer commands on a web browser, use Browserify.

$ browserify -o receiptline-full.js receiptline.js

lib/qrcode-generator/qrcode.js

Generate the QR Code for display. Optional.

ReceiptLine Designer

Online version is available.
https://receiptline.github.io/designer/

The ReceiptLine Designer provides more features.

  • Edit and preview
  • Data transmission via TCP socket
  • Hex dump view by listening TCP 19100 port

Designer

Setup

  1. Copy the following files to your working directory

    • designer/*
    • designer.js
    • printers.json
    • servers.json
  2. Start the server

    $ node designer.js
  3. Open http://localhost:8080

    Use a modern browser.

  4. Configure printers.json

    "printer_id": {
        "host": "127.0.0.1",
        "port": 19100,
        "asImage": false,
        "cpl": 48,
        "encoding": "shiftjis",
        "gradient": true,
        "gamma": 1.8,
        "threshold": 128,
        "upsideDown": false,
        "spacing": true,
        "cutting": true,
        "command": "escpos"
    }
    • printer_id
      • printer identifier (alphanumeric or underscore characters)
    • host
      • printer address
    • port
      • printer port (will be 9100)
    • asImage
      • false: print with device font (default)
      • true: print as image (Requires puppeteer or sharp)
    • landscape
      • false: normal (default)
      • true: landscape orientation (for escpos, epson, sii, citizen, starsbcs, starmbcs, starmbcs2)
    • resolution
      • print resolution for landscape (values: 180, 203, default: 203)
    • cpl
    • encoding
    • gradient
    • gamma
    • threshold
    • upsideDown
    • spacing
    • cutting
    • margin
    • marginRight
      • see the printer configuration above
    • command
      • see the printer configuration above
      • png: PNG (Requires puppeteer or sharp)

URL query string

The designer can set initial values in the URL query string.

Parameters

  • z: zoom (range: -5-5, default: 0)
  • l: language (en, ja, ko, zh-hans, zh-hant, th, ...)
  • c: characters per line (range: 24-96, default: 48)
  • v: landscape (values: 0, 1, default: 0)
  • s: line spacing (values: 0, 1, default: 0)
  • p: printer identifier (alphanumeric or underscore characters)
  • d: ReceiptLine document

Examples

  • http://localhost:8080/index.html?c=42&p=tm_series1
  • https://receiptline.github.io/designer/index.html?d={code%3A2012345678903%3Boption%3Aean%2Chri}

Serial-LAN Converter

The serial-LAN converter enables test printing to USB / Bluetooth printers that support virtual serial ports.

Setup

  1. Install the virtual serial port driver for the printer and Node Serialport

    $ npm install serialport
  2. Configure servers.json

    "serial": {
        "host": "127.0.0.1",
        "port": 9100,
        "device": "COM9"
    }
    • serial
      • to enable it, change from _serial
    • host
      • local address
    • port
      • local port
    • device
      • the system path of the serial port
      • <system path>[:<options>]

    Serial port options

        "device": "COM9:9600,N,8,1"
    • <options>
      • <baud rate>,<parity>,<data bits>,<stop bits>[,<flow control>]
      • default: 9600,N,8,1,N
      • commas can be omitted
    • <baud rate>
      • 2400, 4800, 9600, 19200, 38400, 57600, 115200
    • <parity>
      • N: none, E: even, O: odd
    • <data bits>
      • 8, 7
    • <stop bits>
      • 1, 2
    • <flow control>
      • N: none, R: rts/cts, X: xon/xoff
  3. Restart the server

    $ node designer.js

Syntax

Railroad diagram

document
document

line
line

columns
columns

column
column

text
text

char
char

escape
escape

ws (whitespace)
ws

property
property

member
member

key
key

value
value

Grammar

Structure

The receipt is made of a table, which separates each column with a pipe |.

|Line|Content|Description| |---|---|---| |column| column || columncolumn ||TextProperty|Single column| |column | column | column | column || column | columncolumn | column ||Text|Double column| |column | ... | column| column | ... | column || column | ... | columncolumn | ... | column ||Text|Multiple columns|

Alignment

The column is attracted to the pipe | like a magnet.
means one or more whitespaces.

|Column|Description| |---|---| |column|column||␣column␣||Center| ||column|column␣|column␣||Left| |column||␣column||␣column|Right|

Text

The text is valid for any column.

Asparagus | 0.99
Broccoli | 1.99
Carrot | 2.99
---
^TOTAL | ^5.97

Characters are printed in a monospace font (12 x 24 px).
Wide characters are twice as wide as Latin characters (24 x 24 px).
Control characters are ignored.

Special characters in text

Special characters are assigned to characters that are rarely used in the receipt.

|Special character|Description| |---|---| |\|Character escape| |||Column delimiter| |{|Property delimiter (Start)| |}|Property delimiter (End)| |- (1 or more, exclusive)|Horizontal rule| |= (1 or more, exclusive)|Paper cut| |~|Space| |_|Underline| |"|Emphasis| |`|Invert| |^|Double width| |^^|Double height| |^^^|2x size| |^^^^|3x size| |^^^^^|4x size| |^^^^^^|5x size| |^^^^^^^ (7 or more)|6x size|

Escape sequences in text

Escape special characters.

|Escape sequence|Description| |---|---| |\\|\| |\|||| |\{|{| |\}|}| |\-|- (Cancel horizontal rule)| |\=|= (Cancel paper cut)| |\~|~| |\_|_| |\"|_| |\` |`| |\^|^| |\n|Wrap text manually| |\xnn|Hexadecimal character code| |\char (Others)|Ignore|

Properties

The property is valid for lines with a single column.

{ width: * 10; comment: the column width is specified in characters }

|Key|Abbreviation|Value|Case-sensitive|Default|Saved|Description| |---|---|---|---|---|---|---| |image|i|base64 png format|✓|-|-|Image(Recommended: monochrome, critical chunks only)| |code|c|textdata|✓|-|-|Barcode / 2D code| |option|o|see below|-|code128 2 72 nohri 3 l|✓|Barcode / 2D code options(Options are separated by commas or one or more whitespaces)| |align|a|leftcenterright|-|center|✓|Line alignment(Valid when line width < CPL)| |width|w|auto*0 -|-|auto(* for all columns)|✓|Column widths (chars)(Widths are separated by commas or one or more whitespaces)| |border|b|linespacenone0 - 2|-|space|✓|Column border (chars)(Border width: line=1, space=1, none=0)| |text|t|wrapnowrap|-|wrap|✓|Text wrapping| |command|x|textdata|✓|-|-|Device-specific commands| |comment|_|textdata|✓|-|-|Comment|

Barcode options

Barcode options are separated by commas or one or more whitespaces.

|Barcode option|Description| |---|---| |upc|UPC-A, UPC-E(Check digit can be omitted)| |eanjan|EAN-13, EAN-8(Check digit can be omitted)| |code39|CODE39| |itf|Interleaved 2 of 5| |codabarnw7|Codabar (NW-7)| |code93|CODE93| |code128|CODE128| |2 - 4|Barcode module width (px)| |24 - 240|Barcode module height (px)| |hri|With human readable interpretation| |nohri|Without human readable interpretation|

2D code options

2D code options are separated by commas or one or more whitespaces.

|2D code option|Description| |---|---| |qrcode|QR Code| |3 - 8|Cell size (px)| |lmqh|Error correction level|

Special characters in property values

Special characters in property values are different from special characters in text.

|Special character|Description| |---|---| |\|Character escape| |||Column delimiter| |{|Property delimiter (Start)| |}|Property delimiter (End)| |:|Key-value separator| |;|Key-value delimiter|

Escape sequences in property values

Escape special characters.

|Escape sequence|Description| |---|---| |\\|\| |\|||| |\{|{| |\}|}| |\;|;| |\n|New line| |\xnn|Hexadecimal character code| |\char (Others)|Ignore|

Restrictions

  • Communication with the printer, status event processing, and error handling are out of scope.
  • SVG images depend on the font family installed on the computer and may not display properly.
  • Impact printer has some limitations for printing.
    • Characters larger than 2x size
    • Inverted characters (will be printed in red)
    • Double height characters in different colors on the same line
    • Multibyte characters
    • Image position and size ratio
    • Barcodes and 2D codes
  • Star Graphic Mode printing only supports images, line feeds, and paper cuts.
  • sharp is not support web fonts and minimizes the area of "invert" character decoration.

Author

Open Foodservice System Consortium
http://www.ofsc.or.jp/

License

  • ReceiptLine
    • Apache License, Version 2.0
  • QR Code Generator for JavaScript with UTF8 Support
    • MIT License