Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

grid-util-js

Package Overview
Dependencies
Maintainers
2
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

grid-util-js

JS helpers for the Grid

  • 1.1.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
2
Created
Source

Grid JS Utilities

JavaScript utilities for handling [Grid] URLs and API.

Installation

Through npm

npm install --save grid-util-js

or jspm

jspm install npm:grid-util-js

Dependencies

You need a modern browsers implementing fetch and Promise or you can polyfill those methods.

Usage

import GridUtils from 'grid-util-js';

var grid = new GridUtils({
	apiBaseUrl: 'http://root.api.of.grid'
});

API

Extract Grid image ID from any URL

Finds the Grid image ID in an URL. The URL can be anything, the media or crop link, or the link of the public image as long as the media ID is inside the URL.

grid.excractMediaId('http://deployed.image/12345...abcde')

Returns and object containing

{
	id: 'grid id',
	crop: 'crop id, if present'
}

Get the image data from the Grid

Calls the API to retrieve the image information. It uses hypermedia Grid API.

grid.getImage('12345...abcde')

Returns a promise that resolves with the JSON response or rejects in case of error.

Get the crop from the image data

Get a specified crop from the image API response.

  • grid.filterCrops(apiResponse) returns all crops
  • grid.filterCrops(apiResponse, 'crop_id') returns the crop with id crop_id
  • grid.filterCrops(apiResponse, filterFunction) returns all crops matching filterFunction.

filterFunction receives as only parameter the crop data.

Get the crop for a drag event

When dragging a crop from the Grid, the crop information is inside the event dataTransfer.

grid.getCropFromEvent(evt)

Returns a JSON object.

Get the Grid url from a drag event

When dragging a crop from the Grid, the event dataTransfer contains the original image URL in the Grid.

grid.getGridUrlFromEvent(evt)

Returns the URL as a string.

FAQs

Package last updated on 12 Dec 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc