open-index/open-npm huggingface dataset:
npm package: @nbaleli/angularjs-component
Description: A blank angularjs module+component
Latest version: 1.0.1

# Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics-cli` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.

### Publishing

To publish, simply do:

```bash
npm run build
npm publish
```

That's it!
npm package: @nbarinov/vkui-common
Description: Быстрый старт для разработки vk mini app.
Author: Nikita Barinov
Latest version: 0.1.5

# @nbarinov/vkui-common [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/nbarinov/vkui-common/blob/master/LICENSE)

Быстрый старт для разработки vk mini app.

## Инсталяция

```shell
yarn add @nbarinov/vkui-common --dev
```

## License

@nbarinov/vkui-common is [MIT licensed](./LICENSE).
npm package: @nbarray/minimist
Description: parse argument options
Author: James Halliday
Latest version: 1.2.0-nbarray.2

# minimist

parse argument options

This module is the guts of optimist's argument parser without all the
fanciful decoration.

[![browser support](https://ci.testling.com/substack/minimist.png)](http://ci.testling.com/substack/minimist)

[![build status](https://secure.travis-ci.org/substack/minimist.png)](http://travis-ci.org/substack/minimist)

# example

``` js
var argv = require('minimist')(process.argv.slice(2));
console.dir(argv);
```

```
$ node example/parse.js -a beep -b boop
{ _: [], a: 'beep', b: 'boop' }
```

```
$ node example/parse.js -x 3 -y 4 -n5 -abc --beep=boop foo bar baz
{ _: [ 'foo', 'bar', 'baz' ],
  x: 3,
  y: 4,
  n: 5,
  a: true,
  b: true,
  c: true,
  beep: 'boop' }
```

# methods

``` js
var parseArgs = require('minimist')
```

## var argv = parseArgs(args, opts={})

Return an argument object `argv` populated with the array arguments from `args`.

`argv._` contains all the arguments that didn't have an option associated with
them.

Numeric-looking arguments will be returned as numbers unless `opts.string` or
`opts.boolean` is set for that argument name.

Any arguments after `'--'` will not be parsed and will end up in `argv._`.

options can be:

* `opts.string` - a string or array of strings argument names to always treat as
strings
* `opts.boolean` - a boolean, string or array of strings to always treat as
booleans. if `true` will treat all double hyphenated arguments without equal signs
as boolean (e.g. affects `--foo`, not `-f` or `--foo=bar`)
* `opts.alias` - an object mapping string names to strings or arrays of string
argument names to use as aliases
* `opts.default` - an object mapping string argument names to default values
* `opts.stopEarly` - when true, populate `argv._` with everything after the
first non-option
* `opts['--']` - when true, populate `argv._` with everything before the `--`
and `argv['--']` with everything after the `--`. Here's an example:

  ```
  > require('./')('one two three -- four five --six'.split(' '), { '--': true })
  { _: [ 'one', 'two', 'three' ],
    '--': [ 'four', 'five', '--six' ] }
  ```

  Note that with `opts['--']` set, parsing for arguments still stops after the
  `--`.

* `opts.unknown` - a function which is invoked with a command line parameter not
defined in the `opts` configuration object. If the function returns `false`, the
unknown option is not added to `argv`.

# install

With [npm](https://npmjs.org) do:

```
npm install minimist
```

# license

MIT
npm package: @nbcom/personal
Description: [![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)
Author: KirillVA20
Latest version: 1.1.77

# Personal and Authorize components

[![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)

Library of custom components for developing a personal account and authorization

## Features

The latest version of the library includes such main components as

**Bonuses** - The user's bonus score information

**OrderPersonalInfo** - Editable user information

**OrderList** - List of order items with sorting and filtering options based on the delivery status of the orders

**Tools** - Settings panel, including subscriptions and the ability to delete an account

**Enter** - Authorization Component

## Installation

**@nbcom/personal** requires [Node.js](https://nodejs.org/) v16+, [@nbcom/personal](https://www.npmjs.com/package/@nbcom/personal) to
run.

Install the package

```sh
npm install @nbcom/personal
```

## Library setup

In order for the library to work correctly on the project, you need to take several necessary steps.

### Setting the basic configuration

First, set the main config in the app component. You will need to provide links to the project api, cdn , links to pdf files, etc.

```tsx
    import { personal } from "@nbcom/personal";

    personal.setConfig({
        SITE_NAME: `nbcompany`,
        API_URL: `https://test-api.ru`,
        PRODUCT_URL: `https://sitename/goods/sku`,
        BASE_URL: `https://cdn.nbcomputers.ru`,
        PDF_URL: `https://nbcomputers/files/pdf`,
        ENTER_PDF_FILES: [`/NBC_web-policy.pdf`, `/NBC_web-consest`],
    });
```

Also, in the project theme, add the styles that will be used to style the component

```tsx
   const theme = {
        ...
        personal: {
            defaultBorderRadius: `6px`,
            formItemRadius: `6px`,
            formItemHeight: `40px`,
            formItemBorderColor: `#eee`,
            mainTextColor: `#000`,
            secondTextColor: `#fefefe`,
        }
        ...
    }
```
npm package: @nbcom/services
Description: [![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)
Author: AeShevch
Latest version: 0.2.29

# Services

[![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)

## Installation

@nbcom/services requires [Node.js](https://nodejs.org/) v16+ to
run.

Install the package

```sh
npm install @nbcom/services
```

## 1. Gtm - Google Tag Manager API

### Usage
```js
import { GTM } from "@nbcom/services"
const gtm = new GTM(`GTM_ID`);
...
useEffect(() => {
  // Downloading and initializing GTM
  gtm.init();
  
  // Pushing some datalayer to GTM
  gtm.push({ ... })
  
  // Remove GTM from page
  return () => gtm.destroy()
}, []);
...
```
npm package: @nbcom/ui
Description: [![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)
Author: KirillVA20
Latest version: 1.0.73

# UI components

[![N|Solid](https://svgshare.com/i/nwR.svg)](nbcomputers.ru)

A library of custom react components for use in UI development

## Features

The latest version of the library includes such functionality as:

ModalProvider - A provider that passes all the necessary states to display the modal window
useModal - A custom hook that activates a modal with the component you pass in

## Installation

@nbcom/UI requires [Node.js](https://nodejs.org/) v16+, [@nbcom/ui](https://www.npmjs.com/package/@nbcom/ui) to
run.

Install the package

```sh
npm install @nbcom/ui
```

## Modal

First you need to wrap the entire project in a ModalProvider that will keep track of the state needed for the modal.

```tsx
import { ModalProvider } from '@nbcom/ui/Modal';

  <ModalProvider>
    <Template>
      <Component {...pageProps} />
    </Template>
  </ModalProvider>
```

After that, using the custom useModal hook, you can activate the modal window anywhere inside components

```tsx
 const { openModal, closeModal } = useModal();
 
 const onClick = () => {
   openModal({
       content: (<ContentComponent/>),
       autoWidth: true,
       customWidth: 375,
       noContentPadding: true,
   });
 }
 
 const onCancel = () => {
   closeModal();
 }
```

## Margin

<span id="margin-component"></span>

Wrap your component which you need to give a margin.

It takes 4 props for every margin direction - ml for margin-left, mb for margin-bottom etc.. 

Default multiplier is equal to 8, but you can reassign it in your config.

Props takes an a string value which has "x" on the end. You can also use object prop value instead for additional media queries

Example: 

```tsx
import { Margin } from "@nbcom/ui";

<Margin ml="4x" mt={{ xxxs: `1x`, xs: `2x`, lg: `5x`}} >
    <section>Some content</section>
</Margin>
```

Compiled css:
```less

div {
    margin-left: 32px;
    margin-top: 8px;

    @media (min-width: 480px) {
        margin-top: 16px;
    }

    @media (min-width: 992px) {
        margin-top: 40px;
  }
}

```
> **Important**:
> Breakpoints must be filled in the theme file.

## Order
> **TODO**:
>    - **write doc**
>    - Message that there are no products in the cart
>    - Complete refactoring, move everything possible to hooks and functions
>    - refactor `setDeliverySummary`
>    - Make the Yandex map start loading immediately when you open the page
>    - Text/Title components should work from the LocalComponents provider
>    - Yandex Map skeleton loader
>    - Rewrite from FormProvider to just one Form(?)
>    - Get rid of the theme variables from the project, everything must be configured through the config
>    - Can we use the Yandex map methods without rendering the map itself on the page?
>    - Move config.ts constants to OrderProvider
npm package: @nbcs/components
Description: Prueba 2 para crear una libreria de componentes de React usando Rollup, TypeScript y Storybook
Author: enzoesper
Latest version: 1.0.26

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @nbeerten/fleetrouter
Description: An ultra-minimal router designed for fleet-footed server-side routing on the edge
Author: nbeerten
Latest version: 1.2.0

# Fleetrouter

> [!WARNING]
> This router is slow. This is a limitation of the URLPattern API. From my testing ([benchmarks/fetch.js](https://github.com/nbeerten/fleetrouter/tree/main/benchmarks), similar benchmark suite to what Hono is using) I can see this router is able to handle about **22,000 requests per second**.
> Hono is able to achieve above **250,000 requests per second**. Don't use this if you want performance.
> The goal is to string together as much Web APIs as possible, not to be fast or good or usable in production.

Fleetrouter is an ultra-minimal router designed for fleet-footed server-side routing on the edge, fully based on web standards like [Request](https://developer.mozilla.org/en-US/docs/Web/API/Request), [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) and [URLPattern](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern).

## Installation

You can install Fleetrouter using NPM. Run the following command:

```sh
pnpm add @nbeerten/fleetrouter
```

## Usage

> [!NOTE]
> This example works on Cloudflare Workers. Other runtimes have different ways of exporting the router.

```ts
import { FleetRouter } from "@nbeerten/fleetrouter";

// Optional custom types for Request, Env and Context
// For example, see cloudflare workers docs for more info:
// https://developers.cloudflare.com/workers/runtime-apis/handlers/fetch/#background
const Router = new FleetRouter<Request, Env, Ctx>();

Router.add("GET", "/", () => {
    return new Response("Hello World!");
});

// You can also use URLPattern have parameters in the URL. For improved
// usability, this package doesns't return the usual output
// of `URLPatternResult` but instead returns an object with the parameters
// of only the path as a `Record<string, string>`. If you do need 
// the full `URLPatternResult` you can use the `rawParams` property.
Router.add("GET", "/path/:id", ({ params }) => {
    return new Response(`Path ${params.id} is awesome!`);
});

Router.add("*", "/*", () => {
    return new Response("Fallback response");
});

export default Router;
```

Routes are evaluated in the order they are added, so a fallback route should always be added last. The first route that matches a request's method and path will be returned.

### Other runtimes

Depending on the runtime you need to export something else. Usually it's as simple as exporting the `Router.fetch` function as a default export, but sometimes you may need to export a function that calls the `Router.fetch` function.

```ts
export default Router.fetch;

// Or

export default (request: Request, context: Context) => {
    return Router.fetch(request, {}, context);
}
```