open-index/open-npm huggingface dataset:
npm package: @albertmarashi/eslint-plugin-jsx
Description: JSX stylistic rules for ESLint, migrated from [`eslint-plugin-react`](https://github.com/jsx-eslint/eslint-plugin-react).
Author: Anthony Fu
Latest version: 4.2.0

# @stylistic/eslint-plugin-jsx

JSX stylistic rules for ESLint, migrated from [`eslint-plugin-react`](https://github.com/jsx-eslint/eslint-plugin-react).

Credits to all contributors who have committed to the original rules.

Check the [documentation](https://eslint.style/packages/jsx) for more details.
npm package: @albi_scando/as-design-system-lib
Description: A library of reusable, strongly typed Web Components built with TypeScript, designed for creating consistent and maintainable user interfaces.
Author: Alberto Scandolara
Latest version: 1.9.1

# `as-design-system-lib`

## Description

A TypeScript library of reusable Web Components designed to build consistent and maintainable user interfaces.
All components are strongly typed, ensuring type-safety and better developer experience in modern TypeScript projects.

## Table of Contents

- [Storybook](documentation/pages/STORYBOOK.md)
- [License](documentation/pages/LICENSE.md)
- [Installation](documentation/pages/INSTALLATION.md)
- [Contributing](documentation/pages/CONTRIBUTING.md)
- [Changelog](CHANGELOG.md)
npm package: @albizures/commitlint
Description: Shared Commitlint config for all my projects
Author: Jose Albizures
Latest version: 0.1.0

# Commitlint config

> Shared Commitlint config for all my projects

## Installation

```bash
  yarn add --dev @albizures/commitlint
```

then in `commitlint.config.js`

```js
module.exports = require('@albizures/commitlint');
```

### Husky setup

In order to check commit messages is necessary to setup husky

```bash
  yarn add --dev husky
  yarn husky install
  yarn husky add .husky/commit-msg 'yarn commitlint --edit "$1"'
```

## Feedback

If you have any feedback, please reach out to me at [@albzrs](https://twitter.com/albzrs)

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @alcadur/react-events-hook
Description: Helps in easy communication between React components as also with external sources
Author: Alcadur
Latest version: 1.0.2

# react-events-hook

Simple Observer pattern for React.

[Live Demo](https://codesandbox.io/p/sandbox/w9wqwh)

[npm package](https://www.npmjs.com/package/@alcadur/react-events-hook)

## Installation
```
npm i @alcadur/react-events-hook
```

## What for?
Useful for communication between components in different parts of the view. 

Using standard React mechanisms, it's also possible to synchronize with external events.

Lets look at an example:

![image](https://i.postimg.cc/6QTvgnz9/chrome-XWt93Ap2ma.png)

If we want to change background colors for C1, C2 and C3 from C6 we have few options:
1. use context
2. use global state
3. props drilling

   [![chrome-ZO2l-FT6NWj.png](https://i.postimg.cc/tggMcSL6/chrome-ZO2l-FT6NWj.png)](https://postimg.cc/BjdpLgZZ)

With events, we can avoid unnecessary boilerplate.

[![chrome-69c-Hd-SCHv-C.png](https://i.postimg.cc/tg0sSw1D/chrome-69c-Hd-SCHv-C.png)](https://postimg.cc/ZWcY0fxy)
[![chrome-M22485Lpnz.gif](https://i.postimg.cc/502bnSmm/chrome-M22485Lpnz.gif)](https://postimg.cc/SX3BK83X)


## Docs

### onEvent
`onEvent` is a function that subscribes to event outsite of React context.

:warning: If you want to use `onEvent` in react component without `useEvents` hook, make sure to not add a new listiner on each render.

```ts
onEvent('eventName', (...args) => console.log('event fired with: ', args));
````

### useEvents
Use to subscribe to events in React components.
```tsx
    const { onEvent, emitEvent, removeEvent } = useEvents({ eventName: (...args) => console.log('event fired with: ', args) })
```

Event name can be: `string`, `number` or `symbol`
```ts
export const Events = {
  C4_TITLE_CHANGE: Symbol(),
  REMOVE_LEFT_CHILD: "remove-element",
  CHANGE_COLOR: 3
} as const;
```

You don't need to use `useEvents` hook to emit or remove events.

### emitEvent
`emitEvent` is a function that emits single event.

```ts
emitEvent('eventName', 'some data');
emitEvent('eventWithParams', 1, 2, 3);
```

There no difference between directly usage of `emitEvent` and `emitEvent` returned from `useEvents` hook.

### removeEvent
`removeEvent` is a function that removes event listener.

```ts
const eventHandler = () => console.log('event fired');
onEvent('eventName', eventHandler);
removeEvent('eventName', eventHandler);
```

There no difference between directly usage of `removeEvent` and `removeEvent` returned from `useEvents` hook.
npm package: @alchymos/mcp
Description: Official Alchymos SDK plugin for MCP client and server
Author: Alchymos
Latest version: 0.1.12

# @alchymos/mcp — Alchymos MCP SDK

Official Alchymos SDK plugin for MCP client and servers.

## Install

Install the package into your project:

```bash
npm install @alchymos/mcp
```

## MCP Client

Use the SDK by creating an `Alchymos` instance and wiring it to your MCP-compatible client instance.

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { Alchymos } from '@alchymos/mcp';

const client = new Client(...);
const alchymos = new Alchymos('your-token');

alchymos.withClient(client);
```

## MCP Server

Use the SDK by creating an `Alchymos` instance and wiring it to your MCP-compatible server instance.

```ts
import { Server } from "@modelcontextprotocol/sdk/server/index.js";
import { Alchymos } from '@alchymos/mcp';

const server = new Server(...);
const alchymos = new Alchymos('your-token');

alchymos.withServer(server);
```
npm package: @alchymos/openai
Description: Alchymos SDK plugin for OpenAI client
Author: Alchymos
Latest version: 0.1.4

# @alchymos/openai — Alchymos OpenAI SDK

Official Alchymos SDK plugin for OpeanAI client.

## Install

Install the package into your project:

```bash
npm install @alchymos/openai
```

## Quick start

Use the SDK by creating an `Alchymos` instance and wiring it to your OpenAI-compatible client instance:

```ts
import OpenAI from "openai";
import { Alchymos } from '@alchymos/openai';

const openai = new OpenAI(...);
const alchymos = new Alchymos('your-token');

alchymos.withLlm(openai);
```