open-index/open-npm huggingface dataset:
npm package: @pathable/inliner
Description: Utility to inline images, CSS and JavaScript for a web page - useful for mobile sites
Author: Remy Sharp
Latest version: 1.0.6

# @pathable/inliner

Fork of inliner with modifications aimed to use it a in script for the creation of static pages. The main modification is the use of puppeteer to get the root webpage, so it wait for the page to fully load before getting its contents.
Bellow is the original readme.

# Inliner

Turns your web page to a single HTML file with everything inlined - perfect for appcache manifests on mobile devices that you want to reduce those http requests.

[![Build Status](https://travis-ci.org/remy/inliner.svg)](https://travis-ci.org/remy/inliner)

## What it does

- Get a list of all the assets required to drive the page: CSS, JavaScript, images, videos and images used in CSS
- Minify JavaScript (via [uglify-js](https://github.com/mishoo/UglifyJS "mishoo/UglifyJS - GitHub"))
- Strips white from CSS
- Base64 encode images and videos
- Puts everything back together as a single HTML file with a simplfied doctype

## Installation

Install the `inliner` utility via [npm](http://npmjs.org):

    $ npm install -g inliner

## Usage

If you have either installed via npm or put the inliner bin directory in your path, then you can use inliner via the command line as per:

    inliner http://remysharp.com

This will output the inlined markup with default options. You can see more options on how to disable compression or how not to base64 encode images using the help:

    inliner --help

To use inline inside your own script:

    var Inliner = require('inliner');

    new Inliner('http://remysharp.com', function (error, html) {
      // compressed and inlined HTML page
      console.log(html);
    });

Or:

    var inliner = new Inliner('http://remysharp.com');

    inliner.on('progress', function (event) {
      console.error(event);
    }).on('end', function (html) {
      // compressed and inlined HTML page
      console.log(html);
    });

Once you've inlined the crap out of the page, you can optionally configure a [service worker](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers) to add advanced caching and offline functionality.

## Support

- Collapses all white space in HTML (except inside `<pre>` elements)
- Strips all HTML comments
- Pulls JavaScript and CSS inline to HTML
- Compresses JavaScript via uglify (if not compressed already)
- Converts all images and videos to based64 data urls, inline images, video poster images and CSS images
- Imports all @import rules from CSS (recusively)
- Applies media query rules (for print, tv, etc media types)
- Leaves conditional comments in place
- If JavaScript can't be imported (or is Google Analytics), source is not put inline

## Limitations / Caveats

- Whitespace compression might get a little heavy handed - all whitespace is collapsed from `n` spaces to 1 space.

## Filing issues & PRs

Please see the [contributing](https://github.com/remy/inliner/blob/master/CONTRIBUTING.md) for guidelines.
npm package: @pathable/pathable-scripts
Description: Scripts used to manage pathable applications.
Author: Pathable, Inc.
Latest version: 1.0.22

# Pathable-CLI

* [Pathable-CLI for development](./docs/pathable-cli-development.md)
  * Deploy pathable-design to Heroku
  * Deploy pathable-apps to Heroku
* [Pathable-CLI for deployment](./docs/pathable-cli-deployment.md)
  * Create tag for staging deployment
  * Create tag for production deployment
  * Deploy to staging
  * Deploy to production

# Pathable-Scripts

## Scripts

Include this package to have access to scripts for installing, starting and deploying Pathable
applications.

Scripts included in `node_modules/.bin` are:

1. p-start
2. p-install
3. p-for

## Configuration

Env VARS will first be loaded from `~/.pathable-env`. Then from `private/<environment>/.env` in the
current directory.
npm package: @pathable/vendor
Description: Vendor packages used by pathable applications.
Author: Pathable, Inc.
Latest version: 0.0.3

# pathable-vendor
This repository contains the dependencies used across Pathable's apps and packages.

## Dependency Management
Be sure you've installed `yarn` locally.

Installing/Uninstalling dependencies via `yarn` or `npm` will automatically run a script exporting the current state of the package modules.

### Add a new dependency
With `yarn`,

`yarn add [NPM_DEP]`

With `npm`,
```
npm install [NPM_DEP] --save
npm install  // needed for running the exporting script
```

### Remove a dependency
With `yarn`,
```
yarn remove [NPM_DEP]
yarn install  // needed for running the clearing script
```

With `npm`,
```
npm uninstall [NPM_DEP] --save
npm install  // needed for running the clearing script
```
npm package: @pathak-akash/my-first-npm-package
Description: My first npm package - React components and utilities
Author: Akash Pathak
Latest version: 1.0.2

# @pathak-akash/my-first-npm-package

A reusable React components and utilities package with TypeScript support.

## Features

- **Table Component** - Flexible React table component with TypeScript
- **Table with Pagination** - Advanced table with built-in pagination
- **Static Data** - Sample data for users, products, and orders

## Installation

```bash
npm install @pathak-akash/my-first-npm-package
```

## For React Projects

Install peer dependencies:

```bash
npm install react react-dom
npm install -D @types/react @types/react-dom typescript
```

## Usage

### Basic Table Component

```tsx
import { Table, staticData } from '@pathak-akash/my-first-npm-package';

const columns = [
  { key: 'name', label: 'Name' },
  { key: 'email', label: 'Email' },
  { key: 'role', label: 'Role' }
];

export default function App() {
  return (
    <Table 
      columns={columns}
      data={staticData.users}
      striped
      hover
    />
  );
}
```

### Table with Pagination

```tsx
import { TableWithPagination, staticData } from '@pathak-akash/my-first-npm-package';

const columns = [
  { key: 'name', label: 'Product Name' },
  { key: 'price', label: 'Price' },
  { key: 'stock', label: 'Stock' }
];

export default function ProductsPage() {
  return (
    <TableWithPagination 
      columns={columns}
      data={staticData.products}
      itemsPerPage={5}
      striped
      bordered
    />
  );
}
```

### Static Data

Available data collections:

```tsx
import { staticData } from '@pathak-akash/my-first-npm-package';

// Users data
console.log(staticData.users);

// Products data
console.log(staticData.products);

// Orders data
console.log(staticData.orders);
```

## Component Props

### Table Component

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| columns | TableColumn[] | [] | Array of column definitions |
| data | Record<string, any>[] | [] | Array of data objects |
| className | string | 'table' | CSS class name |
| striped | boolean | true | Enable striped rows |
| bordered | boolean | false | Enable borders |
| hover | boolean | false | Enable hover effect |
| onRowClick | function | undefined | Callback when row is clicked |

### TableWithPagination Component

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| columns | TableColumn[] | [] | Array of column definitions |
| data | Record<string, any>[] | [] | Array of data objects |
| itemsPerPage | number | 5 | Number of items per page |
| className | string | 'table' | CSS class name |
| striped | boolean | true | Enable striped rows |
| bordered | boolean | false | Enable borders |

## Building

```bash
npm run build
```

This will compile TypeScript files to the `dist` directory.

## License

MIT

## Author

Akash Pathak