open-index/open-npm huggingface dataset:
npm package: @noobs9090/use-before-leave
Description: useBeforeLeave 훅은 사용자의 마우스 포인터가 브라우저 창을 벗어나는 순간을 감지하고, 이에 대응하는 사용자 정의 행동을 수행하게 해주는 훅입니다. 이 훅은 mouseleave 이벤트를 활용하여 마우스 포인터가 브라우저 창 상단을 벗어날 때 호출됩니다.
Author: Tony
Latest version: 1.0.0

# @noobs/use-before-leave

useBeforeLeave 훅은 사용자의 마우스 포인터가 브라우저 창을 벗어나는 순간을 감지하고, 이에 대응하는 사용자 정의 행동을 수행하게 해주는 훅입니다. 이 훅은 mouseleave 이벤트를 활용하여 마우스 포인터가 브라우저 창 상단을 벗어날 때 호출됩니다.

## Installation:

yarn

```
yarn add @noobs/use-before-leave
```

npm

```
npm i @noobs/use-before-leave
```

## Arguments:

| Argument | Type     | Description                                         | Required |
| -------- | -------- | --------------------------------------------------- | -------- |
| onBefore | function | 마우스가 브라우저 창을 벗어날 때 실행될 함수입니다. | yes      |

## Usage:

```js
const BeforeLeaveComponent = () => {
  const handleBeforeLeave = () => console.log("Don't leave!");
  useBeforeLeave(handleBeforeLeave);

  return (
    <div>
      <h1>Hello!</h1>
    </div>
  );
};
```
npm package: @noobs9090/use-click
Description: useClick 훅은 React 애플리케이션에서 클릭 이벤트 리스너를 쉽게 관리할 수 있게 해주는 훅입니다. 이 훅을 사용하여 특정 DOM 요소에 클릭 이벤트 핸들러를 추가하고 제거할 수 있습니다.
Author: Tony
Latest version: 1.0.1

# @noobs/use-click

useClick 훅은 React 애플리케이션에서 클릭 이벤트 리스너를 쉽게 관리할 수 있게 해주는 훅입니다. 이 훅을 사용하여 특정 DOM 요소에 클릭 이벤트 핸들러를 추가하고 제거할 수 있습니다.

## Installation:

yarn

```
yarn add @noobs/use-click
```

npm

```
npm i @noobs/use-click

```

## Arguments:

| Argument | Type     | Description                                 | Required |
| -------- | -------- | ------------------------------------------- | -------- |
| onClick  | function | 클릭 이벤트 발생 시 호출될 콜백 함수입니다. | yes      |

## Usage:

```js
const ClickComponent = () => {
  const sayHello = () => console.log("Hello!");
  const title = useClick(sayHello);

  return <h1 ref={title}>Hello!</h1>;
};
```
npm package: @noobs9090/use-confirm
Description: useConfirm 훅은 사용자의 확인을 요구하는 상황에서 사용됩니다. 이 훅은 confirm 대화 상자를 통해 사용자에게 메시지를 보여주고, 사용자의 응답에 따라 다른 행동을 취할 수 있도록 합니다.
Author: Tony
Latest version: 1.0.1

# @noobs/use-confirm

useConfirm 훅은 사용자의 확인을 요구하는 상황에서 사용됩니다. 이 훅은 confirm 대화 상자를 통해 사용자에게 메시지를 보여주고, 사용자의 응답에 따라 다른 행동을 취할 수 있도록 합니다.

## Installation:

yarn

```
yarn add @noobs/use-confirm
```

npm

```
npm i @noobs/use-confirm
```

## Arguments:

| Argument  | Type     | Description                                      | Required |
| --------- | -------- | ------------------------------------------------ | -------- |
| message   | string   | confirm 대화 상자에 표시될 메시지입니다.         | no       |
| onConfirm | function | 사용자가 '확인'을 클릭했을 때 호출될 함수입니다. | yes      |
| onCancel  | function | 사용자가 '취소'를 클릭했을 때 호출될 함수입니다. | yes      |

