open-index/open-npm huggingface dataset:
npm package: @ngneat/inquirer-fuzzy-path
Description: Fuzzy file/directory search and select prompt for inquirer.
Author: adelsz
Latest version: 2.0.3

# inquirer-fuzzy-path


[![npm](https://img.shields.io/npm/v/inquirer-fuzzy-path)](https://www.npmjs.com/package/inquirer-fuzzy-path)
[![npm](https://img.shields.io/npm/dw/inquirer-fuzzy-path)](https://www.npmjs.com/package/inquirer-fuzzy-path)

Fuzzy file/directory search and select prompt for Inquirer.js 

![inquirer-fuzzy-path demo](https://raw.githubusercontent.com/adelsz/inquirer-fuzzy-path/master/recording.gif)

## Usage

Register the prompt with inquirer:
```javascript
inquirer.registerPrompt('fuzzypath', require('inquirer-fuzzy-path'))
```

Call the prompt:
```javascript
  return inquirer.prompt([
    {
      type: 'fuzzypath',
      name: 'path',
      excludePath: nodePath => nodePath.startsWith('node_modules'),
        // excludePath :: (String) -> Bool
        // excludePath to exclude some paths from the file-system scan
      excludeFilter: nodePath => nodePath == '.',
        // excludeFilter :: (String) -> Bool
        // excludeFilter to exclude some paths from the final list, e.g. '.'
      itemType: 'any',
        // itemType :: 'any' | 'directory' | 'file'
        // specify the type of nodes to display
        // default value: 'any'
        // example: itemType: 'file' - hides directories from the item list
      rootPath: 'app',
        // rootPath :: String
        // Root search directory
      message: 'Select a target directory for your component:',
      default: 'components/',
      suggestOnly: false,
        // suggestOnly :: Bool
        // Restrict prompt answer to available choices or use them as suggestions
      depthLimit: 5,
        // depthLimit :: integer >= 0
        // Limit the depth of sub-folders to scan
        // Defaults to infinite depth if undefined
    }
  ]);
```

## Change log
* In version 2.2.0 new option `excludeFilter` was added.
* In version 2.1.0 new option `depthLimit` was added.
* In version 2.0.0 option `filterPath` was deprecated. Please use `excludePath` and `itemType` instead.

## Related

- [inquirer](https://github.com/SBoudrias/Inquirer.js) - A collection of common interactive command line user interfaces

## License

MIT © [adelsz](https://github.com/adelsz)
npm package: @ngneat/lit-file-generator
Description: File generator for Lit
Author: Netanel Basal
Latest version: 1.0.0

# 🦄 Lit File Generator

A lit generator for a component, directive, and controller.

<hr>

Install the library:

```shell
npm i @ngneat/lit-file-generator -g

litgen
```

Or via `npx`:

```shell
npx @ngneat/lit-file-generator litgen
npx @ngneat/lit-file-generator litgen component name
npx @ngneat/lit-file-generator litgen directive name
npx @ngneat/lit-file-generator litgen controller name
```

### Base Path:

By default, the directory prompt is set to the current directory.

To change it, add to the root `package.json` the following config:

```
"lit": {
  "basePath": "./src/app/"
}
```

The path should be relative to the `package.json`.

### Component Prefix:
The default component selector prefix is `app`. You can change it by setting the `prefix` option:

```
"lit": {
  "prefix": "lit"
}
```
npm package: @ngneat/query-devtools
Description: Developer tools to interact with and visualize the ngneat/query cache
Latest version: 2.1.0

# ngneat/query-devtools

Wave your hands in the air and shout hooray because Angular Query comes with dedicated devtools! 🥳

When you begin your Angular Query journey, you'll want these devtools by your side. They help visualize all of the inner workings of Angular Query and will likely save you hours of debugging if you find yourself in a pinch!

Install the `@ngneat/query-devtools` package. Lazy load and use it only in `development` environment:

```ts
import { provideQueryDevTools } from '@ngneat/query';
import { environment } from 'src/environments/environment';

bootstrapApplication(AppComponent, {
  providers: [environment.production ? [] : provideQueryDevTools(options)],
});
```

See all the available options [here](https://tanstack.com/query/v5/docs/react/devtools#options).

# Recipes

## Devtools in Production

If you would like to lazy-load devtools in production, you can use something similar to the following:

```ts
import { onlineManager } from '@tanstack/query-core';
import { APP_INITIALIZER } from '@angular/core';
import { injectQueryClient } from '@ngneat/query';

export const appConfig: ApplicationConfig = {
  providers: [
    // ...other providers...
    environment.production
      ?  {
          provide: APP_INITIALIZER,
          multi: true,
          useFactory: provideLazyQueryDevTools,
        },
      : provideQueryDevTools(options),
  ],
};

function provideLazyQueryDevTools() {
  const client = injectQueryClient();
  return () => {
    // Define our global `toggleDevtools()` function to lazy-load query devtools
    window.toggleDevtools = () => {
      import('@tanstack/query-devtools').then((d) => {
        new d.TanstackQueryDevtools({
          client,
          queryFlavor: '@ngneat/query',
          version: '5',
          position: 'bottom',
          initialIsOpen: true,
          buttonPosition: 'bottom-right',
          onlineManager,
        }).mount(document.body);
      });
    };
  };
}
```

This will define a global window function `window.toggleDevtools()` - open the developer console and call this to lazy-load and mount the devtools.
See also [Devtools in production](https://tanstack.com/query/v4/docs/react/devtools#devtools-in-production).
npm package: @ngneat/scam
Description: Angular schematics that creates SCAM components
Author: Netanel Basal
Latest version: 3.0.4
Deprecated: use

# Single (CPD) Angular Module Schematics

### Installation

```bash
npm i @ngneat/scam --save-dev
```

### Usage

### Component

```bash
ng g @ngneat/scam:component name
```

<img src="./component.gif">

### Directive

```bash
ng g @ngneat/scam:directive name
```

<img src="./directive.gif">

### Pipe

```bash
ng g @ngneat/scam:pipe name
```

<img src="./pipe.gif">

## Notes

- You can use every option from the default Angular schematics. For example:

```bash
ng g @ngneat/scam:component --name=bar --inlineStyle --inlineTemplate
```

- You can define default values for the schematics in your `angular.json` file:

```json
"schematics": {
   "@ngneat/scam:component": {
     "changeDetection": "OnPush"
   }
}
```
npm package: @ngneat/subscribe
Description: Subscription Handling Directive
Latest version: 4.0.0

[![MIT](https://img.shields.io/packagist/l/doctrine/orm.svg?style=flat-square)]()
[![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)]()
[![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)]()
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-1)
[![ngneat](https://img.shields.io/badge/@-ngneat-383636?style=flat-square&labelColor=8f68d4)](https://github.com/ngneat/)
[![spectator](https://img.shields.io/badge/tested%20with-spectator-2196F3.svg?style=flat-square)]()


>  Subscription Handling Directive

## Installation

`npm install @ngneat/subscribe`

## Usage
Now we can import the `SubscribeDirective` and use the `subscribe` directive in our template:

```ts
import { SubscribeDirective } from '@ngneat/subscribe';

@Component({
  imports: [SubscribeDirective],
  template: `
    <ng-container *subscribe="users$ as users; let error=error">
      {{ users | json }}
      {{ error }}
    </ng-container>
  `
})
class MyComponent {
  users$ = inject(UserService).getUsers();
}
```