open-index/open-npm huggingface dataset:
npm package: @remobile/react-native-qrcode-local-image
Description: A local qrcode image parse for react-native, support for ios and android
Author: YunJiang.Fang
Latest version: 1.0.4

# React Native QRCodeLocalImage (remobile)
A local qrcode image parse for react-native, support for ios and android

## Installation
```sh
npm install @remobile/react-native-qrcode-local-image --save
```
### Installation (iOS)
* Drag RCTQRCodeLocalImage.xcodeproj to your project on Xcode.
* Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTQRCodeLocalImage.a from the Products folder inside the RCTQRCodeLocalImage.xcodeproj.
* Look for Header Search Paths and make sure it contains $(SRCROOT)/../../../react-native/React as recursive.

### Installation (Android)
```gradle
...
include ':react-native-qrcode-local-image'
project(':react-native-qrcode-local-image').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-qrcode-local-image/android')
```

* In `android/app/build.gradle`

```gradle
...
dependencies {
    ...
    compile project(':react-native-qrcode-local-image')
}
```

* register module (in MainApplication.java)

```java
......
import com.remobile.qrcodeLocalImage.RCTQRCodeLocalImagePackage;  // <--- import

......

@Override
protected List<ReactPackage> getPackages() {
   ......
   new RCTQRCodeLocalImagePackage()              // <------ add here
   ......
}

```

## Usage

### Example
```js
'use strict';

var React = require('react');
var ReactNative = require('react-native');
var {
    StyleSheet,
    View,
    Text,
} = ReactNative;

var Button = require('@remobile/react-native-simple-button');
var QRCode = require('@remobile/react-native-qrcode-local-image');


module.exports = React.createClass({
    getInitialState() {
        return {text: ''}
    },
    onPress() {
        QRCode.decode(!app.isandroid?'/Users/fang/Desktop/qr.png':'/sdcard/qr.png', (error, result)=>{
            this.setState({text: JSON.stringify({error, result})});
        });
    },
    render() {
        return (
            <View style={styles.container}>
                <Button onPress={this.onPress}>测试</Button>
                <Text>
                    {this.state.text}
                </Text>
            </View>
        );
    }
});


var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'transparent',
        justifyContent: 'space-around',
        paddingVertical: 150,
    },
});
```

### method
- `decode(path, callback)` path canbe local image or url


### see detail use
* https://github.com/remobile/react-native-template
npm package: @remobile/react-native-simple-button
Description: A simple react-native button
Author: YunJiang.Fang
Latest version: 1.0.1

# React Native Button (remobile)
A simple react-native button

## Installation
```sh
npm install @remobile/react-native-simple-button --save
```

## Usage

### Example
```js
{/*登录按钮*/}
<Button onPress={this.doLogin} style={{position: 'absolute', top: 320, left: 180, }} disable={true}>登录</Button>
{/*忘记密码按钮*/}
<Button onPress={this.doShowForgetPassword} style={{position: 'absolute', right: 5, bottom: 5, }} textStyle={{color:'red'}}>找回密码</Button>
{/*注册按钮*/}
<Button onPress={this.doShowRegister} style={{position: 'absolute', left: 5, bottom: 5, }}>注册</Button>
```

## Screencasts

![demo](https://github.com/remobile/react-native-button/blob/master/screencasts/demo.gif)

#### Props
- `onPress: PropTypes.func`
- `disabled: PropTypes.bool`
- `textStyle: Text.propTypes.style`
- `activeOpacity: PropTypes.number`
npm package: @remobile/react-native-tencent-geolocation
Description: a tencent geolocation module for react-native,include ios and android
Author: honggao
Latest version: 1.0.2

### Installation
npm install @remobile/react-native-tencent-geolocation --save

### Installation (Android)
- settings.gradle `
include ':react-native-tencent-geolocation'
project(':react-native-tencent-geolocation').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-tencent-geolocation/android')`

- build.gradle `compile project(':react-native-tencent-geolocation')`

- MainApplication `new TencentGeoLocationPackage()`

### Installation (iOS)
- Project navigator->Libraries->Add Files to select @remobile/react-native-tencent-geolocation/ios/RCTTencentGeoLocation.xcodeproj
- Project navigator->Build Phases->Link Binary With Libraries add libRCTTencentGeoLocation.a
- Add frameworks to your project, include AMapLocationKit.framework and AMapFoundationKit.framework
- Project navigator->Build Phases->Link Binary With Libraries add AMapLocationKit.framework and AMapFoundationKit.framework
### Usage

module.exports = React.createClass({
    getInitialState () {
        return {
             location: {}
        };
    },
    componentWillMount () {
        SplashScreen.hide();
    },

     componentDidMount () {
        SplashScreen.hide();
        this.configLocationManager();
    },
    configLocationManager () {
        if (!app.isandroid) {
            TencentGeolocation.configLocationManager('AEJBZ-TAICD-44F4N-PZTHZ-JNEAO-VCBMX');
        }
    },
    componentWillUnmount() {
      AMapGeolocation.stopSerialLocation();
  },
    updateLocationState(location) {
      if (location) {
        location.timestamp = new Date(location.timestamp).toLocaleString();
        this.setState({ location });
        console.log(location);
      }
  },
    getLastLocationTencent() {
        TencentGeolocation.getCurrentPosition()
        .then(data => {
            console.warn(JSON.stringify(data));
            this.updateLocationState(data);
        })
        .catch(e => {
            console.warn(e, 'error');
        });
    } ,

    render() {
      const { location } = this.state;
      return (
        <View style={styles.container}>
          <ScrollView style={styles.controls}>
            <Button style={styles.button} onPress={this.getLastLocationAmap}>高德定位</Button>
            <Button style={styles.button} onPress={this.getPositionBaidu}>百度定位</Button>
            <Button style={styles.button} onPress={this.getLastLocationTencent}>腾讯定位</Button>
          </ScrollView>
        </View>
      );
  },
});

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    controls: {
        height: sr.h/2,
    },
    button: {
        height: 46,
        width: 300,
        marginLeft: (sr.w - 300) / 2,
        marginTop: 60,
        backgroundColor: '#c81622',
        borderRadius:4,
    },
});
npm package: @remobile/react-native-video
Description: A video player for react-native, support hls
Author: YunJiang.Fang
Latest version: 1.0.2

