open-index/open-npm huggingface dataset:
npm package: @sanvyx/dependent_pages
Description: Receives absolute path to stateless react component and absolute path to folder with top level react pages. Returns a promise, which resolves to an array of pages.
Author: Andrei Stepanov
Latest version: 4.0.0

## getDependentPages

Receives absolute path to stateless react component and absolute path to folder with top level react pages. Returns a promise, which resolves to an array of pages.

#### Arguments

*__path__* - absolute path to stateless react component<br>
*__config__* - should include next fields:
* *__JSX_ROOT__* - absolute path to folder with root react pages<br>
* *__DIST__* - absolute path to distribution folder

#### Returns

Returns a promise, which resolves to an array of pages.<br>
Each page contains next props:
* *__module.exports__*
* *__body__* - jsx rendered to html
* *__data__* - complete html page, assembled from template
* *__path__* - absolute path to page
* *__to__* - absolute distribution path for page
npm package: @sanvyx/node_cache
Description: Set of methods for manipulating the require.cache
Author: Andrei Stepanov
Latest version: 1.0.2

## forget(data)
#### removes specified modules from require.cache

**_data_** - absolute path or array of absolute 
paths to node module(s)


## findDependents(path)
#### returns array of all dependent modules paths

**_path_** - absolute path to dependency module
npm package: @sanvyx/template
Description: Fills HTML template with data
Author: Andrei Stepanov
Latest version: 2.0.0

## fillTemplate

Fills template with page data.

#### Arguments

_**page**_ - object containing page data.<br> Data can contain next fields: _template, title, html, css, js_.

_**page.template**_ - absolute path to custom template file.<br> Template could be any html file with \<head\> and \<body\> tags present.

_**page.title**_ - should be a string.<br> It injected in the template header as \<title\> tag.

_**page.body**_ - should be a string. <br>It injected in the template body.

_**page.css**_ - can be either a string, an object,<br> array of strings, array of objects.

- If it's a string it injected in the template header as _**href**_ value of \<link\> tag.
- If it's an object it should contain _**path**_ field, which is used as value of _**href**_ and could contain optional field:
  - _**to**_ - define where to inject \<style\> tag. Possible values of the _**to**_ field are _**head**_ and _**body**_
- If it's array of strings or array of objects it injects multiple \<link\> tags.

_**page.js**_ can be either a string, an object,<br> array of strings or array of objects.

- If it's a string it injected in the template body as _**src**_ value of \<style\> tag.
- If it's an object it should contain _**path**_ field, which is used as value of _**src**_ and could contain optional fields:
  - _**to**_ - define where to inject \<style\> tag. Possible values of the _**to**_ field are _**head**_ and _**body**_
  - _**load**_ - determins loading style. Possible values are _**defer**_ and _**async**_
- If it's array of strings or array of objects it injects multiple \<script\> tags.

#### Returns

Returns template filled with page data.

---

```javascript

/* default template

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>

<body></body>

</html>

*/

const page = {
  title: 'My title',
  css: './main.css',
  js: [
    {
      path: './counter.js',
      to: 'head',
      load: 'async'
    },
    {
      path: './main.js',
      to: 'body',
      load: 'defer'
    }
  ],
  html: '<h1>Hello World</h1>',
}

const result = fillTemplate(page);

/* result

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>My title</title>
  <link rel="stylesheet" href="./main.css">
  <script src="./counter.js" async></script>
</head>

<body>
  <h1>Hello World</h1>
  <script src="./main.js" defer></script>
</body>

</html>

*/
```
npm package: @sanx/react-autocomplete
Description: react-autocomplete (combobox) =============================
Latest version: 0.0.3

react-autocomplete (combobox)
=============================

[WAI-ARIA][wai-aria] accessible [React][react] autocomplete component (combobox).

Installation
------------

`npm install react-autocomplete`

WIP
---

This is not production ready, but I welcome use-cases opened in the
issues :)

Demo
----

http://rackt.github.io/react-autocomplete/example/

Usage
-----

