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

@vbrosseau/pass-js

v7.0.3

Published

Apple Wallet Pass generating and pushing updates from Node.js

Downloads

245

Readme

npm (scoped) codecov Known Vulnerabilities Maintainability Rating tested with jest install size

@walletpass/pass-js

Installation

Install with NPM or yarn:

npm install @walletpass/pass-js --save

yarn add @walletpass/pass-js

Get your certificates

To start with, you'll need a certificate issued by the iOS Provisioning Portal. You need one certificate per Pass Type ID.

After adding this certificate to your Keychain, you need to export it as a .p12 file first (go to Keychain Access, My Certificates and right-click to export), then convert that file into a .pem file using the passkit-keys command:

./bin/passkit-keys ./pathToKeysFolder

or openssl

openssl pkcs12 -in <exported_cert_and_private_key>.p12 -clcerts -out com.example.passbook.pem -passin pass:<private_key_password>

and copy it into the keys directory.

The Apple Worldwide Developer Relations Certification Authority certificate is not needed anymore since it is already included in this package.

Start with a template

Start with a template. A template has all the common data fields that will be shared between your passes.

const { Template } = require("@walletpass/pass-js");

// Create a Template from local folder, see __test__/resources/passes for examples
// .load will load all fields from pass.json,
// as well as all images and com.example.passbook.pem file as key
// and localization string too
const template = await Template.load(
  "./path/to/templateFolder",
  "secretKeyPasswod"
);

// or
// create a Template from a Buffer with ZIP content
const s3 = new AWS.S3({ apiVersion: "2006-03-01", region: "us-west-2" });
const s3file = await s3
  .getObject({
    Bucket: "bucket",
    Key: "pass-template.zip"
  })
  .promise();
const template = await Template.fromBuffer(s3file.Body);

// or create it manually
const template = new Template("coupon", {
  passTypeIdentifier: "pass.com.example.passbook",
  teamIdentifier: "MXL",
  backgroundColor: "red",
  sharingProhibited: true
});
await template.images.add("icon", iconPngFileBuffer)
                     .add("logo", pathToLogoPNGfile)

The first argument is the pass style (coupon, eventTicket, etc), and the second optional argument has any fields you want to set on the template.

You can access template fields directly, or from chained accessor methods, e.g:

template.passTypeIdentifier = "pass.com.example.passbook";
template.teamIdentifier = "MXL";

The following template fields are required:

  • passTypeIdentifier - The Apple Pass Type ID, which has the prefix pass.
  • teamIdentifier - May contain an I

You can set any available fields either on a template or pass instance, such as: backgroundColor, foregroundColor, labelColor, logoText, organizationName, suppressStripShine and webServiceURL.

In addition, you need to tell the template where to find the key file:

await template.loadCertificate(
  "/etc/passbook/certificate_and_key.pem",
  "secret"
);
// or set them as strings
template.setCertificate(pemEncodedPassCertificate);
template.setPrivateKey(pemEncodedPrivateKey, optionalKeyPassword);

If you have images that are common to all passes, you may want to specify them once in the template:

// specify a single image with specific density and localization
await pass.images.add("icon", iconFilename, "2x", "ru");
// load all appropriate images in all densities and localizations
await template.images.load("./images");

You can add the image itself or a Buffer. Image format is enforced to be PNG.

Alternatively, if you have one directory containing the template file pass.json, the key com.example.passbook.pem and all the needed images, you can just use this single command:

const template = await Template.load(
  "./path/to/templateFolder",
  "secretKeyPasswod"
);

You can use the options parameter of the template factory functions to set the allowHttp property. This enables you to use a webServiceUrl in your pass.json that uses the HTTP protocol instead of HTTPS for development purposes:

const template = await Template.load(
  "./path/to/templateFolder",
  "secretKeyPasswod",
  {
    allowHttp: true,
  },
);

Create your pass

To create a new pass from a template:

const pass = template.createPass({
  serialNumber: "123456",
  description: "20% off"
});

Just like the template, you can access pass fields directly, e.g:

pass.serialNumber = "12345";
pass.description = "20% off";

In the JSON specification, structure fields (primary fields, secondary fields, etc) are represented as arrays, but items must have distinct key properties. Le sigh.

To make it easier, you can use methods of standard Map object or add that will do the logical thing. For example, to add a primary field:

pass.primaryFields.add({ key: "time", label: "Time", value: "10:00AM" });

To get one or all fields:

const dateField = pass.primaryFields.get("date");
for (const [key, { value }] of pass.primaryFields.entries()) {
  // ...
}

To remove one or all fields:

pass.primaryFields.delete("date");
pass.primaryFields.clear();

Adding images to a pass is the same as adding images to a template (see above).

Working with Dates

If you have dates in your fields make sure they are in ISO 8601 format with timezone or a Date instance. For example:

const { constants } = require('@walletpass/pass-js');

pass.primaryFields.add({ key: "updated", label: "Updated at", value: new Date(), dateStyle: constants.dateTimeFormat.SHORT, timeStyle: constants.dateTimeFormat.SHORT });

// there is also a helper setDateTime method
pass.auxiliaryFields.setDateTime(
  'serviceDate',
  'DATE',
  serviceMoment.toDate(),
  {
    dateStyle: constants.dateTimeFormat.MEDIUM,
    timeStyle: constants.dateTimeFormat.NONE,
    changeMessage: 'Service date changed to %@.',
  },
);
// main fields also accept Date objects
pass.relevantDate = new Date(2020, 1, 1, 10, 0);
template.expirationDate = new Date(2020, 10, 10, 10, 10);

Localizations

This library fully supports both string localization and/or images localization:

// everything from template
// will load all localized images and strings from folders like ru.lproj/ or fr-CA.lproj/
await template.load(folderPath);

// Strings

pass.localization
  .add("en-GB", {
    GATE: "GATE",
    DEPART: "DEPART",
    ARRIVE: "ARRIVE",
    SEAT: "SEAT",
    PASSENGER: "PASSENGER",
    FLIGHT: "FLIGHT"
  })
  .add("ru", {
    GATE: "ВЫХОД",
    DEPART: "ВЫЛЕТ",
    ARRIVE: "ПРИЛЁТ",
    SEAT: "МЕСТО",
    PASSENGER: "ПАССАЖИР",
    FLIGHT: "РЕЙС"
  });

// Images

await template.images.add(
  "logo" | "icon" | etc,
  imageFilePathOrBufferWithPNGdata,
  "1x" | "2x" | "3x" | undefined,
  "ru"
);

Localization applies for all fields' label and value. There is a note about that in documentation.

Generate the file

To generate a file:

const buf = await pass.asBuffer();
await fs.writeFile("pathToPass.pkpass", buf);

You can send the buffer directly to an HTTP server response:

app.use(async (ctx, next) => {
  ctx.status = 200;
  ctx.type = passkit.constants.PASS_MIME_TYPE;
  ctx.body = await pass.asBuffer();
});

Troubleshooting with Console app

If the pass file generates without errors but you aren't able to open your pass on an iPhone, plug the iPhone into a Mac with macOS 10.14+ and open the 'Console' application. On the left, you can select your iPhone. You will then be able to inspect any errors that occur while adding the pass.

Stay in touch

License

@walletpass/pass-js is MIT licensed.

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]