open-index/open-npm huggingface dataset:
npm package: @micahstubbs/storybook-react
Description: Storybook for React: Develop React Component in isolation with Hot Reloading.
Latest version: 5.0.0

# Storybook for React

Storybook for React is a UI development environment for your React components.
With it, you can visualize different states of your UI components and develop them interactively.

![Storybook Screenshot](https://github.com/storybooks/storybook/blob/master/media/storybook-intro.gif)

Storybook runs outside of your app.
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

## Getting Started

```sh
cd my-react-app
npx -p @storybook/cli sb init
```

For more information visit: [storybook.js.org](https://storybook.js.org)

---

Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.

Here are some featured storybooks that you can reference to see how Storybook works:

- [Demo of React Dates](http://airbnb.io/react-dates/) - [source](https://github.com/airbnb/react-dates)
- [Demo of React Native Web](http://necolas.github.io/react-native-web/storybook/) - [source](https://github.com/necolas/react-native-web)

## Typescript

If you are using Typescript, make sure you have the type definitions installed via `yarn add @types/node @types/react @types/storybook__react --dev`.

## Docs

- [Basics](https://storybook.js.org/basics/introduction)
- [Configurations](https://storybook.js.org/configurations/default-config)
- [Addons](https://storybook.js.org/addons/introduction)
npm package: @micajeho/react-showmore
Description: React Show More Component
Author: @micajeho
Latest version: 1.0.4

<h1 align="center">Welcome to react-showmore 👋</h1>
<p>
  <a href="#" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
  <a href="https://twitter.com/micajeho" target="_blank">
    <img alt="Twitter: micajeho" src="https://img.shields.io/twitter/follow/micajeho.svg?style=social" />
  </a>
</p>

> Simple ShowMore component

## Install

NPM:
```sh
npm i @micajeho/react-showmore
```

YARN:
```sh
yarn add @micajeho/react-showmore
```

## Usage

```javascript
    <ShowMore 
      minLenth={15}
      content={content} 
      moreText={' More...'} 
      lessText={' ... Less'} 
     />
```

## Author

👤 **Miguel Carlos Honorio**

* Website: www.prosulti.com.br
* Twitter: [@micajeho](https://twitter.com/micajeho)
* Github: [@miguelcarloshonorio](https://github.com/miguelcarloshonorio)
* LinkedIn: [@micajeho](https://linkedin.com/in/micajeho)

## Show your support

Give a ⭐️ if this project helped you!

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @micalgenus/aws-sdk-js-mfa
Description: AWS MFA login with AWS-SDK-JS
Author: micalgenus
Latest version: 1.0.3

# aws-sdk-js-mfa

[![TravisCI](https://travis-ci.org/micalgenus/aws-sdk-js-mfa.svg?branch=master)](https://travis-ci.org/micalgenus/aws-sdk-js-mfa)
[![npm version](https://img.shields.io/npm/v/@micalgenus/aws-sdk-js-mfa.svg)](https://www.npmjs.com/package/@micalgenus/aws-sdk-js-mfa)
[![npm total downloads](https://img.shields.io/npm/dt/@micalgenus/aws-sdk-js-mfa.svg?style=flat)](https://www.npmjs.com/package/@micalgenus/aws-sdk-js-mfa)

MFA login with [AWS SDK](https://github.com/aws/aws-sdk-js)

## Install

```sh
yarn add @micalgenus/aws-sdk-js-mfa

or

npm install --save @micalgenus/aws-sdk-js-mfa
```

## Usage

```javascript
const aws = require('@micalgenus/aws-sdk-js-mfa');

// synchronous function.
// waiting for login before create AWS instance
aws.loginAwsWithMFA();
```
npm package: @micalgenus/gatsby-plugin-github-avatar
Description: [![Build Status](https://travis-ci.org/micalgenus/gatsby-plugin-github-avatar.svg?branch=master)](https://travis-ci.org/micalgenus/gatsby-plugin-github-avatar) [![npm version](https://img.shields.io/npm/v/@micalgenus/gatsby-plugin-github-avatar.svg)](http
Author: micalgenus
Latest version: 0.0.18

# gatsby-plugin-github-avatar

[![Build Status](https://travis-ci.org/micalgenus/gatsby-plugin-github-avatar.svg?branch=master)](https://travis-ci.org/micalgenus/gatsby-plugin-github-avatar)
[![npm version](https://img.shields.io/npm/v/@micalgenus/gatsby-plugin-github-avatar.svg)](https://www.npmjs.com/package/@micalgenus/gatsby-plugin-github-avatar)
[![npm total downloads](https://img.shields.io/npm/dt/@micalgenus/gatsby-plugin-github-avatar.svg?style=flat)](https://www.npmjs.com/package/@micalgenus/gatsby-plugin-github-avatar)

## Install

```
yarn add @micalgenus/gatsby-plugin-github-avatar
or
npm install --save @micalgenus/gatsby-plugin-github-avatar
```

## How to use

```js
// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `@micalgenus/gatsby-plugin-github-avatar`,
      options: {
        username: `micalgenus`, // Github username
        default: 12954607, // Github userid for default image
      },
    },
  ],
};
```

### Example usage

```jsx
// example.jsx

import React from 'react';
import Avatar from '@micalgenus/gatsby-plugin-github-avatar';

export class ExampleComponent extends React.Component {
  render() {
    return <Avatar />;
  }
}
```
npm package: @micburks/jspm-loader
Description: Node loader for runtime dependency resolution from jspm.io
Author: Mickey Burks
Latest version: 1.0.1

# jspm-loader

Node loader for runtime dependency resolution from jspm.io

*NOTE: I highly suggest not using this.*

### Installation

```bash
npm i @micburks/jspm-loader
```

### Usage

*NOTE: This is only supported in Node 12+*

You'll want some `package.json` fields. `"type": "module"` removes the need for
`.mjs` extensions.

```json
{
  "type": "module",
  "engines": {
    "node": "^12.0.0"
  }
}
```

```js
// index.js
import ReactDOMServer from 'https://dev.jspm.io/react-dom/server';

ReactDOMServer.renderToString(/* ... */);
```

Then you can...

```bash
node --experimental-modules --loader @micburks/jspm-loader index.js
```

### Troubleshooting

Recall note above about not using this package.

You will most likely run into issues where the exported API is not exactly what
you would expect. Inspect the module by visiting the url you're trying to
import. Also visit [jspm.io](https://jspm.io) for more information about DEW
and to file bugs about specific module format issues.

You will also run into issues with many node packages. jspm.io processes
files to target the browser. This package just benefits from the fact that many
dependencies will work in either environment.


### Isomorphic hyperscript example

```bash
# browser app
echo "<script src="index.js" type="module"></script>" > index.html
npx serve
```

```bash
# server app
node --experimental-modules --loader @micburks/jspm-loader index.js
```

```js
// index.js
import h from 'https://dev.jspm.io/hyperscript';

const rendered = (
  h('div#page',
    h('div#header', 'Hello world!'))
);

const renderString = rendered.outerHTML;

if (typeof window === 'undefined') {
  // node
  console.log({renderString});
} else {
  // browser
  document.body.innerHTML = renderString;
}
```
npm package: @micburks/resium
Description: React components for Cesium
Author: rot1024
Latest version: 1.7.2

![Resium](https://raw.githubusercontent.com/darwin-education/resium/master/docs/resources/resium.gif)

[![Build Status](https://travis-ci.org/darwin-education/resium.svg?branch=master)](https://travis-ci.org/darwin-education/resium) [![npm version](https://badge.fury.io/js/resium.svg)](https://badge.fury.io/js/resium)

React components for 🌏[Cesium](https://cesiumjs.org/)

- **Declarative Cesium** 🌏: high maintainable Cesium app with React
- **Blazing Fast Development** 👨: HMR works perfectly
- **Strongly Typed** 💪: TypeScript is fully supported

[**Documentation**](https://resium.darwineducation.com) | [**Installation**](https://resium.darwineducation.com/installation) | [**Getting Started**](https://resium.darwineducation.com/getting_started) | [**Guide**](https://resium.darwineducation.com/guide) | [**Examples**](https://resium.darwineducation.com/examples/)

```jsx
<Viewer full>
  <Entity
    description="test"
    name="tokyo"
    point={{ pixelSize: 10 }}
    position={Cartesian3.fromDegrees(139.767052, 35.681167, 100)}
  />
</Viewer>
```

![Screenshot](https://raw.githubusercontent.com/darwin-education/resium/master/docs/resources/screenshot.png)

![Usage](https://raw.githubusercontent.com/darwin-education/resium/master/docs/resources/usage.gif)

## When you have a question...

Please don't send question e-mail as possible. Please use [GitHub issues](https://github.com/darwin-education/resium/issues).

## Contribution

See [documentation](https://resium.darwineducation.com/contribution).

## License

[MIT License](LICENSE)
npm package: @micburks/serve
Description: serve arbitrary script output
Author: Mickey Burks
Latest version: 1.0.4


# serve

Serve arbitrary script output

### Usage

```bash
npx @micburks/serve script.js
```

```js
// script.js
console.log(`
  <div>
    <h1>Hello world!</h1>
  </div>
`);
```

#### Using modules

`serve` requires Node 12 and runs your script equivalent to

```sh
node --experimental-modules --loader @micburks/jspm-loader script.js
```

```js
// script.js
import fetch from 'https://dev.jspm.io/whatwg-fetch';
import greet from './greet.js';

(async () => {
  const data = await fetch('/user')
    .then(res => res.json());

  console.log(`
    <div>
      <h1>${greet(data.name)}</h1>
    </div>
  `);
})();
```
npm package: @micburks/serve-output
Description: serve arbitrary script output
Author: Mickey Burks
Latest version: 1.0.12


# serve-output

Serve arbitrary script output

### Usage

```bash
npx @micburks/serve-output script.js
```

```js
// script.js
console.log(`
  <div>
    <h1>Hello world!</h1>
  </div>
`);
```

#### Using modules

`serve-output` requires Node 12 and runs your script equivalent to

```sh
node --experimental-modules --loader @micburks/jspm-loader script.js
```

```js
// script.js
import fetch from 'https://dev.jspm.io/node-fetch';
import greet from './greet.js';

(async () => {
  const data = await fetch('/user')
    .then(res => res.json());

  console.log(`
    <div>
      <h1>${greet(data.name)}</h1>
    </div>
  `);
})();
```
npm package: @micc281/tslogger
Description: A simple logging package.
Author: Micc
Latest version: 0.0.1

# TSLogger

TSLogger is a simple logging package for writing pretty looking messages to the console.
This package can also dump all the messages it needs to into a file to ensure full logging.

## Usage

To use TSLogger - despite the name - you can use **Javascript** and Typescript.

```js
// Info logging.
Logger.info("Hello World!");

// Warn logging.
Logger.warn("Uh-oh!");

// Error logging.
Logger.error("Some error has occured");
```

TSLogger allows for debug timers.
This means that you can start a process then at the end of it print how long the process took to complete.

```js
// Start some intensive process.
Logger.debugStart("complex process");

for (let i = 0; i < 10000000000000; i++) {
	Logger.info(i);
}

Logger.debugEnd(); // Ends the most recent process.
// OUTPUT: Finished complex process in 15000ms
```
npm package: @miccoh/payfast-react
Description: ## Usage
Author: Michael Alan Cohen
Latest version: 0.0.6

# React Payfast Integration

## Usage

```tsx

const options = {
  merchant: {
    merchant_id: '10000100',
    merchant_key: '46f0cd694581a',
    return_url: window.location.origin + '/success',
    cancel_url: window.location.origin + '/cancelled',
    notify_url: 'https://yournotificationurl.com',
  },
  customer: {
    name_first: 'Test',
    name_last: 'Test',
    email_address: 'test@test.com',
  },
  transaction: {
    m_payment_id: 'sonme_unique_id',
    amount: 100,
    item_name: 'cookies',
    item_description: 'a bag of cookies',
  },
}

      <ReactPayfast {...payfastOptions} sandbox> //toggle the payfast sandbox with the sandbox prop
        <button type="submit">Pay Now</button> // make sure to include the submit button for the form. You can style this yourself.
      </ReactPayfast>

```
npm package: @miccoh/payfast-server
Description: ## Usage
Author: Michael Alan Cohen
Latest version: 0.0.6

# Payfast Server Side Validation

## Usage

```typescript

import { validatePayment } from '@miccoh/payfast-server';

app.post('/ipn', async (req, res) => {
  const valid = await validatePayment({
    xForwardedForHeader: req.headers['x-forwarded-for'] || req.socket.remoteAddress,
    payload: req.body,
    signature: req.body.signature
  }, {
    yourAmount: 100,
    sandbox: true, //toggle sandbox mode
  });
  if (valid) {
    res.status(200).send('success');
    return;
  }
  res.status(400).send({ message: 'failed' });
});

```
npm package: @micdrop/ai-sdk
Description: AI SDK implementation for @micdrop/server
Author: Lonestone
Latest version: 1.0.6

# @micdrop/ai-sdk

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/ai-sdk)

AI SDK implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

Install AI SDK:

```bash
npm install @micdrop/ai-sdk
```

And install the provider you want to use, for example OpenAI:

```bash
npm install @ai-sdk/openai
```

## AI SDK Agent

### Usage

```typescript
import { AiSdkAgent } from '@micdrop/ai-sdk'
import { MicdropServer } from '@micdrop/server'
import { openai } from '@ai-sdk/openai' // or any other provider

const agent = new AiSdkAgent({
  model: openai('gpt-4o'), // Use any AI SDK compatible model
  systemPrompt: 'You are a helpful assistant',

  // Advanced features (optional)
  autoEndCall: true, // Automatically end call when user requests
  autoSemanticTurn: true, // Handle incomplete sentences
  autoIgnoreUserNoise: true, // Filter out meaningless sounds

  // Custom AI SDK settings (optional)
  settings: {
    temperature: 0.7,
    maxTokens: 150,
  },
})

// Use with MicdropServer
new MicdropServer(socket, {
  agent,
  // ... other options
})
```

### Supported Providers

The AI SDK Agent supports any provider compatible with the Vercel AI SDK:

- **OpenAI**: `openai('gpt-4o')`, `openai('gpt-3.5-turbo')`
- **Anthropic**: `anthropic('claude-3-5-sonnet-20241022')`
- **Google**: `google('gemini-1.5-pro')`, `google('gemini-1.5-flash')`
- **Mistral**: `mistral('mistral-large-latest')`
- **And many more**: See [AI SDK Providers](https://sdk.vercel.ai/providers/ai-sdk-providers)

## Documentation

Read full [documentation of the AI SDK integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/ai-sdk) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/cartesia
Description: Cartesia implementation for @micdrop/server
Author: Lonestone
Latest version: 1.1.3

# @micdrop/cartesia

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/cartesia)

Cartesia implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/cartesia
```

## Cartesia TTS (Text-to-Speech)

### Usage

```typescript
import { CartesiaTTS } from '@micdrop/cartesia'
import { MicdropServer } from '@micdrop/server'

const tts = new CartesiaTTS({
  apiKey: process.env.CARTESIA_API_KEY || '',
  modelId: 'sonic-turbo', // Cartesia model ID
  voiceId: 'a0e99841-438c-4a64-b679-ae501e7d6091', // Voice ID
  language: 'en', // Optional: specify language
  speed: 'normal', // Optional: speech speed
})

// Use with MicdropServer
new MicdropServer(socket, {
  tts,
  // ... other options
})
```

## Documentation

Read full [documentation of the Cartesia integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/cartesia) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/client
Description: 🖐️🎤 Micdrop: Real-Time Voice Conversations with AI
Author: Lonestone
Latest version: 2.2.7

# 🖐️🎤 Micdrop: Real-Time Voice Conversations with AI

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/client) | [Demo](../../examples/demo-client)

Micdrop is a set of open source Typescript packages to build real-time voice conversations with AI agents. It handles all the complexities on the browser and server side (microphone, speaker, VAD, network communication, etc) and provides ready-to-use implementations for various AI providers.

# @micdrop/client

The browser implementation of [Micdrop](https://micdrop.dev).

It is framework agnostic, you can use it with React, Vue, Angular or any other framework. See [demo-client](../../examples/demo-client) for a complete example with React.

For server implementation, see [@micdrop/server](https://micdrop.dev/docs/server).

## Features

- 🎤 Real-time microphone recording and playback
- 🗣️ Voice activity detection (VAD)
- 🔊 Devices selection and testing
- 🔌 Full state and events for UI integration
- 🌐 WebSocket-based audio streaming

## Installation

```bash
npm install @micdrop/client
```

If you're using React, you can also install [@micdrop/react](https://micdrop.dev/docs/client/react-hooks) package to get a ready-to-use React hooks.

## Quick Start

```typescript
import { Micdrop } from '@micdrop/client'

// Start a call
Micdrop.start({
  url: 'wss://your-server.com/call',
})
```

## Documentation

Read full [documentation of the Micdrop client](https://micdrop.dev/docs/client) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/elevenlabs
Description: ElevenLabs implementation for @micdrop/server
Author: Lonestone
Latest version: 1.1.3

# @micdrop/elevenlabs

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/elevenlabs)

ElevenLabs implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/elevenlabs
```

## ElevenLabs TTS (Text-to-Speech)

### Usage

```typescript
import { ElevenLabsTTS } from '@micdrop/elevenlabs'
import { MicdropServer } from '@micdrop/server'

const tts = new ElevenLabsTTS({
  apiKey: process.env.ELEVENLABS_API_KEY || '',
  voiceId: '21m00Tcm4TlvDq8ikWAM', // ElevenLabs voice ID
  modelId: 'eleven_turbo_v2_5', // Optional: model to use
  language: 'en', // Optional: language code
  voiceSettings: {
    stability: 0.5,
    similarity_boost: 0.75,
    style: 0.5,
  },
})

// Use with MicdropServer
new MicdropServer(socket, {
  tts,
  // ... other options
})
```

## Documentation

Read full [documentation of the ElevenLabs integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/elevenlabs) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/gladia
Description: Gladia implementation for @micdrop/server
Author: Lonestone
Latest version: 1.2.2

# @micdrop/gladia

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/gladia)

Gladia implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/gladia
```

## Usage

```typescript
import { GladiaSTT } from '@micdrop/gladia'
import { MicdropServer } from '@micdrop/server'

const stt = new GladiaSTT({
  apiKey: process.env.GLADIA_API_KEY || '',
})

// Use with MicdropServer
new MicdropServer(socket, {
  stt,
  // ... other options
})
```

## Documentation

Read full [documentation of the Gladia integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/gladia) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/gradium
Description: Gradium TTS implementation for @micdrop/server
Author: Lonestone
Latest version: 1.0.2

# @micdrop/gradium

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/gradium)

Gradium TTS implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/gradium
```

## Gradium TTS (Text-to-Speech)

### Usage

```typescript
import { GradiumTTS } from '@micdrop/gradium'
import { MicdropServer } from '@micdrop/server'

const tts = new GradiumTTS({
  apiKey: process.env.GRADIUM_API_KEY || '',
  voiceId: 'YTpq7expH9539ERJ', // Gradium voice ID
  modelName: 'default', // Optional: model name
  outputFormat: 'pcm_16000', // Optional: audio format
  region: 'eu', // Optional: 'eu' or 'us'
  jsonConfig: {
    // Optional: advanced voice settings
    temp: 0.7, // Temperature (0-1.4)
    cfg_coef: 2.0, // Voice similarity (1.0-4.0)
    padding_bonus: 0, // Speed control (-4.0 to 4.0)
  },
})

// Use with MicdropServer
new MicdropServer(socket, {
  tts,
  // ... other options
})
```

## Documentation

Read full [documentation of the Gradium integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/gradium) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/mistral
Description: Mistral implementation for @micdrop/server
Author: Lonestone
Latest version: 1.0.10

# @micdrop/mistral

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/mistral)

Mistral AI implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/mistral
```

## Mistral Agent

### Usage

```typescript
import { MistralAgent } from '@micdrop/mistral'
import { MicdropServer } from '@micdrop/server'

const agent = new MistralAgent({
  apiKey: process.env.MISTRAL_API_KEY || '',
  model: 'ministral-8b-latest', // Default model
  systemPrompt: 'You are a helpful assistant',
})

// Use with MicdropServer
new MicdropServer(socket, {
  agent,
  // ... other options
})
```

## Documentation

Read full [documentation of the Mistral integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/mistral) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/openai
Description: OpenAI implementation for @micdrop/server
Author: Lonestone
Latest version: 1.2.2

# @micdrop/openai

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/ai-integration/provided-integrations/openai)

OpenAI implementation for [@micdrop/server](https://micdrop.dev/docs/server).

## Installation

```bash
npm install @micdrop/openai
```

## OpenAI Agent

### Usage

```typescript
import { OpenaiAgent } from '@micdrop/openai'
import { MicdropServer } from '@micdrop/server'

const agent = new OpenaiAgent({
  apiKey: process.env.OPENAI_API_KEY || '',
  model: 'gpt-4o', // Default model
  systemPrompt: 'You are a helpful assistant',

  // Advanced features (optional)
  autoEndCall: true, // Automatically end call when user requests
  autoSemanticTurn: true, // Handle incomplete sentences
  autoIgnoreUserNoise: true, // Filter out meaningless sounds

  // Custom OpenAI settings (optional)
  settings: {
    temperature: 0.7,
    max_output_tokens: 150,
  },
})

// Use with MicdropServer
new MicdropServer(socket, {
  agent,
  // ... other options
})
```

## OpenAI STT (Speech-to-Text)

### Usage

```typescript
import { OpenaiSTT } from '@micdrop/openai'
import { MicdropServer } from '@micdrop/server'

const stt = new OpenaiSTT({
  apiKey: process.env.OPENAI_API_KEY || '',
  model: 'gpt-4o-transcribe',
  language: 'en',
})

// Use with MicdropServer
new MicdropServer(socket, {
  stt,
  // ... other options
})
```

## Documentation

Read full [documentation of the OpenAI integration for Micdrop](https://micdrop.dev/docs/ai-integration/provided-integrations/openai) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micdrop/react
Description: React hooks for Micdrop voice conversation client
Author: Lonestone
Latest version: 1.0.4

# @micdrop/react

[Micdrop website](https://micdrop.dev) | [Documentation](https://micdrop.dev/docs/client/react-hooks)

React hooks for Micdrop voice conversation client.

## Installation

```bash
npm install @micdrop/react
```

## Available hooks

- `useMicdropState`
- `useMicdropEndCall`
- `useMicdropError`
- `useMicVolume`
- `useSpeakerVolume`

## Documentation

Read full [documentation of the React hooks for Micdrop](https://micdrop.dev/docs/client/react-hooks) on the [website](https://micdrop.dev).

## License

MIT

## Author

Originally developed for [Raconte.ai](https://www.raconte.ai) and open sourced by [Lonestone](https://www.lonestone.io) ([GitHub](https://github.com/lonestone))
npm package: @micduffy/search-bar
Description: Search Bar Test
Author: Mike Duffy
Latest version: 0.0.0

# search bar
[![Build Status](https://travis-ci.org/micduffy/search-bar.svg?branch=master)](https://travis-ci.org/micduffy/search-bar)
[![codecov](https://codecov.io/gh/micduffy/search-bar/branch/master/graph/badge.svg)](https://codecov.io/gh/micduffy/search-bar)
[![npm version](https://badge.fury.io/js/search-bar.svg)](http://badge.fury.io/js/search-bar)
[![devDependency Status](https://david-dm.org/micduffy/search-bar/dev-status.svg)](https://david-dm.org/micduffy/search-bar?type=dev)
[![GitHub issues](https://img.shields.io/github/issues/micduffy/search-bar.svg)](https://github.com/micduffy/search-bar/issues)
[![GitHub stars](https://img.shields.io/github/stars/micduffy/search-bar.svg)](https://github.com/micduffy/search-bar/stargazers)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/micduffy/search-bar/master/LICENSE)

## Demo
https://micduffy.github.io/search-bar/

## Table of contents

- [About](#about)
- [Installation](#installation)
- [Documentation](#documentation)
- [Development](#development)
- [License](#license)

## About

Search Bar Test

## Installation

Install through npm:
```
npm install --save search-bar
```

Then include in your apps module:

```typescript
import { NgModule } from '@angular/core';
import { SearchBarModule } from 'search-bar';

@NgModule({
  imports: [
    SearchBarModule.forRoot()
  ]
})
export class MyModule {}
```

Finally use in one of your apps components:
```typescript
import { Component } from '@angular/core';

@Component({
  template: '<hello-world></hello-world>'
})
export class MyComponent {}
```

You may also find it useful to view the [demo source](https://github.com/micduffy/search-bar/blob/master/demo/demo.component.ts).

## Documentation
All documentation is auto-generated from the source via [compodoc](https://compodoc.github.io/compodoc/) and can be viewed here:
https://micduffy.github.io/search-bar/docs/

## Development

### Prepare your environment
* Install [Node.js](http://nodejs.org/) and NPM
* Install local dev dependencies: `npm install` while current directory is this repo

### Development server
Run `npm start` to start a development server on port 8000 with auto reload + tests.

### Testing
Run `npm test` to run tests once or `npm run test:watch` to continually run tests.

### Release
* Bump the version in package.json (once the module hits 1.0 this will become automatic)
```bash
npm run release
```

## License

MIT