```js
var Autocomplete = require('react-autocomplete');

// its actually called a combobox, but noboby searches for that
var Combobox = Autocomplete.Combobox; 
var Option = Autocomplete.Option;

var comboboxinItUp = (

  // Just like <select><option/></select>, this component is a
  // composite component. This gives you complete control over
  // What is displayed inside the <Option>s as well as allowing
  // you to render whatever you want inside, like a "no results"
  // message that isn't interactive like the <Options> are.

  // Start with the <Combobox/> and give it some handlers.

  <Combobox
    onInput={handleInput}
    onSelect={handleSelect}
    autocomplete="both"
  >

    // `onInput` is called when the user is typing, it gets passed the
    // value from the input. This is your chance to filter the Options
    // and redraw. More realistically, you'd make a request to get data
    // and then redraw when it lands.
    //
    // `onSelect` is called when the user makes a selection, you probably
    // want to reset the Options to your full dataset again, or maybe
    // deal with the value and then clear it out if this is used to
    // populate a list.
    //
    // `autocomplete` defaults to 'both'. 'inline' will autocomplete the
    // first matched Option into the input value, 'list' will display a
    // list of choices, and of course, both does both.
 
    // When this option is selected, `onSelect` will be called with the
    // value `"foo"`.
    <Option value="foo">Foo</Option>

    // `label` is the text to display in the input when the Option is
    // selected. It defaults to the content of the Option just like a
    // real <option>. (Maybe the value should too, now that I'm writing
    // this, but it doesn't yet)
    <Option value="bar" label="not bar at all">Bar</Option>
  </Combobox>
);
```

This is not realistic code, check out the examples directory for a real
implementation.

  [wai-aria]:http://www.w3.org/TR/wai-aria/roles#combobox
  [react]:http://facebook.github.io/react/
npm package: @sanyueqi/web-components
Description: Web components
Author: san-yue-qi
Latest version: 1.1.1

# @sanyueqi/web-components

一个 Web 组件库，可能包含多种不同的组件，按需取用。

## 组件

### 🎯 Drag Waifu - 可拖动的 Spine 动画角色

创建可拖动的固定定位元素，支持 Spine 动画渲染。

**特性：**
- 🎯 创建可拖动的固定定位元素
- 🎨 支持 Spine 动画渲染
- ⚙️ 高度可配置
- 🧹 内置销毁方法，便于资源清理
- 🎪 边界检测，防止元素移出视口

### 🎭 SpineManager - Spine 动画管理器

专业的 Spine 动画管理工具，支持多个动画实例的动态加载和管理。

**特性：**
- 🚀 动态加载 Spine WebComponents 库
- 🎯 支持多个 Spine 动画实例管理
- 💫 自动创建和管理 Overlay
- 🧹 完整的资源释放机制
- 🔧 高度可配置的动画参数
- 📱 响应式容器支持

## 安装

### 通过 NPM 安装

```bash
npm install @sanyueqi/web-components
```

### 直接引入

```html
<!-- 引入 SpineManager -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/spine-manager.min.js"></script>

<!-- 引入 Drag Waifu -->
<script src="https://unpkg.com/@sanyueqi/web-components@1.0.1/dist/drag-waifu.min.js"></script>
```

## 依赖

- 现代浏览器支持 WebGL

## 浏览器支持

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 许可证

MIT License

---
npm package: @sanyuyu/eslint-config
Description: eslint config of syy
Author: wangetcat
Latest version: 0.0.1

- dependencies
  - @typescript-eslint/eslint-plugin
  - "@typescript-eslint/parser"
  - "eslint-config-airbnb-base"
  - "eslint-config-prettier": "^8.5.0"
  - "eslint-plugin-import": "^2.26.0"
  - "eslint-plugin-vue": "^9.1.1"
- devDependencies
  - enhanced-resolve
  - eslint
  - typescript
npm package: @sanyuyu/icons
Description: syy icons
Author: chenjiahan
Latest version: 0.0.1

# Vant Icons

## Install

```shell
# with npm
npm i @vant/icons

# with yarn
yarn add @vant/icons

# with pnpm
pnpm add @vant/icons
```

## Document

