open-index/open-npm huggingface dataset:
npm package: @koors/discord-interaction-kit
Description: Lightweight interaction framework for discord.js
Author: Koors
Latest version: 1.0.0

# discord-interaction-kit

Lightweight interaction dispatcher and UI builder for discord.js.

## Install

npm install discord-interaction-kit

## Basic Usage

```js
const { createDispatcher } = require("discord-interaction-kit");

const handlers = {
  ping: async (interaction) => {
    await interaction.reply("pong");
  }
};

const dispatcher = createDispatcher(handlers);

client.on("interactionCreate", async (interaction) => {
  await dispatcher.handle(interaction);
});
```

## Install
```npm install @koors/discord-interaction-kit```

## Discord Demo
<img width="592" height="604" alt="Image" src="https://github.com/user-attachments/assets/0283fb3f-118b-4df5-ae6d-9b64da588581" />
npm package: @koorya/babel-plugin-add-jsx-attribute-width-id
Description: Add JSX attribute with element id
Author: Greg Bergé
Latest version: 5.4.3

# @svgr/babel-plugin-add-jsx-attribute

## Install

```
npm install --save-dev babel-plugin-add-jsx-attribute-width-id
```

## Usage


**svgr config**

```js
jsx: {
  babelConfig: {
    plugins: [
      [
        "babel-plugin-replace-jsx-attribute-value-with-id",
        {
          ids: ["rect", "Y4"],
          attributes: [
            {
              name: "onClick",
              value: "props.clickfn",
              spread: false,
              literal: true,
              position: "end",
            },
            {
              name: "fill",
              value: (id) => "props?." + id + ' ? "#0f0" : "#faa"',
              spread: false,
              literal: false,
              position: "end",
            },
          ],
        },
      ],
    ];
  }
}
```

## License

MIT
npm package: @kooshapari/design
Description: Keycap palette — shared design tokens, VitePress theme, and style guide for Phenotype projects
Latest version: 1.0.1

# @phenotype/design

Keycap palette — shared design tokens, VitePress theme, and component styles for the Phenotype ecosystem.

## Install

```bash
bun add @phenotype/design
```

## Quick Start (VitePress)

```typescript
// .vitepress/theme/index.ts
import DefaultTheme from 'vitepress/theme'
import '@phenotype/design/css/vitepress-theme.css'

export default { extends: DefaultTheme }
```

## What's Included

| Export | Description |
|--------|-------------|
| `css/keycap-palette.css` | Color tokens + fonts (framework-agnostic) |
| `css/components.css` | Badges, cards, pipeline (framework-agnostic) |
| `css/vitepress-theme.css` | Full VitePress theme (imports both above) |
| `tokens/keycap.json` | W3C DTCG format design tokens |
| `dist/tokens.js` | TypeScript token constants |
| `dist/vitepress.js` | VitePress config helper |

## Palette

| Role | Dark | Light |
|------|------|-------|
| Background | `#090a0c` | `#f8f9fa` |
| Text | `#f6f5f5` | `#1a1c1e` |
| Accent | `#7ebab5` | `#4a9c97` |
| Slate | `#353a40` | `#e8eaed` |

All combinations meet WCAG AA contrast (4.5:1 minimum).

## License

MIT
npm package: @kooshapari/quillts
Description: Phenotype quill library
Latest version: 0.1.0

# quill

Type-safe HTTP client for TypeScript with interceptors and retries.

## Features

- **Type-safe**: Full TypeScript inference
- **Interceptors**: Transform requests/responses
- **Retry**: Automatic retry with backoff
- **Mocking**: Built-in test utilities

## Installation

```bash
npm install @quill/http
```

## Usage

```typescript
import { createClient } from '@quill/http';

const api = createClient({
  baseUrl: 'https://api.example.com',
  headers: { 'Authorization': 'Bearer token' },
});

const user = await api.get<User>('/users/123');
await api.post('/users', { name: 'Alice' });
```

## License