## Usage:

```js
const ConfirmComponent = () => {
  const deleteWorld = () => console.log("Deleting the world...");
  const abort = () => console.log("Aborted");
  const confirmDelete = useConfirm("Are you sure?", deleteWorld, abort);

  return (
    <button onClick={confirmDelete}>Delete the world</button>
  );
};
};
```
npm package: @noobs9090/use-input
Description: useInput은 입력값의 상태를 관리하고, 필요에 따라 입력값을 검증할 수 있는 함수를 제공합니다.
Author: Tony
Latest version: 1.0.0

# @noobs/use-input

useInput은 입력값의 상태를 관리하고, 필요에 따라 입력값을 검증할 수 있는 함수를 제공합니다.

## Installation:

yarn

```
yarn add @noobs/use-input
```

npm

```
npm i @noobs/use-input
```

## Arguments:

| Argument     | Type     | Description                                                              | Required |
| ------------ | -------- | ------------------------------------------------------------------------ | -------- |
| initialValue | string   | 입력 필드에 설정된 기본값 또는 초기값입니다.                             | yes      |
| validator    | function | 사용자 입력을 검증하는데 사용되는 사용자 지정 함수를 지정할 수 있습니다. | yes      |

## Usage:

```js
const InputComponent = () => {
  const maxLen = (value) => value.length <= 10;
  const name = useInput("initialValue", maxLen);

  return (
    <div>
      <input placeholder="Name" {...name} />
    </div>
  );
};
```
npm package: @noobs9090/use-prevent-leave
Description: usePreventLeave 훅은 사용자가 실수로 웹 페이지를 벗어나는 것을 방지하는 데 사용됩니다. 이 훅은 beforeunload 이벤트를 활용하여 페이지를 벗어나기 전 사용자에게 경고 메시지를 표시할 수 있게 해줍니다.
Author: Tony
Latest version: 1.0.0

# @noobs/use-prevent-leave

usePreventLeave 훅은 사용자가 실수로 웹 페이지를 벗어나는 것을 방지하는 데 사용됩니다. 이 훅은 beforeunload 이벤트를 활용하여 페이지를 벗어나기 전 사용자에게 경고 메시지를 표시할 수 있게 해줍니다.

## Installation:

yarn

```
yarn add @noobs/use-prevent-leave
```

npm

```
npm i @noobs/use-prevent-leave
```

## Usage:

```js
const InputComponent = () => {
  const maxLen = (value) => value.length <= 10;
  const name = useInput("initialValue", maxLen);

  return (
    <div>
      <input placeholder="Name" {...name} />
    </div>
  );
};
```
npm package: @noobs9090/use-tabs
Description: useTabs 훅은 탭 인터페이스를 구현하는 데 사용되며, 현재 선택된 탭의 상태를 관리하고 변경할 수 있는 기능을 제공합니다.
Author: Tony
Latest version: 1.0.0

# @noobs/use-tabs

useTabs 훅은 탭 인터페이스를 구현하는 데 사용되며, 현재 선택된 탭의 상태를 관리하고 변경할 수 있는 기능을 제공합니다.

## Installation:

yarn

```
yarn add @noobs/use-tabs
```

npm

```
npm i @noobs/use-tabs

```

## Arguments:

| Argument   | Type   | Description                      | Required |
| ---------- | ------ | -------------------------------- | -------- |
| initialTab | number | 초기에 선택될 탭의 인덱스입니다. | yes      |
| allTabs    | array  | 탭 데이터를 포함하는 배열입니다. | yes      |

## Usage:

```js
const tabsData = [
  { title: "Tab 1", content: "This is Tab 1" },
  { title: "Tab 2", content: "This is Tab 2" },
];

const TabsComponent = () => {
  const { currentItem, changeItem } = useTabs(0, tabsData);
  return (
    <div>
      {tabsData.map((tab, index) => (
        <button key={index} onClick={() => changeItem(index)}>
          {tab.title}
        </button>
      ))}
      <div>{currentItem.content}</div>
    </div>
  );
};
```
npm package: @noobs9090/use-title
Description: useTitle 훅은 React 애플리케이션에서 웹 페이지의 타이틀을 동적으로 업데이트하는 데 사용됩니다. 이 훅을 사용하여 문서의 <title> 태그를 효율적으로 관리할 수 있습니다.
Author: Tony
Latest version: 1.0.0

