open-index/open-npm huggingface dataset:
npm package: @lims.io/connector-control-panel
Description: Connector for LIMS Control Panel
Author: Marcel Mika
Latest version: 0.3.0

# LIMS Connector for Control Panel

Injects Control Panel to the web page and allows communication with the related API.

## Getting started

```js
import ControlPanel from "lims-connector-control-panel";

// The name of the node that will hold the control panel
const node = '#container';
// Url to control panel api
const url = 'http://control-panel.lims.io';
// Permatoken
const permatoken = '... load from db ...';

const controlPanel = ControlPanel(node, url, {
    permatoken,
    onLoad() {
        
    },
    // Other API calls
});
```

## Drivers

The library can be also used as a part of the following frameworks.

### React

```jsx harmony
import React from "react";
import ReactDOM from "react-dom";
import {createReactComponent} from "lims-connector-control-panel";

// Create panel component
const ControlPanel = createReactComponent(React, ReactDOM);

const View = ({url, permatoken, onLoad}) => (   
    <div>
        <ControlPanel url={url} permatoken={permatoken} onLoad={onLoad}/>
    </div>
);
```

## Scripts

* `yarn build` - produces production version of your library under the `dist` folder
* `yarn test` - runs the tests
* `yarn test:watch` - same as above but in a watch mode
npm package: @lims.io/connector-dock
Description: Connector for LIMS Dock
Author: Marcel Mika
Latest version: 0.5.0

# LIMS Connector for Dock

Injects Dock to the web page and allows communication with the related API.

## Getting started

```js
import Dock from "@lims.io/connector-dock";

// The name of the node that will hold the dock
const node = '#container';
// Url to dock api
const url = '...';
// Permatoken
const permatoken = '...';

const dock = Dock(node, url, {
    permatoken,
    onLoad() {
        
    },
    // Other API calls
});
```

## Drivers

The library can be also used as a part of the following frameworks.

### React

```jsx harmony
import React from "react";
import ReactDOM from "react-dom";
import {createReactComponent} from "@lims.io/connector-dock";

// Dock component
const Dock = createReactComponent(React, ReactDOM);

const View = ({url, permatoken, onLoad}) => (   
    <div>
        <Dock url={url} permatoken={permatoken} onLoad={onLoad}/>
    </div>
);
```