MIT
npm package: @kooyoseb/text-button
Description: Turn plain text into a clickable button on websites
Author: kooyoseb
Latest version: 1.0.0

# @kooyoseb/text-button

Turn plain text into a clickable button on websites.

No `<button>`, no `<a>`.
Just text — but clickable.

---

## ✨ Features

- Make any text clickable
- Execute JavaScript functions on click
- Redirect to another page
- Optional hover effects (color / underline)
- Keyboard accessible (Enter / Space)
- No dependencies
- Framework agnostic (works with React, Vue, plain JS, etc.)

---

## 📦 Installation

```bash
npm install @kooyoseb/text-button
```

---

## 🚀 Basic Usage

```html
<span id="start">▶ Start</span>

<script type="module">
  import { textButton } from "@kooyoseb/text-button";

  textButton("#start", {
    onClick() {
      alert("Clicked!");
    }
  });
</script>
```

---

## 🔧 Options

```js
textButton(target, options);
```

### `target`
- `string` (CSS selector)
- or `HTMLElement`

### `options`

| Option | Type | Default | Description |
|------|------|---------|-------------|
| `onClick` | `function` | `undefined` | Function executed on click |
| `redirect` | `string` | `undefined` | Redirect URL |
| `cursor` | `string` | `"pointer"` | Mouse cursor style |
| `disabled` | `boolean` | `false` | Disable interaction |
| `hover.enabled` | `boolean` | `true` | Enable / disable hover effect |
| `hover.color` | `string` | `undefined` | Text color on hover |
| `hover.underline` | `boolean` | `false` | Underline on hover |

---

## 🎨 Hover Examples

### Disable hover effect
```js
textButton("#text", {
  hover: {
    enabled: false
  }
});
```

### Enable hover with color and underline
```js
textButton("#text", {
  hover: {
    enabled: true,
    color: "blue",
    underline: true
  }
});
```

---

## 🔗 Redirect Example

```js
textButton("#login", {
  redirect: "/login"
});
```

---

## ♿ Accessibility

- Uses `role="button"`
- Focusable with `tabindex="0"`
- Triggerable with:
  - `Enter`
  - `Space`

---

## 🧪 Supported Environments

- Modern browsers
- ES module compatible environments
- React / Vue / Svelte / Vanilla JS

---

## 📄 License

MIT © kooyoseb
npm package: @kop/twelve-factor-config
Description: An easy to use 12factor configuration for Node.js
Author: Ivan Koptiev
Latest version: 1.1.0

@kop/twelve-factor-config
=========================

[![CircleCI](https://img.shields.io/circleci/project/kop/node-twelve-factor-config.svg?maxAge=2592000)](https://circleci.com/gh/kop/node-twelve-factor-config)
[![Scrutinizer](https://img.shields.io/scrutinizer/g/kop/node-twelve-factor-config.svg?maxAge=2592000)](https://scrutinizer-ci.com/g/kop/node-twelve-factor-config/?branch=master)
[![Package version](https://img.shields.io/npm/v/@kop/twelve-factor-config.svg?maxAge=2592000)](https://www.npmjs.com/package/@kop/twelve-factor-config)
[![Monthly downloads](https://img.shields.io/npm/dm/@kop/twelve-factor-config.svg?maxAge=2592000)](https://www.npmjs.com/package/@kop/twelve-factor-config)
[![License](https://img.shields.io/github/license/kop/node-twelve-factor-config.svg?maxAge=2592000)](https://github.com/kop/node-twelve-factor-config/blob/master/LICENSE.md)

An easy to use 12factor configuration for Node.js.


Configuration and usage
-----------------------

```js
const config = new TwelveConfig({prefix: "MY_APP_"});
config.val('ENV_VAR_NAME', 'default value');
config.string('ENV_VAR_NAME', 'default value'); // works same as previous
config.number('ENV_VAR_NAME', 100);
config.boolean('ENV_VAR_NAME', true);
config.range('ENV_VAR_NAME', 'default value', ['default value', 'another value']);
```