# React Native Video (remobile)
A video player for react-native, support hls

## Installation
```sh
npm install @remobile/react-native-video --save
```
### Installation (iOS)
* Drag RCTVideo.xcodeproj to your project on Xcode.
* Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTVideo.a from the Products folder inside the RCTVideo.xcodeproj.
* Look for Header Search Paths and make sure it contains both $(SRCROOT)/../../../react-native/React as recursive.

### Installation (Android)
```gradle
...
include ':react-native-video'
project(':react-native-video').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-video/android/RCTVideo')
```

* In `android/app/build.gradle`

```gradle
...
dependencies {
    ...
    compile project(':react-native-video')
}
```

* register module (in MainApplication.java)

```java
......
import com.remobile.video.RCTVideoPackage;  // <--- import

......

@Override
protected List<ReactPackage> getPackages() {
   ......
   new RCTVideoPackage(),            // <------ add here
   ......
}


## Usage
### Example
```js
'use strict';

import React from 'react';
import {
    StyleSheet,
    Text,
    TouchableOpacity,
    View,
} from 'react-native';

import Video from '@remobile/react-native-video';

class VideoPlayer extends React.Component {
    constructor(props) {
        super(props);
    }
    state = {
        rate: 1,
        volume: 1,
        muted: false,
        resizeMode: 'stretch',
        duration: 0.0,
        currentTime: 0.0,
        paused: false,
    };
    render() {
        return (
            <View style={styles.container}>
                <Video
                    source={{uri: 'http://localhost:3000/test.m3u8'}}
                    style={styles.videoNormalFrame}
                    rate={this.state.rate}
                    paused={this.state.paused}
                    volume={this.state.volume}
                    muted={this.state.muted}
                    resizeMode={this.state.resizeMode}
                    onEnd={() => { AlertIOS.alert('Done!') }}
                    repeat={true}
                    />
            </View>
        );
    }
}
module.exports = VideoPlayer;

var NORMAL_WIDTH = sr.w;
var NORMAL_HEIGHT = NORMAL_WIDTH*2/3;
var FULL_WIDTH = sr.h;
var FULL_HEIGHT = sr.w;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'black',
    },
    videoNormalFrame: {
        position: 'absolute',
        top:0,
        left: 0,
        width: NORMAL_WIDTH,
        height: NORMAL_HEIGHT,
    },
});
```

## HELP
* look https://github.com/react-native-community/react-native-video
* this repository add support android hls video


### thanks
* this project come from https://github.com/react-native-community/react-native-video

### see detail use
* https://github.com/remobile/react-native-template
npm package: @remobile/react-native-zip
Description: A unzip for react-native, code come from cordova, support for android and ios
Author: YunJiang.Fang
Latest version: 1.0.5

# React Native Zip (remobile)
A unzip for react-native, code come from cordova, support for android and ios

## Installation
```sh
npm install @remobile/react-native-zip --save
```
### Installation (iOS)
* Drag RCTZip.xcodeproj to your project on Xcode.
* Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTZip.a from the Products folder inside the RCTZip.xcodeproj.
* Look for Header Search Paths and make sure it contains both $(SRCROOT)/../../../react-native/React as recursive.

### Installation (Android)
```gradle
...
include ':react-native-zip'
project(':react-native-zip').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-zip/android/RCTZip')
```

* In `android/app/build.gradle`

```gradle
...
dependencies {
    ...
    compile project(':react-native-zip')
}
```

* register module (in MainApplication.java)

```java
......
import com.remobile.zip.RCTZipPackage;  // <--- import

......

@Override
protected List<ReactPackage> getPackages() {
   ......
   new RCTZipPackage(),            // <------ add here
   ......
}

```

## Usage

### Example
```js
var React = require('react');
var ReactNative = require('react-native');
var {
    StyleSheet,
    View,
    Image,
} = ReactNative;

