open-index/open-npm huggingface dataset:
npm package: @ihasanalyy/node-crash-watcher
Description: Zero-config crash watcher for Node.js — automatic uncaught exception and unhandled rejection recorder with optional webhook notifications.
Author: Hasan Ali
Latest version: 0.1.2

# node-crash-watcher

Zero-config crash watcher for Node.js apps.

## Install
```bash
npm i node-crash-watcher

## Usage

import initCrashWatcher from 'node-crash-watcher';
const watcher = initCrashWatcher({ dir: './crash-logs' });
npm package: @ihateastrology/server-google-calendar
Description: MCP server for Google Calendar integration
Author: ihateastrology
Latest version: 1.0.2

# MCP Server for Google Calendar

A Model Context Protocol (MCP) server for Google Calendar integration.

## Usage with Claude Desktop

Add to your Claude configuration file:

```json
{
  "mcpServers": {
    "google-calendar": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-google-calendar"
      ],
      "env": {
        "GOOGLE_CLIENT_ID": "your_client_id",
        "GOOGLE_CLIENT_SECRET": "your_client_secret",
        "GOOGLE_REFRESH_TOKEN": "your_refresh_token"
      }
    }
  }
}
```

## Features

- List upcoming calendar events
- Create new events
- Update existing events
- Delete events

## Environment Variables

- `GOOGLE_CLIENT_ID`: Your Google OAuth client ID
- `GOOGLE_CLIENT_SECRET`: Your Google OAuth client secret
- `GOOGLE_REFRESH_TOKEN`: Your Google OAuth refresh token
npm package: @ihatecode/react-context-menu
Description: A context menu component written in React.
Author: ChuTao Zhang
Latest version: 1.0.3

# @ihatecode/react-context-menu

Englist | <a href="https://github.com/zctcode/react-context-menu/blob/main/README-zh_CN.md" target="_blank">中文</a>

<p>
<img alt="npm" src="https://img.shields.io/npm/v/@ihatecode/react-context-menu?logo=npm&color=%234ac41c">
<img alt="npm" src="https://img.shields.io/npm/dm/@ihatecode/react-context-menu?logo=npm&color=%234ac41c">
<img alt="GitHub forks" src="https://img.shields.io/github/forks/zctcode/react-context-menu">
<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/zctcode/react-context-menu">
</p>

# Introduction
**A context menu component written in React.**

## Install
```bash
# npm
npm install @ihatecode/react-context-menu
# yarn
yarn add @ihatecode/react-context-menu
# pnpm
pnpm add @ihatecode/react-context-menu
```

## Usage

```jsx
import React from 'react';
import ContextMenu from '@ihatecode/react-context-menu';
import '@ihatecode/react-context-menu/lib/style.css';

const App: React.FC = () => {
  const [contextMenu] = ContextMenu.useContextMenu();

  return (
    <div style={{ width:'100vw', height:'100vh'}}>
      <div style={{ width:'100%', height:'100%'}} onContextMenu={contextMenu.onContextMenu}></div>
        <ContextMenu
          contextMenu={contextMenu}
          items={[{ key:'1', label: 'item1' }, { key:'2', label: 'item2' }]}
          onClick={(key) => console.log(key)}
        />
    </div>
  );
};

