open-index/open-npm huggingface dataset:
npm package: @nicnocquee/zod-request
Description: A library for validating HTTP requests using Zod.
Author: Nico Prananta
Latest version: 0.0.9

# zod-request

[![codecov](https://codecov.io/github/nicnocquee/zod-request/graph/badge.svg?token=KJ5L2KI0G2)](https://codecov.io/github/nicnocquee/zod-request)

A library for validating HTTP requests using Zod.

## Documentation

[https://nicnocquee.github.io/zod-request/](https://nicnocquee.github.io/zod-request/)

## License

[MIT](LICENSE)

## Author

[Nico Prananta](https://nico.fyi)
npm package: @nico-i/generator-ts
Description: A yeoman generator for all my TypeScript related projects
Author: Nico Ismaili
Latest version: 1.5.0

# @nico-i/generator-ts

## Acknowledgements

Currently there are no tests written for this project (PRs welcome). I could not bring `yeoman-test` to work in the current project structure. I would be very grateful for any help.

## License

See the [LICENSE](LICENSE) file for license rights and limitations (MIT).
npm package: @nico-martin/barcode-detector
Description: ** !! **!! This is a fork of the [BarcodeDetector Polyfill](https://github.com/gruhn/barcode-detector) that uses a fork of [jsQR](https://github.com/cozmo/jsQR) that includes the ISO-8859-1 fix by [chatelao](https://github.com/chatelao) !!** !! **
Author: Nico Martin
Latest version: 0.7.2

** !! **!! This is a fork of the [BarcodeDetector Polyfill](https://github.com/gruhn/barcode-detector) that uses a fork of [jsQR](https://github.com/cozmo/jsQR) that includes the ISO-8859-1 fix by [chatelao](https://github.com/chatelao) !!**
!! **

# :construction: WIP: BarcodeDetector Polyfill :construction: 
Spec compliant polyfill of the [Barcode Detection API](https://wicg.github.io/shape-detection-api/#barcode-detection-api).
It can be used for barcode/QR-code recognition in images from various kinds of 
sources including `<canvas>`, `<img>`, `<image>` (inside SVGs), `<video>`, `File`, `Blob`, `ImageData`, `ImageBitmap`, `OffscreenCanvas`.

[TODO: live demos]

Design goals:
 * spec compliance
 * support as many barcode formats as possible
 * detect multiple codes in one image
 * provide position/coordinate information of detected codes
 * sufficient performance to process live video streams

## Installation

```sh
npm install barcode-detector
```
```js
import BarcodeDetector from "barcode-detector"

// polyfill unless already supported
if (!("BarcodeDetector" in window)) {
  window.BarcodeDetector = BarcodeDetector
}
```

## Usage

```js
// pick barcode formats. Other formats will be ignored
const barcodeDetector = new BarcodeDetector({ formats: ["qr_code"] })

// directly pass an image element, video element, ...
const barcodes = await barcodeDetector.detect(someImageSource)

// can detect multiple barcodes in one image
const [ barcode1, barcode2, ...evenMoreBarcodes ] = barcodes

// access encoded string
const { rawValue } = barcode1
```

For in-depth documentation checkout the [corresponding MDN page](https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API).

### Supported Formats

`src/BarcodeDetectorJsqr.ts`:
 - :x: `aztec`
 - :x: `code_128`
 - :x: `code_39`
 - :x: `code_93`
 - :x: `codabar`
 - :x: `data_matrix`
 - :x: `ean_13`
 - :x: `ean_8`
 - :x: `itf`
 - :x: `pdf417`
 - :heavy_check_mark: `qr_code` 
 - :x: `upc_a`
 - :x: `upc_e`

`src/BarcodeDetectorZXing.ts` (not exposed at the moment. See [#1](https://github.com/gruhn/barcode-detector-polyfill/issues/1)):
 - :heavy_check_mark: `aztec`
 - :heavy_check_mark: `code_128`
 - :heavy_check_mark: `code_39`
 - :x: `code_93`
 - :x: `codabar`
 - :heavy_check_mark: `data_matrix`
 - :heavy_check_mark: `ean_13`
 - :heavy_check_mark: `ean_8`
 - :heavy_check_mark: `itf`
 - :heavy_check_mark: `pdf417`
 - :heavy_check_mark: `qr_code` 
 - :x: `upc_a`
 - :x: `upc_e`
npm package: @nico-martin/crxjs-vite-plugin
Description: Build Chrome Extensions with this Vite plugin.
Author: Jack and Amy Steam
Latest version: 2.0.1-beta.3

# ![CRXJS](./banner-github.png)

> This is a Fork of [github.com/crxjs/chrome-extension-tools/](https://github.com/crxjs/chrome-extension-tools/) that merged some fixes for Chrome v130+ where scripts are blocked due to Content Security Policy enforcement.  
> Once the original project merges the required changes I do not plan to maintain this further.

## CRXJS Vite Plugin

> Build a Chrome Extension with [Vite](https://vitejs.dev)⚡

CRXJS brings the Vite developer experience to Chrome Extensions:

- True HMR for extension pages and content scripts
- Simple config - everything is in the extension manifest
- Static asset imports with automatic web-accessible resources

## Getting Started

See the CRXJS documentation to
[get started in 90 seconds 🚀](https://crxjs.dev/vite-plugin)
npm package: @nico-martin/file-system-observer
Description: TypeScript definitions for FileSystemObserver
Author: Nico Martin
Latest version: 1.0.0

# FileSystemObserver Types

TypeScript definitions for FileSystemObserver

[https://developer.chrome.com/blog/file-system-observer](https://developer.chrome.com/blog/file-system-observer)

[https://github.com/whatwg/fs/blob/main/proposals/FileSystemObserver.md](https://github.com/whatwg/fs/blob/main/proposals/FileSystemObserver.md)
npm package: @nico-martin/react-qr-code
Description: A QR code generator for React and React Native.
Author: Nico Martin
Latest version: 2.0.12

# react-qr-code

A <QRCode /> component for React. This library works with React and React Native
(using [React Native SVG](https://github.com/react-native-svg/react-native-svg)).

This is a fork of [https://github.com/rosskhanas/react-qr-code](https://github.com/rosskhanas/react-qr-code) by [Ross Khanas](https://rosskhanas.github.io/) that implements the viewbox attribute.

### Screenshots

#### [Web](https://rosskhanas.github.io/react-qr-code/)

<img src="https://github.com/rosskhanas/react-qr-code/blob/master/demo-web.png" width="640" />

#### Android & iOS

<div float="left">
    <img src="https://github.com/rosskhanas/react-qr-code/blob/master/demo-android.png" width="320" />
    <img src="https://github.com/rosskhanas/react-qr-code/blob/master/demo-ios.png" width="265" />
</div>

### Installation

```
yarn add @nico-martin/react-qr-code
```

When using this library with React Native, you will also need to [have `react-native-svg` installed](https://github.com/react-native-svg/react-native-svg#installation).

```
yarn add react-native-svg
cd ios && pod install
```

### The Gist

```javascript
import React from "react";
import ReactDOM from "react-dom";
import QRCode from "react-qr-code";

ReactDOM.render(<QRCode value="hey" />, document.getElementById("Container"));
```

Note: If the QR code is likely to appear next to dark objects, you will need to wrap it in a light-colored container to preserve the '[quiet zone](https://qrworld.wordpress.com/2011/08/09/the-quiet-zone/)', e.g. 
```javascript
<div style={{ background: 'white', padding: '16px' }}>
    <QRCode ... />
</div>
```


### API

| prop      | type                         | default value |
| --------- | ---------------------------- | ------------- |
| `bgColor` | `string`                     | '#FFFFFF'     |
| `fgColor` | `string`                     | '#000000'     |
| `level`   | `string` (`'L' 'M' 'Q' 'H'`) | 'L'           |
| `size`    | `number`                     | 256           |
| `title`   | `string`                     |               |
| `value`   | `string`                     |               |

### License

MIT
npm package: @nico-martin/screenplay-parser
Description: A fully typed JavaScript library to parse **Hollywood standard format** screenplays.
Latest version: 1.0.8

# Screenplay Parser

A fully typed JavaScript library to parse **Hollywood standard format** screenplays.

## Installation

```bash
npm i @nico-martin/screenplay-parser
```

## Usage

Let's take this screenplay as an example.
1. Acts are defined by `ACT` followed by a number.
2. Scenes are defined by `INT.` or `EXT.` followed by a location and instructions.
3. Actions are defined by a block of text, aligned to the left.
4. Speakers are defined by the name, which has between 25-30 spaces to the left
5. Text passages are defined by a text block that has 10 spaces to the left

```text
                              ACT ONE

     FADE IN

     INT. DRESSING ROOM - NIGHT - CLOSE ON PAUL BLOCK

     Another smiling face, this one belonging to Paul Block, the
     manager of the group.  He's holding up a record industry 
     trade mag.

                               PAUL
               Number twelve with a bullet!  We're 
               going gold, folks...it's only a matter
               of time!

     As a roar of approval goes up, pull back to reveal a 
     post-concert party underway.  Champagne, sumptuous food,
     beautiful people.  Paul holds up a glass of champagne.

                               PAUL
               Here's to Class Action -- the band,
               Stevie March and Greg Noble!

```

If we want to parse this, we can do the following:

```typescript
import ScreenplayParser from 'screenplay-parser';

const screenplayParser = new ScreenplayParser('{screenplay}');

// get an array of all the items
const items = screenplayParser.getItems();

// get an array of all the scenes
const scenes = screenplayParser.getScenes();

// get an array of all the acts
const acts = screenplayParser.getActs();
```

First of all it parses the screenplay into `Items`. Those can be of type `ACTION`, `TEXT`, `INSTRUCTIONS`, `MISC` or `SEPARATOR`. Each type has a different structure, but all of them are part on an `act` and a `scene`.

We can then group the items into `Scenes` and `Acts`.

That's all. Happy parsing!