# @noobs/use-title

useTitle 훅은 React 애플리케이션에서 웹 페이지의 타이틀을 동적으로 업데이트하는 데 사용됩니다. 이 훅을 사용하여 문서의 <title> 태그를 효율적으로 관리할 수 있습니다.

## Installation:

yarn

```
yarn add @noobs/use-title
```

npm

```
npm i @noobs/use-title

```

## Arguments:

| Argument     | Type   | Description                           | Required |
| ------------ | ------ | ------------------------------------- | -------- |
| initialTitle | string | 웹 페이지에 설정될 초기 타이틀입니다. | yes      |

## Usage:

```js
const TitleComponent = () => {
  const setTitle = useTitle("기본 타이틀"); // 초기 타이틀 설정

  return (
    <div>
      <button onClick={() => setTitle("새로운 타이틀")}>타이틀 변경</button>
    </div>
  );
};
```
npm package: @noodl/cloud-runtime
Description: The Noodl Cloud Runtime is a crucial component for executing Noodl Cloud functions. This repository contains the code necessary to run and manage these functions seamlessly within the Noodl ecosystem.
Author: Noodl
Latest version: 0.6.3

# Noodl Cloud runtime

The Noodl Cloud Runtime is a crucial component for executing Noodl Cloud functions.
This repository contains the code necessary to run and manage these functions seamlessly within the Noodl ecosystem.

## Usage

The Noodl Cloud Runtime is designed to be used in conjunction with the [Noodl Cloud Service](https://github.com/noodlapp/noodl-cloudservice).
Follow the instructions provided in the Noodl Cloud Service repository to set up the complete Noodl Cloud environment.

## License

This project is licensed under the MIT License.
npm package: @noodl/cloudservice
Description: Low-code for when experience matter
Author: Noodl
Latest version: 0.2.5

# Noodl Cloud Service

Welcome to the Noodl Cloud Service project!

## About Noodl

Noodl is the low-code platform where designers and developers build custom applications and experiences. Designed as a visual programming environment, it aims to expedite your development process. It promotes swift and efficient creation of applications, requiring minimal coding knowledge.

## Getting started

```js
const express = require('express')
const { createNoodlServer } = require("@noodl/cloudservices");

const noodlServer = createNoodlServer({
  port: 3000,
  databaseURI: "insert",
  masterKey: "insert",
  appId: "insert",
  parseOptions: {
    // set or override any of the Parse settings
    //
    // A custom file adaptor can be set here:
    // filesAdapter ...
  }
});

const server = express();
server.use("/", noodlServer.middleware);
server.listen(port, () => {
  console.log(`Noodl Cloud Service listening at http://localhost:${port}`);
});
```

## License

Please note that this project is released with a [Contributor Code of Conduct](../../CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.

This project is licensed under the MIT License - see the [LICENSE.md](../../LICENSE.md) file for details.

## Contact

If you have any questions, concerns, or feedback, please open a discussion in the [discussions tracker](https://github.com/noodlapp/noodl-cloudservice/discussions) or join our Discord channel and we'll be happy to assist you!
npm package: @noodlbox/opencode-plugin
Description: Noodlbox plugin for OpenCode - semantic code search and knowledge graph tools
Author: Noodlbox
Latest version: 1.1.1

# @noodlbox/opencode-plugin

Noodlbox plugin for OpenCode - semantic code search and knowledge graph tools.

## Installation

### Using noodl configure (Recommended)

```bash
noodl configure
```

This installs the plugin via npm and configures the MCP server automatically.

### Manual Installation

1. Install the plugin:

```bash
cd ~/.config/opencode
npm install @noodlbox/opencode-plugin
```

2. Add to `~/.config/opencode/opencode.json`:

```json
{
  "plugin": ["@noodlbox/opencode-plugin"],
  "mcp": {
    "noodlbox": {
      "type": "local",
      "command": ["noodl", "mcp"]
    }
  }
}
```

## Plugin Tools

The plugin provides these tools (via CLI):

| Tool | Description |
|------|-------------|
| `noodlbox_search` | Semantic search through the knowledge graph |
| `noodlbox_query` | Execute Cypher queries on the graph |
| `noodlbox_repos` | List indexed repositories |
| `noodlbox_analyze` | Index a repository |
| `noodlbox_delete` | Delete an indexed repository |

## MCP Server Tools

The MCP server provides additional tools (via `noodl mcp`):

| Tool | Description |
|------|-------------|
| `noodlbox_noodlbox_query_with_context` | Natural language search with context |
| `noodlbox_noodlbox_detect_impact` | Analyze blast radius of git changes |
| `noodlbox_noodlbox_raw_cypher_query` | Direct graph queries |
| `noodlbox_noodlbox_analyze` | Index a repository |

## MCP Resources

The MCP server exposes these resources:

| Resource | Description |
|----------|-------------|
| `repository://list` | List available repositories |
| `map://{repo}` | Architecture map for a repository |
| `setup://` | Setup instructions (AGENTS.md content) |
| `db://schema/{repo}` | Database schema for a repository |

