open-index/open-npm huggingface dataset:
npm package: @ritishdas/garden
Description: This is a json to dom and vice versa convertor
Author: ritishdas
Latest version: 1.0.0

# Gardener DOM Toolkit

A lightweight development toolkit for declarative DOM manipulation, HTML-to-JSON parsing, and integrated hot-reloading.

## Features
* **Gardener:** Create complex DOM structures using JSON objects.
* **Parser:** Convert existing HTML/DOM elements into JSON format.
* **Hot Reload:** Built-in dev-mode hot reloading with persistent state.
* **SVG Support:** Seamlessly handles SVG elements and attributes.

## Installation

```bash
npm install gard
```

## Usage
### Declarative DOM

```
import { gardener, appendElement, fetchElement } from 'gardener-dom';

const myElement = gardener({
  t: 'div',
  cn: ['container'],
  children: [
    { t: 'h1', txt: 'Hello Gardener!' },
    { t: 'button', txt: 'Click Me', events: { click: () => alert('Clicked!') } }
  ]
});

appendElement(fetchElement('body'), myElement);
```

### HTML to JSON Parser

```
import { parser } from 'gardener-dom';

const json = parser(document.querySelector('#my-element'));
console.log(json);
```

---

### 3. `LICENSE`
Using the MIT license is the standard for open-source utilities.

```text
MIT License

Copyright (c) 2026

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @ritlabs/better-react-color
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Latest version: 2.19.5

# Better React Color

[![Npm Version][npm-version-image]][npm-version-url]
[![Build Status][travis-svg]][travis-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]

* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Make Your Own** - Use the building block components to make your own

## Installation & Usage

Using npm

```sh
npm install @ritlabs/better-react-color --save
```
or  
```sh
yarn add @ritlabs/better-react-color
```

### Include the Component

```js
import React from 'react'
import { SketchPicker } from '@ritlabs/better-react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}
```
You can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.

> 100% inline styles via [ReactCSS](http://reactcss.com/)

[travis-svg]: https://travis-ci.org/casesandberg/react-color.svg
[travis-url]: https://travis-ci.org/casesandberg/react-color
[license-image]: http://img.shields.io/npm/l/react-color.svg
[license-url]: LICENSE
[downloads-image]: http://img.shields.io/npm/dm/react-color.svg
[downloads-url]: http://npm-stat.com/charts.html?package=react-color
[npm-version-image]: https://img.shields.io/npm/v/react-color.svg
[npm-version-url]: https://www.npmjs.com/package/react-color
npm package: @ritmodoesporte/whatsapp-business-service
Description: This is a service to wrap the official whatsapp business api call e some other service providers
Author: nathan reuter
Latest version: 1.1.0

# Whatsapp Business Service #

This is a service to wrap the official whatsapp business api call e some other service providers

### Providers
- [360](https://www.360dialog.com/whatsapp-business-api)
- [Official](https://developers.facebook.com/docs/whatsapp/overview)

### Contribution guidelines ###

* Writing tests
* Code review
* Other guidelines

### How to publish this package?
To publish must occour in `@ritmodoesporte` organization
<br>Follow this tutorial for further references [Tutorial](https://snyk.io/blog/best-practices-create-modern-npm-package/)
npm package: @ritou11/thunet-reg
Description: register network in Tsinghua
Author: nogeek
Latest version: 0.3.3

# 清华校园网自动认证工具

[![npm](https://img.shields.io/npm/v/@ritou11/thunet-reg.svg?style=flat-square)](https://www.npmjs.com/package/@ritou11/thunet-reg)
[![npm](https://img.shields.io/npm/dt/@ritou11/thunet-reg.svg?style=flat-square)](https://www.npmjs.com/package/@ritou11/thunet-reg)
[![GitHub last commit](https://img.shields.io/github/last-commit/ritou11/thunet-reg.svg?style=flat-square)](https://github.com/ritou11/thunet-reg)
[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/ritou11/thunet-reg.svg?style=flat-square)](https://github.com/ritou11/thunet-reg)
[![license](https://img.shields.io/github/license/ritou11/thunet-reg.svg?style=flat-square)](https://github.com/ritou11/thunet-reg/blob/master/LICENSE.md)

> Author: Nogeek
>
> Email: ritou11@gmail.com

## 使用方法

1. ```yarn global add @ritou11/thunet-reg``` or ```npm i -g @ritou11/thunet-reg```
2. 默认配置文件 ```~/.thunet-reg```，格式如下：```<说明 | 默认值> [可选]```

   ```
   {
       "username": "<Username>",
       ["md5Password": "<Password hashed by MD5>",]
       ["password": "<Clear text password>",]
   }
   ```
* 其中md5Password仅可用于net.tsinghua的认证，使用auth.tsinghua则需要明文密码。
* 其中MD5可以[在线生成](http://www.miraclesalad.com/webtools/md5.php)。
3. 命令格式如下：
  ```
  thunet-reg [command]
