open-index/open-npm huggingface dataset:
npm package: @platform/ui.panel
Description: ![Module](https://img.shields.io/badge/%40platform-ui.panel-%23EA4E7E.svg) [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![NPM](https://img.shields.io/npm/v/@platform/ui.panel.svg?colorB=blue&st
Latest version: 0.2.51
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.panel-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.panel.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.panel)

# ui.panel
Panel container components and behaviors.

## Setup

    yarn add @platform/ui.panel
npm package: @platform/ui.props
Description: Object property editor.
Latest version: 0.2.172
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.props-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.props.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.props)

![banner](https://platform.sfo2.digitaloceanspaces.com/repo-banners/ui.props.png)

Object property editor.



## Setup

    yarn add @platform/ui.props


<p>&nbsp;<p>

## Example

![video](https://user-images.githubusercontent.com/185555/59095947-ddf87900-896d-11e9-867c-eda4c26c5d95.gif)


<p>&nbsp;<p>
<p>&nbsp;<p>
npm package: @platform/ui.shell
Description: Modular application shell structure with tree navigation.
Latest version: 0.2.124
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.shell-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.shell.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.shell)
![banner](https://user-images.githubusercontent.com/185555/63977796-ccf07b80-cb08-11e9-9bd5-8b9742d2ff56.png)

Modular application shell structure with tree navigation.

<p>&nbsp;<p>

## Live Demo:
https://shell.platform.uiharness.com  
See corresponding test module: [`ui.shell.test`](../ui.shell.test)

<p>&nbsp;<p>


## Setup

    yarn add @platform/ui.shell



<p>&nbsp;<p>
<p>&nbsp;<p>
npm package: @platform/ui.shell.doc
Description: Document components that operate within ui.shell.
Latest version: 0.0.136
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.shell.doc-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.shell.doc.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.shell.doc)
![banner](https://user-images.githubusercontent.com/185555/64071664-f4933f80-ccd2-11e9-87cb-8713ad2fb868.png)

Document components that operate within [ui.shell](../ui.shell)

<p>&nbsp;<p>

## Live Demo:
https://shell.platform.uiharness.com  
See corresponding test module: [`ui.shell.test`](../ui.shell.test)

<p>&nbsp;<p>


## Setup

    yarn add @platform/ui.shell.doc



<p>&nbsp;<p>
<p>&nbsp;<p>
npm package: @platform/ui.shell.types
Description: Shared types used by ui.shell components.
Latest version: 0.1.118
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.shell.types-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.shell.types.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.shell.types)
![banner](https://user-images.githubusercontent.com/185555/64071664-f4933f80-ccd2-11e9-87cb-8713ad2fb868.png)

Shared types used by [ui.shell](../ui.shell) components.

<p>&nbsp;<p>

## Live Demo:
https://shell.platform.uiharness.com  
See corresponding test module: [`ui.shell.test`](../ui.shell.test)

<p>&nbsp;<p>


## Setup

    yarn add @platform/ui.shell.types



<p>&nbsp;<p>
<p>&nbsp;<p>
npm package: @platform/ui.spinner
Description: Wait spinner.
Latest version: 0.0.202
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.spinner-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.spinner.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.spinner)
![banner](https://user-images.githubusercontent.com/185555/55042055-c9a61f00-5094-11e9-82c7-b87ed9f5019a.png)


## Setup

    yarn add @platform/ui.spinner


<p>&nbsp;<p>
<p>&nbsp;<p>

---

### Refs

- [Designing and engineering for time](https://www.amazon.com/Designing-Engineering-Time-Psychology-Perception/dp/0321509188/ref=sr_1_1?ie=UTF8&qid=1471641084&sr=8-1&keywords=designing+and+engineering+time&tag=w050b-20)
- [The science of waiting...and waiting...for your [app] to load](https://www.wired.com/2016/08/science-waiting-waiting-page-load/)
npm package: @platform/ui.tabstrip
Description: Visual tabstrip.
Latest version: 0.1.130
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.tabstrip-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.tabstrip.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.tabstrip)
![banner](https://platform.sfo2.digitaloceanspaces.com/repo-banners/ui.tabstrip.png)

<p>&nbsp;<p>



## Install

    yarn add @platform/ui.tabstrip

Run example:

    yarn ui start

<p>&nbsp;<p>
npm package: @platform/ui.text
Description: Text components.
Latest version: 0.3.117
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.text-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.text.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.text)
![banner](https://user-images.githubusercontent.com/185555/57892786-65355e00-7894-11e9-8db9-315a47e46b2e.png)

Display text and simple text `input` components.

## Setup

    yarn add @platform/ui.text

<p>&nbsp;</p>


## CSS
There are a variety of ways to embed references to the web-fonts:

#### Roboto (Sans)
```typescript
css.head.importStylesheet(ROBOTO.GOOGLE.URL)
```
```html
<link href='https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,900&display=swap' rel='stylesheet' />
```
```css
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,900&display=swap');
```

<p>&nbsp;</p>

#### Roboto (Monospace)
```typescript
css.head.importStylesheet(MONOSPACE.GOOGLE.URL)
```
```html
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
```
```css
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap')
```

<p>&nbsp;</p>
<p>&nbsp;</p>
npm package: @platform/ui.tree
Description: A hierarchical tree visualisation and navigation component.
Latest version: 0.8.51
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.tree-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.tree.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.tree)
![banner](https://user-images.githubusercontent.com/185555/91111982-fe793400-e6d5-11ea-98fc-51eaba37f2de.png)

A hierarchical tree visualisation and navigation component.

<p>&nbsp;</p>

## Setup

    yarn add @platform/ui.tree

To work abstractly with the tree-view use the [isolated type library](../ui.tree.types):

    yarn add @platform/ui.tree.types

To manage tree [state](../state) see `TreeviewState` which extends the `TreeState` primitive in:

    yarn add @platform/state

<p>&nbsp;</p>

## Data Structure

![diagram](https://user-images.githubusercontent.com/185555/91111749-6da25880-e6d5-11ea-8b8c-66073d04c6d5.png)

<p>&nbsp;</p>
<p>&nbsp;</p>
npm package: @platform/ui.tree.types
Description: Abstract type definitions for ui.tree library.
Latest version: 0.0.46
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-ui.tree.types-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/ui.tree.types.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/ui.tree.types)
![banner](https://user-images.githubusercontent.com/185555/91111992-02a55180-e6d6-11ea-81fb-96dcc78155a6.png)

Abstract type definitions for the [ui.tree](../ui.tree) library.

<p>&nbsp;<p>

## Install

    yarn add @platform/ui.tree.types

<p>&nbsp;</p>
<p>&nbsp;</p>
npm package: @platform/util.animate
Description: Programmatic animation.
Latest version: 0.0.126
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.animate-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.animate.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.animate)

# util.animate
Physics based animation.  Uses [dynamics.js](http://dynamicsjs.com/) under the hood.

## Setup

    yarn add @platform/util.animate



## Usage
Within a [React](https://reactjs.org/) component:


```typescript
private animate(target: { value1: number; value2: number }) {
  this.stop$.next();  // Stop currently executing animation (if any).
  const current = () => this.state;
  const duration = 200;
  animation
    .start({ target, current, duration, type: 'easeInOut' })
    .pipe(takeUntil(this.stop$))
    .subscribe({
      next: data => this.setState(data as any),
      complete: () => {
         // Done.
      },
    });
}
```
npm package: @platform/util.cell
Description: Data types for working with grid cell cooridnates (eg 'A1').
Latest version: 0.5.0
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.value.cell-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.value.cell.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.value.cell)

# util.value.cell
Data types for working with grid cell cooridnates (eg "A1").
npm package: @platform/util.diff
Description: Deep comparisons of objects ('diffing').
Latest version: 0.0.72
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.diff-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.diff.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.diff)
![banner](https://user-images.githubusercontent.com/185555/65080830-4daee300-d9f6-11e9-9482-84ba92a9931b.png)

Deep comparisons of objects ("diffing").

<p>&nbsp;</p>

## Setup

    yarn add @platform/util.diff

## Notes

The module wraps [deep-diff](https://github.com/flitbit/diff) ([MIT](https://github.com/flitbit/diff/blob/master/LICENSE)).

<p>&nbsp;</p>
<p>&nbsp;</p>
npm package: @platform/util.hash
Description: Object and value hashing (SHA-256 / SHA-224).
Latest version: 0.0.71
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.hash-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.hash.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.hash)
![banner](https://user-images.githubusercontent.com/185555/65185507-d17ed300-dabb-11e9-9ee9-a8896f5a6f93.png)

Object and value hashing ([SHA-256 / SHA-224](https://en.wikipedia.org/wiki/SHA-2)).

#### Note

These hashes are for light content checksum/caching purposes and should not be considered cryptographically secure.  A stronger algorithm should be used if a cryptographically sound hash is required.

<p>&nbsp;</p>

## Setup

    yarn add @platform/util.hash


<p>&nbsp;</p>
<p>&nbsp;</p>
npm package: @platform/util.is
Description: Environment flags.
Latest version: 0.0.165
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.is-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.is.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.is)
# util.is
Environment flags.
npm package: @platform/util.local-storage
Description: Strongly typed wrapper for working with localStorage.
Latest version: 0.0.137
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.localStorage-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.localStorage.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.localStorage)
![banner](https://platform.sfo2.digitaloceanspaces.com/repo-banners/util.local-storage.png)

[Strongly typed](https://www.typescriptlang.org) wrapper for working with [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).

## Setup

    yarn add @platform/util.localStorage
npm package: @platform/util.markdown
Description: Strongly typed tools for working with markdown.
Latest version: 0.1.3
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.markdown-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.markdown.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.markdown)

# util.markdown
[Strongly typed](http://typescriptlang.org) tools for working with [markdown](https://en.wikipedia.org/wiki/Markdown).  
Uses the pluggable [remark](https://remark.js.org/) system under the hood.


<p>&nbsp;<p>

## Refs
- https://unified.js.org
- https://remark.js.org
npm package: @platform/util.mimetype
Description: Helpers for generating media-types.
Latest version: 0.1.51
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.mimetype-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.mimetype.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.mimetype)
![banner](https://user-images.githubusercontent.com/185555/72113197-a5f26200-33a4-11ea-8438-9a9d0a6801e0.png)

Helpers for generating [media-types](https://en.wikipedia.org/wiki/Media_type).

<p>&nbsp;<p>

## Setup

    yarn add @platform/util.mimetype

<p>&nbsp;<p>
<p>&nbsp;<p>
npm package: @platform/util.string
Description: String helpers.
Latest version: 0.5.48
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.string-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.string.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.string)

# util.string
String helpers.
npm package: @platform/util.value
Description: Helpers for working with, transforming, and formatting values.
Latest version: 0.9.13
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.value-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.value.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.value)
# util.value
Helpers for working with, transforming, and formatting values.
npm package: @platform/util.value.cell
Description: Data types for working with grid cell cooridnates (eg 'A1').
Latest version: 0.10.3
Deprecated: pre-release module deprecation

![Module](https://img.shields.io/badge/%40platform-util.value.cell-%23EA4E7E.svg)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@platform/util.value.cell.svg?colorB=blue&style=flat)](https://www.npmjs.com/package/@platform/util.value.cell)

# util.value.cell
Data types for working with grid cell cooridnates (eg "A1").
npm package: @platform6/platform6-connector
Description: Platform 6 Node.js connector
Author: Platform 6
Latest version: 3.0.1

# Platform 6 Node.js Connector

> [Platform 6](https://documentation.amalto.com/platform6/master/) Node.js connector

[![Build Status](https://api.travis-ci.org/amalto/platform6-connector-nodejs.svg?brancgh=master)](https://travis-ci.org/amalto/platform6-connector-nodejs)
[![Coverage Status](https://coveralls.io/repos/github/amalto/platform6-connector-nodejs/badge.svg?branch=master)](https://coveralls.io/github/amalto/platform6-connector-nodejs?branch=master)

This repository is a [Platform 6 connector](https://documentation.amalto.com/platform6/dev/develop-app/custom-service/platform6-cmb-connectors/) aiming to help the development a [service](https://documentation.amalto.com/platform6/master/developer-guide/getting-started/) in JavaScript.
It exposes, among others, methods to facilitate the communication with a Platform 6 instance.

## Requirements

Platform 6 connector depends on:

- [Node.js](https://nodejs.org/en/) (version `>= 4`),
- [Platform 6](https://documentation.amalto.com/platform6/master/user-guide/getting-started/) (version `5.17.0` and higher)

## Installing the connector

The following command installs Platform 6 connector as a Node.js dependency:

```console
$ npm install --save @platform6/platform6-connector
```

## Using the connector

### Demo project

You can find an example of a service using this library [here](https://github.com/amalto/platform6-service-typescript).

### Logging

We rely on the library [debug](https://github.com/visionmedia/debug) for debugging.

To display the logs of Platform 6, set the `DEBUG` environment variable like this:

```console
$ DEBUG=platform6:* node index.js
```

To filter the logs, please refer to [the documentation of debug](https://github.com/visionmedia/debug#debug).

### API

You will find the documentation of the methods exposed in the section [API](https://github.com/amalto/platform6-connector-nodejs/blob/master/API.md).

## Release notes

Please refer to [changelog](./CHANGELOG.md) to see the descriptions of each release.

## License

MIT © [Platform 6](https://www.platform6.io/)