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

@parcelvoy/js-sdk

v0.1.2

Published

Parcelvoy Javascript SDK for collecting events

Downloads

9

Readme

Parcelvoy JS SDK

Installation

To install the SDK, use Yarn, npm, or a script tag:

  • npm
npm install @parcelvoy/js-sdk
  • Yarn
yarn add @parcelvoy/js-sdk

script tag

<script src="https://unpkg.com/@parcelvoy/js-sdk/lib/esm/index.js"></script>

Usage

The SDK can be used both on the server or in the web browser. The main difference is that on the Browser the identified user will be cached vs in Node where you'll need to pass in identifiers on every request.

Initialize

Before using any methods, the library must be initialized with an API key and URL endpoint.

If you aren't accessing the SDK via script tag, start by importing the Parcelvoy SDK:


// 
const { Client /** or BrowserClient */ } = require('@parcelvoy/js-sdk')

// Or
import { Client /** or BrowserClient */ } from '@parcelvoy/js-sdk'

Then you can initialize the library:

// Node
const client = new Client({
    apiKey: "XXX-XXX",
    urlEndpoint: "https://app.parcelvoy.com/api"
})

// Browser
const client = new BrowserClient({
    apiKey: "XXX-XXX",
    urlEndpoint: "https://app.parcelvoy.com/api"
})

// Or global script
Parcelvoy.initialize({
    apiKey: "XXX-XXX",
    urlEndpoint: "https://app.parcelvoy.com/api"
})

Identify

You can handle the user identity of your users by using the identify method. This method works in combination to either/or associate a given user to your internal user ID (external_id) or to associate attributes (traits) to the user. By default all events and traits are associated with an anonymous ID until a user is identified with an external_id. From that point moving forward, all updates to the user and events will be associated to your provider identifier.


// Client
client.identify({
    externalId: "XXX-XXX"
    phone: "+1234567890"
    email: "[email protected]"
    traits: {}
})

// Or global script
Parcelvoy.identify({
    externalId: "XXX-XXX"
    phone: "+1234567890"
    email: "[email protected]"
    traits: {}
})

Events

If you want to trigger a journey and list updates off of things a user does within your app, you can pass up those events by using the track method.


// Client
client.track({
    event: "Tapped Button"
    traits: {
        "Key": "Value"
    }
})

// Or global script
Parcelvoy.track({
    event: "Tapped Button",
    traits: {
        "Key": "Value"
    }
})