Commands:
  thunet-reg login [<ip>]         Login my current IP
  thunet-reg logout               Logout my current IP
  thunet-reg auth [<ip>]          Register [current] IP with auth4
  thunet-reg unauth [<ip>]        Unregister [current] IP with auth4
  thunet-reg keeplogin [<delay>]  Keep current IP logged in by continuous
                                  trying
  thunet-reg keepauth [<delay>]   Keep current IP logged in by continuous
                                  trying
Options:
  --version           Show version number                              [boolean]
  -c, --config-file   Json file that contains username, md5_password and other
                      infomation.
                                             [string] [default: "~/.thunet-reg"]
  -u, --username      Username of your Tsinghua account.                [string]
  -p, --password      Plaintext password of your Tsinghua account.      [string]
  -m, --md5-password  MD5 password of your Tsinghua account.            [string]
  --help              Show help                                        [boolean]
  ```

## 协议

MIT
npm package: @ritou11/xuetangxd
Description: Download videos on next.xuetangx.com
Author: nogeek
Latest version: 1.0.1

# 学堂在线视频下载

[![npm](https://img.shields.io/npm/v/@ritou11/xuetangxd.svg?style=flat-square)](https://www.npmjs.com/package/@ritou11/xuetangxd)
[![npm](https://img.shields.io/npm/dt/@ritou11/xuetangxd.svg?style=flat-square)](https://www.npmjs.com/package/@ritou11/xuetangxd)
[![GitHub last commit](https://img.shields.io/github/last-commit/ritou11/xuetangxd.svg?style=flat-square)](https://github.com/ritou11/xuetangxd)
[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/ritou11/xuetangxd.svg?style=flat-square)](https://github.com/ritou11/xuetangxd)
[![license](https://img.shields.io/github/license/ritou11/xuetangxd.svg?style=flat-square)](https://github.com/ritou11/xuetangxd/blob/master/LICENSE.md)

> Author: Nogeek
>
> Email: ritou11@gmail.com

## 使用方法

1. ```yarn global add @ritou11/xuetangxd``` or ```npm i -g @ritou11/xuetangxd```
2. 默认配置文件 ```~/.xuetangxd```，格式如下：```<说明 | 默认值> [可选]```

   ```
   {
       "username": "<Username>",
       ["rsaPassword": "<Password hashed by RSA>",]
       ["password": "<Clear text password>",]
   }
   ```
* 其中rsaPassword可在输入明文密码后使用`xuetangxd dryrun`查看。
3. 命令说明：
```
xuetangxd [command]

Commands:
  xuetangxd dryrun                    show the info & donnot execute
  xuetangxd prepare [<cid>] [<sign>]  prepare the course cache file
  xuetangxd fetch                     fetch the course videos
  xuetangxd down [<cid>] [<sign>]     get the course video links

Options:
  --version           Show version number                              [boolean]
  -c, --config-file   Json file that contains username, md5_password and other
                      infomation.             [string] [default: "~/.xuetangxd"]
  -u, --username      Username of your account.                         [string]
  -p, --password      Plaintext password of your account.               [string]
  -m, --rsa-password  RSA password of your account.                     [string]
  -f, --cache-file    Use specified cache file to start                 [string]
  -o, --output-file   output cache file to the path                     [string]
  -q, --quality       High quality or not                              [boolean]
  --help              Show help                                        [boolean]
```
4. `<cid>`和`<sign>`从课程链接中获取，格式为`https://next.xuetangx.com/course/<sign>/<cid>`.

## TODO

1. 课程代码从课程链接中解析
2. 导出aria2格式的课程视频下载种子
3. 完善异常处理

## 协议

MIT