open-index/open-npm huggingface dataset:
npm package: @linkurious/ogma-timeline-plugin
Description: [![npm version](https://img.shields.io/npm/v/@linkurious/ogma-timeline-plugin)](https://www.npmjs.com/package/@linkurious/ogma-timeline-plugin) [![license](https://img.shields.io/npm/l/@linkurious/ogma-timeline-plugin.svg)](LICENSE.md) [![](https://data.j
Author: Linkurious SAS
Latest version: 0.2.18
npm package: @linkurious/ogma-vue
Description: Vue 3 wrapper for Ogma
Author: Linkurious SAS
Latest version: 1.0.1

# `@linkurious/ogma-vue`

![logo](/logo.svg)


Wrapper to use [Ogma](https://doc.linkurio.us/ogma/latest/) with [Vue3](https://vuejs.org/about/releases.html).
It allows you to create graph visualisations easilly, with both the power of Ogma and the reactivity of Vue. 

You need an Ogma licence to use it. Please [contact us]([https://doc.linkurio.us/ogma/latest/support.html](https://doc.linkurious.com/ogma/latest/contact.html)) for more info.

## Documentation

Please visit the documentation of Ogma-vue [here](https://linkurious.github.io/ogma-vue/).

## How to contribute

Some parts of this repo belongs to Linkurious internal infrastructure and CI. 
When developing, you can remove `.version` `.bumpversion.cfg` `Jenkinsfile`  files.

### Project setup

[Ogma](https://ogma.linkurio.us) is a commercial library. You will need to replace the dependency in `package.json` with the `npm` link from the [download center](https://get.linkurio.us) in order to get started. It will have your unique API key.

```
npm install
```

### Compiles and hot-reloads DEMO
```
npm run dev
```

### Compiles and minifies for production
```
npm run build
```

### Builds the docs for development: 
```
npm run docs:dev
```

### run unit tests
```
npm run test:unit
```
npm package: @linkurious/png-encoder
Description: A fast PNG encoder
Author: Linkurious SAS
Latest version: 1.0.4

# @linkurious/png-encoder

Forked from [vivaxy/png](https://github.com/vivaxy/png), removed the decoder and made the encoder faster (by also deleting support for different image filters, color depths, interlace and palette).

[![NPM Version][npm-version-image]][npm-url]

# Supports
- Chunks: IHDR, PLTE, IDAT, IEND, tRNS, cHRM, gAMA, iCCP, sBIT, sRGB, tEXt, zTXt, iTXt, bKGD, hIST, pHYs, sPLT, tIME
- Color Types:  Truecolour with alpha
- Bit Depths:  8
- Filters: None

# Install

 `npm i @linkurious/png-encode`

# Usage

```js
import encoder from '@linkurious/png';

function arrayToImage(array: Uint8Array): HTMLImageElement {
  const blob = new Blob([array], { type: 'image/png' });
  var objectURL = URL.createObjectURL(blob);
  const img = document.createElement('img');
  img.src = objectURL;
  return img;
}

const imageBuffer = pngEncoder.encode({
  width,
  height,
  depth: 8,
  colorType: 6,
  compression: 0,
  interlace: 0,
  filter: 0,
  data: arrayOfPixelsRGBA
});

 document.body.appendChild(arrayToImage(imageBuffer));

```

See `metadata` type definition in [metadata.ts](src/helpers/metadata.ts).