open-index/open-npm huggingface dataset:
npm package: @mohamedaboelmagd/my-lib
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.
Latest version: 0.0.1

# MyLib

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0.

## Code scaffolding

Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.

## Running unit tests

Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @mohamedabu.basith/react-chat-widget
Description: React chat widget
Latest version: 1.0.2

# React Chat Widget

A modern React chat widget component with TypeScript support.

## Features

- ⚡ Built with React 19 and TypeScript
- 🎨 Styled with Tailwind CSS
- 📱 Fully responsive design
- 🚀 Easy integration
- 🔧 Highly customizable
- 💪 Type-safe

## Installation

```bash
npm install @mohamedabu.basith/react-chat-widget
```

## Usage

### Basic Usage

```tsx
import ChatWidget from '@mohamedabu.basith/react-chat-widget';

function App() {
  return (
    <div>
      <ChatWidget
        apiEndpoint="https://your-api-endpoint.com/chat"
        title="Chat Assistant"
        placeholder="Type your message..."
      />
    </div>
  );
}
```

### With Custom Configuration

```tsx
import ChatWidget from '@mohamedabu.basith/react-chat-widget';

function App() {
  const handleMessage = async (message: string) => {
    // Custom message handling logic
    const response = await fetch('/api/chat', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ message })
    });
    return response.json();
  };

  return (
    <ChatWidget
      title="AI Assistant"
      placeholder="Ask me anything..."
      onSendMessage={handleMessage}
      theme="dark"
      position="bottom-left"
    />
  );
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `apiEndpoint` | `string` | - | Your chat API endpoint |
| `title` | `string` | `'Chat'` | Widget title |
| `placeholder` | `string` | `'Type a message...'` | Input placeholder |
| `theme` | `'light' \| 'dark'` | `'light'` | Color theme |
| `position` | `string` | `'bottom-right'` | Widget position |
| `onSendMessage` | `function` | - | Custom message handler |

## Styling

The component is built with Tailwind CSS. You can customize the appearance by:

1. **Using Tailwind utilities**: Override component classes
2. **CSS variables**: Customize colors and spacing
3. **Custom CSS**: Target specific component classes

## TypeScript Support

Full TypeScript support with exported types:

```tsx
import ChatWidget, { ChatMessage, ChatConfig } from '@mohamedabu.basith/react-chat-widget';

interface CustomChatConfig extends ChatConfig {
  customOption: boolean;
}
```

## Requirements

- React 17+ or 18+
- React DOM 17+ or 18+

## License

MIT License
npm package: @mohamedbechirmejri/js-ext
Description: > A collection of useful JavaScript functions
Latest version: 0.0.17

# js-ext

> A collection of useful JavaScript functions

instead of having to create helper functions for every project, I decided to create a library of useful functions that I can use in any project.
bard recommended i use lodash or a similar library, but i wanted to create my own library for fun. and utilize javascript's prototype system to avoid having to import functions from a library.

## Install

```bash
bun i @mohamedbechirmejri/js-ext
```

## Features

## Typescript support

add the following to your tsconfig.json file

```json
{
  "compilerOptions": {
    "types": ["./node_modules/@mohamedbechirmejri/js-ext/.build/index.d.ts"]
  }
}
```

## Usage

```js
// main.js

import init from "@mohamedbechirmejri/js-ext";

init();
```

you can supply a config object to the init function to turnoff some functions

```js
init({ ignore: ["CAPITALIZE"] });
```

```js
"test".CAPITALIZE(); // Test
```

## Functions

> you can use your IDE's intellisense to see all the functions

> the library also includes JSDOC comments for all the functions

### String

```js
"test".CAPITALIZE(); // Test
"test".REVERSE(); // tset
```