open-index/open-npm huggingface dataset:
npm package: @ns0m/cordova-splash
Description: Automatic splash screen cropping for Cordova
Latest version: 2.1.1

### Fork of the [AlexDisler/cordova-splash](https://github.com/AlexDisler/cordova-splash) package with some fixes. [![Latest Published Version](https://img.shields.io/npm/v/@ns0m/cordova-splash)](https://www.npmjs.com/package/@ns0m/cordova-splash)
```
npm install @ns0m/cordova-splash
```

Adding local run, with or without options:
```js
const cordovaSplash = require('@ns0m/cordova-splash');

await cordovaSplash();
await cordovaSplash({project: '/path/to/helloCdv/', splash: '/path/to/images/splash.png'});
await cordovaSplash({'xcode-old': true});
await cordovaSplash({'android-old': true});
await cordovaSplash({storyboard: 'device'});   /* one of 'device', 'universal', or 'single' (default) */
```

---

# cordova-splash

Automatic splash screen generator for Cordova. Create a splash screen and use _cordova-splash_ to automatically crop and copy it for all the platforms your project supports (currently works with iOS, Android and Windows 10).

The splash screen image should be 2208x2208 px with a center square of about 1200x1200 px. The image may be cropped around the center square. You can also use larger images with similar proportions.

### Installation

    $ sudo npm install cordova-splash -g

If you are using an older version of cordova (before 7.x):

    $ sudo npm install cordova-splash@0.12.0 -g

### Requirements

