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

gwi-segment

v2.1.1

Published

Tracking library using Segment's HTTP API directly

Downloads

8

Readme

Segment

CircleCI

This is an unofficial alternative to analytics.js by segment.io. Unlike original implementation this library speaks with Segment's API directly and delegates responsibility of data distribution to back-end (as official Ruby, Java, Clojure, Python and many others do). This helps you to prevent many issues with data inconsistency between various back-ends and optimize number of HTTP payloads required for tracks. This library also comes with few other improvements over official one namely it uses batch api to prevent issues with rate limits, prevents tracks without userId by using internal queue, has Promise API to make easy to reason about async actions and comes with test mocks you can use in your test suit.

What if I actually want to track event before calling identify?

No problem with that. Just use anonymousTrack or anonymousPage.

Demo

demo

Usage

At first install this using npm:

$ npm install gwi-segment --save

The Most Simple Use-Case

In most cases you want to just initialize library and store instance to global singleton object like this:

const Segment = require('gwi-segment');

window.segment = Segment.getClient('YOUR_SEGMENT_WRITE_KEY');

in case you need more instances or fancier implementation of static object you're free to do it as you wish!

Api Reference

This is all you have available for production usage:

Static Initialization

User static getClient() function to initialize instance of client. This is api of that function:

  • writeKey [string] - your segment.io write key. required
  • options [object] - custom settings. optional
    • context [object] - custom meta to be added to segment's context record.
    • timeout [number] - bulk "debounce" timeout in ms. default: 100; use -1 for instant (sync) requests.

Calling getClient() returns instance of api client. This object implements this public interface:

#identify

Used for identifying user. Id of user is than used in all track and page calls.

  • userId [string] - identification of user required
  • traits [object] - additional user information optional

returns promise.

Example

const userId = 'someId';

const traits = {
  god: true
};

segment.identify(userId, traits);

#track

Main method for tracking user's action in your application.

  • event [string] - name/id of event required
  • properties - additional information to event optional

returns promise.

Example

const event = 'Clicked a CTA'

const properties = {
  ctaId: 'foo'
};

segment.track(event, properties);

#anonymousTrack

Same as track but doesn't require identify call (to get userId to track).

  • anonymousId [string] - value that will be send as user id just for this track
  • event [string] - name/id of event required
  • properties - additional information to event optional

returns promise.

Example

const anonymousId = '123abc';
const event = 'Clicked a CTA'

const properties = {
  ctaId: 'foo'
};

segment.anonymousTrack(anonymousId, event, properties);

#page

Used for tracking page event.

  • name [string] - name/id of page displayed required
  • properties [object] - addition information optional

returns promise.

Example

const name = 'Index Page'

const properties = {
  referrer: 'www.google.com'
};

segment.page(name, properties);

#anonymousPage

Same as page but doesn't require identify call (to get userId for page event).

  • anonymousId [string] - value that will be send as user id just for this track
  • name [string] - name/id of page displayed required
  • properties [object] - addition information optional

returns promise.

const anonymousId = '123abc';
const name = 'Index Page'

const properties = {
  referrer: 'www.google.com'
};

segment.anonymousPage(anonymousId, name, properties);

#force

Send all equeued events in batch request immediately. This is usually useful before calling things like location.reload(); or location.href =.

no arguments

returns undefined (void).

How Queue and Waiting For UserId Works

No #track nor #page call is proceed before #identify is called. This is to prevent events with missing userId to go through the system. All events happened before #identify are added to queue and are waiting for userId. Once #identify is called userId from this call is used for all waiting events which are waiting. Events are then tracked in order they were added to queue.

How Batching Works

By default there is 100ms timeout for collecting all tracks into single batch request. This means events are not sent immediately but are collected into one single request. This helps you to overcome issue with rate limits and optimize requests from app or website. You can change default timeout using options.timeout or disable it completely by passing -1 as timeout value.

Test Mocking

Similarly to main client you can initialize test mock instead. This is done using getTestMockClient() static function and returns instance implementing default API. However this client doesn't really speaks to API but instead pushes events into internal stack. Also this client doesn't perform any merging to batch API but rather keeps all events isolated to make it easier to use in test suit. Public api still uses promises as production one but in fact works synchronously to make your tests simpler and faster. It also contains extra inspect name-space for checking state of tracks.

#inspect.allEvents

Returns array of all events tracked (including identify and page).

no arguments

#inspect.lastEvent

Returns last event tracked (including identify and page).

no arguments

#inspect.clearEvents

Clears state of test mock.

no arguments

Support

This package supports Node 0.12 and higher.

Licence

ISC