open-index/open-npm huggingface dataset:
npm package: @geum/browser
Description: Event driven React framework
Author: Christian Blanquera
Latest version: 0.0.22
Deprecated: Moved to geum

## Install

```bash
$ npm i --save @geum/browser
```

## Usage

```js
require('@babel/polyfill');
const { createBrowserHistory } = require('history');
const browser = require('@geum/browser');
const history = createBrowserHistory();

const app = browser();

const menu = [
  '<a href="/some/path?foo=bar">Some Path</a>',
  '<a href="/some/other/path?foo=bar">Some Other Path</a>'
];

app.get('/some/path', function(req, res) {
  res.target = '#root';
  res.content = menu.join('') + '<h1>Some Path</h1>';
});

app.get('/some/other/path', function(req, res) {
  res.target = '#root';
  res.content = menu.join('') + '<h1>Some Other Path</h1>';
});

const routeTo = (event) => {
  const href = this.getAttribute('href');
  const target = this.getAttribute('target');

  //if there is a target or it's an external link
  if (target || href.includes('://')) {
    //do nothing
    return;
  }

  event.preventDefault();
  history.push(href, {});
  return false;
}

app.on('close', () => {
  Array.from(document.querySelectorAll('#root a')).forEach(link => {
    link.addEventListener('click', routeTo)
  });
}).emit('close')

history.listen(app);
```
npm package: @geum/core
Description: Event driven core framework
Author: Christian Blanquera
Latest version: 0.0.22
Deprecated: Moved to @openovate/jsm

## Install

```bash
$ npm i --save @geum/core
```

## EventEmitter Usage

```js
const { EventEmitter, Helper } = require('@geum/core')

const emitter = EventEmitter.load()

emitter.on('trigger something', async x => {
  console.log('something triggered', x + 1)
})

emitter.on(/trigger (something)/, async x => {
  await Helper.sleep(2000)
  console.log('(something) triggered', x + 2)
}, 2)

await emitter.trigger('trigger something', 1)
```

## TaskQueue Usage

```js
const { TaskQueue, Helper } = require('@geum/core')

const queue = TaskQueue.load()

queue.push(async x => {
  console.log(x + 1)
})

queue.shift(async x => {
  await Helper.sleep(2000)
  console.log(x + 2)
})

queue.add(async x => {
  console.log(x + 3)
}, 10)

await queue.run(1)
```

## Registry Usage

```js
const { Registry } = require('@geum/core')

const registry = Registry.load()

registry.set('foo', 'bar', 'zoo')
registry.set('foo', 'zoo', ['foo', 'bar', 'zoo'])

console.log(registry.has('foo', 'bar'))
console.log(registry.has('bar', 'foo'))
console.log(registry.get('foo', 'zoo', 1))

registry.remove('foo', 'bar')

console.log(registry.has('foo', 'bar'))
console.log(registry.has('foo', 'zoo'))
```

## Router Usage

```js
const router = Router.load();

router.on('GET /some/path', (req, res) => {
  const x = req.getStage('x');
  res.setContent(String(x + 1));
});

const server = http.createServer(async (req, res) => {
  const method = req.method.toUpperCase();
  const path = req.url.split('?')[0];
  const route = router.route(method + ' ' + path, { x: 1 });
  const response = await route.emit();

  res.write(response.getContent());
  res.end();
});

server.listen(3000);
```
npm package: @geum/http
Description: Event driven HTTP framework
Author: Christian Blanquera
Latest version: 0.0.22
Deprecated: Moved to @openovate/express-router

## Install

```bash
$ npm i --save @geum/http
```

## Usage

```js
//FILE: app.js
const http = require('http');
const geum = require('@geum/http');

const app = geum();

//... make some routes ...

//Hello World
app.get('/', (req, res) => {
  res.setContent('Hello World');
});

//... listen to app events ...

//track errors
app.on('error', (e, req, res) => {
  app.log(e);
  res.setHeader('Content-Type', 'text/plain');
  res.setContent(e.toString());
});

//... run it ...

//default
const server = http.createServer(app);

//listen to server
server.listen(3000);
```