- ImageMagick installed (*Mac*: `brew install imagemagick`, *Debian/Ubuntu*: `sudo apt-get install imagemagick`, *Windows*: [download and install with "Legacy tools"](https://imagemagick.org/script/download.php#windows))
- At least one platform was added to your project ([cordova platforms docs](http://cordova.apache.org/docs/en/edge/guide_platforms_index.md.html#Platform%20Guides))

### Usage

Create a `splash.png` file in the root folder of your cordova project and run:

    $ cordova-splash

You also can specify manually a location for your cordova project or `splash.png`:

    $ cordova-splash --project=/path/to/helloCdv/ --splash=/path/to/images/splash.png

If you run an old version of Cordova for iOS and you need your files in `/Resources/icons/`, use this option:

    $ cordova-splash --xcode-old

If you run an old version of Cordova for Android and you need your files in `/res/`, use this option:

    $ cordova-splash --android-old

You can specify manually the variant for iOS [Launch Storyboard](https://github.com/apache/cordova-plugin-splashscreen#ios-specific-information) generation, among `device`, `universal`, or `single` (default):

    $ cordova-splash --storyboard="device"

#### Notes:

- Cordova's config.xml file will not be updated by the tool (because images are automatically created in the good folders)
- Therefore, in Cordova's config.xml file, be sure to remove all lines looking like `<splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>`

### Icons

Check out [cordova-icon](https://github.com/AlexDisler/cordova-icon)

### License

MIT
npm package: @ns0m/hermite-resize
Description: Canvas image resize/resample using Hermite filter with JavaScript.
Author: Vilius L.
Latest version: 2.2.10

### Publication-only version of the [viliusle/Hermite-resize](https://github.com/viliusle/Hermite-resize) package. [![Latest Published Version](https://img.shields.io/npm/v/@ns0m/hermite-resize)](https://www.npmjs.com/package/@ns0m/hermite-resize)
```
npm install @ns0m/hermite-resize
```

---

# Hermite-resize
Fast canvas image resize/resample using Hermite filter with JavaScript.
Supports transparency, gives good quality.
Library was created for canvas manipulation, but it also can resize HTML images.

Uses web workers with transferable objects. Also single core version is supported.

**Install** with NPM:
```
npm install https://github.com/viliusle/Hermite-resize.git
```

**Usage** with NPM:
```
import Hermite_class from 'hermite-resize';
var HERMITE = new Hermite_class();
```

**Usage**:
```javascript
<script src="../dist/hermite.js"></script>
<script>
var HERMITE = new Hermite_class();
//default resize
HERMITE.resample(canvas, width, height);
//more options
HERMITE.resample(canvas, width, height, true, finish_handler); //true=resize canvas
//single core
HERMITE.resample_single(canvas, width, height);

//resize image to 300x100
HERMITE.resize_image('image_id', 300, 100);
//resize image to 50%
HERMITE.resize_image('image_id', null, null, 50);
</script>
```

- demo file included: ```test/demo.html``` 
- single core demo - http://jsfiddle.net/9g9Nv/460/

### Version 1.0
Single core version - stable. Multi core version - experimental.
- demo: http://viliusle.github.io/miniPaint/

### Build instructions

- git clone https://github.com/viliusle/Hermite-resize.git
- cd Hermite-resize
- npm install
- edit files...
- npm run build (build for production)
npm package: @ns0m/rm-modules
Description: Recursively remove *all* node_modules directories within the chosen root directory
Latest version: 1.1.0

### Fork of the [hughsk/rm-modules](https://github.com/hughsk/rm-modules) package with some fixes. [![Latest Published Version](https://img.shields.io/npm/v/@ns0m/rm-modules)](https://www.npmjs.com/package/@ns0m/rm-modules)
```
npm install -g @ns0m/rm-modules
```

---

# rm-modules
![](http://img.shields.io/badge/stability-experimental-orange.svg?style=flat)
![](http://img.shields.io/npm/v/rm-modules.svg?style=flat)
![](http://img.shields.io/npm/dm/rm-modules.svg?style=flat)
![](http://img.shields.io/npm/l/rm-modules.svg?style=flat)

Recursively remove *all* `node_modules` directories within the chosen root
directory.

Useful for cleaning a project which has more than one `node_modules` tree.

## CLI Usage

[![NPM](https://nodei.co/npm/rm-modules.png)](https://nodei.co/npm/rm-modules/)

``` bash
npm install -g rm-modules
rm-modules
```

## Module Usage

### `rm(root, done(err))`

Recursively removes every `node_modules` directory within the `root` directory,
calling `done(err)` when complete.

## License

MIT. See [LICENSE.md](http://github.com/hughsk/rm-modules/blob/master/LICENSE.md) for details.
npm package: @ns3/http-client
Description: <p align="center">   <a href="https://www.npmjs.com/package/@ns3/http-client">     <img src="https://img.shields.io/npm/v/@ns3/http-client.svg" alt="npm version">   </a>   <a href="https://bundlephobia.com/package/@ns3/http-client">     <img src="https://
Latest version: 0.0.1
npm package: @ns3/nx-core
Description: Shared utility methods and repository generators.
Latest version: 5.6.0

# NX Core

Shared utility methods and repository generators.

Generators are very specific for my use cases, but you mat use it if you find them useful.

## Install

```
npm i -D @ns3/nx-serverless
```

## Generate

```
nx generate @ns3/nx-core:repo
```
npm package: @ns3/nx-jest-playwright
Description: A plugin to run jest-playwright e2e tests in nx monorepo. It works similarly to cypress runner in a sense that you can pass either `devServerTarget` or `baseUrl`.
Latest version: 5.6.0

# NX Jest Playwright

A plugin to run jest-playwright e2e tests in nx monorepo.
It works similarly to cypress runner in a sense that you can pass either `devServerTarget` or `baseUrl`.

## ⚠️ Deprecation Notice ⚠️

Just like `jest-playwright-preset` we recommend the official [Playwright test-runner (@playwright/test)](https://playwright.dev/docs/test-intro) via **[@ns3/nx-playwright](https://www.npmjs.com/package/@ns3/nx-playwright)**.

We will continue to support this package as long as it remains compatible with `@nx/jest` package and `jest-playwright-preset` is supported.

## Install

```
npm i -D @ns3/nx-jest-playwright
```

## Generate

```
nx generate @ns3/nx-jest-playwright:project my-desktop-e2e --project my-destkop
```

Providing `project` flag will generate a config that targets this frontend application.

## Run project

```
nx run my-desktop-e2e:e2e
```

You may use flag specified for that runner. Most notable:

- `--watch`
- `--slowMo 1000` - so that you can see what is happening.
- `--headless false` - will start browser.
- `--devtools` - just like headless but will also open devtools (works only in chrome).
npm package: @ns3/nx-playwright
Description: A plugin to run playwright e2e tests in nx monorepo.
Latest version: 5.6.0

# NX Playwright

A plugin to run playwright e2e tests in nx monorepo.

## ⚠️ Deprecation Notice ⚠️

Nx released their own Playwright Plugin: [@nx/playwright](https://nx.dev/packages/playwright).
It is advised to use it instead of this package.

## Install

```
npm i -D @ns3/nx-playwright
```

## Generate

```
nx generate @ns3/nx-playwright:project my-desktop-e2e --project my-destkop
```

Providing `project` flag will generate a config that targets this frontend application.

## Run project

```
npx nx run my-desktop-e2e:e2e
```

It works similarly to cypress runner in a sense that you can pass dev server options:

```ts
export interface StartDevServerOptions {
  devServerTarget?: string;
  skipServe?: boolean;
  baseUrl?: string;
  watch?: boolean; // Runs Playwright in UI mode
}
```

With `--watch` flag it runs `Playwright` in [UI mode](https://github.com/microsoft/playwright/releases/tag/v1.32.0).

`baseUrl` is passed as `BASE_URL` env variable.

Apart from that, there is a `command` option which is generated with `playwright test`.
It is done like that to allow you to replace it with different command or different runner altogether like [playwright-watch](https://www.npmjs.com/package/@deploysentinel/playwright-watch), or `playwright show-trace` etc.

```bash
npx nx run my-desktop-e2e:e2e --command "playwright show-trace"
```

This executor passes every [arg to playwright runner](https://playwright.dev/docs/test-cli#reference) including nameless ones
In case there is a name conflict between Playwright and Nx/Executor params simply suffix them with `_`:

```bash
npx nx run my-desktop-e2e:e2e app.spec.ts --debug # all args passed to Playwright
npx nx run my-desktop-e2e:e2e --help_ # help conflicts with Nx help so we pass it as help_
```
npm package: @ns3/react-di
Description: React implementation of dependency injection based on @ns3/di
Latest version: 4.3.0

# @ns3/react-di

<p align="center">
  <a href="https://www.npmjs.com/package/@ns3/react-di">
    <img src="https://img.shields.io/npm/v/@ns3/react-di.svg" alt="npm version">
  </a>
  <a href="https://bundlephobia.com/package/@ns3/react-di">
    <img src="https://img.shields.io/bundlephobia/minzip/@ns3/react-di" alt="bundlephobia">
  </a>    
  <a href="https://bundlephobia.com/package/@ns3/react-di">
    <img src="https://badgen.net/bundlephobia/tree-shaking/react-colorful" alt="bundlephobia">
  </a>
</p>

Based on [@ns3/di](https://www.npmjs.com/package/@ns3/di) React implementation of dependency injection. First look into documentation of [@ns3/di](https://www.npmjs.com/package/@ns3/di) to get a hang of using it. This library simply integrates it with React.

## Setup

Provide container in top level component:

```tsx
import { DiProvider, useDependencyInjection } from '@ns3/react-di';
import { AppProps } from 'next/app';
import Head from 'next/head';
import React from 'react';

export default function MyApp({ Component, pageProps }: AppProps) {
  const container = useDependencyInjection([/* my bindings go here */]);

  return (
    <React.Fragment>
      <Head>
        <title>My page</title>
        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
      </Head>
      <DiProvider value={container}>
        <Component {...pageProps} />
      </DiProvider>
    </React.Fragment>
  );
}
```

Then in any component:

```tsx
import { useDependency } from '@ns3/react-di';
import { Container } from '@ns3/di';
import React from 'react';
import { ClassToInject } from 'somewhere';

export default function ProductDetails() {
  const injectedInstance = useDependency(ClassToInject); // inject a class
  const container = useDependency(Container); // or even entire container

  return null;
}
```
npm package: @ns3/react-utils
Description: <p align="center">   <a href="https://www.npmjs.com/package/@ns3/react-utils">     <img src="https://img.shields.io/npm/v/@ns3/react-utils.svg" alt="npm version">   </a>   <a href="https://bundlephobia.com/package/@ns3/react-utils">     <img src="https://
Latest version: 5.2.0

# @ns3/react-utils

<p align="center">
  <a href="https://www.npmjs.com/package/@ns3/react-utils">
    <img src="https://img.shields.io/npm/v/@ns3/react-utils.svg" alt="npm version">
  </a>
  <a href="https://bundlephobia.com/package/@ns3/react-utils">
    <img src="https://img.shields.io/bundlephobia/minzip/@ns3/react-utils" alt="bundlephobia">
  </a>    
  <a href="https://bundlephobia.com/package/@ns3/react-utils">
    <img src="https://badgen.net/bundlephobia/tree-shaking/react-colorful" alt="bundlephobia">
  </a>
</p>

Library to keep custom hooks and utility code related to React.


## React Dependency Injection

Based on [@ns3/di](https://www.npmjs.com/package/@ns3/di) React implementation of dependency injection. First look into documentation of [@ns3/di](https://www.npmjs.com/package/@ns3/di) to get a hang of using it. This library simply integrates it with React.
Provide container in top level component:

```tsx
import { DiProvider, useDependencyInjection } from '@ns3/react-di';
import { AppProps } from 'next/app';
import Head from 'next/head';
import React from 'react';

export default function MyApp({ Component, pageProps }: AppProps) {
  const container = useDependencyInjection([/* my bindings go here */]);

  return (
    <React.Fragment>
      <Head>
        <title>My page</title>
        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
      </Head>
      <DiProvider value={container}>
        <Component {...pageProps} />
      </DiProvider>
    </React.Fragment>
  );
}
```

Then in any component:

```tsx
import { useDependency } from '@ns3/react-di';
import { Container } from '@ns3/di';
import React from 'react';
import { ClassToInject } from 'somewhere';

export default function ProductDetails() {
  const injectedInstance = useDependency(ClassToInject); // inject a class
  const container = useDependency(Container); // or even entire container

  return null;
}
```