open-index/open-npm huggingface dataset:
npm package: @shanto-islam/select-js
Description: A mini-library for DOM selection.
Author: Shanto Islam
Latest version: 1.1.2


# select-js

[![npm version](https://badge.fury.io/js/%40shanto-islam%2Fselect-js.svg)](https://badge.fury.io/js/%40shanto-islam%2Fselect-js)

`select-js` is a lightweight JavaScript mini-library for DOM selection and manipulation. It provides a simple and intuitive API for selecting elements, chaining methods, and handling common DOM tasks with ease.

## Features

- Simple and intuitive API
- Chainable methods for cleaner code
- Lightweight and fast
- Built-in error handling

## Installation

### Via npm

```bash
npm install @shanto-islam/select-js
```

### Via CDN

You can include `select-js` directly in your project using a CDN:

**jsDelivr:**

```html
<script src="https://cdn.jsdelivr.net/npm/@shanto-islam/select-js/dist/select-js.min.js"></script>
```

**unpkg:**

```html
<script src="https://unpkg.com/@shanto-islam/select-js/dist/select-js.min.js"></script>
```

## Usage

### Basic Example

Include the `select-js` library in your HTML file and start selecting and manipulating DOM elements:

```html
<script src="https://cdn.jsdelivr.net/npm/@shanto-islam/select-js/dist/select-js.min.js"></script>
<script>
 // Select elements and chain methods for manipulation
  select('.my-class')
    .addClass('active')
    .setText('Hello, World!')
    .on('click', () => alert('Clicked!'));
</script>
```

### Selecting Elements

Select an element or elements from the DOM:

```javascript
const element = select('div');  // Selects the first <div> element
const elements = select('.class-name');  // Selects all elements with class 'class-name'
```

### Manipulating Elements

Once you've selected elements, you can manipulate them using the following methods:

```javascript
select('p').addClass('highlight');  // Adds 'highlight' class to all <p> elements
select('.highlight').removeClass('highlight');  // Removes 'highlight' class from all elements
select('p').toggleClass('active');  // Toggles 'active' class on all <p> elements
select('#title').setText('New Title');  // Sets the text of the element with id 'title'
select('button').on('click', () => alert('Button clicked!'));  // Adds click event
```

### Select All Elements

To select all matching elements within a context, use the `selectAll` function:

```javascript
const allItems = selectAll('li');  // Selects all <li> elements
const itemsInDiv = selectAll('li', document.querySelector('#container'));  // Selects all <li> elements inside #container
```

## Documentation

For detailed usage instructions and examples, please visit the [documentation](https://shantoislamdev.web.app/select-js/).

## Contributing

Contributions are welcome! Please open an issue or submit a pull request if you have any suggestions or improvements.

## License

This project is licensed under the MIT License. See the [LICENSE](https://github.com/Shanto-Islam/select-js/blob/main/LICENSE) file for details.

## Author

Shanto Islam

## Issues

If you encounter any issues or have any questions, feel free to open an issue on the [GitHub Issues page](https://github.com/Shanto-Islam/select-js/issues).
npm package: @shantry/react-native-html-to-pdf
Description: Convert html strings to PDF documents using React Native
Author: Christopher Dro
Latest version: 0.6.1

# react-native-html-to-pdf

Convert html strings to PDF documents using React Native

## Installation

1. Run `npm install react-native-html-to-pdf --save`

### Option 1: Automatic

2. Run `react-native link`

### Option 2: Manual

#### iOS

2. Open your project in XCode, right click on [Libraries](http://url.brentvatne.ca/jQp8) and select [Add Files to "Your Project Name](http://url.brentvatne.ca/1gqUD).
3. Add `libRNHTMLtoPDF.a` to `Build Phases -> Link Binary With Libraries`
   [(Screenshot)](http://url.brentvatne.ca/17Xfe).

#### Android
The android module pulls in iText to convert html to pdf. A license is required for commercial use.

- Edit `android/settings.gradle` to included

```java
include ':react-native-html-to-pdf'
project(':react-native-html-to-pdf').projectDir = new File(rootProject.projectDir,'../node_modules/react-native-html-to-pdf/android')
```

- Edit `android/app/build.gradle` file to include

```java
dependencies {
  ....
  compile project(':react-native-html-to-pdf')

}
```

- Edit `MainApplication.java` to include

```java
// import the package
import com.christopherdro.htmltopdf.RNHTMLtoPDFPackage;

// include package
new MainReactPackage(),
new RNHTMLtoPDFPackage()
```

## Usage
```javascript

import React, { Component } from 'react';

import {
  Text,
  TouchableHighlight,
  View,
} = from 'react-native';

import RNHTMLtoPDF from 'react-native-html-to-pdf';

class Example extends Component {
  async createPDF() {
    let options = {
      html: '<h1>PDF TEST</h1>',
      fileName: 'test',
      directory: 'docs',
    };

    let file = await RNHTMLtoPDF.convert(options)
    console.log(file.filePath);
  },

  render() {
    <View>
      <TouchableHighlight onPress={this.createPDF}>
        <Text>Create PDF</Text>
      </TouchableHighlight>
    </View>
  }
}
```

## Options

| Param | Type | Default | Note |
|---|---|---|---|
| `html` | `string` |  | HTML string to be converted
| `fileName` | `string` | Random  | Custom Filename excluding .pdf extension
| `base64` | boolean | false  | return base64 string of pdf file (not recommended)


#### iOS Only

| Param | Type | Default | Note |
|---|---|---|---|
| `height` | number | 792  | Set document height (points)
| `width` | number | 612  | Set document width (points)
| `padding` | number | 10  | Outer padding (points)


##### Android Only

| Param | Type | Default | Note |
|---|---|---|---|
| `fonts` | Array | | Allow custom fonts `['/fonts/TimesNewRoman.ttf', '/fonts/Verdana.ttf']`