- [Usage in Vue](https://vant-ui.github.io/vant/#/zh-CN/icon)
- [Usage in Weapp](https://vant-ui.github.io/vant-weapp/#/icon)
npm package: @sanzaru/autover
Description: Simple tool to automatically increment the version number inside the pakage.json
Author: Martin Albrecht
Latest version: 0.0.7

# @sanzaru/autover
Simple tool to automatically increment the version number inside a pakage.json file of a nodeJS project. You can specify which part of the version to increment (major, minor, patch).

> **Note:** You have to use a semantic versioning. Any custom versioning scheme is not supported, yet. More information about semantic versioning can be found on https://semver.org

## Requirements
* NodeJS >= 10.x.x: http://nodejs.org

> The script could also run on older versions of NodeJS, but were never tested with them.

## Getting started
Install the package
```sh
npm install @sanzaru/autover --save-dev
```

To increment the version number you can either run the script manually

```sh
./node_modules/.bin/autover
```

or

```sh
node node_modules/@sanzaru/autover/dist/autover.js
```

or via npm script
```json
{
    "scripts": {
        "autover": "autover"
    }
}
```

This will increase the patch version inside the package.json file.

### Options
You can specify which part of the version number to change via command line arguments. Providing no arguments will increase the patch version.

**--major:** Increase the major version. This will set minor and patch to 0.

**--minor:** Increase the minor version. This will set patch to 0.

**--patch:** Increase the patch version.

**Example:**
```sh
./node_modules/.bin/autover --minor
```

```json
{
    "scripts": {
        "autover": "autover",
        "autover:minor": "autover --minor"
    }
}
```

After running the script the version inside the package.json file will be changed.

## Development
> This section is only revelant if you want to build your own version of autover. For simple usage the upper part of this document is all you need.

For the development repository visit: https://github.com/sanzaru/autover

### Installation
Install all dependencies
```sh
npm install
```

### Build the code
```sh
npm run build
```

**Important:** You should create a seperate package.json file for testing, otherwise you overwrite the project's version number.
npm package: @sanzaru/css-speech-bubble
Description: Demo: https://demo.seriousmonkey.de/css-speech-bubbles/
Author: Martin Albrecht
Latest version: 1.0.2

# css-speech-bubble

Demo: https://demo.seriousmonkey.de/css-speech-bubbles/

## Requirements
* NodeJS >10.15.x: http://nodejs.org

## Installation
Run
```npm install```
to install all dependencies.

## Build
Run
```npm run build```
to build the code. The output file will be put into the directoy _dist_.
npm package: @sanzenwin/vite-plugin-html-variables
Description: Vite plugin for html variables
Author: sanzenwin
Latest version: 0.1.4

# @sanzenwin/vite-plugin-html-variables

## Install

```bash
npm install @sanzenwin/vite-plugin-html-variables
```

Go to `example` folder, add your plugin, and start develop.

```ts
// example/vite.config.ts

import {PluginHtmlVar} from '@sanzenwin/vite-plugin-html-variables'
export default {
  plugins: [
      PluginHtmlVar()
  ],
}

```

Don't forget edit your `README.md` and the infos in `package.json`

## License

[MIT](./LICENSE) License © 2025 [sanzenwin](https://github.com/sanzenwin)
npm package: @sanzenwin/vite-plugin-jsonx
Description: This is a Vite plugin that enables you to import JSONC and JSON5 files as modules in your Vite project.
Author: Gokhan Taskan
Latest version: 1.1.2002

# vite-plugin-jsonx

This is a Vite plugin that enables you to import JSONC and JSON5 files as modules in your Vite project.

## Features

- Import JSON5 files as modules
- Import JSONC files as modules
- Customizable parse options for both JSON5 and JSONC files

## Installation

You can install the plugin using npm:

    npm install vite-plugin-jsonx --save-dev

Or you can use yarn:

    yarn add vite-plugin-jsonx --dev

## Usage

To use this plugin, first add it to your vite.config.js or vite.config.ts:

```js
import { jsonX } from 'vite-plugin-jsonx';

export default {
  plugins: [
    jsonX()
  ]
}
```

or with custom options: 

```js
export default {
  plugins: [
    jsonX({
      json5ParserOptions // optional, custom parser options for json5
      jsoncParserOptions // optional, custom parser options for jsonc
    })
  ]
}
```

Add the following to your `env.d.ts` file:

```ts
/// <reference types="vite-plugin-jsonx/client" />
```

With this setup, you can now import JSONC and JSON5 files in your application:

    import datac from './data.jsonc';
    import data5 from './data.json5';

## Options

This plugin supports the following options:

- `jsoncParserOptions`: An optional object with custom parsing options for JSONC files. For more information, [visit the documentation](https://onury.io/jsonc//api#jsonc.safe.parse).
- `json5ParserOptions`: An optional object with custom parsing options for JSON5 files. For more information, [visit the documentation](https://github.com/json5/json5#json5parse).
npm package: @sanzhisoft/szmap
Description: SzMap是基于Cesium进行二次开发的二、三维一体化WebGis应用框架，该框架优化了Cesium的使用并增加了一些附加功能，专为开发者快速构建WebGis应用而设计。
Author: Blackzzc
Latest version: 0.1.7

# SzMap

> `SzMap` 是基于开源项目 `Cesium` 进行二次开发的二、三维一体的 `WebGis` 应用框架，该框架优化了部分 `Cesium` 的使用方式和增添一些通用功能，旨在为开发者快速构建 `WebGis` 应用。

## 安装 Install

`NPM / YARN`


```shell
yarn add @sanzhisoft/szmap
-------------------------
npm install @sanzhisoft/szmap
```

```js
import * as SzMap from '@sanzhisoft/szmap/' 
import '@sanzhisoft/szmap/dist/szmap.min.css' 
```

```
请将 resources 放置工程根目录 libs/szmap 下，如果放置到其他目录下，框架将无法正常运行
```