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

rokka

v3.16.0

Published

JavaScript client library for rokka.io

Downloads

1,985

Readme

rokka.js NPM version Build Status Coverage

JavaScript client library for rokka.

rokka.js runs on node as well as within the supported browsers. To use in a browser, either use a script tag using https://unpkg.com/rokka or import it using the ES6 module syntax:

import rokka from 'rokka'

Install

$ npm install rokka --save
# If using on the server side, babel-runtime is maybe needed to run it:
$ npm install babel-runtime --save

Usage

const rokka = require('rokka')({
  apiKey: 'apikey'
});

rokka.sourceimages.list('myorg')
  .then(function(result) {
    console.log(result);
  })
  .catch(function(err) {
    console.error(err);
  });

Documentation

Initializing the rokka client.

const rokka = require('rokka')({
  apiKey: 'apikey',                  // required for certain operations
  apiTokenGetCallback?: <() => string> // return JWT token instead of API Key
  apiTokenSetCallback?: <((token: string, payload?: object|null) => void)> // Stores a newly retrieved JWT token
  apiTokenOptions?: <object>         // The rokka.user.getNewToken query parameter options, default: {}
  apiTokenRefreshTime?: <number>     // how many seconds before the token is expiring, it should be refreshed, default: 3600
  apiHost: '<url>',                  // default: https://api.rokka.io
  apiVersion: <number>,              // default: 1
  renderHost: '<url>',               // default: https://{organization}.rokka.io
  debug: true,                       // default: false
  transport: {
    requestTimeout: <number>,  // milliseconds to wait for rokka server response (default: 30000)
    retries: <number>,         // number of retries when API response is 429 (default: 10)
    minTimeout: <number>,      // minimum milliseconds between retries (default: 1000)
    maxTimeout: <number>,      // maximum milliseconds between retries (default: 10000)
    randomize: <boolean>       // randomize time between retries (default: true)
    agent?: <any>               // an agent to be used with node-fetch, eg. if you need a proxy (default: undefined)
  }
});

All properties are optional since certain calls don't require credentials.

If you need to use a proxy, you can do the following

import { HttpsProxyAgent } from 'https-proxy-agent'

const rokka = require('rokka')({
 apiKey: 'apikey'
 transport: {agent: new HttpsProxyAgent(proxy)}
});

Users

rokka.users.create(email, [organization=null]) → Promise

Register a new user for the rokka service.

rokka.users.create('[email protected]')
  .then(function(result) {})
  .catch(function(err) {});

rokka.users.getId() → Promise

Get user_id for current user

rokka.users.getId()
  .then(function(result) {})
  .catch(function(err) {});

User

rokka.user.getId() → Promise

Get user_id for current user

rokka.users.getId()
  .then(function(result) {})
  .catch(function(err) {});

rokka.user.get() → Promise

Get user object for current user

rokka.user.get()
 .then(function(result) {})
 .catch(function(err) {});

rokka.user.listApiKeys() → Promise

List Api Keys of the current user

rokka.user.listApiKeys()
 .then(function(result) {})
 .catch(function(err) {});

rokka.user.addApiKey(comment) → Promise

Add Api Key to the current user

rokka.user.deleteApiKey(id) → Promise

Delete Api Key from the current user

rokka.user.getCurrentApiKey() → Promise

Get currently used Api Key

rokka.user.getCurrentApiKey()
 .then(function(result) {})
 .catch(function(err) {});

rokka.user.getNewToken()(apiKey, queryParams) → Promise

Gets a new JWT token from the API.

You either provide an API Key or there's a valid JWT token registered to get a new JWT token.

rokka.user.getNowToken(apiKey, {expires_in: 48 * 3600, renewable: true})
 .then(function(result) {})
 .catch(function(err) {});

rokka.user.getToken() → string

Gets the currently registered JWT Token from the apiTokenGetCallback config function or null

rokka.user.setToken(token)

Sets a new JWT token with the apiTokenSetCallback function

rokka.user.isTokenExpiring()(withinNextSeconds) → boolean

Check if the registered JWT token is expiring within these amount of seconds (default: 3600)

rokka.user.getTokenIsValidFor()() → number