var Zip = require('@remobile/react-native-zip');
var Button = require('@remobile/react-native-simple-button');

module.exports = React.createClass({
    testUnzip() {
        Zip.unzip('/Users/fang/data/Framework7.zip', '/Users/fang/data/xx/', (z)=>{console.log(z)}, (z)=>{console.log(z)})
        Zip.unzip('/Users/fang/data/Framework71.zip', '/Users/fang/data/yy/', (z)=>{console.log(z)}, (z)=>{console.log(z)})
    },
    render() {
        return (
            <View style={styles.container}>
                <Button onPress={this.testUnzip}>
                    test unzip
                </Button>
            </View>
        );
    },
});


var styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'space-around',
        alignItems: 'center',
        backgroundColor: 'transparent',
    },
});
```

### HELP
* look https://github.com/MobileChromeApps/cordova-plugin-zip


### thanks
* this project come from https://github.com/MobileChromeApps/cordova-plugin-zip

### see detail use
* https://github.com/remobile/react-native-template
npm package: @remocon/cli
Description: Command line interface for Remocon
Author: BackRunner
Latest version: 0.2.0

# @remocon/cli

## 使用方式

### 安装

```bash
npm install -g @remocon/cli
```

### 启动 Remocon

```bash
remocon start
```

可选参数：

- `-p, --port` 指定端口

- `-s, --ssl` 启用 HTTPS

- `--only <projectName>` 指定项目

## 许可证

MIT
npm package: @remocon/client
Description: Client for remocon
Author: BackRunner
Latest version: 0.3.0

# @remocon/client

## 使用方式

### Step.1 安装

```bash
npm install @remocon/client -S
```

### Step.2 引入到你的项目

```js
import Remocon from '@remocon/client';

const remocon = new Remocon({
  project: {
    name: 'PROJECT_NAME',
    version: 'PROJECT_VERSION',
  },
  host: 'localhost:8600',
  https: false,
  overwriteConsole: false,  // 启用后会介入所有console方法
});
```

## 许可证

MIT
npm package: @remocon/core
Description: Core program for remocon
Author: BackRunner
Latest version: 0.3.4

# @remocon/core

Remocon 的核心程序，提供主要主要核心类 RemoconServer。

## 使用说明

包默认导出 `RemoconServer` 类，该类包含初始化和启动服务的 `listen` 方法，上层服务主要通过该类下的 `emitter` 属性获取信息。

注：`emitter` 是 Node 原生的 `EventEmitter`。
npm package: @remoklify/graphql-to-typescript
Description: Command-line interface generator that generates typescript codes for client by only taking the inputs GraphQL Api url and Authorization.
Latest version: 1.0.7

<p align="center">
  <a href="https://remoklify.com">
    <img src="https://raw.githubusercontent.com/remoklify/remoklify.github.io/master/assets/logo/favicon.png" alt="Logo" width=100>
  </a>
</p>

<h1 align="center">
Remoklify - GraphQL to Typescript
</h1>

[![GitHubRepo](https://img.shields.io/badge/GitHub-Repository-24292e.svg?style=for-the-badge&logo=github)](https://github.com/remoklify/graphql-to-typescript)
[![SonarCloud](https://img.shields.io/sonar/quality_gate/remoklify_graphql-to-typescript?server=https%3A%2F%2Fsonarcloud.io&label=Sonar%20Cloud&style=for-the-badge&logo=sonarcloud)](https://sonarcloud.io/dashboard?id=remoklify_graphql-to-typescript)

Command-line interface generator that generates typescript codes for client by only taking the inputs GraphQL Api url and Authorization.

## About the NPM Package

### Package Installation

```sh
npm install -g @remoklify/graphql-to-typescript
```

### Usage
Go to directory you want to generate client typescript codes from graphql schema:
```sh
cd Directory
```

Run command:

```sh
remoklify-graphql-codegen
```

Give the GraphQL API url and auth token if necessary (without bearer)

* ? GraphQL API Url:  https://api.github.com/graphql
* ? Auth Token (Optional):  ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Check the directory /schema
```sh
cd schema
```

# Sponsors

No sponsors yet! **Will you be the first?**

## Contributors

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/fatihturker"><img src="https://avatars1.githubusercontent.com/u/2202179?s=460&u=261b1129e7106c067783cb022ab9999aad833bdc&v=4" width="100px;" alt=""/><br /><sub><b>Fatih Turker</b></sub></a><br /><a href="https://github.com/remoklify/graphql-to-typescript/issues/created_by/fatihturker" title="Answering Questions">💬</a> <a href="https://github.com/remoklify/graphql-to-typescript/commits?author=fatihturker" title="Documentation">📖</a> <a href="https://github.com/remoklify/graphql-to-typescript/pulls?q=is%3Apr+reviewed-by%3Afatihturker" title="Reviewed Pull Requests">👀</a></td>
  </tr>
</table>

<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

## LICENSE

The source code for this project is released under the [MIT License](https://github.com/remoklify/graphql-to-typescript/blob/develop/LICENSE).