### Defining Routes in a separate file

```js
// FILE: controller.js
const { Router } = require('@geum/http');

const router = module.exports = Router.load();

//Hello World
router.get('/', (req, res) => {
  res.setContent('Hello World');
});

//...
// FILE: app.js

const http = require('http');
const geum = require('@geum/http');
const controller = require('./controller')

const app = geum();

//... add controllers ...

app.use(controller);

//... run it ...

//default
const server = http.createServer(app);

//listen to server
server.listen(3000);
```
npm package: @geum/react
Description: Event driven React framework
Author: Christian Blanquera
Latest version: 0.0.22
Deprecated: Moved to geum

## Install

```bash
$ npm i --save @geum/react
```

## Usage

```js
//FILE: app.js
const http = require('http');
const geum = require('@geum/react');

const HomeScreen = require('./HomeScreen.jsx')

const app = geum();

//... make some routes ...

//Hello World
app.get('/', (req, res) => {
  res.setComponent(HomeScreen);
});

//... listen to app events ...

//track errors
app.on('error', (e, req, res) => {
  app.log(e);
  res.setHeader('Content-Type', 'text/plain');
  res.setContent(e.toString());
});

//... run it ...

//default
const server = http.createServer(app);

//listen to server
server.listen(3000);
```
npm package: @geum/socket
Description: Event driven Socket framework
Author: Christian Blanquera
Latest version: 0.0.22
Deprecated: Moved to @openovate/socketio-router

## Install

```bash
$ npm i --save @geum/http
$ npm i --save @geum/socket
```

## Usage

```js
//FILE: app.js
const http = require('http');
const socketio = require('socket.io');

const Http = require('@geum/http');
const Socket = require('@geum/socket');

const controller = require('./controller');
const events = require('./events');

const app = Http();

app.use(controller);

const socket = Socket();

socket.use(events);

const server = http.createServer(app);
socketio(server).use(socket);

//listen to server
server.listen(3000);
```

See the complete example in `test/sames/socketio`
npm package: @geuntabuwono/react-native-hide-show-password-input
Description: React-Native Component For Password Show/Hide
Author: vishal jadav
Latest version: 1.3.1

# React-Native Hide Show Password InputText Component

[![npm version](https://badge.fury.io/js/react-native-hide-show-password-input.svg)](https://badge.fury.io/js/react-native-hide-show-password-input)

This is a custom component for React Native, a simple Hide Show Password InputText, compatible with both ios and android.

[![demo](https://i.imgur.com/kZ7ViHt.png)](https://i.imgur.com/kZ7ViHt.png)

# Installation.
Install the package with NPM.

```sh
npm install react-native-hide-show-password-input --save
```

Or with YARN

```sh
yarn add react-native-hide-show-password-input
```

Link vector icons library

```sh
react-native link react-native-vector-icons
```

# How to use.

Very simple to use just add this component in your file.
```js
// import packages
import React, { Component } from 'react';
import { View } from 'react-native';
import PasswordInputText from 'react-native-hide-show-password-input';

export default class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
      password: '',
    };
  }
  
  render() {
    const { password } = this.state;
    
    return (
      <View style={{ margin: 20 }}>

        <PasswordInputText
          getRef={input => this.input = input}
          value={password}
          onChangeText={(password) => this.setState({ password })}
        />

        <Button
          title="Clear"
          onPress={() => this.input.clear()} />
          
      </View>
    );
  }
}
```

## Properties

 name                  | description                                 | type     | default
:--------------------- |:------------------------------------------- | --------:|:------------------
 iconSize              | Eye icon size                               |   Number | 25
 iconColor             | Eye icon color                              |   String | #222222
 label                 | Text Input animate label                    |   String | Password
 getRef                | Reference callback                          | Function | -
 

Note: You can use properties of [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) and [TextInput](https://facebook.github.io/react-native/docs/textinput).