open-index/open-npm huggingface dataset:
npm package: @styzy/vant-area-data-fix
Description: Vant 省市区数据
Author: chenjiahan
Latest version: 2.1.0

# 本项目是对 Vant 省市区数据的一个 fork 版本，主要用于解决官方package.json未定义微信小程序构建npm入口参数导致无法正常构建npm的问题

# Vant China Area Data

中国省市区数据，适用于 Vant 的 Area 和 Cascader 等组件。

## 安装

```shell
# 通过 npm
npm i @vant/area-data

# 通过 yarn
yarn add @vant/area-data

# 通过 pnpm
pnpm add @vant/area-data

# 通过 Bun
bun add @vant/area-data
```

## 使用

在 Vant 的 Area 组件中使用时，直接引用 `areaList` 对象即可：

```ts
import { areaList } from '@vant/area-data';
```

在 Vant 的 Cascader 组件中使用时，请使用 `useCascaderAreaData` 方法：

```ts
import { useCascaderAreaData } from '@vant/area-data';

const cascaderAreaData = useCascaderAreaData();
```

## 数据更新

中国的行政区划每年都会有变动，如果发现省市区数据未及时更新，欢迎提 Pull Request 帮助我们更新。你可以在[「国家统计局 - 全国区划代码」](http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/) 和[「民政部 - 行政区划代码」](https://www.mca.gov.cn/article/sj/xzqh/1980/)上查询到最新数据，请根据官方数据进行核实。
npm package: @styzy/vue-amap
Description: An AMap Plugins For Vue.js
Author: STYZY
Latest version: 1.4.2

# vue-amap

> 一款支持 Vue.js 2.x 版本的高德地图插件

`vue-amap` 是一款适用于 `vue2` 的高德地图插件。

`vue-amap` 封装了大部分的高德地图原生组件，方便在 `Vue` 项目内使用。同时为了方便满足定制化开发的需求，内置了高德地图的加载器，可以手动加载高德地图。

## 安装

### npm

```
npm install -S @styzy/vue-amap
```

### yarn

```bash
yarn add @styzy/vue-amap
```

## 使用

### 引入

在 vue 实例化 `main.js` 中使用它

```javascript
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import VueAMap from '@styzy/vue-amap'

Vue.config.productionTip = false

// 安装
Vue.use(VueAMap)

// 加载高德地图
VueAMap.initAMap({
    // 高德地图秘钥
    key: 'key',
    // SDK 版本
    version: '1.4.13',
    // UI库 版本
    uiVersion: '1.0',
    // 自定义引入的高德地图插件
    plugins: [
        'AMap.Geocoder',
        'AMap.DistrictSearch',
        'AMap.PlaceSearch',
        'AMap.Autocomplete',
        'AMap.PolyEditor'
    ],
    globalMapOptions: {
        // 全局高德地图参数
    }
})

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')
```
npm package: @styzy/vue-popup
Description: A Popup Plugins For Vue.js
Author: STYZY
Latest version: 2.6.1

## 请注意：目前最新版本为 `2.6.1` ，这也是适配 `Vue2.x` 的最后一个版本，因为 `Vue3.x` 已经发布，后续该插件将不再维护，如需 `Vue3.x` 版本的插件，请查看 [vue-popup-plus](https://github.com/styzy/vue-popup-plus) 。

# vue-popup

> 一款支持 Vue.js 2.x 版本的弹出层插件

`vue-popup` 是一款适用于 `vue2` 的弹出层插件。

`vue-popup` 具有部署方便、可自由扩展、可针对需求二次开发的优点，内置的API满足大部分的开发需求。

## 安装

### npm

```
npm install -S @styzy/vue-popup
```

### yarn

```bash
yarn add @styzy/vue-popup
```

## 使用

### 初始化

```javascript
import Vue from 'vue'
import Popup from '@styzy/vue-popup'

Vue.use(Popup)

const popup = new Popup({
    // 默认值：1000
    zIndex: 5000,
})
```

### 调用

```javascript
// 打开弹出层
const close = popup.render({
    component: () => import('path/Test.vue')
})

// 关闭弹出层
close()
```

## 文档

所有的使用教程和 API 可以通过 [官方文档](http://vue-popup.styzy.cn/#/) 进行查看
npm package: @styzy/vue-tab-router
Description: A Tab Router Plugins For Vue.js
Author: STYZY
Latest version: 0.10.0

# vue-tab-router

> 一款支持 Vue.js 2.x 版本的标签页路由框架

`vue-tab-router` 是一款适用于 `vue2` 的标签页路由插件，通过简单地安装和配置，开发者可以获得类似于 `vue-router` 路由的开发体验。

`vue-tab-router` 具有部署方便、可自由扩展、可针对需求二次开发的优点，内置的API满足大部分的开发需求。

## 安装

### npm

```
npm install -S @styzy/vue-tab-router
```

### yarn

```bash
yarn add @styzy/vue-tab-router
```

## 使用

### 引入

在你的 vue 项目的 `src` 目录中，创建 `tabRouter.js` ，类似 `router.js`

```es6
//tabRouter.js
import Vue from 'vue'
import VueTabRouter from '@styzy/vue-tab-router'

Vue.use(VueTabRouter)

const routes = [
	{
		title: '欢迎',
		path: '/helloworld',
		name: 'HelloWorld',
		component: () => import('@/views/HelloWorld.vue')
	}
]

const tabRouter = new VueTabRouter({
	routes
})

export default tabRouter
```

在 vue 实例化 `main.js` 中使用它

```es6
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import tabRouter from './tabRouter'
import store from './store'

Vue.config.productionTip = false

new Vue({
	tabRouter,
	router,
	store,
	render: h => h(App)
}).$mount('#app')
```

好了，你可以在你的代码中尽情享受 `vue-tab-router` 给你带来的开发乐趣了。

## 文档

所有的使用教程和 API 可以通过 [官方文档](http://vue-tab-router.styzy.cn) 进行查看

## 示例

所有的示例已经集成在了 [官方文档](http://vue-tab-router.styzy.cn) 中。
npm package: @stza.by/demo-package
Description: Sample package
Author: Stsiapan Zayalenchyts
Latest version: 1.0.0

# Sample package

## Installation

```bash
npm install @stza.by/demo-package
```

## Usage

```js
import { sum } from "@stza.by/demo-package";
console.log(sum(10, 12));
```
npm package: @stza.by/temperature-converter
Description: Converts temperatures between Fahrenheit and Celsius
Author: stza
Latest version: 1.0.0

# Temperature Converter Module

A simple Node.js module for converting temperatures between Fahrenheit and Celsius.

# Example usage

```js
const {
  fahrenheitToCelsius,
  celsiusToFahrenheit,
} = require("@stza.by/temperature-converter");

const celsius = fahrenheitToCelsius(100);
console.log(`100°F is ${celsius}°C`);

const fahrenheit = celsiusToFahrenheit(37);
console.log(`37°C is ${fahrenheit}°F`);
```
npm package: @stzhu/browser-logger
Description: Package for logging in browsers with styling.
Author: Steve Zhu
Latest version: 1.1.1

[![npm](https://img.shields.io/npm/v/@stzhu/browser-logger.svg)](https://www.npmjs.com/package/@stzhu/browser-logger)
[![GitHub](https://img.shields.io/github/license/stevezhu/browser-logger.svg)](https://github.com/stevezhu/browser-logger/blob/master/LICENSE)
[![Build Status](https://travis-ci.com/stevezhu/browser-logger.svg)](https://travis-ci.com/stevezhu/browser-logger)
[![Coverage Status](https://coveralls.io/repos/github/stevezhu/browser-logger/badge.svg)](https://coveralls.io/github/stevezhu/browser-logger)
[![devDependencies Status](https://david-dm.org/stevezhu/browser-logger/dev-status.svg)](https://david-dm.org/stevezhu/browser-logger?type=dev)

Package for logging in browsers with styling.
npm package: @stzhu/console-style-tag
Description: Package for styling console logs in developer tools.
Author: Steve Zhu
Latest version: 1.0.1

[![npm](https://img.shields.io/npm/v/@stzhu/console-style-tag.svg)](https://www.npmjs.com/package/@stzhu/console-style-tag)
[![GitHub](https://img.shields.io/github/license/stevezhu/console-style-tag.svg)](https://github.com/stevezhu/console-style-tag/blob/master/LICENSE)
[![Build Status](https://travis-ci.com/stevezhu/console-style-tag.svg)](https://travis-ci.com/stevezhu/console-style-tag)
[![Coverage Status](https://coveralls.io/repos/github/stevezhu/console-style-tag/badge.svg?branch=master)](https://coveralls.io/github/stevezhu/console-style-tag?branch=master)
[![devDependencies Status](https://david-dm.org/stevezhu/console-style-tag/dev-status.svg)](https://david-dm.org/stevezhu/console-style-tag?type=dev)

Package for styling console logs in developer tools.

# Usage

1. Styling

    The styles can be given as an object. Each key matches the index of the interpolated variable. In the following case, the style would apply to the word `'text'`.
      ```javascript
      consoleStyle({ 1: 'color: red' })`This is some ${'styled'} ${'text'}.`
      ```

    Styles can also be given as an array. Each index matches the index of the interpolated variable.
      ```javascript
      consoleStyle(['color: blue', 'color: red'])`This is some ${'styled'} ${'text'}.`
      ```

    Falsy styles are ignored.
      ```javascript
      consoleStyle([ undefined, 'color: red' ])`This is some ${'styled'} ${'text'}.`
      ```

2. The output can then be passed to `console.log` using the spread operator.
    ```javascript
    const output = consoleStyle([ undefined, 'color: red' ])`This is some ${'styled'} ${'text'}.`
    console.log(...output)
    ```
npm package: @stzhu/metro-ts-resolver
Description: A custom Metro resolver that enables `.js` extensions for TypeScript imports
Author: Steve Zhu
Latest version: 0.1.5

# @stzhu/metro-ts-resolver

A custom Metro resolver that enables `.js` extensions for TypeScript imports in React Native projects.

## The Problem

TypeScript allows the use `.js` extensions in import statements, while the actual files are `.ts` or `.tsx`:

```typescript
// The file is actually Button.tsx, but you import it as .js
import { Button } from './Button.js';
```

Metro's default resolver doesn't support this pattern and tries to resolve to the `.js` file. If you choose to use `.js` extensions in your TypeScript imports, Metro fails to resolve them to the actual `.ts`/`.tsx` files, causing resolution errors.

This package adds support for this pattern by using TypeScript's own module resolution to correctly map `.js` imports to their corresponding TypeScript files.

## Installation

```bash
pnpm add -D @stzhu/metro-ts-resolver
```

## Usage

Update your `metro.config.js` to use the custom resolver:

```javascript
const { createTsResolveRequest } = require('@stzhu/metro-ts-resolver');

const config = {
  /// ...
};

module.exports = {
  ...config,
  resolver: {
    ...config.resolver,
    resolveRequest: createTsResolveRequest({
      projectDir: __dirname,
      // Optional: specify a custom tsconfig filename
      // tsconfigName: 'tsconfig.json'
    }),
  },
};
```

That's it! Now you can use ESM-style imports in your TypeScript files:

```typescript
// App.tsx
import { Button } from './components/Button.js'; // ✅ Works!
// or
import { Button } from '@workspace/ui/Button.js'; // ✅ Works!
```

## How It Works

When Metro encounters a `.js` import from a TypeScript file, this resolver:

1. Uses TypeScript's module resolution to find the actual file (`.ts`, `.tsx`, etc.)
2. Resolves the import with the correct extension
3. Falls back to Metro's default resolution for all other cases

The resolver respects your `tsconfig.json` configuration, including `paths`, `baseUrl`, and other module resolution settings.

## Requirements

- Metro >= 0.83.0
- TypeScript 5.x or 6.x

## References

- [Metro Issue #886: ESM TypeScript support in the metro-resolver](https://github.com/facebook/metro/issues/886#issuecomment-3452291436)
- [Metro Resolution Documentation](https://metrobundler.dev/docs/resolution/)
- [Expo: Customizing Metro](https://docs.expo.dev/guides/customizing-metro/)
- [TypeScript Issue #49083: ESM module resolution](https://github.com/microsoft/TypeScript/issues/49083)
npm package: @stzhu/prettier-plugin-tsconfig
Description: Prettier plugin to sort tsconfig.json files.
Author: Steve Zhu
Latest version: 0.7.3

# prettier-plugin-tsconfig

Prettier plugin to sort tsconfig.json files.

## Generating sort order map

```
pnpm run generate
```

This updates the generate sort order map json with the latest values scraped from the tsconfig reference website: https://www.typescriptlang.org/tsconfig.
npm package: @stzhu/skills
Description: Skills CLI
Author: Steve Zhu
Latest version: 0.4.0

# @stzhu/skills

A collection of CLI tools (skills) for AI agents and developers.

## Installation

```bash
pnpm add @stzhu/skills
```

## Usage

The CLI is available as `stz-skills`. You can also run it via `pnpx`:

```bash
pnpx @stzhu/skills <command>
```

### Agent Logbook

Manage and validate AI agent activity logs in the `.agent-logbook/` directory.

#### Get Session Stats

Retrieve token usage and model information for a specific agent session.

```bash
# For Claude Code
pnpx @stzhu/skills agent-logbook stats <session-id> --agent claudecode

# For Gemini CLI
pnpx @stzhu/skills agent-logbook stats <session-id> --agent geminicli
```

#### Validate Logbook Files

Validate the filenames and frontmatter of your logbook entries.

```bash
# Validate all files in .agent-logbook/
pnpx @stzhu/skills agent-logbook validate

# Validate a specific file or directory
pnpx @stzhu/skills agent-logbook validate .agent-logbook/activity/
```

## License

MIT
npm package: @stzhu/tsconfig
Description: Shared config for TypeScript
Author: Steve Zhu
Latest version: 0.5.0

# @stzhu/tsconfig

## Installation

```bash
pnpm i -D @stzhu/tsconfig
```

## Usage

After installation, extend the relevant configuration in your `tsconfig.json`.

```json
{
  "extends": "@stzhu/tsconfig/tsconfig.react.json"
}
```

## Configs

### `tsconfig.base.json`

Shared base config with strict type-checking and modern defaults. Not intended to be used directly — extend one of the configs below instead.

### `tsconfig.node.json`

For Node.js projects. Uses `nodenext` module resolution and `erasableSyntaxOnly` for compatibility with Node's native TypeScript support.

### `tsconfig.bun.json`

For Bun projects. Uses `bundler` module resolution with `module: "preserve"`.

### `tsconfig.lib.json`

For libraries built with a bundler (e.g. tsup, Vite library mode). Uses `bundler` module resolution with `module: "preserve"`. Similar to the Bun config but without `lib: ["ESNext"]` so consumers can set their own lib target.

### `tsconfig.react.json`

For React projects built with a bundler (e.g. Vite, Next.js). Extends the bundler setup with `jsx: "react-jsx"`.