How long a token is still valid for (just checking for expiration time


Billing

rokka.billing.get(organization, [from=null], [to=null]) → Promise

Retrieve statistics about the billing of an organization

If from and to are not specified, the API will return data for the last 30 days.

rokka.billing.get('myorg', '2017-01-01', '2017-01-31')
  .then(function(result) {})
  .catch(function(err) {});

Organizations

rokka.organizations.get(name) → Promise

Get a list of organizations.

rokka.organizations.get('myorg')
  .then(function(result) {})
  .catch(function(err) {});

rokka.organizations.create(name, billingEmail, displayName) → Promise

Create an organization.

rokka.organizations.create('myorg', '[email protected]', 'Organization Inc.')
  .then(function(result) {})
  .catch(function(err) {});

Memberships

Roles

  • rokka.memberships.ROLES.READ - read-only access
  • rokka.memberships.ROLES.WRITE - read-write access
  • rokka.memberships.ROLES.UPLOAD - upload-only access
  • rokka.memberships.ROLES.ADMIN - administrative access

rokka.memberships.create(organization, userId, roles, comment) → Promise

Add a member to an organization.

rokka.memberships.create('myorg', '613547f8-e26d-48f6-8a6a-552c18b1a290', [rokka.memberships.ROLES.WRITE], "An optional comment")
  .then(function(result) {})
  .catch(function(err) {});

rokka.memberships.delete(organization, userId) → Promise

Delete a member in an organization.

rokka.memberships.delete('myorg', '613547f8-e26d-48f6-8a6a-552c18b1a290')
  .then(function(result) {})
  .catch(function(err) {});

rokka.memberships.createWithNewUser(organization, roles, comment) → Promise

Create a user and membership associated to this organization.

rokka.memberships.createWithNewUser('myorg', [rokka.memberships.ROLES.READ], "New user for something")
  .then(function(result) {})
  .catch(function(err) {});

rokka.memberships.list(organization) → Promise

Lists members in an organization.

rokka.memberships.list('myorg')
  .then(function(result) {})
  .catch(function(err) {});

rokka.memberships.get(organization, userId) → Promise

Get info of a member in an organization.

rokka.memberships.get('myorg',userId)
  .then(function(result) {})
  .catch(function(err) {});

Source Images

rokka.sourceimages.list(organization, params) → Promise

Get a list of source images.

By default, listing sourceimages sorts them by created date descending.

rokka.sourceimages.list('myorg')
  .then(function(result) {})
  .catch(function(err) {});

Searching for images can be achieved using the search parameter. Supported are predefined fields like height, name etc. but also user metadata. If you search for user metadata, the field name has to be prefixed with user:TYPE. All fields are combined with an AND. OR/NOT is not possible.

Example:

const search = {
  'user:int:id': '42',
  'height': '64'
}
rokka.sourceimages.list('myorg', { search: search })
  .then(function(result) {})
  .catch(function(err) {});

The search also supports range and wildcard queries. Check out the rokka documentation for more.

Sorting works with user metadata as well and can be passed as either an array or as a comma separated string.

rokka.sourceimages.downloadList(organization, params) → Promise

Get a list of source images as zip. Same parameters as the list method

Example:

const search = {
  'user:int:id': '42',
  'height': '64'
}
rokka.sourceimages.list('myorg', { search: search })
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.get(organization, hash, queryParams) → Promise

Get information of a source image by hash.

rokka.sourceimages.get('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.getWithBinaryHash(organization, binaryHash) → Promise

Get information of a source image by its binary hash.

rokka.sourceimages.getWithBinaryHash('myorg', 'b23e17047329b417d3902dc1a5a7e158a3ee822a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.download(organization, hash) → Promise

Download image by hash, returns a Stream

rokka.sourceimages.download('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.downloadAsBuffer(organization, hash) → Promise

Download image by hash, returns a Buffer

rokka.sourceimages.downloadAsBuffer('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.autolabel(organization, hash) → Promise

Autolabels an image.

You need to be a paying customer to be able to use this.

rokka.sourceimages.autolabel('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.autodescription(organization, hash, languages, force)

Autodescribes an image. Can be used for alt attributes in img tags.

You need to be a paying customer to be able to use this.

rokka.sourceimages.autodescription('myorg', 'c421f4e8cefe
0fd3aab22832f51e85bacda0a47a', ['en', 'de'], false)
 .then(function(result) {})
 .catch(function(err) {});

rokka.sourceimages.create(organization, fileName, binaryData, [metadata=null], [options={}]) → Promise

Upload an image.

const file = require('fs').createReadStream('picture.png');
rokka.sourceimages.create('myorg', 'picture.png', file)
  .then(function(result) {})
  .catch(function(err) {});

With directly adding metadata:

rokka.sourceimages.create('myorg', 'picture.png', file, {'meta_user': {'foo': 'bar'}})

rokka.sourceimages.createByUrl(organization, url, [metadata=null], [options={}]) → Promise

Upload an image by url.

rokka.sourceimages.createByUrl('myorg', 'https://rokka.rokka.io/dynamic/f4d3f334ba90d2b4b00e82953fe0bf93e7ad9912.png')
  .then(function(result) {})
  .catch(function(err) {});

With directly adding metadata:

rokka.sourceimages.createByUrl('myorg',  'https://rokka.rokka.io/dynamic/f4d3f334ba90d2b4b00e82953fe0bf93e7ad9912.png', {'meta_user': {'foo': 'bar'}})

rokka.sourceimages.delete(organization, hash) → Promise

Delete image by hash.

rokka.sourceimages.delete('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.deleteWithBinaryHash(organization, binaryHash) → Promise

Delete source images by its binary hash.

rokka.sourceimages.deleteWithBinaryHash('myorg', 'b23e17047329b417d3902dc1a5a7e158a3ee822a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.restore(organization, hash) → Promise

Restore image by hash.

rokka.sourceimages.restore('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.copy(organization, hash, destinationOrganization, [overwrite=true]) → Promise

Copy image by hash to another org.

rokka.sourceimages.copy('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', 'anotherorg', true)
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.setProtected(organization, hash, isProtected, [options={}]) → Promise

(Un)sets the protected status of an image.

Important! Returns a different hash, if the protected status changes

rokka.sourceimages.setProtected('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', true,
{
  deletePrevious: false
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.setLocked(organization, hash, isLocked) → Promise

(Un)locks an image.

Locks an image, which then can't be deleted.

rokka.sourceimages.setLocked('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', true).then(function(result) {})
  .catch(function(err) {});

Dynamic metadata

See the dynamic metadata documentation for more information.

rokka.sourceimages.setSubjectArea(organization, hash, coords, [options={}]) → Promise

Set the subject area of a source image.

The subject area of an image is used when applying the crop operation with the auto anchor to center the cropping box around the subject area.

rokka.sourceimages.setSubjectArea('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', {
  x: 100,
  y: 100,
  width: 50,
  height: 50
},
{
  deletePrevious: false
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.removeSubjectArea(organization, hash, [options={}]) → Promise

Removes the subject area from a source image.

rokka.sourceimages.removeSubjectArea('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.addDynamicMetaData(organization, hash, name, data, [options={}]) → Promise

Add/set dynamic metadata to an image

See the dynamic metadata chapter for details.

rokka.sourceimages.addDynamicMetaData('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', 'crop_area', {
  x: 100,
  y: 100,
  width: 50,
  height: 50
},
{
  deletePrevious: false
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.deleteDynamicMetaData(organization, hash, name, [options={}]) → Promise

Delete dynamic metadata of an image

See the dynamic metadata chapter for details.

rokka.sourceimages.addDynamicMetaData('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', 'crop_area',
{
  deletePrevious: false
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.putName(organization, hash, name) → Promise

Change the name of a source image.

rokka.sourceimages.putName('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', name).then(function(result) {})
  .catch(function(err) {});

Source Images

User metadata

See the user metadata documentation for more information.

rokka.sourceimages.meta.add(organization, hash, data) → Promise

Add user metadata to a source image.

See the user metadata documentation for an explanation.

rokka.sourceimages.meta.add('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', {
  somefield: 'somevalue',
  'int:some_number': 0,
  'delete_this': null
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.meta.replace(organization, hash, data) → Promise

Replace user metadata of a source image with the passed data.

See the user metadata documentation for an explanation.

rokka.sourceimages.meta.replace('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', {
  somefield: 'somevalue',
  'int:some_number': 0
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.meta.delete(organization, hash, [field=null]) → Promise

Replace user metadata of a source image with the passed data.

See the user metadata documentation for an explanation.

rokka.sourceimages.meta.delete('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a')
  .then(function(result) {})
  .catch(function(err) {});

If the third parameter (field) is specified, it will just delete this field.


Source Images alias

Source Images alias

See the usource image alias documentation for more information.

rokka.sourceimages.alias.create(organization, alias, data, [params={}]) → Promise

Adds an alias to a source image.

See the source image alias documentation for an explanation.

rokka.sourceimages.alias.create('myorg', 'myalias', {
  hash: 'somehash',
}).then(function(result) {})
  .catch(function(err) {});

rokka.sourceimages.alias.get()(organization, alias)

Get an alias.

rokka.sourceimages.alias.delete()(organization, alias)

Delete an alias.

rokka.sourceimages.alias.invalidateCache()(organization, alias)

Invalidate the CDN cache for an alias.


Operations

Available operations

  • rokka.operations.resize(width, height, options = {})
  • rokka.operations.autorotate(options = {})
  • rokka.operations.rotate(angle, options = {})
  • rokka.operations.dropshadow(options = {})
  • rokka.operations.trim(options = {})
  • rokka.operations.crop(width, height, options = {})
  • rokka.operations.noop()
  • rokka.operations.composition(width, height, mode, options = {})
  • rokka.operations.blur(sigma, radius)

Please refer to the rokka API documentation

rokka.operations.list() → Promise

Get a list of available stack operations.

rokka.operations.list()
  .then(function(result) {})
  .catch(function(err) {});

Stack options

rokka.stackoptions.get() → Promise

Returns a json-schema like definition of options which can be set on a stack.

rokka.stackoptions.get()
  .then(function(result) {})
  .catch(function(err) {});

Stacks

rokka.stacks.list(organization, [limit=null], [offset=null]) → Promise

Get a list of available stacks.

rokka.stacks.list('myorg')
  .then(function(result) {})
  .catch(function(err) {});

rokka.stacks.get(organization, name) → Promise

Get details about a stack.

rokka.stacks.get('myorg', 'mystack')
  .then(function(result) {})
  .catch(function(result) {});

rokka.stacks.create(organization, name, stackConfig, [params={}]) → Promise

Create a new stack.

The signature of this method changed in 0.27.

Using a single stack operation object (without an enclosing array) as the 3rd parameter (stackConfig) is since version 0.27.0 not supported anymore.

const operations = [
  rokka.operations.rotate(45),
  rokka.operations.resize(100, 100)
]

// stack options are optional
const options = {
  'jpg.quality': 80,
  'webp.quality': 80
}

// stack expressions are optional
const expressions = [
  rokka.expressions.default('options.dpr > 2', { 'jpg.quality': 60, 'webp.quality': 60 })
]

// query params are optional
var queryParams = { overwrite: true }
rokka.stacks.create(
  'test',
  'mystack',
  { operations, options, expressions },
  queryParams
).then(function(result) {})
 .catch(function(err) {})

rokka.stacks.delete(organization, name) → Promise

Delete a stack.

rokka.stacks.delete('myorg', 'mystack')
  .then(function(result) {})
  .catch(function(err) {});

Render

rokka.render.getUrl(organization, hash, format, [stack], options) → string

Get URL for rendering an image.

If you just need this function in a browser, you can also use rokka-render.js

rokka.render.getUrl('myorg', 'c421f4e8cefe0fd3aab22832f51e85bacda0a47a', 'png', 'mystack')

rokka.render.getUrlFromUrl(rokkaUrl, stack, options) → string

Get URL for rendering an image from a rokka render URL.

If you just need this function in a browser, you can also use rokka-render.js

rokka.render.getUrlFromUrl('https://myorg.rokka.io/dynamic/c421f4e8cefe0fd3aab22832f51e85bacda0a47a.png', 'mystack')

rokka.render.imagesByAlbum(organization, album, options)

Get image hashes and some other info belonging to a album (from metadata: user:array:albums)

rokka.render.imagesByAlbum('myorg', 'Albumname', { favorites })

rokka.render.signUrl(url, signKey, [{until:Date = null, roundDateUpTo:number = 300}]) → string

Signs a Rokka URL with an option valid until date.

It also rounds up the date to the next 5 minutes (300 seconds) to improve CDN caching, can be changed

rokka.render.signUrlWithOptions()

Signs a rokka URL with a sign key and optional signature options.

rokka.render.addStackVariables(url, variables, [removeSafeUrlFromQuery=false]) → string

Adds stack variables to a rokka URL in a safe way

Uses the v query parameter, if a variable shouldn't be in the path

If you just need this function in a browser, you can also use rokka-render.js

rokka.render.getUrlComponents(urlObject) → UrlComponents|false

Get rokka components from an URL object.

Returns false, if it could not parse it as rokka URL.


Stats

rokka.stats.get(organization, [from=null], [to=null]) → Promise

Retrieve statistics about an organization.

If from and to are not specified, the API will return data for the last 30 days.

rokka.stats.get('myorg', '2017-01-01', '2017-01-31')
  .then(function(result) {})
  .catch(function(err) {});

request

rokka.request.request(path, method, body)

Does an authenticated request for any path to the Rokka API