## Environment Variables

- `NOODLBOX_CLI_PATH`: Override the noodl CLI path (default: `noodl`)

## Troubleshooting

### Plugin Not Loading

Verify the plugin is installed:
```bash
ls ~/.config/opencode/node_modules/@noodlbox/opencode-plugin
```

### MCP Tools Not Available

1. Check MCP config: `cat ~/.config/opencode/opencode.json`
2. Verify noodl is in PATH: `which noodl`
3. Test MCP server: `noodl mcp`

## Documentation

- [Getting Started](https://docs.noodlbox.io/getting-started)
- [MCP Setup](https://docs.noodlbox.io/getting-started/setup-mcp)

## License

MIT
npm package: @noodlea1/zen-mcp-server
Description: Zen MCP Server - Enhanced zen-mcp-server with Atlas task management and knowledge graph capabilities
Author: noodleA1
Latest version: 1.0.1

# Zen MCP Server

Enhanced zen-mcp-server with Atlas task management and knowledge graph capabilities.

## Features

- **AI-Powered Tools**: Chat, deep thinking, code review, debugging, and project planning
- **Atlas Integration**: Task management and knowledge graph capabilities
- **Multi-Model Support**: OpenAI, Anthropic Claude, and Google Gemini
- **Railway Backend**: Persistent storage and scalable deployment
- **MCP Compatible**: Works with Claude Desktop and other MCP clients

## Installation

Install via uvx (recommended):

```bash
uvx zen-mcp-server
```

Or install via pip:

```bash
pip install zen-mcp-server
```

## Usage with Claude Desktop

Add to your Claude MCP configuration:

```json
{
  "mcpServers": {
    "zen": {
      "command": "uvx",
      "args": ["zen-mcp-server"],
      "env": {
        "OPENAI_API_KEY": "your-openai-key",
        "ANTHROPIC_API_KEY": "your-anthropic-key",
        "GEMINI_API_KEY": "your-gemini-key"
      }
    }
  }
}
```

## Available Tools

- **chat**: General purpose AI chat with context awareness
- **thinkdeep**: Deep thinking and analysis on complex topics
- **codereview**: Comprehensive code review and analysis
- **debug**: Debug code issues and provide solutions
- **planner**: AI-powered project planning and task breakdown

## Environment Variables

- `OPENAI_API_KEY`: OpenAI API key for GPT models
- `ANTHROPIC_API_KEY`: Anthropic API key for Claude models
- `GEMINI_API_KEY`: Google API key for Gemini models

## Development

This project combines the original zen-mcp-server with Atlas task management capabilities, providing a comprehensive AI development toolkit.

## License

MIT License - see LICENSE file for details.