open-index/open-npm huggingface dataset:
npm package: @infinitecsolutions/react-ui
Description: Infinitec Solutions React UI library
Author: Hugo Nogueira
Latest version: 1.0.2

# Infinitec Solutions react-ui

This repo shows how to customize
[semantic-ui-react](https://www.npmjs.com/package/semantic-ui-react) and
[semantic-ui-less](https://www.npmjs.com/package/semantic-ui-less)
when bundling with Webpack.

## Features

- Member imports from `semantic-ui-react` are transformed to default
  imports to reduce the bundle size (vendor js chunk):  
  `import { Button } from 'semantic-ui-react';` becomes  
  `import Button from 'semantic-ui-react/dist/es/elements/Button/Button.js';`  

  This is done with
  [babel-plugin-transform-semantic-ui-react-imports](https://www.npmjs.com/package/babel-plugin-transform-semantic-ui-react-imports)
  (see .babelrc file).
- Imports for the .less files from `semantic-ui-less` that are needed
  for the components imported from `semantic-ui-react` are added
  automatically and selectively:  
  `import { Button } from 'semantic-ui-react';` will automatically add  
  `import 'semantic-ui-less/definitions/elements/button.less';`

  This reduces the bundle size (compared to including the full Semantic
  UI css) without the hassle to import the correct .less files manually.

  This is also done with
  [babel-plugin-transform-semantic-ui-react-imports](https://www.npmjs.com/package/babel-plugin-transform-semantic-ui-react-imports),
  by specifying `"addLessImports": true` in the plugin options in the
  .babelrc file.
- Theming support for `semantic-ui-less` is added by
  [semantic-ui-less-module-loader](https://www.npmjs.com/package/semantic-ui-less-module-loader).

  See webpack.config.js file, src/semantic-ui-theme folder and
  [https://semantic-ui.com/usage/theming.html](https://semantic-ui.com/usage/theming.html).
- The Lato fonts are packaged locally instead of including them from
  Google Fonts.

  See assets/fonts/lato, src/semantic-ui-theme/globals/site.variables
  and src/semantic-ui-theme/globals/site.overrides.

## Try it out

    git clone https://github.com/skleeschulte/tailored-semantic-ui-react-bundles-with-webpack.git
    cd tailored-semantic-ui-react-bundles-with-webpack
    npm install
    npm run build
    npm run serve
npm package: @infinitecsolutions/storybook-deployer
Description: Deploy your storybook as a webapp.
Author: Arunoda Susiripala
Latest version: 2.3.0

# Storybook Deployer

This is a simple tool allows you to deploy your Storybook into a static hosting service. (Currently, GitHub Pages only.)

## Getting Started

Install Storybook Deployer with:

```
npm i @storybook/storybook-deployer --save-dev
```
Then add a NPM script like this:

```json
{
  "scripts": {
    "deploy-storybook": "storybook-to-ghpages",
  }
}
```

Then you can run `npm run deploy-storybook` to deploy the Storybook to GitHub Pages.

### Custom Build Configuration

If you customize the build configuration with some additional params (like static file directory), then you need to expose another NPM script like this:

```json
{
  "scripts": {
    "build-storybook": "build-storybook -s public -o .out",
  }
}
```

> Make sure to set the output directory as **`.out`**.

### Customize output dir

If you have previously built your storybook output (through a different CI step, etc) and just need to publish it, specify the directory like this:

```sh
npm run deploy-storybook -- --output-dir=.out
```

### Skip Build Step

If you want to skip storybook build, use the `skip-build` flag. Keep in mind that it's required to
provide `output-dir` with a valid build:

```sh
npm run deploy-storybook -- --skip-build --output-dir=.out
```

### Deploying Storybook as part of a CI service

To deploy Storybook as part of a CI step, pass the `ci` flag to `npm run deploy-storybook`.

Because pushing to GitHub as part of a CI step requires a [personal access token](https://github.com/blog/1509-personal-api-tokens), Storybook uses the `GH_TOKEN` environment variable, by default, to authenticate GitHub pushes.

This environment variable name can be configured via the `host-token-env-variable` flag.

For example, if your access token is stored in the `GH_TOKEN` environment variable

```sh
npm run deploy-storybook -- --ci
```

Or if your access token is stored in the `GITHUB_TOKEN` environment variable

```sh
npm run deploy-storybook -- --ci --host-token-env-variable=GITHUB_TOKEN
```

### Custom deploy configuration

If you want to customize Git username, email or commit message, add this to `package.json`:

```json
"storybook-deployer": {
  "gitUsername": "Custom Username",
  "gitEmail": "custom@email.com",
  "commitMessage": "Deploy Storybook [skip ci]"
}
```

It will override the default configuration:

```json
"storybook-deployer": {
  "gitUsername": "GH Pages Bot",
  "gitEmail": "hello@ghbot.com",
  "commitMessage": "Deploy Storybook to GitHub Pages"
}
```

To deploy Storybook to a remote other than `origin`, pass a `--remote` flag to `npm run deploy-storybook`.
For example, to deploy to your `upstream` remote:

```sh
npm run deploy-storybook -- --remote=upstream
```

Or, to specify a target branch and serve your storybook with rawgit instead of gh-pages:
```sh
npm run deploy-storybook -- --branch=feature-branch
```

Or, to specify a source branch other than `master`, pass a `--source-branch` flag to `npm run deploy-storybook`:
```sh
npm run deploy-storybook -- --source-branch=release
```
npm package: @infinitecsolutions/ui
Description: Infinitec Solutions UI library
Author: Hugo Nogueira
Latest version: 0.2.54

# @infinitecsolutions/ui


![npm](https://img.shields.io/npm/v/@infinitecsolutions/ui.svg)
[![codecov](https://codecov.io/gh/infinitecsolutions/ui/branch/master/graph/badge.svg)](https://codecov.io/gh/infinitecsolutions/ui) [![CircleCI](https://circleci.com/gh/infinitecsolutions/ui.svg?style=svg)](https://circleci.com/gh/infinitecsolutions/ui) [![PRs welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
![npm](https://img.shields.io/npm/l/@infinitecsolutions/ui.svg)
![Made with coffee](https://img.shields.io/badge/made%20with-%E2%98%95%EF%B8%8F%20coffee-yellow.svg)
[![Made with Mate](https://img.shields.io/badge/made%20with-%F0%9F%8D%B5%20Mate-green.svg)](https://github.com/rominamoya)

Infinitec Solutions official UI library! 👨🏻‍🎨

## How it works

Official documentation: [https://infinitecsolutions.github.io](https://infinitecsolutions.github.io).

## Contributing

## Credits

Created by the amazing [@infinitecsolutions](https://github.com/infinitecsolutions) front-end team. [We are hiring](https://infinitecsolutionsgmbh.recruitee.com/)! Join us!

## License

Released under the [MIT License](http://www.opensource.org/licenses/MIT).
npm package: @infiniteesoftware/react-native-idata-thermometer
Description: React Native iData thermometer
Author: yaoweili
Latest version: 1.0.1

# react-native-idata-thermometer

## Getting started

`$ npm install react-native-idata-thermometer --save`

### Mostly automatic installation

`$ react-native link react-native-idata-thermometer`

### MainActivity.java
    import com.idatathermometer.IdataThermometerModule;

    @Override  // <--- Add this method if you want to react to keyDown
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		if (event.getRepeatCount() == 0) {
            IdataThermometerModule instance = IdataThermometerModule.getInstance();
			if (instance != null) {
				instance.onKeyDownEvent(keyCode, event);
			}
		}
		super.onKeyDown(keyCode, event);
		return true;
	}

	@Override  // <--- Add this method if you want to react to keyUp
	public boolean onKeyUp(int keyCode, KeyEvent event) {
		if (event.getRepeatCount() == 0) {
            IdataThermometerModule instance = IdataThermometerModule.getInstance();
			if (instance != null) {
				instance.onKeyUpEvent(keyCode, event);
			}
		}
		super.onKeyUp(keyCode, event);
		return true;
	}

## Usage
```javascript
import IdataThermometer, {iDataEvents} from 'react-native-idata-thermometer';

IdataThermometer.on(iDataEvents.STATUS_EVENTS, ({status, error}) => {
    if(status){
        //SUCCESS connect device
    } else {
        //FAIL connect device
        console.log(error);
    }
})


IdataThermometer.on(iDataEvents.KEY_EVENTS, ({key}) => {
    if(key === 'up'){
        //Click key
    } else if(key === 'down'){
        //release key
    }
})


IdataThermometer.on(iDataEvents.TEMPERATURE_EVENTS, ({temp, code, error}) => {
    //If successfully read temp

    if(temp){
        console.log("temp: " + temp);
    }else{
        console.log("Error code: " + code);
        console.log("Error message: " + error);
    }
})

//First establish connection to device
IdataThermometer.init();

//Disconnect
IdataThermometer.disconnect();

//Read temp
IdataThermometer.readTemp();
```