open-index/open-npm huggingface dataset:
npm package: @mogul/create-mogul-app
Description: see also [freshesx/mogul-scripts](https://github.com/freshesx/mogul-scripts) ### Usage
Latest version: 1.4.2

# @mogul/create-mogul-app 
see also [freshesx/mogul-scripts](https://github.com/freshesx/mogul-scripts)
### Usage

```
npx @mogul/create-mogul-app new-mogul-app
```
npm package: @mogul/eslint-config-mogul-app
Description: ESLint configuration used by Create Mogul App
Latest version: 1.0.2

# eslint-config-mogul-app

This package includes the shareable ESLint configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

eslint-config-mogul-app 基于  [eslint-config-react-app](https://github.com/facebook/create-react-app/tree/master/packages/eslint-config-react-app)修改, 移除 typescript相关内容, 并基于食行业务需求进一步修改
npm package: @mogul/mogul-scripts
Description: @mogul/create-mogul-app scripts based on CRA
Author: zhangqing
Latest version: 3.3.4

<p align="center">
  <a href="https://freshesx.github.io/mogul-website/"><img src="https://raw.githubusercontent.com/freshesx/mogul/master/assets/logo/logo.png" height="200" width="200" alt="mogul logo"/></a>
</p>

<p align="center">
  <h2>mogul-scripts 统一构建工具</h2>
</p>

create-mogul-app scripts base on CRA

v3.0已经开发完成, v3版本100%向下兼容v2版本, 故v2版本可以直接升级v3, 0改动。

- 绝对路径引入
- react-hooks

## install

```
yarn add @mogul/mogul-scripts --dev
```

如果使用 v2版本
```
yarn add @mogul/mogul-scripts@2.x --dev
```

如果使用 v1版本
```
yarn add @mogul/mogul-scripts@1.x --dev
```

## start

```bash
create-mogul-app start
```

## build

```bash
create-mogul-app build
```


### 注意

`master` 分支为next标签，v1 版本开发请查看分支 [`v1x`](https://github.com/freshesx/mogul-scripts/tree/v1x)

###

![avatar](http://s2.quickmeme.com/img/1c/1cba02b056944308e72401de0acbf9dbb471aad66deea493613a633be13ab92d.jpg)
npm package: @mogusbi/jquery.equaliser
Description: Make the heights of elements on the same row the same
Author: Mo Gusbi
Latest version: 1.0.6

# jQuery Equaliser Plugin
> Make the heights of elements on the same row the same.

## Getting started
### NPM
Install package with NPM and add it to your dependencies:  
`npm install @mogusbi/jquery.equaliser --save`

## Introducing it to your page
Include jQuery and the plugin to your page and then select the elements you wish to set equal heights to and call the `equaliser` method.

```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    <div class="row">
      <div class="col-xs-4" data-equalise>...</div>
      <div class="col-xs-4" data-equalise>...</div>
      <div class="col-xs-4" data-equalise>...</div>
    </div>

    <script src="jquery.js"></script>
    <script src="jquery.equaliser.js"></script>
    <script>
      $('[data-equalise]').equaliser();
    </script>
  </body>
</html>
```

## License
Copyright &copy; Mo Gusbi.  
Licensed under the MIT license.
npm package: @mogusbi/jquery.navbar
Description: Slide navbar in and out of screen when you scroll up and down
Author: Mo Gusbi
Latest version: 1.0.0

# jQuery Navbar Plugin
> Slide navbar in and out of screen when you scroll up and down

## Getting started
### NPM
Install package with NPM and add it to your dependencies:
`npm install @mogusbi/jquery.navbar --save`

## Introducing it to your page
Include jQuery and the plugin to your page. Select your navbar and call the `navbar` method. This plugin will add a `is-hidden` class to the navbar as you scroll down the page and a `has-background` class when you are further down the page. Use your imagination to make your navbar interactive as your scroll up and down the page.

If the page isn't scrollable, a `no-scroll` class is added to the html tag.

```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    <nav class="navbar"></nav>

    <script src="jquery.js"></script>
    <script src="jquery.navbar.js"></script>
    <script>
      $('.navbar').navbar();
    </script>
  </body>
</html>
```

The CSS below gives you a nice slide in and out effect as you scroll

```css
.navbar {
  transition: all 500ms ease-in-out;
}

  .navbar.is-hidden {
    transform: translate(0,-100%);
    opacity: 0;
  }
```

## License
Copyright &copy; Mo Gusbi.
Licensed under the MIT license.
npm package: @mogusbi/jquery.resizetextarea
Description: Resize a textarea as you type
Author: Mo Gusbi
Latest version: 1.0.4

# jQuery Resize Textarea plugin
> Resize a textarea as you type.

## Getting started
### NPM
Install package with NPM and add it to your dependencies:
`npm install @mogusbi/jquery.resizetextarea --save`

## Introducing it to your page
Include jQuery, [CopyCSS](https://github.com/moagrius/copycss) and the plugin to your page. Select the textareas you wish have resize as you type with the `resizeTextarea` method.

```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    <textarea></textarea>

    <script src="jquery.js"></script>
    <script src="jquery.copycss.js"></script>
    <script src="jquery.resizetextarea.js"></script>
    <script>
      $('textarea').resizeTextarea();
    </script>
  </body>
</html>
```

It is also recommended to apply these styles to your textarea

```css
textarea {
  overflow: hidden;
  resize: none;
}
```

## License
Copyright &copy; Mo Gusbi.
Licensed under the MIT license.
npm package: @mogusbi/jquery.setfeaturedimage
Description: Set the correct srcset as the featured image background
Author: Mo Gusbi
Latest version: 1.0.0

# jQuery Set Featured Image Plugin
> Set the correct srcset as the featured image background

## Getting started
### NPM
Install package with NPM and add it to your dependencies:
`npm install @mogusbi/jquery.setfeaturedimage --save`

## Introducing it to your page
See the example below. Please note this will select the correct image and set it as the background image of the container, you'll then need to add some addition styles to make it look how you want it to look.

```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    <div class="featured-image">
      <picture>
        <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source media="(min-width: 768px)" srcset="image-768.png" />
        <!--[if IE 9]></video><![endif]-->
        <img src="image.png" data-featured-image-fill />
      </picture>
    </div>

    <script src="jquery.js"></script>
    <script src="jquery.setfeaturedimage.js"></script>
    <script>
      $('.featured-image').setFeaturedImage();
    </script>
  </body>
</html>
```

## License
Copyright &copy; Mo Gusbi.
Licensed under the MIT license.
npm package: @mogusbi/jquery.share
Description: Share current page on Facebook, Twitter, Google+ and WhatsApp
Author: Mo Gusbi
Latest version: 1.0.1

# jQuery Share plugin
> Share current page on Facebook, Twitter, Google+ and WhatsApp

## Getting started
### NPM
Install package with NPM and add it to your dependencies:
`npm install @mogusbi/jquery.share --save`

## Introducing it to your page
Include jQuery and the plugin to your page. Ensure you have your canonical and/or short link meta tags present as they will be used to generate the share link. Add the `data-share` attributes to your button and call the `share` method.

```html
<!doctype html>
<html>
  <head>
    <link href="http://mogusbi.co.uk" rel="canonical" />
    <link href="http://short.link" rel="shortlink" />
  </head>
  <body>
    <button type="button" data-share="facebook">Facebook</button>
    <button type="button" data-share="twitter">Twitter</button>
    <button type="button" data-share="google-plus">Google+</button>
    <button type="button" data-share="whatsapp">Whatsapp</button>

    <script src="jquery.js"></script>
    <script src="jquery.share.js"></script>
    <script>
      $('[data-share]').share();
    </script>
  </body>
</html>
```

## License
Copyright &copy; Mo Gusbi.
Licensed under the MIT license.
npm package: @mogusbi/jquery.trackedopacity
Description: Fade an element as you scroll down a page
Author: Mo Gusbi
Latest version: 1.0.0

# jQuery Tracked Opacity plugin
> Fade an element as you scroll down a page

## Getting started
### NPM
Install package with NPM and add it to your dependencies:
`npm install @mogusbi/jquery.trackedopacity --save`

## Introducing it to your page
Include jQuery and the plugin to your page. Select the element you wish to apply the fade and call the `trackedOpacity` method.

```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    <div class="opacity"></div>

    <script src="jquery.js"></script>
    <script src="jquery.trackedopacity.js"></script>
    <script>
      $('.opacity').trackedOpacity();
    </script>
  </body>
</html>
```

## License
Copyright &copy; Mo Gusbi.
Licensed under the MIT license.
npm package: @moguw/things_mcp
Description: MCP server for Things 3 task management via URL Scheme
Author: moguw
Latest version: 1.0.0

# Things MCP Server

一个用于通过URL Scheme与Things 3任务管理应用集成的MCP（Model Context Protocol）服务器。

## 功能特性

- ✅ 创建/更新/删除待办事项和项目
- ✅ 导航和搜索
- ✅ JSON批量导入

## 快速开始

### 1. 获取授权令牌

打开Things应用：`Things → Settings → General → Enable Things URLs → Manage`

### 2. 配置Claude Code MCP

在终端运行以下命令：

```bash
# 设置环境变量
export THINGS_AUTH_TOKEN="你的授权令牌"

# 添加 MCP 服务器
claude mcp add things --command "npx" --args "-y" "@moguw/things_mcp" --env "THINGS_AUTH_TOKEN=$THINGS_AUTH_TOKEN"
```

或者手动编辑配置文件（根据系统选择）：

**macOS**: `/Library/Application Support/ClaudeCode/managed-mcp.json`
**Windows**: `C:\ProgramData\ClaudeCode\managed-mcp.json`
**Linux**: `/etc/claude-code/managed-mcp.json`

```json
{
  "mcpServers": {
    "things": {
      "command": "npx",
      "args": ["-y", "@moguw/things_mcp"],
      "env": {
        "THINGS_AUTH_TOKEN": "你的授权令牌"
      }
    }
  }
}
```

### 3. 重启Claude Code（如果需要）

## 使用示例

在Claude Code中直接对话即可：

```
"帮我在Things中创建一个待办事项：明天给妈妈打电话"
"创建一个'学习Python'的项目"
"把ID为XXX的任务改为明天完成，并添加'紧急'标签"
"删除ID为XXX的待办事项"
```

## 可用工具

| 工具 | 说明 | 是否需要令牌 |
|------|------|--------------|
| `add_todo` | 创建待办事项 | ❌ |
| `add_project` | 创建项目 | ❌ |
| `update_todo` | 更新待办事项 | ✅ |
| `update_project` | 更新项目 | ✅ |
| `delete_todo` | 删除待办事项 | ✅ |
| `delete_project` | 删除项目 | ✅ |
| `show` | 导航到指定列表/项目 | ❌ |
| `search` | 搜索 | ❌ |
| `json_import` | JSON批量导入 | 视情况 |
| `get_version` | 获取版本信息 | ❌ |

详细参数说明请参考 [things_url.md](./things_url.md)

## 系统要求

- macOS (Things 3 仅支持 macOS 和 iOS)
- Node.js >= 18.0.0
- Things 3 应用

## 开发

```bash
# 从源码运行
git clone https://github.com/moguw/things_mcp.git
cd things-mcp
npm install
npm run dev

# 测试
npm test
```

## 许可证

MIT
npm package: @moh-tayyab0342/table-generator
Description: A TypeScript app that generates tables with custom columns and data, displaying them in the console with colorful animation.
Author: Muhammad Tayyab
Latest version: 2.4.0

## `Table Generator Project`

```
A command-line app built with TypeScript, Node.js, Inquirer, and ChalkAnimation that generates tables with custom columns and data. 
Users input table settings and data, and the app displays the table in the console with colorful animation, with optional file saving.

```