open-index/open-npm huggingface dataset:
npm package: @nextlive/client
Description: Client component for NextLive
Author: NextLive
Latest version: 1.0.5

# NextLive - A React component for live code editing and AI assistance

## Table of Contents

- [Introduction](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#setup)
- [Contributing](#contributing)
- [License](#license)


**NextLive** is a powerful coding assistant which can help you to interact with AI and make changes to your project from your WebBrowser.

**NextLive** is powered by Google Gemini, an AI multimodal assistant made to focus on code solving. The Best Model to use is **Gemini 2.5 Pro/Flash**

> ⚠️ **Important:** This component currently supports only NextJS

## How to install

- Create a new NextJS
- Let the creation of the new app finish.
- Now go to your app directory by running
```shell
cd <YOUR PROJECT NAME>
```
- Now run
```shell
npm install --save @nextlive/nextlive
```

- Now you have successfully install NextLive in your project

## Setup

- Go to your your layout file at `src/app/layout.tsx`
- Paste This Code:
```tsx
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import {NextLive} from "@nextlive/nextlive";
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <NextLive skipPaths={['']}>
          {children}
        </NextLive>
      </body>
    </html>
  );
}
```
- Now you have successfully setupped **NextLive**. Now just click the button at bottom right corner or press `CTRL+G` to open chat

## Contibuting

Please see https://github.com/next-live/nextlive project to contribute

## License

[MIT LICENSE](LICENSE)
npm package: @nextlive/clienttest
Description: Client component for NextLive
Author: NextLive
Latest version: 1.0.6

# NextLive - A React component for live code editing and AI assistance

## Table of Contents

- [Introduction](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#setup)
- [Contributing](#contributing)
- [License](#license)


**NextLive** is a powerful coding assistant which can help you to interact with AI and make changes to your project from your WebBrowser.

**NextLive** is powered by Google Gemini, an AI multimodal assistant made to focus on code solving. The Best Model to use is **Gemini 2.5 Pro/Flash**

> ⚠️ **Important:** This component currently supports only NextJS

## How to install

- Create a new NextJS
- Let the creation of the new app finish.
- Now go to your app directory by running
```shell
cd <YOUR PROJECT NAME>
```
- Now run
```shell
npm install --save @nextlive/nextlive
```

- Now you have successfully install NextLive in your project

## Setup

- Go to your your layout file at `src/app/layout.tsx`
- Paste This Code:
```tsx
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import {NextLive} from "@nextlive/nextlive";
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <NextLive skipPaths={['']}>
          {children}
        </NextLive>
      </body>
    </html>
  );
}
```
- Now you have successfully setupped **NextLive**. Now just click the button at bottom right corner or press `CTRL+G` to open chat

## Contibuting

Please see https://github.com/next-live/nextlive project to contribute

## License

[MIT LICENSE](LICENSE)
npm package: @nextlive/nextlive
Description: NextLive - A React component for live code editing and AI assistance
Author: NextLive
Latest version: 1.0.4

# NextLive - A React component for live code editing and AI assistance

## Table of Contents

- [Introduction](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#setup)
- [Contributing](#contributing)
- [License](#license)


**NextLive** is a powerful coding assistant which can help you to interact with AI and make changes to your project from your WebBrowser.

**NextLive** is powered by Google Gemini, an AI multimodal assistant made to focus on code solving. The Best Model to use is **Gemini 2.5 Pro/Flash**

> ⚠️ **Important:** This component currently supports only NextJS


## How to install

- Create a new NextJS
- Let the creation of the new app finish.
- Now go to your app directory by running
```shell
cd <YOUR PROJECT NAME>
```
- Now run
```shell
npm install --save @nextlive/nextlive
```

- Now you have successfully install NextLive in your project

## Setup

- Go to your your layout file at `src/app/layout.tsx`
- Paste This Code:
```tsx
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import {NextLive} from "@nextlive/nextlive";
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <NextLive skipPaths={['']}>
          {children}
        </NextLive>
      </body>
    </html>
  );
}
```
- Now you have successfully setupped **NextLive**. Now just click the button at bottom right corner or press `CTRL+G` to open chat

## Contibuting

Please see https://github.com/next-live/nextlive project to contribute

## License

[MIT LICENSE](LICENSE)
npm package: @nextlive/nextlivedemo
Description: NextLive - A React component for live code editing and AI assistance
Author: NextLive
Latest version: 1.0.5

# NextLive - A React component for live code editing and AI assistance

## Table of Contents

- [Introduction](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#setup)
- [Contributing](#contributing)
- [License](#license)


**NextLive** is a powerful coding assistant which can help you to interact with AI and make changes to your project from your WebBrowser.

**NextLive** is powered by Google Gemini, an AI multimodal assistant made to focus on code solving. The Best Model to use is **Gemini 2.5 Pro/Flash**

> ⚠️ **Important:** This component currently supports only NextJS


## How to install

- Create a new NextJS
- Let the creation of the new app finish.
- Now go to your app directory by running
```shell
cd <YOUR PROJECT NAME>
```
- Now run
```shell
npm install --save @nextlive/nextlive
```

- Now you have successfully install NextLive in your project

## Setup

- Go to your your layout file at `src/app/layout.tsx`
- Paste This Code:
```tsx
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import {NextLive} from "@nextlive/nextlive";
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <NextLive skipPaths={['']}>
          {children}
        </NextLive>
      </body>
    </html>
  );
}
```
- Now you have successfully setupped **NextLive**. Now just click the button at bottom right corner or press `CTRL+G` to open chat

## Contibuting

Please see https://github.com/next-live/nextlive project to contribute

## License

[MIT LICENSE](LICENSE)
npm package: @nextlive/server
Description: Server component for NextLive - Next.js live module system
Author: NextLive
Latest version: 1.0.7

# NextLive - A React component for live code editing and AI assistance

## Table of Contents

- [Introduction](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#setup)
- [Contributing](#contributing)
- [License](#license)


**NextLive** is a powerful coding assistant which can help you to interact with AI and make changes to your project from your WebBrowser.

**NextLive** is powered by Google Gemini, an AI multimodal assistant made to focus on code solving. The Best Model to use is **Gemini 2.5 Pro/Flash**

> ⚠️ **Important:** This component currently supports only NextJS
> ⚠️ **Important:** This is server code for `@nextlive/client` please use `@nextlive/client` to integrate nextlive to your app 

## How to install

- Create a new NextJS
- Let the creation of the new app finish.
- Now go to your app directory by running
```shell
cd <YOUR PROJECT NAME>
```
- Now run
```shell
npm install --save @nextlive/nextlive
```

- Now you have successfully install NextLive in your project

## Setup

- Go to your your layout file at `src/app/layout.tsx`
- Paste This Code:
```tsx
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import {NextLive} from "@nextlive/nextlive";
const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
        <NextLive skipPaths={['']}>
          {children}
        </NextLive>
      </body>
    </html>
  );
}
```
- Now you have successfully setupped **NextLive**. Now just click the button at bottom right corner or press `CTRL+G` to open chat

## Contibuting

Please see https://github.com/next-live/nextlive project to contribute

## License

[MIT LICENSE](LICENSE)
npm package: @nextlua/khaos.js
Description: Javascript SDK for Khaos.
Latest version: 0.3.5

# Khaos.js

Javascript SDK for Khaos.

# Usage

## With NPM/Yarn

- `npm install --save khaosjs` or `yarn add khaosjs`
- Initialize library:

```javascript
import Khaos from "khaosjs";

Khaos.init({
  apiKey: "your-api-key",
  networkOptions: {
    baseApiUrl: "https://api.yourapp.com",
    bodyKeysToRecord: ["isSucceed", "data", "message"],
    headerKeysToRecord: [],
    headersToRedact: [],
    urlBlocklist: [],
    tracingOrigins: [],
  },
  showButton: true,
  appInfo: {},
});
```

## With HTML `<script>` tag

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    This is an example of a vanilla JS app.

    <script src="dist/index.js"></script>
    <script>
      Khaos.default.init({
        apiKey: "your-api-key",
        networkOptions: {
          baseApiUrl: "https://api.yourapp.com",
          bodyKeysToRecord: ["isSucceed", "data", "message"],
          headerKeysToRecord: [],
          headersToRedact: [],
          urlBlocklist: [],
          tracingOrigins: [],
        },
        showButton: true,
        appInfo: {},
      });
    </script>
  </body>
</html>
```

# API

## `Khaos.init(options: KhaosInitOptions): void`

- Initializes library and starts monitoring for diagnostic data.

### `options`

- `apiKey`: `string`: (Required) API key provided in Khaos Dashboard.
- `appInfo`: `KhaosAppInfo` (Optional)
  - `buildVersion`: `string`: (Optional)
  - `appVersion`: `string`: (Optional)
  - `appVersionBuild`: `string`: (Optional)
  - `appName`: `string`: (Optional)
  - `appNameId`: `string`: (Optional)
  - `appLanguage`: `string`: (Optional)
  - `bundleId`: `string`: (Optional)
- `networkOptions`: `KhaosNetworkOptions`: (Optional) options for network monitoring.
  - `baseApiUrl`: `string`: (Required) Your project's base Back-end API URL. Network monitoring won't work unless it is present.
  - `bodyKeysToRecord`: `string[]`: (Optional) Overrides `bodyKeysToRedact` List of HTTP Body keys to be recorded. Other keys will be redacted for security. 
  - `bodyKeysToRedact`: `string[]`: (Optional) List of HTTP Body keys to be redacted for security (for hiding keys that contain secret keys/tokens).
  - `headerKeysToRecord`: `string[]`: (Optional) Overrides `headersToRedact`, List of only HTTP Headers to be recorded.
  - `headersToRedact`: `string[]`: (Optional) List of HTTP Header keys containing secret keys/tokens.
  - `urlBlocklist`: `string[]`: (Optional) List of URL's that is unwanted to be monitored.
  - `tracingOrigins`: `string[]`: (Optional) List of URL's to be monitored other than `baseApiUrl`.
- `showButton`: `boolean`: (Optional, default: `true`) show Khaos button for bug submit form.

## `Khaos.showForm(): void`
Shows bug request form.
## `Khaos.hideForm(): void`
Hides bug request form.
## `Khaos.toggleForm(): void`
Toggles bug request form.
npm package: @nextlvlup/mingoose
Description: <!-- automd:badges color=yellow license name="@nextlvlup/mingoose" bundlephobia -->
Author: Simon Gander
Latest version: 0.0.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Mingoose

<!-- automd:badges color=yellow license name="@nextlvlup/mingoose" bundlephobia -->

[![npm version](https://img.shields.io/npm/v/@nextlvlup/mingoose?color=yellow)](https://npmjs.com/package/@nextlvlup/mingoose)
[![npm downloads](https://img.shields.io/npm/dm/@nextlvlup/mingoose?color=yellow)](https://npmjs.com/package/@nextlvlup/mingoose)
[![bundle size](https://img.shields.io/bundlephobia/minzip/@nextlvlup/mingoose?color=yellow)](https://bundlephobia.com/package/@nextlvlup/mingoose)
[![license](https://img.shields.io/github/license/Ayax0/mingoose?color=yellow)](https://github.com/Ayax0/mingoose/blob/main/LICENSE)

<!-- /automd -->

This is my package description.

## Usage

Install package:

<!-- automd:pm-install -->

```sh
# ✨ Auto-detect
npx nypm install @nextlvlup/mingoose

# npm
npm install @nextlvlup/mingoose

# yarn
yarn add @nextlvlup/mingoose

# pnpm
pnpm install @nextlvlup/mingoose

# bun
bun install @nextlvlup/mingoose
```

<!-- /automd -->

Import:

<!-- automd:jsimport cjs cdn name="@nextlvlup/mingoose" imports="createMingoose,defineModel" -->

**ESM** (Node.js, Bun)

```js
import { createMingoose, defineModel } from "@nextlvlup/mingoose";
```

**CommonJS** (Legacy Node.js)

```js
const { createMingoose, defineModel } = require("@nextlvlup/mingoose");
```

**CDN** (Deno, Bun and Browsers)

```js
import {
  createMingoose,
  defineModel,
} from "https://esm.sh/@nextlvlup/mingoose";
```

<!-- /automd -->

## Features

- Schema validation
  - ✅ insert
  - ✅ replace
  - ❌ update

## Development

<details>

<summary>local development</summary>

- Clone this repository
- Install latest LTS version of [Node.js](https://nodejs.org/en/)
- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable`
- Install dependencies using `pnpm install`
- Run interactive tests using `pnpm dev`

</details>

## License

<!-- automd:contributors license=MIT -->

Published under the [MIT](https://github.com/Ayax0/mingoose/blob/main/LICENSE) license.
Made by [community](https://github.com/Ayax0/mingoose/graphs/contributors) 💛
<br><br>
<a href="https://github.com/Ayax0/mingoose/graphs/contributors">
<img src="https://contrib.rocks/image?repo=Ayax0/mingoose" />
</a>

<!-- /automd -->

<!-- automd:with-automd -->

---

_🤖 auto updated with [automd](https://automd.unjs.io)_

<!-- /automd -->