open-index/open-npm huggingface dataset:
npm package: @k_ankit/express-context
Description: Request context helper for Express
Author: Ankit Kumar
Latest version: 1.0.1

# Express Context
A lightweight and type-safe HTTP context helper for Express, built using Node.js’s native AsyncLocalStorage. It allows you to safely store and access per-request data (like user info, trace IDs, etc.) across your entire app — including in async functions and services.

## Installation
```shell
$ npm install --save @k_ankit/express-context
```

## Why Use This?
  Keep track of per-request data without passing it manually
  Built on top of AsyncLocalStorage (no external dependencies)
  Type-safe and easy to use
  Framework-agnostic, but designed for Express

## Usage
1. Import the helpers

```typescript
import { contextMiddleware, getContext, setContext } from '@k_ankit/express-context';
import express from 'express';
```

2. Register the middleware
Place the contextMiddleware early in your Express app or specific routes:

```typescript
const app = express();
app.use(contextMiddleware); // Global registration
```

Or apply it per route:


```typescript
const TestRouter = express.Router();

TestRouter.get('/test', contextMiddleware, (req, res) => {
  setContext('key', { value: 'test' });

  const data = getContext<{ value: string }>('key');
  console.log(data); // { value: 'test' }

  res.send('Context stored!');
});
```

## API
`contextMiddleware(req, res, next)` : Initializes async context for each request. Required before using setContext or getContext.

`setContext(key: string, value: any)` : Stores a value in the current request’s context.

`getContext<T = any>(key: string): T | undefined` : Retrieves the value for a given key from the current request’s context.
npm package: @k_ben/k-reactmodal
Description: A modular react modal.
Latest version: 1.0.3

# @k_ben/k-reactmodal

A modular react modal.

## Requirements

