open-index/open-npm huggingface dataset:
npm package: @hiraokahypertools/msg_to_eml
Description: Links: [_typedoc documentation_](https://hiraokahypertools.github.io/msg_to_eml/typedoc/)
Author: kenjiuno
Latest version: 0.3.0

# msg_to_eml

Links: [_typedoc documentation_](https://hiraokahypertools.github.io/msg_to_eml/typedoc/)

Installation

```bat
yarn add @hiraokahypertools/msg_to_eml
```

Usage:

```js
  const { MsgConverter } = require('@hiraokahypertools/msg_to_eml');

  const msgFileBuffer = await fs.promises.readFile(msgFilePath);
  const buffer = await (new MsgConverter({ ansiEncoding: options.ansiEncoding }).convertToBuffer(msgFileBuffer));
  process.stdout.write(buffer);
```
npm package: @hiraokahypertools/pst_to_eml
Description: [![npm](https://img.shields.io/npm/v/@hiraokahypertools/pst_to_eml)](https://www.npmjs.com/package/@hiraokahypertools/pst_to_eml)
Author: kenjiuno
Latest version: 0.5.0-alpha.2

# pst_to_eml

[![npm](https://img.shields.io/npm/v/@hiraokahypertools/pst_to_eml)](https://www.npmjs.com/package/@hiraokahypertools/pst_to_eml)

Links: [_typedoc documentation_](https://hiraokahypertools.github.io/pst_to_eml/typedoc/) | [_demo_](https://hiraokahypertools.github.io/pst_to_eml_demo/demo.html)

Installation

```bat
yarn add @hiraokahypertools/pst_to_eml
```

Usage:

```js
import { toEmlFrom, toEmlStringFrom, toVCardStrFrom, wrapPstFile } from '@hiraokahypertools/pst_to_eml';

```
npm package: @hiraoku/aireview-cli
Description: AI code review of changes from git diffs.
Author: Hiraoku Shinichi
Latest version: 0.4.2

<div align="center">
  <div>
    <h1 align="center">AI Review Cli</h1>
    <img src="https://raw.githubusercontent.com/s-hiraoku/code-review-things/main/.github/image.png" alt="AI Review Cli"/>
  </div>
  <div>
    <p>An application for code review with AI. This AI Review Cli is responsible for sending files to be reviewed. </p>
    <p>The review results will be output by another application, so it is intended to be used together with that application. See below for details.</p>
    <a href="https://www.npmjs.com/package/@hiraoku/aireview-cli"><img src="https://img.shields.io/npm/v/@hiraoku/aireview-cli" alt="Current version"></a>
  </div>
</div>

## Installation

```sh
npm install -g @hiraoku/aireview-cli
```

※ This section describes how to set up an application that executes commands locally and sends review requests to Slack.  
slack-bot handles the processing on the Slack side. see [Github](https://github.com/s-hiraoku/code-review-things) for details on how to set up slack-bot and the entire review application.  
The review application is a application that allows you to send a review request to Slack.

1. Initialization

   ```sh
   aireview --init
   ```

   Executing the above command will start the .env configuration. You will be asked to enter information in the form of a question, so please set `SLACK_BOT_TOKEN`, `SLACK_BOT_ID`, and `SLACK_CHANNEL_ID`, which are information about the destination Slack.

## Usage

1. Go to the directory where the git managed files reside
2. Modify the code and add the file you want to review to staged
3. Execute the Aireview command; in the terminal, type aireview.
4. If successful, review information will be sent to the configured slack

   ```sh
   aireview
   ```

## License

[MIT](https://choosealicense.com/licenses/mit/)

## Contact

- Hiraoku Shinichi - [s.hiraoku@gmail.com]
- Project Link: [https://github.com/s-hiraoku/code-review-things](https://github.com/s-hiraoku/code-review-things)
npm package: @hiraoku/grab
Description: [Experimental Fork] Grab any element in your app and give it to Cursor, Claude Code, or other AI coding agents.
Author: Aiden Bai
Latest version: 0.0.88

# React Grab

> This is a fork of [react-grab](https://github.com/aidenybai/react-grab) by [Aiden Bai](https://github.com/aidenybai) for personal testing and experimentation with additional AI provider integrations.

Select context for coding agents directly from your website. Point at any element and it'll send the file name, React component, and HTML source code to your AI coding agent.

## Supported AI Agents

| Agent | Package | Port |
|-------|---------|------|
| Claude Code | `@hiraoku/react-grab-claude-code` | 4567 |
| Cursor | `@hiraoku/react-grab-cursor` | 5567 |
| OpenCode | `@hiraoku/react-grab-opencode` | 6567 |
| Codex | `@hiraoku/react-grab-codex` | 7567 |
| Gemini | `@hiraoku/react-grab-gemini` | 8567 |
| Amp | `@hiraoku/react-grab-amp` | 9567 |
| Factory Droid | `@hiraoku/react-grab-droid` | 10567 |
| GitHub Copilot | `@hiraoku/react-grab-copilot` | 11567 |

## Install

```bash
npx @hiraoku/grab@latest init
```

## Quick Start

### 1. Server Setup

Add the agent server to your dev script in `package.json`:

```json
{
  "scripts": {
    "dev": "npx @hiraoku/react-grab-copilot@latest && next dev"
  }
}
```

### 2. Client Setup

Add these scripts to your HTML `<head>`:

```html
<script src="//unpkg.com/@hiraoku/grab/dist/index.global.js"></script>
<script src="//unpkg.com/@hiraoku/grab-copilot/dist/client.global.js"></script>
```

Or with Next.js:

```jsx
import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        {process.env.NODE_ENV === "development" && (
          <>
            <Script
              src="//unpkg.com/@hiraoku/grab/dist/index.global.js"
              strategy="beforeInteractive"
            />
            <Script
              src="//unpkg.com/@hiraoku/grab-copilot/dist/client.global.js"
              strategy="lazyOnload"
            />
          </>
        )}
      </head>
      <body>{children}</body>
    </html>
  );
}
```

## Usage

1. Start your dev server
2. Hold `Option` (Mac) / `Alt` (Windows) and hover over elements
3. Click to select, then the context is sent to your AI agent

## Upstream

This project is based on [react-grab](https://github.com/aidenybai/react-grab) by [Aiden Bai](https://github.com/aidenybai).

- [Original Repository](https://github.com/aidenybai/react-grab)
- [Discord Community](https://discord.com/invite/G7zxfUzkm7)

## License

MIT License - Copyright (c) 2025 Aiden Bai

This fork is maintained by [@s-hiraoku](https://github.com/s-hiraoku).
npm package: @hiraoku/react-grab-ami
Description: [Experimental Fork] Ami provider for React Grab
Latest version: 0.0.88

# @hiraoku/react-grab-ami

> **Note:** This is an **experimental fork** of [React Grab](https://github.com/aidenybai/react-grab) for testing and verification purposes. For production use, please refer to the original repository.

Ami agent provider for React Grab. This is a client-only provider that connects directly to [ami.dev](https://ami.dev).

## Installation

```bash
npm install @hiraoku/react-grab-ami
# or
pnpm add @hiraoku/react-grab-ami
# or
bun add @hiraoku/react-grab-ami
# or
yarn add @hiraoku/react-grab-ami
```

## Client Usage

### Script Tag

```html
<script src="//unpkg.com/react-grab/dist/index.global.js"></script>
<script src="//unpkg.com/@hiraoku/react-grab-ami/dist/client.global.js"></script>
```

### Next.js

Using the `Script` component in your `app/layout.tsx`:

```jsx
import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        {process.env.NODE_ENV === "development" && (
          <>
            <Script
              src="//unpkg.com/react-grab/dist/index.global.js"
              strategy="beforeInteractive"
            />
            <Script
              src="//unpkg.com/@hiraoku/react-grab-ami/dist/client.global.js"
              strategy="lazyOnload"
            />
          </>
        )}
      </head>
      <body>{children}</body>
    </html>
  );
}
```

### ES Module

```tsx
import { attachAgent } from "@hiraoku/react-grab-ami/client";

attachAgent();
```

## How It Works

```
┌─────────────────┐      HTTPS      ┌─────────────────┐
│                 │                 │                 │
│   React Grab    │ ──────────────► │     ami.dev     │
│    (Browser)    │ ◄────────────── │     (Cloud)     │
│                 │                 │                 │
└─────────────────┘                 └─────────────────┘
      Client                              Agent
```

1. **React Grab** sends the selected element context directly to ami.dev
2. **Ami** processes the request using the configured AI model
3. **Ami** streams status updates back to the client

**Note:** No local server required - Ami runs entirely in the cloud.
npm package: @hiraoku/react-grab-amp
Description: [Experimental Fork] Amp provider for React Grab
Latest version: 0.0.88

# @hiraoku/react-grab-amp

> **Note:** This is an **experimental fork** of [React Grab](https://github.com/aidenybai/react-grab) for testing and verification purposes. For production use, please refer to the original repository.

[Amp](https://ampcode.com) provider for React Grab.

## Installation

```bash
npm install @hiraoku/react-grab-amp
```

## Usage

### Server

The server runs on port `9567` and interfaces with the Amp SDK. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @hiraoku/react-grab-amp@latest && next dev"
  }
}
```

> **Note:** You must have an [Amp API key](https://ampcode.com/settings) set via `AMP_API_KEY` environment variable.

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@hiraoku/react-grab-amp/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@hiraoku/react-grab-amp/client";
```

## Features

- **Follow-ups**: Continue conversations with thread continuity
- **Undo**: Undo the last change made by Amp
- **Streaming**: Real-time status updates during execution
- **Tool calls**: See tool usage as it happens
npm package: @hiraoku/react-grab-codex
Description: [Experimental Fork] OpenAI Codex provider for React Grab
Latest version: 0.0.88

# @hiraoku/react-grab-codex

> **Note:** This is an **experimental fork** of [React Grab](https://github.com/aidenybai/react-grab) for testing and verification purposes. For production use, please refer to the original repository.

OpenAI Codex provider for React Grab.

## Installation

```bash
npm install @hiraoku/react-grab-codex
```

## Usage

### Server

The server runs on port `7567` and interfaces with the Codex SDK. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @hiraoku/react-grab-codex@latest && next dev"
  }
}
```

> **Note:** You must have [Codex](https://github.com/openai/codex) installed (`npm i -g @openai/codex`).

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@hiraoku/react-grab-codex/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@hiraoku/react-grab-codex/client";
```

## Features

- **Follow-ups**: Continue conversations with the same thread
- **Undo**: Undo the last change made by Codex
- **Streaming**: Real-time status updates during execution
npm package: @hiraoku/react-grab-gemini
Description: [Experimental Fork] Google Gemini CLI provider for React Grab
Latest version: 0.0.88

# @hiraoku/react-grab-gemini

> **Note:** This is an **experimental fork** of [React Grab](https://github.com/aidenybai/react-grab) for testing and verification purposes. For production use, please refer to the original repository.

Google Gemini CLI provider for React Grab.

## Installation

```bash
npm install @hiraoku/react-grab-gemini
```

## Usage

### Server

The server runs on port `8567` and interfaces with the Gemini CLI. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @hiraoku/react-grab-gemini@latest && next dev"
  }
}
```

> **Note:** You must have [Gemini CLI](https://github.com/google-gemini/gemini-cli) installed (`npm i -g @anthropic-ai/gemini-cli`).

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@hiraoku/react-grab-gemini/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@hiraoku/react-grab-gemini/client";
```

## Features

- **Follow-ups**: Continue conversations with the same session
- **Streaming**: Real-time status updates during execution
- **Tool calls**: See tool usage as it happens
npm package: @hiraoku/react-grab-visual-edit
Description: [Experimental Fork] Visual Edit provider for React Grab
Latest version: 0.0.88

# @hiraoku/react-grab-visual-edit

> **Note:** This is an **experimental fork** of [React Grab](https://github.com/aidenybai/react-grab) for testing and verification purposes. For production use, please refer to the original repository.

Visual Edit provider for React Grab.

## Installation

```bash
npm install @hiraoku/react-grab-visual-edit
# or
pnpm add @hiraoku/react-grab-visual-edit
# or
yarn add @hiraoku/react-grab-visual-edit
```
npm package: @hirarinnakalab/fizzbuzz
Description: A javaScript implementation of FizzBuzz.
Author: Rin Hirakawa
Latest version: 1.0.0

# fizzbuzz

A javaScript implementation of FizzBuzz.

## Installation

```sh
$ npm install @hirarinnakalab/fizzbuzz
```

## Usage

### In JavaScript code

```js
const fizzbuzz = require('@hirarinnakalab/fizzbuzz')

fizzbuzz(1) // '1'
fizzbuzz(2) // '2'
fizzbuzz(3) // 'Fizz'
fizzbuzz(5) // 'Buzz'
fizzbuzz(15) // 'FizzBuzz'
```

### From the command line

```shell
$ npx fizzbuzz 1
1
$ npx fizzbuzz 2
2
$ npx fizzbuzz 3
Fizz
$ npx fizzbuzz 5
Buzz
$ npx fizzbuzz 15
FizzBuzz
```
npm package: @hiratake/aws-mfa
Description: AWS MFA credential management tool
Latest version: 1.1.5

# aws-mfa

[![ci](https://github.com/Hiratake/aws-mfa/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/aws-mfa/actions/workflows/ci.yaml)
![version](https://img.shields.io/npm/v/%40hiratake%2Faws-mfa)
![license](https://img.shields.io/npm/l/%40hiratake%2Faws-mfa)

AWS MFA credential management tool.

## 🚀 Installation

Run the following command:

```sh
$ npm install -g @hiratake/aws-mfa
```

## ✨ Usage

To use this tool, you need to:

1. Install the AWS CLI.
2. Configure your AWS credentials using the [`aws configure`](https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-files.html) command, providing your Access Key ID and Secret Access Key.

Once the AWS CLI is configured, follow these steps to use this tool:

1. Run the command: `aws-mfa`
2. Select your profile.
3. Enter your MFA code.
4. A new profile `(e.g., your-profile-mfa)` is created.
5. Use it: `aws --profile [your-profile]-mfa [command]`

## 📃 License

MIT
npm package: @hiratake/social-share
Description: SNS Share Components for Vue
Latest version: 1.0.12

# social-share

[![ci](https://github.com/Hiratake/social-share/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/social-share/actions/workflows/ci.yaml)
![version](https://img.shields.io/npm/v/%40hiratake%2Fsocial-share)
![license](https://img.shields.io/npm/l/%40hiratake%2Fsocial-share)

SNS シェアボタンの [Vue.js](https://ja.vuejs.org/) コンポーネントライブラリ。スタイルを持たず、機能だけのコンポーネントです。

## 🚀 Setup

コンポーネントを使用するプロジェクトに `@hiratake/social-share` をインストールします。

```sh
# npm
$ npm install -D @hiratake/social-share
# yarn
$ yarn add -D @hiratake/social-share
# pnpm
$ pnpm add -D @hiratake/social-share
```

インストール後、コンポーネントをインポートして使用します。

```vue
<script lant="ts" setup>
import { SocialShare, SocialShareButton } from '@hiratake/social-share'
</script>

<template>
  <div>
    <SocialShare
      service="twitter"
      url="https://example.com"
      text="Blog Post Title"
    >
      <SocialShareButton>Share</SocialShareButton>
    </SocialShare>
  </div>
</template>
```

## 🏗 Build

以下のコマンドでビルドを実行します。ビルド後のファイルは `dist/` に出力されます。

```sh
$ pnpm build
```

## 📃 License

MIT
npm package: @hiratake/textlint-rule-front-matter
Description: [![ci](https://github.com/Hiratake/textlint-rule-front-matter/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/textlint-rule-front-matter/actions/workflows/ci.yaml) ![version](https://img.shields.io/npm/v/%40hiratake%2Ftextlint-rule-front
Latest version: 1.1.2

# textlint-rule-front-matter

[![ci](https://github.com/Hiratake/textlint-rule-front-matter/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/textlint-rule-front-matter/actions/workflows/ci.yaml)
![version](https://img.shields.io/npm/v/%40hiratake%2Ftextlint-rule-front-matter)
![license](https://img.shields.io/npm/l/%40hiratake%2Ftextlint-rule-front-matter)

YAML Front Matter のチェックをする [textlint](https://textlint.github.io/) ルール。

## 🚀 Setup

ルールを使用するプロジェクトに `@hiratake/textlint-rule-front-matter` をインストールします。

```sh
# npm
$ npm install -D @hiratake/textlint-rule-front-matter
# yarn
$ yarn add -D @hiratake/textlint-rule-front-matter
# pnpm
$ pnpm add -D @hiratake/textlint-rule-front-matter
```

インストール後、`.textlintrc` にルールを追加します。

```json
{
  "rules": {
    "@hiratake/textlint-rule-front-matter": {
      "keys": [
        // ここにチェックする Front Matter の項目の設定を追加
      ]
    }
  }
}
```

以下は `title` と `created` と `updated` が Front Matter に含まれるかどうかをチェックする場合の例です。

```json
{
  "rules": {
    "@hiratake/textlint-rule-front-matter": {
      "keys": [
        {
          "name": "title",
          "required": true
        },
        {
          "name": "created",
          "required": true
        },
        {
          "name": "updated",
          "required": true
        }
      ]
    }
  }
}
```

また、 `pattern` オプションに正規表現のパターンを指定することで各項目の入力内容を検証することが可能です。以下は `alphabet` と `number` の入力内容が、それぞれ英字であるかどうか・数字であるかどうかを検証する場合の例です。

```json
{
  "rules": {
    "@hiratake/textlint-rule-front-matter": {
      "keys": [
        {
          "name": "alphabet",
          "pattern": "^[a-zA-Z]+$"
        },
        {
          "name": "number",
          "pattern": "^[0-9]+$"
        },
      ]
    }
  }
}
```

デフォルトでは、Front Matter が存在していない場合はエラーを出力しません。  
textlint を実行する全てのファイルに Front Matter が存在していることを確認する場合は `enableFrontMatterExistenceCheck` オプションを有効にします。

```json
{
  "rules": {
    "@hiratake/textlint-rule-front-matter": {
      "keys": [],
      "enableFrontMatterExistenceCheck": true
    }
  }
}
```

## 🏗 Build

以下のコマンドでビルドを実行します。ビルド後のファイルは `lib/` に出力されます。

```sh
$ pnpm build
```

## 🧪 Test

以下のコマンドで [textlint-tester](https://github.com/textlint/textlint-tester) によるテストを実行します。

```sh
$ pnpm test
```

## 📃 License

MIT
npm package: @hiratake/textlint-rule-space-around-bold
Description: [![ci](https://github.com/Hiratake/textlint-rule-space-around-bold/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/textlint-rule-space-around-bold/actions/workflows/ci.yaml) ![version](https://img.shields.io/npm/v/%40hiratake%2Ftextlint-
Latest version: 1.0.4

# textlint-rule-space-around-bold

[![ci](https://github.com/Hiratake/textlint-rule-space-around-bold/actions/workflows/ci.yaml/badge.svg)](https://github.com/Hiratake/textlint-rule-space-around-bold/actions/workflows/ci.yaml)
![version](https://img.shields.io/npm/v/%40hiratake%2Ftextlint-rule-space-around-bold)
![license](https://img.shields.io/npm/l/%40hiratake%2Ftextlint-rule-space-around-bold)

太字のまわりをスペースで囲むかどうかを決める [textlint](https://textlint.github.io/) ルール。

## 🚀 Setup

ルールを使用するプロジェクトに `@hiratake/textlint-rule-space-around-bold` をインストールします。

```sh
# npm
$ npm install -D @hiratake/textlint-rule-space-around-bold
# yarn
$ yarn add -D @hiratake/textlint-rule-space-around-bold
# pnpm
$ pnpm add -D @hiratake/textlint-rule-space-around-bold
```

インストール後、`.textlintrc` にルールを追加します。

```json
{
  "rules": {
    "@hiratake/textlint-rule-space-around-bold": {
      "before": true, // 太字の前にスペースを入れる
      "after": true,  // 太字の後にスペースを入れる
    },
  }
}
```

## 🏗 Build

以下のコマンドでビルドを実行します。ビルド後のファイルは `lib/` に出力されます。

```sh
$ pnpm build
```

## 🧪 Test

以下のコマンドで [textlint-tester](https://github.com/textlint/textlint-tester) によるテストを実行します。

```sh
$ pnpm test
```

## 📃 License

MIT
npm package: @hiraya-ui/react
Description: A modern React component library with beautiful UI components and patterns. Built with TypeScript and styled with CSS Modules.
Author: Your Name
Latest version: 0.1.0

# Hiraya UI

A modern React component library with beautiful UI components and patterns. Built with TypeScript and styled with CSS Modules. "Hiraya" is a Filipino word that means "imagination" or "vision" - reflecting our commitment to creating beautiful and imaginative UI components.

## Features

- 🎨 Beautiful and modern UI components
- 📦 Written in TypeScript
- 🎯 Fully typed components and props
- 📚 Comprehensive Storybook documentation
- 🎭 CSS Modules for scoped styling
- 📱 Responsive design
- ♿ Accessibility support

## Installation

```bash
npm install @hiraya-ui/react
# or
yarn add @hiraya-ui/react
```

## Usage

```tsx
import { Button, Card, Input } from '@hiraya-ui/react';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <Card>
        <Input label="Name" placeholder="Enter your name" />
      </Card>
    </div>
  );
}
```

## Components

### Basic Components
- Button
- Input
- Card
- Avatar
- Checkbox
- Select
- Typography
- Dropdown

### Patterns
- FormLayout
- CardLayout

## Development

```bash
# Install dependencies
npm install

# Start Storybook
npm run storybook

# Build the library
npm run build

# Run tests
npm test

# Lint code
npm run lint
```

## Contributing

We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.

## License

MIT © [Hiraya UI](https://github.com/hiraya-ui)