export default App;
```

## Demo
Online demo: [https://q5fknh.csb.app/](https://q5fknh.csb.app/)

[![Edit react-splitter](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/q5fknh)

## Props
##### ContextMenu Props
|Property|Type|Optional
|-|-|:-:
|className|string|Y|
|zIndex|number|Y|
|contextMenu|object|N|
|items|any|N|
|onClick|(key: string) => void|Y|

##### ContextMenu Item Props
|Property|Type|Optional
|-|-|:-:
|key|string|N|
|label|string|N|
|icon|ReactNode|Y|
|disabled|boolean|Y|
|children|any|Y|

## License
MIT
npm package: @ihatecode/react-file-picker
Description: A file picker component written in React.
Author: ChuTao Zhang
Latest version: 1.0.2

# @ihatecode/react-file-picker

Englist | <a href="https://github.com/zctcode/react-file-picker/blob/main/README-zh_CN.md" target="_blank">中文</a>

<p>
<img alt="npm" src="https://img.shields.io/npm/v/@ihatecode/react-file-picker?logo=npm&color=%234ac41c">
<img alt="npm" src="https://img.shields.io/npm/dm/@ihatecode/react-file-picker?logo=npm&color=%234ac41c">
<img alt="GitHub forks" src="https://img.shields.io/github/forks/zctcode/react-file-picker">
<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/zctcode/react-file-picker">
</p>

# Introduction
**A file picker component written in React.**

## Install
```bash
# npm
npm install @ihatecode/react-file-picker
# yarn
yarn add @ihatecode/react-file-picker
# pnpm
pnpm add @ihatecode/react-file-picker
```

## Usage

```jsx
import React from 'react';
import FilePicker from '@ihatecode/react-file-picker';
import '@ihatecode/react-file-picker/lib/style.css';

const App: React.FC = () => {
  return (
    <FilePicker
        multiple
        accept="image/*"
        onChange={(files) => console.log(files)}
    >
      <span>Select files</span>
    </FilePicker>
  );
};

export default App;
```

## Demo
Online demo: [https://pjzpz7.csb.app/](https://pjzpz7.csb.app/)

[![Edit react-splitter](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/pjzpz7)

## Props
|Property|Type|Optional
|-|-|:-:
|className|string|Y|
|style|object|Y|
|accept|string|Y|
|multiple|boolean|Y|
|directory|boolean|Y|
|draggable|boolean|Y|
|children|any|Y|
|onChange|(files: FileList) => void|Y|

## License
MIT
npm package: @ihatecode/react-splitter
Description: A split pane component written in React.
Author: ChuTao Zhang
Latest version: 2.0.1

# @ihatecode/react-splitter

Englist | <a href="https://github.com/zctcode/react-splitter/blob/main/README-zh_CN.md" target="_blank">中文</a>

<p>
<img alt="npm" src="https://img.shields.io/npm/v/@ihatecode/react-splitter?logo=npm&color=%234ac41c">
<img alt="npm" src="https://img.shields.io/npm/dm/@ihatecode/react-splitter?logo=npm&color=%234ac41c">
<img alt="GitHub forks" src="https://img.shields.io/github/forks/zctcode/react-splitter">
<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/zctcode/react-splitter">
</p>

# Introduction
**A split pane component written in React.**

## Install
```sh
# npm
npm install @ihatecode/react-splitter
# yarn
yarn add @ihatecode/react-splitter
# pnpm
pnpm add @ihatecode/react-splitter
```

## Usage

```jsx
import React from 'react';
import Splitter from '@ihatecode/react-splitter';
import '@ihatecode/react-splitter/lib/style.css';

const App: React.FC = () => {
  return (
    <Splitter
        items={[
            {
                size:200,
                min:100,
                max:300,
                content:<div>Left</div>
            },
            {
                size:'50%',
                min:'25%',
                max:'75%',
                content:<div>Right</div>
            }]
        }
    />
  );
};

export default App;
```

## Demo
Online demo: [https://rg4jgy.csb.app/](https://rg4jgy.csb.app/)

[![Edit react-splitter](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/rg4jgy)

## Props
#### Splitter props
|Property|Type|Optional|Default|
|-|-|:-:|:-:|
|resizable|boolean|Y|true|
|className|string|Y||
|style|object|Y||
|direction|'horizontal', 'vertical'|Y|'horizontal'|
|splitbar|object|Y||
|items|Array|N||
|onResize|(sizes: { px: number, percent: number }[]) => void|Y||

#### Splitbar props
|Property|Type|Optional|Default|
|-|-|:-:|:-:|
|size|number|Y|1|
|color|string|Y|'#eee'|

#### Splitter Item props
|Property|Type|Optional|Remark|
|-|-|:-:|-|
|key|number/string|Y||
|size|number/string|Y|px: 100 or '100px';  percent: '50%'|
|min|number/string|Y|same as 'size'|
|max|number/string|Y|same as 'size'|
|resizable|boolean|Y|true|
|content|any|N||