open-index/open-npm huggingface dataset:
npm package: @nlxai/chat-preact
Description: Preact hook wrapper for the NLX Chat SDK
Author: Peter Szerzo
Latest version: 1.1.4

# Preact hook wrapper for the NLX Chat SDK

This package provides the `useChat` [custom hook](https://preactjs.com/guide/v10/hooks/) which you can use to build your own chat widget in Preact like so:

## Installation

`npm install --save @nlxai/chat-preact preact`

## Usage

```jsx
import { h } from "preact";
import { useChat } from "@nlxai/chat-preact";

const ChatWidget = () => {
  const chat = useChat({
    botUrl: "", // obtain from NLX deployments page
    headers: {
      "nlx-api-key": "", // obtain from NLX deployments page
    },
    userId: "abcd-1234", // optional property to identify the user
    conversationId: "", // start with a specific conversation ID - useful if you want to resume a previous conversation
    context: {}, // context that is shared with the bot
    languageCode: "es-US", // optional language code for standard bots that do not run on US English
  });

  return (
    <div>
      {chat.responses.map(/* render messages in the current conversation */)}
      <input
        value={chat.inputValue}
        onChange={(event) => {
          chat.setInputValue(event.target.value);
        }}
      />
      <button
        onClick={() => {
          chat.conversationHandler.sendText(chat.inputValue);
        }}
      >
        Send
      </button>
    </div>
  );
};
```

See the [standalone chat widget implemention](https://github.com/nlxai/chat-sdk/blob/master/packages/widget/src/index.tsx) for a production-grade example.

## API

The `useChat` hook returns an object containing the following fields:

#### `conversationHandler`

Contains the full conversation handler object from the [the @nlxchat/core package](https://github.com/nlxai/chat-sdk/blob/master/packages/core/README.md). This is mostly used for the `send*` methods like `sendText` or `sendStructured`, as the response subscription is handled by the hook automatically.

#### `inputValue` and `setInputValue`

Hold and modify the value of the chat input field, which is auto-cleared whenever a message is sent. Using this field is optional and you can hold input state separately.

#### `responses`

The reactive full history of the chat messages. It contains the `type: "user" | "bot"` field and an associated payload. Please refer to the type definitions for a complete structure.

#### `waiting`

A reactive value that is `true` whenever a response from the bot is in progress, used to render a message bubble with loading dots.

#### `messagesContainerRef`

A ref object you can attach to the container of the messages. The browser will automatically scroll to the bottom of this container whenever new messages arrive.

#### `scrollToBottom`

The scroll logic applied on `messagesContainerRef` so you can scroll to the bottom of the messages container programmatically.

## License

MIT.
npm package: @nlxai/chat-react
Description: React hook wrapper for the NLX Chat SDK
Author: Peter Szerzo
Latest version: 1.1.4

# React hook wrapper for the NLX Chat SDK

This package provides the `useChat` [custom hook](https://react.dev/learn/reusing-logic-with-custom-hooks), making it effortless to create fully custom chat widgets for web and mobile.

## Installation

`npm install --save @nlxai/chat-react react react-dom`

## Usage

```jsx
import React from "react";
import { useChat } from "@nlxai/chat-react";

const ChatWidget = () => {
  const chat = useChat({
    botUrl: "", // obtain from NLX deployments page
    headers: {
      "nlx-api-key": "", // obtain from NLX deployments page
    },
    userId: "abcd-1234", // optional property to identify the user
    conversationId: "", // start with a specific conversation ID - useful if you want to resume a previous conversation
    context: {}, // context that is shared with the bot
    languageCode: "es-US", // optional language code for standard bots that do not run on US English
  });

  return (
    <div>
      {chat.responses.map(/* render messages in the current conversation */)}
      <input
        value={chat.inputValue}
        onChange={(event) => {
          chat.setInputValue(event.target.value);
        }}
      />
      <button
        onClick={() => {
          chat.conversationHandler.sendText(chat.inputValue);
        }}
      >
        Send
      </button>
    </div>
  );
};
```

See the [standalone chat widget implemention](https://github.com/nlxai/chat-sdk/blob/master/packages/widget/src/index.tsx) for a production-grade example.

## API

The `useChat` hook returns an object containing the following fields:

#### `conversationHandler`

Contains the full conversation handler object from the [the @nlxai/chat-core package](https://github.com/nlxai/chat-sdk/blob/master/packages/chat-core/README.md). This is mostly used for the `send*` methods like `sendText` or `sendStructured`, as the response subscription is handled by the hook automatically.

#### `inputValue` and `setInputValue`

Hold and modify the value of the chat input field, which is auto-cleared whenever a message is sent. Using this field is optional and you can hold input state separately.

#### `responses`

The reactive full history of the chat messages. It contains the `type: "user" | "bot"` field and an associated payload. Please refer to [the type definitions](https://developers.nlx.ai/headless-api-reference#response) fora complete structure.

#### `waiting`

A reactive value that is `true` whenever a response from the bot is in progress, used to render a message bubble with loading dots.

#### `messagesContainerRef` (DOM only)

A ref object you can attach to the container of the messages. The browser will automatically scroll to the bottom of this container whenever new messages arrive.

#### `scrollToBottom` (DOM only)

The scroll logic applied on `messagesContainerRef` so you can scroll to the bottom of the messages container programmatically.

## React Native

This library is fully headless and does not make assumptions on the view layer, therefore it can be used in React Native.

## License

MIT.
npm package: @nlxai/multimodal
Description: NLX SDK for multimodal experiences with
Author: Peter Szerzo
Latest version: 0.1.51

# Multimodal SDK

The API for creating multi-modal integrations with a voice assistant.

## Installation

`npm install --save @nlxai/multimodal`

## Usage

see: https://developers.nlx.ai/#/multimodal-getting-started
npm package: @nlxai/voice-compass
Description: NLX SDK for multimodal experiences with
Author: Peter Szerzo
Latest version: 0.1.20

# VoiceCompass SDK

The API for creating multi-modal integrations with a voice assistant.

## Installation

`npm install --save @nlxai/voice-compass`

## Usage

see: https://developers.nlx.ai/#/multimodal-getting-started
npm package: @nlxai/voice-plus-core
Description: NLX SDK for Voice+ experiences
Author: Peter Szerzo
Latest version: 1.0.5-alpha.4

# Voice+ SDK

The API for creating multi-modal integrations with a voice assistant.

## Installation

`npm install --save @nlxai/voice-plus-core`

## Usage

see: https://developers.nlx.ai/#/voice-plus-getting-started
npm package: @nlxchat/preact
Description: Preact hook wrapper for the NLX Chat SDK
Author: Peter Szerzo
Latest version: 2.0.0-beta.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Preact hook wrapper for the NLX Chat SDK

This package provides the `useChat` [custom hook](https://preactjs.com/guide/v10/hooks/#app) which you can use to build your own chat widget in Preact like so:

## Installation

`npm install --save @nlxchat/preact preact`

## Usage

```jsx
import { h } from "preact";
import { useChat } from "@nlxchat/preact";

const ChatWidget = () => {
  const chat = useChat({
    botUrl: "", // obtain from NLX deployments page
    headers: {
      "nlx-api-key": "", // obtain from NLX deployments page
    },
    userId: "abcd-1234", // optional property to identify the user
    conversationId: "", // start with a specific conversation ID - useful if you want to resume a previous conversation
    context: {}, // context that is shared with the bot
    languageCode: "es-US", // optional language code for standard bots that do not run on US English
  });

  return (
    <div>
      {chat.responses.map(/* render messages in the current conversation */)}
      <input
        value={chat.inputValue}
        onChange={(event) => {
          chat.setInputValue(event.target.value);
        }}
      />
      <button
        onClick={() => {
          chat.conversationHandler.sendText(chat.inputValue);
        }}
      >
        Send
      </button>
    </div>
  );
};
```

See the [standalone chat widget implemention](https://github.com/nlxai/chat-sdk/blob/master/packages/widget/src/index.tsx) for a production-grade example.

## API

The `useChat` hook returns an object containing the following fields:

#### `conversationHandler`

Contains the full conversation handler object from the [the @nlxchat/core package](https://github.com/nlxai/chat-sdk/blob/master/packages/core/README.md). This is mostly used for the `send*` methods like `sendText` or `sendStructured`, as the response subscription is handled by the hook automatically.

#### `inputValue` and `setInputValue`

Hold and modify the value of the chat input field, which is auto-cleared whenever a message is sent. Using this field is optional and you can hold input state separately.

#### `responses`

The reactive full history of the chat messages. It contains the `type: "user" | "bot"` field and an associated payload. Please refer to the type definitions for a complete structure.

#### `waiting`

A reactive value that is `true` whenever a response from the bot is in progress, used to render a message bubble with loading dots.

#### `messagesContainerRef`

A ref object you can attach to the container of the messages. The browser will automatically scroll to the bottom of this container whenever new messages arrive.

#### `scrollToBottom`

The scroll logic applied on `messagesContainerRef` so you can scroll to the bottom of the messages container programmatically.

## License

MIT.
npm package: @nm-cig/ng-dashboard-kit
Description: Dashboard library Kit for speed up development of Angular applications
Author: Cristóbal Ibáñez
Latest version: 0.0.1

# NmDashboard

Esta libreria se generó con Angular 18.2.0.

## Estilos

Para usar los estilos de la librería, importa el archivo de estilos en tu `styles.scss`:

```scss
@import 'nm-dashboard/styles/styles.scss';
npm package: @nmagnussen/db-migrate-mssql
Description: A mssql driver for db-migrate
Author: Nicholas Magnussen
Latest version: 1.1.6

[![Build Status](https://travis-ci.org/nmagnussen/db-migrate-mssql.svg?branch=master)](https://travis-ci.org/nmagnussen/db-migrate-mssql)
[![Dependency Status](https://david-dm.org/nmagnussen/db-migrate-mssql.svg)](https://david-dm.org/nmagnussen/db-migrate-mssql)
[![devDependency Status](https://david-dm.org/nmagnussen/db-migrate-mssql/dev-status.svg)](https://david-dm.org/nmagnussen/db-migrate-mssql#info=devDependencies)


# db-migrate-mssql
mssql driver for [node-db-migrate](https://github.com/db-migrate/node-db-migrate)

I started this repo from a fork of https://github.com/db-migrate/pg . Took me about half a day to build it, and it's working. [jpinkster](https://github.com/jpinkster) added support for transactions which secures migration state which I merged in today (version 1.1.0).

There is another db-migrate-mssql package (https://github.com/ryd0rz/db-migrate-mssql) that existed before this one. It's published on npm as `db-migrate-mssql`. That is the also the one that node-db-migrate canonically uses when configuring driver: "mssql". I'm not sure of the quality of that package. At first it wasn't working but got fixed recently supposedly.

## Installation

If you'd like to use this one as an alternative to the existing db-migrate-mssql, make sure to install it like this.

`yarn add db-migrate-mssql@npm:@nmagnussen/db-migrate-mssql`

This installs a dependency by the name of `db-migrate-mssql` ([as an alias](https://yarnpkg.com/lang/en/docs/cli/add/#toc-yarn-add-alias)) but with the source being `@nmagnussen/db-migrate-mssql`. It looks like this in your package.json dependencies afterwards.

`"db-migrate-mssql": "npm:@nmagnussen/db-migrate-mssql",`

_Note: Don't do `yarn add @nmagnussen/db-migrate-mssql` for now, and if you already did, remove the line "@nmagnussen/db-migrate-mssql": "...", from your package.json. Once the [requested feature](https://github.com/db-migrate/node-db-migrate/issues/593#issuecomment-483039315) is added to node-db-migrate allowing you to appoint another repo as the driver, you can install as `yarn add @nmagnussen/db-migrate-mssql`, but don't use this quite yet._
npm package: @nmans01/lucide-kitajs
Description: Lucide icons as @kitajs/html JSX components
Author: Nmans01
Latest version: 1.0.0

# @Nmans01/lucide-kitajs

Lucide icons as TypeScript JSX components for @kitajs/html / Elysia / similar.

## Installation

```bash
bun i @Nmans01/lucide-kitajs @kitajs/html
```
npm package: @nmarks/ic-tsconfig
Description: Instacart's shared TypeScript config
Author: Nathan Marks
Latest version: 1.0.0

# @instacart/tsconfig

Instacart's shared TypeScript configuration

## Installation

```
$ yarn add --dev @instacart/tsconfig
```

## Usage

By default the package exports some config opinionated for builds being processed by Babel. The base configuration can be accessed using ``@instacart/tsconfig/base` instead.

```json
{
  "extends": "@instacart/tsconfig",
  "compilerOptions": {
    "rootDir": "./",
    ...
  }
}
```