open-index/open-npm huggingface dataset:
npm package: @mxweb/core
Description: A NestJS-inspired backend framework for Next.js App Router with dependency injection, guards, interceptors, and modular architecture
Author: MXWeb Team
Latest version: 1.2.0

# @mxweb/core

A NestJS-inspired backend framework for Next.js App Router.

> ⚠️ **Security Notice (CVE-2025-55182)**
> 
> This vulnerability affects Next.js. Please ensure you are using a patched version of Next.js:
> - Next.js 16.x: Use version `16.0.7` or later
> - Next.js 15.x: Use version `15.1.7` or later
> - Next.js 14.x: Use version `14.2.25` or later
> 
> ```bash
> npm install next@latest
> ```
> 
> For more details, see the [Next.js security advisory](https://github.com/vercel/next.js/security/advisories).

## Features

- 🏗️ **Feature-based Architecture** - Modular design with Features, Controllers, and Services
- 💉 **Dependency Injection** - Built-in DI container for managing dependencies
- 🛡️ **Guards & Interceptors** - Request lifecycle hooks for auth, logging, and more
- 🔄 **Pipes & Filters** - Data transformation and exception handling
- 🎯 **Decorators** - Intuitive decorators for clean, declarative code
- 📦 **Request Scoping** - AsyncLocalStorage-based request context

## Installation

```bash
npm install @mxweb/core
# or
yarn add @mxweb/core
# or
pnpm add @mxweb/core
```

## Quick Start

```ts
// app/api/[[...path]]/route.ts
import { Application } from "@mxweb/core";
import "@/features/product.feature";

const app = Application.create({});

export const GET = app.GET;
export const POST = app.POST;
export const PUT = app.PUT;
export const PATCH = app.PATCH;
export const DELETE = app.DELETE;
```

## Documentation

For detailed documentation, guides, and API reference, visit:

👉 **[https://docs.mxweb.io](https://docs.mxweb.io)**

## License

MIT
npm package: @mxweb/db
Description: Database management package for MxWeb Framework - TypeORM-based connection, entity, repository, and migration support for Next.js App Router
Author: MXWeb Team
Latest version: 1.1.0

# @mxweb/db

Database management package for [MXWeb Framework](https://mxweb.io) - A NestJS-inspired framework for Next.js App Router.

## Features

- 🔌 **Multi-database support** - PostgreSQL, MySQL, MariaDB, MongoDB
- 🔄 **Connection management** - Singleton pattern with automatic retry
- 📦 **Entity schema** - Decorator-free entity definitions
- 🗄️ **Repository pattern** - Type-safe CRUD with built-in pagination
- 📋 **Migration support** - Schema migrations for SQL databases
- ⚡ **TypeORM powered** - Built on top of TypeORM

## Installation

```bash
npm install @mxweb/core @mxweb/db typeorm
# or
yarn add @mxweb/core @mxweb/db typeorm
```

Install your database driver:

```bash
# PostgreSQL
npm install pg

# MySQL
npm install mysql2

# MariaDB
npm install mariadb

# MongoDB
npm install mongodb
```

## Quick Start

```typescript
import { Application } from "@mxweb/core";
import { Connection, Migration } from "@mxweb/db";

const app = Application.create({
  injects: async () => ({
    db: Connection.forRoot(Connection.postgresql({
      host: process.env.DB_HOST,
      database: process.env.DB_NAME,
    })),
    migration: Migration.forRoot({ autoRun: true }),
  }),
});
```

## Documentation

For complete documentation, visit **[docs.mxweb.io](https://docs.mxweb.io)**

- [Connection](https://docs.mxweb.io/db/connection) - Database connection setup
- [Entity](https://docs.mxweb.io/db/entity) - Schema definitions
- [Repository](https://docs.mxweb.io/db/repository) - Data access patterns
- [Migration](https://docs.mxweb.io/db/migration) - Schema migrations

## License

MIT © [MXWeb Team](https://mxweb.io)
npm package: @mxweb/router
Description: A lightweight router for Next.js App Router adhoc features with built-in and adapter-based navigation support
Author: MxWeb Team
Latest version: 1.1.0

# @mxweb/router

A lightweight router for Next.js App Router adhoc features. Supports both built-in browser navigation and Next.js navigation for seamless routing within embedded applications.

## Installation

```bash
npm install @mxweb/router
# or
yarn add @mxweb/router
# or
pnpm add @mxweb/router
```

## Quick Start

```tsx
import { Router, Route, Link, useRouter } from '@mxweb/router';
import { useRouter as useNextRouter } from 'next/navigation';

function MyAdhocFeature() {
  const nextRouter = useNextRouter();

  return (
    <Router basename="/my-feature" adapter={nextRouter}>
      <nav>
        <Link href="/">Home</Link>
        <Link href="/settings">Settings</Link>
      </nav>
      
      <Route index element={HomePage} />
      <Route path="settings" element={SettingsPage} />
    </Router>
  );
}

function HomePage({ navigation }) {
  return <button onClick={() => navigation.push('/settings')}>Go to Settings</button>;
}

function SettingsPage({ navigation }) {
  return <button onClick={() => navigation.pop()}>Go Back</button>;
}
```

## Documentation

For full documentation, visit **[docs.mxweb.io/router](https://docs.mxweb.io/router)**

## License

MIT © MxWeb
npm package: @mxweb/store
Description: Lightweight reactive state management library with TTL caching, API response handling, browser storage watching, and React integration
Author: MxWeb Team
Latest version: 2.0.2

# @mxweb/store

Lightweight reactive state management library with TTL caching, API response handling, browser storage watching, and React integration.

## Features

- 🚀 **Lightweight** - Minimal footprint, zero unnecessary dependencies
- ⚡ **Reactive** - Event-based state updates with subscription system
- 🔄 **TTL Caching** - Automatic cache invalidation with time-to-live support
- 🌐 **API Management** - Built-in fetch, refetch, and debounce for API responses
- 💾 **Storage Watcher** - Reactive monitoring of cookies, localStorage, and sessionStorage
- ⚛️ **React Integration** - Context provider and hooks for seamless React usage
- 📦 **TypeScript** - Full type safety with comprehensive type definitions
- 🖥️ **SSR Ready** - Safe to use in server-side rendering environments

## Installation

```bash
npm install @mxweb/store
# or
yarn add @mxweb/store
# or
pnpm add @mxweb/store
```

## Quick Start

```typescript
import { StoreBase } from "@mxweb/store";

interface AppState {
  count: number;
}

class CounterStore extends StoreBase<AppState> {
  constructor() {
    super({ count: 0 });
  }

  increment() {
    return this.setState({ count: this.state.count + 1 });
  }
}

const store = new CounterStore();
store.onStateChange(() => console.log(store.getState()));
store.increment(); // { count: 1 }
```

## Documentation

For full documentation, API reference, and examples, visit **[docs.mxweb.io/store](https://docs.mxweb.io/store)**.

## License

MIT © [MxWeb Team](https://mxweb.io)
npm package: @mxweb/utils
Description: A comprehensive collection of TypeScript utilities for modern web development
Author: MXWeb Team
Latest version: 0.0.6

# @mxweb/utils

A comprehensive collection of TypeScript utilities for modern web development.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.9+-blue.svg)](https://www.typescriptlang.org/)
[![npm version](https://img.shields.io/npm/v/@mxweb/utils.svg)](https://www.npmjs.com/package/@mxweb/utils)

## Installation

```bash
# npm
npm install @mxweb/utils

# yarn
yarn add @mxweb/utils

# pnpm
pnpm add @mxweb/utils

# bun
bun add @mxweb/utils
```

## Features

- 💾 **Storage Management** - localStorage, sessionStorage, cookies
- 🔧 **String Utilities** - Case conversion, URI encoding, interpolation
- 📦 **Object Utilities** - Flattening, type checking, property access
- 📊 **Data Formatting** - File size formatting
- 🌍 **Environment Variables** - Cross-framework env access
- ⏱️ **Async Utilities** - Sleep, retry, rate limiting
- 📝 **Array Utilities** - Chunking, batch processing
- 🔒 **Type-Safe** - Full TypeScript support
- 🎯 **Tree-Shakeable** - Optimal bundle size

## Quick Start

```typescript
// Import everything
import * as utils from "@mxweb/utils";

// Import specific utilities
import { storage, chunk, formatSize } from "@mxweb/utils";

// Import from specific modules (tree-shaking)
import { storage } from "@mxweb/utils/storage";
import { chunk } from "@mxweb/utils/chunk";
```

## Documentation

📖 **Full documentation available at: [https://docs.mxweb.io/utilities](https://docs.mxweb.io/utilities)**

## License

MIT © [MXWeb Team](https://github.com/mxwebio)
npm package: @mxy-cli/cli
Description: command line tool, for creating javascript library
Author: mxydl2009@163.com
Latest version: 1.0.9

# `@mxy-cli/cli`

## description

## Usage

### global install

`npm install @mxy-cli/cli -g`

then use like the below

```bash
# create library
mxy create

# show version
mxy --version
```
npm package: @mxy-cli/commitizen-init
Description: init commitizen config
Author: mxydl2009@163.com
Latest version: 1.0.7

# `@mxy-cli/commitizen-init`

## description

init commitizen config in the current project.

## Usage

```
const commitizenModule = require('@mxy-cli/commitizen-init');
// return package.json fragment, then this fragment will be merged to the last package.json
const pkgFragment = commitizenModule.init({commitizen: true});
```
npm package: @mxy-cli/commitlint-init
Description: init commitlint config
Author: mxydl2009@163.com
Latest version: 1.0.7

# `@mxy-cli/commitlint-init`

## description

init commitlint config in the current project.

## Usage

```
const commitlintModule = require('@mxy-cli/commitlint-init');
// return package.json fragment, then this fragment will be merged to the last package.json
const pkgFragment = commitlintModule.init({commitlint: true});
```
npm package: @mxy-cli/eslint-init
Description: init eslint config
Author: mxydl2009@163.com
Latest version: 1.0.7

# `@mxy-cli/eslint-init`

## description

init eslint config in the current project.

## Usage

```
const eslintModule = require('@mxy-cli/eslint-init');
// return package.json fragment, then this fragment will be merged to the last package.json
const pkgFragment = eslintModule.init({eslint: true});
```
npm package: @mxy-cli/husky-init
Description: init husky config
Author: mxydl2009@163.com
Latest version: 1.0.7

# `@mxy-cli/husky-init`

## description

init husky config in the current project.

## Usage

```
const huskyModule = require('@mxy-cli/husky-init');
// return package.json fragment, then this fragment will be merged to the last package.json
const pkgFragment = await huskyModule.init({husky: true});
```
npm package: @mxy-cli/prettier-init
Description: init prettier config
Author: mxydl2009@163.com
Latest version: 1.0.7

# `@mxy-cli/prettier-init`

## description

init prettier config in the current project.

## Usage

```
const prettierModule = require('@mxy-cli/prettier-init');
// return package.json fragment, then this fragment will be merged to the last package.json
const pkgFragment = prettierModule.init({prettier: true});
```
npm package: @mxydl2009/lib-template
Description: a template for writing javascript library
Latest version: 2.2.1

## JavaScript 库模板

- 创建 JavaScript 库的模板;
- 集成 Rollup 打包构建, 构建产物包含 ES Module 规范和 CommonJS 规范的代码;
- 集成 babel 转译（打包构建、nyc 收集测试覆盖率）;
- 集成 mocha 测试，nyc 收集测试覆盖率;
- 集成 jsdoc 相关工具，生成文档（HTML 和 Markdown 格式, markdown 文本写入 READMD.md 文件）;
- 添加 npm version hook 命令和脚本，在更改 version 前提示检查，更改 version 后自动 git 提交、推送，自动 npm publish;
npm package: @mxyhi/tsgo
Description: typescript-go npm release(unofficial)
Latest version: 2025.9.24-18

# TypeScript-Go 非官方 NPM 包

[English Documentation](./README.md)

本包提供了 [Microsoft 的 TypeScript-Go](https://github.com/microsoft/typescript-go) 项目的非官方 NPM 发行版，该项目是 TypeScript 的基于 Go 的移植版本。

## ⚠️ 重要提示

这**不是**来自 TypeScript 团队的官方包。它仅作为测试和评估目的而发布。TypeScript-Go 项目仍在积极开发中，被视为实验性项目。

根据[此讨论](https://github.com/microsoft/typescript-go/discussions/466)，官方团队目前没有计划发布 NPM 包，因为该项目仍然非常不完整。

## 为什么存在这个包

这个非官方包允许开发者：

- 无需从源代码构建即可尝试 TypeScript-Go
- 测试与现有工具的集成
- 体验基于 Go 的 TypeScript 实现

## 安装

```bash
npm install @mxyhi/tsgo
```

## 使用方法

本包提供了 `tsgo` 二进制文件，其功能类似于 `tsc`：

```bash
# 检查 TypeScript 文件（类似于 tsc）
npx tsgo tsc path/to/file.ts

# 使用 tsconfig.json 文件
npx tsgo tsc --project path/to/tsconfig.json
```

对于 LSP（语言服务器协议）的使用，请参考[官方仓库](https://github.com/microsoft/typescript-go)获取设置说明。

## 构建计划

该包每 6 小时自动构建并发布一次，在 UTC 时间的 00:00、06:00、12:00 和 18:00。每次构建都包括 TypeScript-Go 仓库的最新更改。

## 当前限制

如官方仓库所述，TypeScript-Go 仍在开发中，许多功能尚未完成。当前限制包括：

- 不支持所有解析模式
- JavaScript 特定的推断和 JSDoc 尚未准备就绪
- JSX 支持尚未准备就绪
- 声明生成尚未准备就绪
- 生成（JS 输出）正在进行中（仅良好支持 `target: esnext`）
- 监视模式仅为原型
- 构建模式/项目引用尚未准备就绪
- 增量构建尚未准备就绪
- 语言服务（LSP）仅为原型，具有最小功能

## 更新

随着 TypeScript-Go 仓库取得重大进展，这个非官方包将定期更新。当官方团队决定发布官方包时，这个非官方包将被弃用，转而支持官方包。

## 贡献

对于与 TypeScript-Go 本身相关的问题，请在[官方仓库](https://github.com/microsoft/typescript-go)中提交。

对于特定于此 NPM 包发行版的问题，请在 <https://github.com/mxyhi/tsgo-npm-release> 中提交。

## 许可证

TypeScript 项目采用 [Apache License 2.0](https://github.com/microsoft/typescript-go/blob/main/LICENSE) 许可。
npm package: @my-antd-ui/components
Description: Core UI components for My Antd UI library
Latest version: 1.1.3

# @my-antd-ui/components

My Antd UI 是一个基于 Vue 3 和 TypeScript 开发的高性能组件库。它不仅提供了常用的基础组件，还包含了高性能的虚拟列表等高级组件。

## ✨ 特性

- 🚀 **高性能**: 包含针对大数据量优化的虚拟列表组件。
- 📦 **轻量级**: 按需引入，减少包体积。
- 📝 **TypeScript 支持**: 提供完整的类型定义文件。
- 🎨 **样式灵活**: 使用 BEM 命名规范，方便自定义主题。

## 📦 安装

```bash
pnpm add @my-antd-ui/components @my-antd-ui/theme @my-antd-ui/utils
```

## 🔨 包含组件

### 基础组件 (General)
- **Button**: 提供多种类型（primary, success, danger 等）和禁用状态的按钮。
- **Icon**: 基于 Ant Design Icons 的图标组件，支持自定义大小、颜色和插槽。
- **Input**: 支持 `v-model` 双向绑定、占位符及清空功能。

### 布局组件 (Layout)
- **Row & Col**: 基于 24 栅格系统，支持 `gutter` 间隔、`offset` 偏移、响应式布局（xs, sm, md, lg, xl）及多种对齐方式（justify, align）。

### 反馈组件 (Feedback)
- **Message**: 全局提示函数，支持 `success`, `info`, `warning`, `error` 四种类型。

### 高级组件 (Advanced)
- **VirtualList**: 虚拟列表组件，支持**固定高度**和**动态高度**，极大优化了万级以上数据的渲染性能。

## 🚀 快速上手

### 1. 引入样式
在项目入口文件（如 `main.ts`）中引入基础样式：

```ts
import '@my-antd-ui/theme/index.css'
```

### 2. 使用组件

```vue
<script setup lang="ts">
import { MyButton, MyInput, message } from '@my-antd-ui/components'
import { ref } from 'vue'

const val = ref('')
const handleClick = () => {
  message.success('操作成功！')
}
</script>

<template>
  <MyInput v-model="val" placeholder="请输入..." />
  <MyButton type="primary" @click="handleClick">提交</MyButton>
</template>
```

## 📖 组件 API 概览

### VirtualList (虚拟列表)
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| data | 数据源 | `any[]` | `[]` |
| itemHeight | 固定高度 (px) | `number` | `50` |
| estimatedItemHeight | 动态高度预估值 (px) | `number` | `50` |
| height | 容器高度 | `number | string` | `'100%'` |

### Layout (Row/Col)
- **Row**: `gutter` (间隔), `justify` (水平对齐), `align` (垂直对齐)
- **Col**: `span` (占据列数), `offset` (偏移量), `xs/sm/md/lg/xl` (响应式配置)

---

更多详细文档请参考项目的 [VitePress 文档](https://github.com/user/my-antd-ui/tree/main/docs)。
npm package: @my-antd-ui/theme
Description: Style themes and CSS variables for My Antd UI library
Latest version: 1.1.2

# @my-antd-ui/theme

My Antd UI 的样式主题包。包含 BEM 命名规范的 CSS 变量和组件样式。

## 安装

```bash
pnpm add @my-antd-ui/theme
```

## 使用

在项目入口文件中引入：

```javascript
import '@my-antd-ui/theme/index.css'
```
npm package: @my-antd-ui/utils
Description: Utility functions and shared logic for My Antd UI library
Latest version: 1.1.2

# @my-antd-ui/utils

My Antd UI 的通用工具函数库。

## 安装

```bash
pnpm add @my-antd-ui/utils
```

## 包含内容

- **BEM Namespace**: 统一的类名生成工具。
- **withInstall**: Vue 组件全局注册包装函数。