![NPM](https://img.shields.io/badge/NPM->_10-272858?logo=npm&style=for-the-badge)
![Node](https://img.shields.io/badge/Node->_20-272858?logo=node.js&style=for-the-badge)
![VSCode](https://img.shields.io/badge/IDE-visual%20studio%20code-272858?logo=visual%20studio%20code&style=for-the-badge)

## Installation

The package can be installed via [npm](https://www.npmjs.com/package/@k_ben/k-reactmodal):

```
npm install @k_ben/k-reactmodal
```

## Usage

```jsx
import Modal from '@k_ben/k-reactmodal';

<Modal
  type="success"
  title={'Put your title here'}
  content={'Put your content here'}
  height="150px"
  width="300px"
  position="topleft"
  delay={5000}
  buttonPosition="bottomright"
/>;
```

### Customizing the modal

#### type

The `type` prop is used to specify the type of modal you want to use

```jsx
<Modal type="success" />
```

> Accepted Values : `"info" | "success" | "error" | "warning" | "loading" | "launch" | "end" | "wait"`

#### title

The `title` prop is used to specify the title of modal you want to use

```jsx
<Modal title="The title you want to put" />
```

> Accepted Values : `"string"`

#### content

The `content` prop is used to specify the content of modal you want to use

```jsx
<Modal content="The content you want to put" />
```

> Accepted Values : `"string"`

#### width

The `width` prop is used to specify the width of the modal

```jsx
<Modal width="250px" />
```

> Accepted Values : `"string | number"`

#### height

The `height` prop is used to specify the height of the modal

```jsx
<Modal height="250px" />
```

> Accepted Values : `"string | number"`

#### position

The `position` prop is used to specify the position of the modal in the page

```jsx
<Modal position="topleft" />
```

> Accepted Values : `"topleft" | "topright" | "center" | "bottomleft" | "bottomright"`

#### delay

The `delay` prop is used to specify the delay before the modal disappear

```jsx
<Modal delay="topleft" />
```

> Accepted Values : `"number"`

#### buttonPosition

The `buttonPosition` prop is used to specify the position of the close button on the modal.

```jsx
<Modal buttonPosition="upleft" />
```

> Accepted Values : `"upleft" | "upright" | "center" | "downleft" | "downright"`
npm package: @k_yh/mcp-db-server
Description: MCP server for interacting with PostgreSQL databases
Author: K_YH
Latest version: 0.1.2

# K_YH mcp-db-server

## Introduction

> This package is purely experimental and just for fun!

**Do not use this code in production or with any critical databases.**

This implementation grants full control over the database to the agent.
Therefore, it is **strongly discouraged** to use shared or sensitive databases.

## References

This implementation is based on the [mcp/postgres](https://hub.docker.com/r/mcp/postgres) Docker image.

- [Docker Image on Docker Hub](https://hub.docker.com/r/mcp/postgres)
- [Source Code on GitHub](https://github.com/modelcontextprotocol/servers/blob/2025.4.24/src/postgres/index.ts)

## Usage

```bash
npx @k_yh/mcp-db-server <your-postgresql-url>
```

For example:

```bash
npx @k_yh/mcp-db-server 'postgresql://user:password@127.0.0.1:5432/my-db'
```

To use this with an agent like `Claude desktop` or `Cursor`, configure it like so:

```json
{
  "mcpServers": {
    "my-db-server": {
      "command": "npx",
      "args": [
        "-y",
        "@k_yh/mcp-db-server",
        "postgresql://user:password@localhost:5432/my-db"
      ]
    }
  }
}
```

You can manipulate the database through the agent using your prompt.
npm package: @ka-nabellinc/deck-maker-web-components
Description: Deck Makerがサードパーティー向けに一般公開するWeb Componentsの管理レポジトリです。
Author: Shin Ando
Latest version: 0.0.35

# Deck Maker Web Components [![npm version](https://badge.fury.io/js/@ka-nabellinc%2Fdeck-maker-web-components.svg)](https://badge.fury.io/js/@ka-nabellinc%2Fdeck-maker-web-components)

Deck Makerがサードパーティー向けに一般公開するWeb Componentsの管理レポジトリです。

主に[Lit](https://lit.dev/)を利用してWeb Componentsの記述を行なっています。

## 開発

### Storybook

下記のコマンドでStorybookを起動し、 `src/*`の各コンポーネントの開発を行なってください。

```
yarn install
yarn run storybook
```

### コンポーネントの基本構成

```ts
import { LitElement, html, css } from 'lit'
import { property, state, customElement } from 'lit/decorators.js' // https://lit.dev/docs/releases/upgrade/#update-decorator-imports

@customElement('my-element')
export class MyElement extends LitElement {

  @property() firstName: string = ''
  @property() lastName: string = ''

  @state()
  private get fullName() {
    return this.firstName + ' ' + this.lastName
  }

  static styles = [
    css`
      :host {
        display: block;
      }

      * {
        box-sizing: border-box;
      }

      label {
        font-weight: bold;
      }
    `
  ]

  render() {
    return html`
      <label>${this.fullName}</label>
    `;
  }
}
```

## コンポーネントの利用

コンポーネントを利用する際は通常のNPMライブラリと同様に `npm`, `yarn`, `pnpm`でインストールすることができますが、下記の例のようにブラウザから直接呼び出す方法が便利です。

```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">
  <!-- Polyfills only needed for Firefox and Edge. -->
  <script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-loader.js"></script>
  <script type="module" src="https://unpkg.com/@ka-nabellinc/deck-maker-web-components?module"></script>
  <title>Document</title>
</head>
<body>
  <h1>Deck Maker Web Components Sample</h1>
  <yg-deck-recipe ygDeckId="3eef28a6-0a11-4f34-9669-0feea4db412f"></yg-deck-recipe>
</body>
</html>
```
npm package: @ka-nabellinc/prettier-config
Description: Prettier config in Ka-nabellinc
Author: Kentaro Okutani
Latest version: 0.0.3

# @ka-nabellinc/prettier-config

[![npm version](https://badge.fury.io/js/@ka-nabellinc%2Fprettier-config.svg)](https://badge.fury.io/js/@ka-nabellinc%2Fprettier-config)

This package provides prettier config shared in Ka-nabell.

## Usage

1. Install this package.

```sh
yarn add -D @ka-nabellinc/prettier-config
```
2. To use, add `"prettier": "@ka-nabellinc/prettier-config"` to your package.json

## LICENSE

[MIT](./LICENSE.md)