From 4a77d82d77d60941fee9f8aa6dd239dfc0010103 Mon Sep 17 00:00:00 2001 From: "Jesse.Feng" Date: Thu, 20 Mar 2025 15:38:21 +0800 Subject: [PATCH 1/3] =?UTF-8?q?feat(2.0):=20=E6=96=B0=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 3 +- README.md | 169 +++++++++++++++++------- README_zh-CN.md | 149 +++++++++++++++++++++ package.json | 21 +-- src/Level.ts | 14 ++ src/LogFactory.ts | 46 +++++++ src/_basicLogPrefix.ts | 8 ++ src/appender.ts | 27 ---- src/appenders/BaseFileAppender.ts | 41 ++++++ src/appenders/ConsoleAppender.ts | 25 ++++ src/appenders/DateFileAppender.ts | 17 +++ src/appenders/FileAppender.ts | 9 ++ src/format.ts | 80 ------------ src/index.ts | 8 +- src/layouts/BasicLayout.ts | 48 +++++++ src/layouts/PatternLayout.ts | 157 ++++++++++++++++++++++ src/logger.ts | 203 +++++++++++++---------------- src/typings.ts | 112 ++++++++++++---- test/index.test.ts | 88 +++++++++---- tsconfig.base.json | 2 +- tsconfig.build.json | 2 +- tsconfig.json | 3 +- vite.config.mjs => vite.config.mts | 11 +- 23 files changed, 903 insertions(+), 340 deletions(-) create mode 100644 README_zh-CN.md create mode 100644 src/Level.ts create mode 100644 src/LogFactory.ts create mode 100644 src/_basicLogPrefix.ts delete mode 100644 src/appender.ts create mode 100644 src/appenders/BaseFileAppender.ts create mode 100644 src/appenders/ConsoleAppender.ts create mode 100644 src/appenders/DateFileAppender.ts create mode 100644 src/appenders/FileAppender.ts delete mode 100644 src/format.ts create mode 100644 src/layouts/BasicLayout.ts create mode 100644 src/layouts/PatternLayout.ts rename vite.config.mjs => vite.config.mts (77%) diff --git a/.gitignore b/.gitignore index 8e7d09b..590e69a 100644 --- a/.gitignore +++ b/.gitignore @@ -129,4 +129,5 @@ dist .yarn/install-state.gz .pnp.* -.npmrc \ No newline at end of file +.npmrc +logs/ \ No newline at end of file diff --git a/README.md b/README.md index 60049f4..17e08dd 100644 --- a/README.md +++ b/README.md @@ -2,79 +2,148 @@ [![npm package](https://nodei.co/npm/base-log-factory.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/base-log-factory) -> Pluggable logging utility. - [![NPM version](https://img.shields.io/npm/v/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) [![NPM Downloads](https://img.shields.io/npm/dm/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) +[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) +[![TypeScript](https://img.shields.io/badge/lang-TypeScript-007ACC.svg)](https://www.typescriptlang.org/) + +> A flexible and efficient Node.js logging library supporting console output, file rolling records, custom formats, and log levels. + +## [中文](README_zh-CN.md) | English + +## Features + +- **Multi-level logging**: Supports TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF seven levels +- **Multiple Appenders**: Built-in console, file rolling (by size/date) appenders +- **Customizable layouts**: Basic layout and pattern layout (similar to Log4j format) +- **Context management**: Supports Mapped Diagnostic Context (MDC) +- **High-performance async**: Non-blocking I/O with backpressure control +- **Cluster support**: Built-in process ID and cluster sequence recording ## Installation ```bash -npm install --save base-log-factory +npm install base-log-factory ``` -## Usage +## Quick Start -```js -import { createFactory } from 'base-log-factory'; +### Basic Usage -const factory = createFactory(); +`factory.ts`: +```typescript +import { LogFactory, ConsoleAppender } from 'base-log-factory'; -const logger = factory.getLogger('name'); -logger.info('hello'); +export default new LogFactory(); +``` + +`main.ts`: +```typescript +import logFactory from './factory'; + +const logger = logFactory.getLogger('app'); -const logger = factory.getLogger('name2'); -logger.error('hello2'); +logger.info('Server started on port 3000'); ``` -## API +### Configuration Example +```typescript +import { LogFactory, ConsoleAppender, FileAppender, BasicLayout } from 'base-log-factory'; + +const logFactory = new LogFactory({ + level: 'DEBUG', + appenders: [ + new ConsoleAppender(), + new FileAppender('./logs/app.log', { + layout: new BasicLayout(), + maxSize: 1024 * 1024, // 1MB + backups: 5 + }) + ] +}); +``` -```ts -export interface IAppender { - log(messages: any[], logOpts: LogOptions): void; - dispose(): Promise; -} +## Core Concepts + +### Log Levels +| Level | Value | Description | +|---------|-------|---------------------------| +| TRACE | 6 | Detailed tracking logs | +| DEBUG | 5 | Debugging information | +| INFO | 4 | Normal operational info | +| WARN | 3 | Warning events | +| ERROR | 2 | Error events | +| FATAL | 1 | Critical errors | +| OFF | 0 | Disable all logging | + +### Appenders +| Type | Description | +|--------------------|--------------------------------------| +| `ConsoleAppender` | Output to console | +| `FileAppender` | Roll by size (e.g., app.log.1) | +| `DateFileAppender` | Roll by date (e.g., app.2023-08-01.log) | + +### Layouts +```typescript +// Custom format with PatternLayout +new PatternLayout('[%d{YYYY-MM-DD HH:mm:ssZ}] %p %c - %m %x{user}') +``` -export type TLogLevel = 'ALL' | 'TRACE' | 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL' | 'OFF'; +Format specifiers: +- `%d`: Date/time (with optional format) +- `%p`: Log level +- `%c`: Logger name +- `%m`: Log message +- `%x`: Context variables +- `%t`: Thread information -export interface LoggerOptions { - level?: TLogLevel; - appender?: IAppender | IAppender[]; -} +## Advanced Features -export interface LogOptions { - level: string; - method: string; - date: Date; - name: string; -} +### Context Management +```typescript +logger.addContext('user', '12345'); +logger.info('Processing user:'); // Automatically includes context +``` -export interface AppenderOptions { - [key: string]: any; - layout?: (messages: any[], logOpts: LogOptions) => any[]; -} +### File Rolling Configuration +```typescript +// Size-based rolling (keep 5 backups) +new FileAppender('./logs/app.log', { + maxSize: 1024 * 1024, // 1MB + backups: 5, + compress: true // Enable GZIP compression +}); + +// Date-based rolling (daily files) +new DateFileAppender('./logs/app.log', { + pattern: 'YYYY-MM-DD', + backups: 7 // Keep 7 days of logs +}); +``` -export interface ILogger { - name: string; - level(l?: TLogLevel): TLogLevel | void; - trace(...args: any[]): void; - debug(...args: any[]): void; - info(...args: any[]): void; - warn(...args: any[]): void; - error(...args: any[]): void; - fatal(...args: any[]): void; +### Custom Appender +```typescript +class CustomAppender implements IAppender { + write(event: ILogEvent) { + // Implement custom logic + } + close() { /* Cleanup resources */ } } +``` -export interface IFactory { - getLogger(name?: string): ILogger; - setLevel(level: TLogLevel): void; - clear(): void; -} +## Performance Optimization + +- **Synchronization strategy**: Control fsync frequency with `syncThreshold` and `syncInterval` +- **File locking**: Enable `useLock: true` for cluster write safety +- **Backpressure handling**: Automatic stream write pressure management to prevent memory overflow -export declare function format(date: Date, inputString?: string): string; +## Contribution Guide -export declare function createAppender(opts?: AppenderOptions): IAppender; +Contributions are welcome! Please ensure: +1. Pass ESLint checks +2. Include test cases +3. Update relevant documentation -export declare function createFactory(opts?: LoggerOptions): IFactory; +## License -``` \ No newline at end of file +[MIT License](LICENSE) \ No newline at end of file diff --git a/README_zh-CN.md b/README_zh-CN.md new file mode 100644 index 0000000..b268ac3 --- /dev/null +++ b/README_zh-CN.md @@ -0,0 +1,149 @@ +# base-log-factory + +[![npm package](https://nodei.co/npm/base-log-factory.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/base-log-factory) + +[![NPM version](https://img.shields.io/npm/v/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) +[![NPM Downloads](https://img.shields.io/npm/dm/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) +[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) +[![TypeScript](https://img.shields.io/badge/lang-TypeScript-007ACC.svg)](https://www.typescriptlang.org/) + +> 一个灵活高效的Node.js日志库，支持控制台输出、文件滚动记录、自定义格式和日志分级。 + +## 中文 | [English](README.md) + +## 功能特性 + +- **多级别日志**：支持 TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF 七个级别 +- **多种Appender**：内置控制台、文件滚动（按大小/日期）输出器 +- **自定义布局**：提供基础布局和模式布局（类似Log4j格式） +- **上下文管理**：支持MDC（Mapped Diagnostic Context） +- **高性能异步**：非阻塞I/O和背压控制 +- **集群支持**：内置进程ID和集群序列号记录 + +## 安装 + +```bash +npm install base-log-factory +``` + +## 快速开始 + +### 基本使用 + +factory.ts +```typescript +import { LogFactory, ConsoleAppender } from 'base-log-factory'; + +export default new LogFactory(); +``` + +main.ts +```typescript +import logFactory from './factory'; + +const logger = logFactory.getLogger('app'); + +logger.info('Server started on port 3000'); +``` + +### 配置示例 +```typescript +import { LogFactory, ConsoleAppender, FileAppender, BasicLayout } from 'base-log-factory'; + +const logFactory = new LogFactory({ + level: 'DEBUG', + appenders: [ + new ConsoleAppender(), + new FileAppender('./logs/app.log', { + layout: new BasicLayout(), + maxSize: 1024 * 1024, // 1MB + backups: 5 + }) + ] +}); +``` + +## 核心概念 + +### 日志级别 +| 级别 | 值 | 说明 | +|--------|-----|------------| +| TRACE | 6 | 跟踪级详细日志 | +| DEBUG | 5 | 调试信息 | +| INFO | 4 | 常规运行信息 | +| WARN | 3 | 警告事件 | +| ERROR | 2 | 错误事件 | +| FATAL | 1 | 严重错误事件 | +| OFF | 0 | 关闭所有日志 | + +### Appenders +| 类型 | 说明 | +|--------------------|-------------------------| +| `ConsoleAppender` | 输出到控制台 | +| `FileAppender` | 按文件大小滚动（如app.log.1）| +| `DateFileAppender` | 按日期滚动（如app.2023-08-01.log）| + +### Layouts +```typescript +// 使用PatternLayout自定义格式 +new PatternLayout('[%d{YYYY-MM-DD HH:mm:ssZ}] %p %c - %m %x{user}') +``` + +格式说明符： +- `%d`: 日期时间（可指定格式） +- `%p`: 日志级别 +- `%c`: Logger名称 +- `%m`: 日志消息 +- `%x`: 上下文变量 +- `%t`: 线程信息 + +## 高级功能 + +### 上下文管理 +```typescript +logger.addContext('user', '12345'); +logger.info('Processing user:'); // 自动携带上下文 +``` + +### 文件滚动配置 +```typescript +// 按大小滚动（保留5个备份） +new FileAppender('./logs/app.log', { + maxSize: 1024 * 1024, // 1MB + backups: 5, + compress: true // 启用GZIP压缩 +}); + +// 按日期滚动（每天生成新文件） +new DateFileAppender('./logs/app.log', { + pattern: 'YYYY-MM-DD', + backups: 7 // 保留7天日志 +}); +``` + +### 自定义Appender +```typescript +class CustomAppender implements IAppender { + write(event: ILogEvent) { + // 实现自定义逻辑 + } + close() { /* 清理资源 */ } +} +``` + +## 性能优化 + +- **同步策略**：通过`syncThreshold`和`syncInterval`控制fsync频率 +- **文件锁**：启用`useLock: true`保证集群环境下的写入安全 +- **背压处理**：自动管理流写入压力，避免内存溢出 + +## 贡献指南 + +欢迎提交Issue和PR！请确保： +1. 通过ESLint检查 +2. 包含测试用例 +3. 更新相关文档 + +## 许可证 + +[MIT License](LICENSE) \ No newline at end of file diff --git a/package.json b/package.json index a93cfdd..c9a61fc 100644 --- a/package.json +++ b/package.json @@ -1,13 +1,13 @@ { "name": "base-log-factory", - "version": "1.0.2", + "version": "2.0.0", "description": "Pluggable logging factory.", "main": "./dist/index.js", "module": "./dist/index.mjs", - "types": "./dist/types/index.d.ts", + "types": "./dist/index.d.ts", "exports": { ".": { - "types": "./dist/types/index.d.ts", + "types": "./dist/index.d.ts", "import": "./dist/index.mjs", "require": "./dist/index.js" } @@ -33,20 +33,23 @@ }, "homepage": "https://github.com/fengxinming/base-log-factory#readme", "dependencies": { - "tslib": "^2.6.2" + "date-manip": "^2.0.1", + "rolling-write-stream": "^1.0.1" }, "devDependencies": { "@commitlint/cli": "^19.2.1", "@commitlint/config-conventional": "^19.1.0", - "@rollup/plugin-typescript": "^11.1.6", - "@vitest/coverage-v8": "^1.4.0", + "@rollup/plugin-typescript": "^12.1.2", + "@types/node": "18", + "@vitest/coverage-v8": "^3.0.8", "eslint": "^8.48.0", - "eslint-config-fe": "^2.1.2", + "eslint-config-fe": "^2.1.3", "husky": "^9.0.11", "lint-staged": "^15.2.2", - "vite": "^5.1.6", + "tinyglobby": "^0.2.12", + "vite": "^6.1.0", "vite-plugin-external": "^4.3.0", - "vitest": "^1.4.0" + "vitest": "^3.0.8" }, "files": [ "dist" diff --git a/src/Level.ts b/src/Level.ts new file mode 100644 index 0000000..eb19d0e --- /dev/null +++ b/src/Level.ts @@ -0,0 +1,14 @@ +/** + * 日志级别枚举 + */ +enum Level { + TRACE = 6, + DEBUG = 5, + INFO = 4, + WARN = 3, + ERROR = 2, + FATAL = 1, + OFF = 0 +} + +export default Level; diff --git a/src/LogFactory.ts b/src/LogFactory.ts new file mode 100644 index 0000000..0d0f113 --- /dev/null +++ b/src/LogFactory.ts @@ -0,0 +1,46 @@ +import Level from './Level'; +import Logger from './Logger'; +import { IAppender, IConfig, ILogger, TLevel } from './typings'; + +/** + * 日志管理器 + */ +export default class LogFactory { + private readonly loggers = new Map(); + private LoggerClass: typeof Logger = Logger; + private defaultLevel: Level | TLevel = Level.INFO; + private appenders: IAppender[] = []; + + constructor(config?: IConfig) { + this.configure(config); + } + + configure({ + LoggerClass, + level, + appenders + }: IConfig = {}): void { + if (LoggerClass) { + this.LoggerClass = LoggerClass; + } + if (level) { + this.defaultLevel = level; + } + if (appenders) { + this.appenders = appenders; + } + } + + getLogger(name: string): ILogger { + let logger = this.loggers.get(name); + if (!logger) { + const { LoggerClass } = this; + logger = new LoggerClass(name, { + level: this.defaultLevel, + appenders: this.appenders + }); + this.loggers.set(name, logger); + } + return logger; + } +} diff --git a/src/_basicLogPrefix.ts b/src/_basicLogPrefix.ts new file mode 100644 index 0000000..6fd3bc6 --- /dev/null +++ b/src/_basicLogPrefix.ts @@ -0,0 +1,8 @@ +import { format } from 'date-manip'; +import { ILogEvent } from './typings'; + +const DEFAULT_FORMATTER = 'YYYY-MM-DD HH:mm:ss.SSSZ'; + +export default function basicLogPrefix(event: ILogEvent): string { + return `[${format(event.timestamp, DEFAULT_FORMATTER)}] [${event.levelName}] [${event.loggerName}] - `; +} diff --git a/src/appender.ts b/src/appender.ts deleted file mode 100644 index 5e4fc07..0000000 --- a/src/appender.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { format } from './format'; -import { AppenderOptions, LogOptions, IAppender } from './typings'; - -const DEFAULT_FORMATTER = 'YYYY-MM-DD HH:mm:ss.SSSZ'; -function defaultLayout(messages: any[], logOpts: LogOptions): any[] { - const args = [ - `[${format(logOpts.date, DEFAULT_FORMATTER)}] [${logOpts.level}] [${logOpts.name}] -` - ]; - for (let i = 0, len = messages.length; i < len; i++) { - args[i + 1] = messages[i]; - } - return args; -} - -export function createAppender(opts: AppenderOptions = {}): IAppender { - let layout = opts.layout || defaultLayout; - return { - log(messages: any[], logOpts: LogOptions): void { - // eslint-disable-next-line prefer-spread, no-console - console.log.apply(console, layout(messages, logOpts)); - }, - dispose(): Promise { - layout = defaultLayout; - return Promise.resolve(); - } - }; -} diff --git a/src/appenders/BaseFileAppender.ts b/src/appenders/BaseFileAppender.ts new file mode 100644 index 0000000..6640659 --- /dev/null +++ b/src/appenders/BaseFileAppender.ts @@ -0,0 +1,41 @@ +import { EOL } from 'node:os'; +import { BaseAppenderOptions, IAppender, ILogEvent } from '../typings'; +import { Writable } from 'node:stream'; +import BasicLayout from '../layouts/BasicLayout'; + +// 数量滚动实现 +export default abstract class BaseFileAppender implements IAppender { + protected writeQueue: Promise = Promise.resolve(); + protected stream: Writable; + + constructor( + protected readonly filePath: string, + protected readonly options: BaseAppenderOptions + ) { + options.layout = options.layout || new BasicLayout(); + this.stream = this.getStream(filePath, options); + } + + write(logEvent: ILogEvent) { + const formatted = this.options.layout!.format(logEvent); + this.stream.write(`${formatted}${EOL}`, (err) => { + if (err) { + console.error('Log write failed:', err); + } + }); + } + + async close() { + await this.writeQueue; + return new Promise((resolve, reject) => { + this.stream.end((err) => { + if (err) { + return reject(err); + } + resolve(); + }); + }); + } + + protected abstract getStream(filePath: string, options: BaseAppenderOptions): Writable; +} diff --git a/src/appenders/ConsoleAppender.ts b/src/appenders/ConsoleAppender.ts new file mode 100644 index 0000000..a85e947 --- /dev/null +++ b/src/appenders/ConsoleAppender.ts @@ -0,0 +1,25 @@ +import basicLogPrefix from 'src/_basicLogPrefix'; +import { IAppender, ILayout, ILogEvent } from '../typings'; + +/** + * 控制台 Appender + */ +export default class ConsoleAppender implements IAppender { + constructor(private readonly layout?: ILayout) {} + + write(event: ILogEvent): void { + const { layout } = this; + if (layout) { + // eslint-disable-next-line no-console + console.log(layout.format(event)); + } + else { + // eslint-disable-next-line no-console + console.log(basicLogPrefix(event), ...event.message); + } + } + + close(): Promise { + return Promise.resolve(); + } +} diff --git a/src/appenders/DateFileAppender.ts b/src/appenders/DateFileAppender.ts new file mode 100644 index 0000000..265a1b2 --- /dev/null +++ b/src/appenders/DateFileAppender.ts @@ -0,0 +1,17 @@ +import { DateFileStream } from 'rolling-write-stream'; +import BaseFileAppender from './BaseFileAppender'; +import { DateFileAppenderOptions } from '../typings'; + +// 时间滚动实现 +export class DateFileAppender extends BaseFileAppender { + constructor( + filePath: string, + protected readonly options: DateFileAppenderOptions + ) { + super(filePath, options); + } + + protected getStream(filePath, options) { + return new DateFileStream(filePath, options); + } +} diff --git a/src/appenders/FileAppender.ts b/src/appenders/FileAppender.ts new file mode 100644 index 0000000..c2b4312 --- /dev/null +++ b/src/appenders/FileAppender.ts @@ -0,0 +1,9 @@ +import { FileStream } from 'rolling-write-stream'; +import BaseFileAppender from './BaseFileAppender'; + +// 数量滚动实现 +export default class FileAppender extends BaseFileAppender { + protected getStream(filePath, options) { + return new FileStream(filePath, options); + } +} diff --git a/src/format.ts b/src/format.ts deleted file mode 100644 index 54e5c1d..0000000 --- a/src/format.ts +++ /dev/null @@ -1,80 +0,0 @@ - -const FORMAT_REGEX = /\[.*?\]|Y{2,4}|y{2,4}|M{1,2}|D{1,2}|d{1,2}|H{1,2}|h{1,2}|m{1,2}|s{1,2}|SSS|Z{1,2}/g; - -const ZERO = '00'; - -function padLeft(val: number, len?: number) { - if (len === void 0) { - len = 2; - } - - return (ZERO + String(val)).slice(-len); -} - -function timezone(minutes: number, together?: boolean) { - let prefix; - if (minutes < 0) { - prefix = '+'; - minutes = Math.abs(minutes); - } - else { - prefix = '-'; - } - return (`${prefix}${padLeft(Math.floor(minutes / 60))}${together ? '' : ':'}${padLeft(Math.floor(minutes % 60))}`); -} - -function h12(hours) { - hours = hours || 24; - return hours > 12 ? hours - 12 : hours; -} -export function format(date: Date, inputString?: string) { - if (!inputString || inputString === 'ISO') { - return date.toISOString(); - } - const TIMEZONE_OFFSET = new Date().getTimezoneOffset(); - return inputString.replace(FORMAT_REGEX, (matched) => { - switch (matched) { - case 'YY': - return String(date.getFullYear()).slice(-2); - case 'YYYY': - case 'yyyy': - return date.getFullYear(); - case 'M': - return date.getMonth() + 1; - case 'MM': - return padLeft(date.getMonth() + 1); - case 'D': - case 'd': - return date.getDate(); - case 'DD': - case 'dd': - return padLeft(date.getDate()); - // case 'T': - // return ' '; - case 'H': - return date.getHours(); - case 'HH': - return padLeft(date.getHours()); - case 'h': - return h12(date.getHours()); - case 'hh': - return padLeft(h12(date.getHours())); - case 'm': - return date.getMinutes(); - case 'mm': - return padLeft(date.getMinutes()); - case 's': - return date.getSeconds(); - case 'ss': - return padLeft(date.getSeconds()); - case 'SSS': - return padLeft(date.getMilliseconds(), 3); - case 'Z': - return timezone(TIMEZONE_OFFSET); - case 'ZZ': - return timezone(TIMEZONE_OFFSET, true); - default: - return matched; - } - }); -} diff --git a/src/index.ts b/src/index.ts index 43f95d3..32f7873 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,4 +1,6 @@ -export * from './appender'; -export * from './format'; -export * from './logger'; +export { default as ConsoleAppender } from './appenders/ConsoleAppender'; +export { default as LogFactory } from './LogFactory'; +export { default as Level } from './Level'; +export { default as Logger } from './Logger'; + export * from './typings'; diff --git a/src/layouts/BasicLayout.ts b/src/layouts/BasicLayout.ts new file mode 100644 index 0000000..698dd14 --- /dev/null +++ b/src/layouts/BasicLayout.ts @@ -0,0 +1,48 @@ +import basicLogPrefix from 'src/_basicLogPrefix'; +import { ILayout, ILogEvent } from '../typings'; + +export default class BasicLayout implements ILayout { + static pad(str: string, width: number, alignLeft: boolean = true): string { + const diff = width - str.length; + + if (diff <= 0) { + return str; + } + + const padding = ' '.repeat(diff); + return alignLeft ? str + padding : padding + str; + } + + static transform( + message: any[], + minWidth: number = 0, + maxLength: number = 0, + alignLeft: boolean = true + ): string { + return message.reduce((prev: string, curr, index) => { + let msg: string; + + if (curr instanceof Error) { + msg = curr.stack || curr.message; + } + else if (typeof curr === 'object') { + msg = JSON.stringify(curr); + } + else { + msg = String(curr); + } + + if (maxLength > 0 && msg.length > maxLength) { + msg = `${msg.substring(0, maxLength)}...`; + } + + msg = BasicLayout.pad(msg, minWidth, alignLeft); + + return index === 0 ? msg : `${prev} ${msg}`; + }, ''); + } + + format(event: ILogEvent): string { + return basicLogPrefix(event) + BasicLayout.transform(event.message); + } +} diff --git a/src/layouts/PatternLayout.ts b/src/layouts/PatternLayout.ts new file mode 100644 index 0000000..dfc36d9 --- /dev/null +++ b/src/layouts/PatternLayout.ts @@ -0,0 +1,157 @@ +import { ILayout, ILogEvent } from '../typings'; +import { format as dateFormat } from 'date-manip'; +import BasicLayout from './BasicLayout'; + +type TConverter = (...args: any[]) => string; + +const { pad, transform } = BasicLayout; + + +// 基础转换器实现 +function literalConverter(text: string): () => string { + return () => text; +} + +function dateConverter(format: string = 'ISO') { + return (event: ILogEvent) => { + return dateFormat(event.timestamp, format); + }; +} + +function levelConverter( + minWidth: number = 0, + alignLeft: boolean = true +) { + return (event: ILogEvent): string => { + return pad(event.levelName, minWidth, alignLeft); + }; +} + +function loggerConverter( + minWidth: number = 0, + alignLeft: boolean = true +) { + return (event: ILogEvent): string => { + const { loggerName } = event; + return pad(loggerName, minWidth, alignLeft); + }; +} + +function messageConverter( + minWidth: number = 0, + maxLength: number = 0, + alignLeft: boolean = true +) { + return (event: ILogEvent) => { + return transform(event.message, minWidth, maxLength, alignLeft); + }; +} + +function threadConverter() { + return (): string => { + // 在 Node.js 中使用进程ID + 线程ID（cluster模式） + return `PID:${process.pid}`; + }; +} + +function mdcConverter( + key: string, + minWidth: number = 0, + alignLeft: boolean = true +) { + + return (event: ILogEvent): string => { + const value = event.context[key] || ''; + return BasicLayout.pad(String(value), minWidth, alignLeft); + }; +} + +function createConverter( + specifier: string, + alignLeft: boolean, + minWidth: number, + maxLength: number, + format?: string +): TConverter { + switch (specifier.toLowerCase()) { + case '%': + return literalConverter('%'); + + case 'd': + return dateConverter(format); + + case 'p': + return levelConverter(minWidth, alignLeft); + + case 'c': + return loggerConverter(minWidth, alignLeft); + + case 'm': + return messageConverter(minWidth, maxLength, alignLeft); + + case 't': + return threadConverter(); + + case 'x': + return mdcConverter(format || '', minWidth, alignLeft); + + default: + return literalConverter(`%${specifier}`); + } +} + +/** + * 模式布局 + */ +export default class PatternLayout implements ILayout { + private readonly patternRegex = /%(-)?(\d+)?(?:\.(\d+))?([a-zA-Z%])(?:\{([^}]+)\})?/g; + private readonly converters: TConverter[]; + + constructor(pattern: string = '[%d{YYYY-MM-DD HH:mm:ss.SSSZ}] %p %c - %m') { + const converters: TConverter[] = []; + let lastIndex = 0; + + let match: RegExpExecArray | null; + while ((match = this.patternRegex.exec(pattern)) !== null) { + const [full, align, minWidth, precision, specifier, format] = match; + + // 添加前面的字面内容 + if (match.index > lastIndex) { + converters.push(literalConverter(pattern.substring(lastIndex, match.index))); + } + + // 创建转换器 + const converter = createConverter( + specifier, + align === '-', + parseInt(minWidth || '0', 10), + parseInt(precision || '0', 10), + format + ); + + if (converter) { + converters.push(converter); + } + + lastIndex = match.index + full.length; + } + + // 添加剩余内容 + if (lastIndex < pattern.length) { + converters.push(literalConverter(pattern.substring(lastIndex))); + } + + this.converters = converters; + } + + use(fn: TConverter): this { + this.converters.push(fn); + return this; + } + + format(event: ILogEvent): string { + return this.converters + .map((converter) => converter(event)) + .join(''); + } +} diff --git a/src/logger.ts b/src/logger.ts index c624b9b..6b3fee2 100644 --- a/src/logger.ts +++ b/src/logger.ts @@ -1,126 +1,105 @@ -import { createAppender } from './appender'; -import { ILogger, LoggerOptions, IAppender, IFactory, TLogLevel } from './typings'; - -const levels = [ - { level: 'OFF', value: 0 }, - { level: 'FATAL', value: 1 }, - { level: 'ERROR', value: 2 }, - { level: 'WARN', value: 3 }, - { level: 'INFO', value: 4 }, - { level: 'DEBUG', value: 5 }, - { level: 'TRACE', value: 6 }, - { level: 'ALL', value: Number.MAX_VALUE } -]; - -function getLevelValue(level: TLogLevel): number { - let levelValue = 0; - for (let i = 0, len = levels.length; i < len; i++) { - const obj = levels[i]; - if (obj.level === level) { - levelValue = obj.value; - break; +import Level from './Level'; +import { IAppender, ILogEvent, ILogger, ILogOptions, TLevel } from './typings'; + +/** + * 日志记录器 + */ +export default class Logger implements ILogger { + protected readonly appenders: IAppender[] = []; + protected context: Record = {}; + protected _level: Level = Level.INFO; + constructor( + readonly name: string, + { level, appenders = [] }: ILogOptions = {}, + ) { + if (level) { + this.level = Level.INFO; + } + if (appenders) { + this.appenders = [...appenders]; } } - return levelValue; -} - -class Logger implements ILogger { - name: string; - fatal!: (...args: any[]) => void; - error!: (...args: any[]) => void; - warn!: (...args: any[]) => void; - info!: (...args: any[]) => void; - debug!: (...args: any[]) => void; - trace!: (...args: any[]) => void; - - private _level: TLogLevel; - private readonly _appender: IAppender | IAppender[]; - - constructor(name: string, { level, appender }: LoggerOptions = {}) { - this.name = name; - this._level = level || 'INFO'; - this._appender = appender || createAppender(); - this.level(this._level); + get level(): Level { + return this._level; } - level(l: TLogLevel): void; - level(): TLogLevel; - level(l?: TLogLevel) { - if (!l) { - return this._level; + set level(level: Level | TLevel) { + if (typeof level === 'string') { + level = Level[level.toUpperCase()]; + if (level == null) { + level = Level.INFO; + } } + this._level = level as Level; + } - let level = l.toUpperCase() as TLogLevel; - const levelValue = getLevelValue(level); - if (!levelValue) { - level = 'OFF'; - } + addContext(key, value) { + this.context[key] = value; + } - const { _appender } = this; - levels.forEach(({ level: currentLevel, value }) => { - if (currentLevel === 'OFF' || currentLevel === 'ALL') { - return; - } + removeContext(key) { + delete this.context[key]; + } - const method = currentLevel.toLowerCase(); - this[method] = value > levelValue - ? () => {} - : Array.isArray(_appender) - ? function (...args: any[]) { - _appender.forEach((appender) => { - const now = new Date(); - const { name } = this; - appender.log(args, { - level: currentLevel, - method, - date: now, - name - }); - }); - } - : function (...args: any[]) { - _appender.log(args, { - level: currentLevel, - method, - date: new Date(), - name: this.name - }); - }; - }); - this._level = level; + clearContext() { + this.context = {}; } -} -export function createFactory(opts: LoggerOptions = {}): IFactory { - let loggers: Record = Object.create(null); - const defaultOpts: LoggerOptions = { - level: 'INFO', - appender: createAppender() - }; - - return { - getLogger(name: string): ILogger { - let logger = loggers[name]; - if (!logger) { - logger = new Logger(name, Object.assign({}, defaultOpts, opts)); - loggers[name] = logger; - } - return logger; - }, + dispose() { + return Promise.allSettled(this.appenders.map((appender) => { + return appender.close(); + })); + } + + trace(...args: any[]): void { + this.log(Level.TRACE, args); + } + + debug(...args: any[]): void { + this.log(Level.DEBUG, args); + } + + info(...args: any[]): void { + this.log(Level.INFO, args); + } + + warn(...args: any[]): void { + this.log(Level.WARN, args); + } + + error(...args: any[]): void { + this.log(Level.ERROR, args); + } + + fatal(...args: any[]): void { + this.log(Level.FATAL, args); + } + + protected createEvent(level: Level, message: any[]): ILogEvent { + return { + level, + levelName: Level[level] as TLevel, + message, + timestamp: new Date(), + loggerName: this.name, + context: this.context + }; + } + + protected log(level: Level, message: any[]): void { + if (level > this._level) { + return; + } + + const event: ILogEvent = this.createEvent(level, message); - setLevel(level) { - const levelValue = getLevelValue(level); - if (!levelValue) { - level = 'OFF'; + for (const appender of this.appenders) { + try { + appender.write(event); + } + catch (err: any) { + console.error('Appender error:', err); } - defaultOpts.level = level; - Object.keys(loggers).forEach((name) => { - loggers[name].level(level); - }); - }, - - clear() { - loggers = Object.create(null); } - }; + } } diff --git a/src/typings.ts b/src/typings.ts index ce3562d..902b845 100644 --- a/src/typings.ts +++ b/src/typings.ts @@ -1,31 +1,32 @@ -export interface IAppender { - log(messages: any[], logOpts: LogOptions): void; - dispose(): Promise; -} - -export type TLogLevel = 'ALL' | 'TRACE' | 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL' | 'OFF'; - -export interface LoggerOptions { - level?: TLogLevel; - appender?: IAppender | IAppender[]; -} +import { DateRollingOptions, RollingOptions } from 'rolling-write-stream'; +import Level from './Level'; +import Logger from './Logger'; -export interface LogOptions { - level: string; - method: string; - date: Date; - name: string; -} +/** + * 日志级别字符串 + */ +export type TLevel = 'TRACE' | 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL' | 'OFF'; -export interface AppenderOptions { - [key: string]: any; - layout?: (messages: any[], logOpts: LogOptions) => any[]; +/** + * 日志工厂配置 + */ +export interface IConfig { + level?: Level | TLevel; + appenders?: IAppender[]; + LoggerClass?: typeof Logger; } +/** + * 日志工厂 + */ export interface ILogger { name: string; - level(l: TLogLevel): void; - level(): TLogLevel; + set level(l: Level | TLevel); + get level(): Level; + addContext(key: string, value: any): void; + removeContext(key: string): void; + clearContext(): void; + dispose(): Promise; trace(...args: any[]): void; debug(...args: any[]): void; info(...args: any[]): void; @@ -34,8 +35,67 @@ export interface ILogger { fatal(...args: any[]): void; } -export interface IFactory { - getLogger(name?: string): ILogger; - setLevel(level: TLogLevel): void; - clear(): void; +/** + * 日志配置 + */ +export interface ILogOptions { + level?: Level | TLevel; + appenders?: IAppender[]; +} + +/** + * 日志事件接口 + */ +export interface ILogEvent { + level: Level; + levelName: TLevel; + message: any[]; + timestamp: Date; + loggerName: string; + context: Record; + + nano?: bigint; + clusterMeta?: IClusterMeta; + sequence?: number; +} + +/** + * 集群元数据接口 + */ +export interface IClusterMeta { + instanceId: string; + startTime: bigint; + sequence: number; +} + +/** + * Appender 接口 + */ +export interface IAppender { + write(event: ILogEvent): void; + close(): Promise; +} + +/** + * 布局格式化接口 + */ +export interface ILayout { + format(event: ILogEvent): string; } + +/** + * Appender 基类配置 + */ +export type BaseAppenderOptions = { + layout?: ILayout; +} & Partial; + +/** + * Appender 数量滚动配置 + */ +export type FileAppenderOptions = BaseAppenderOptions; + +/** + * Appender 时间滚动配置 + */ +export type DateFileAppenderOptions = BaseAppenderOptions & Partial; diff --git a/test/index.test.ts b/test/index.test.ts index b2f2f24..bd0b9e3 100644 --- a/test/index.test.ts +++ b/test/index.test.ts @@ -1,10 +1,17 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'; -import { createFactory } from '../src/logger'; +import PatternLayout from '../src/layouts/PatternLayout'; +import { join, dirname } from 'node:path'; +import { ConsoleAppender, LogFactory } from '../src'; +import FileAppender from '../src/appenders/FileAppender'; +import { fileURLToPath } from 'node:url'; +import { DateFileAppender } from 'src/appenders/DateFileAppender'; -const factory = createFactory(); -describe('测试日志级别打印', () => { - const logger = factory.getLogger('name'); +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); +describe('测试日志级别打印', () => { + const logPath = join(__dirname, '..', 'logs', 'test.log'); + const logPath2 = join(__dirname, '..', 'logs', 'test2.log'); const { log } = console; let mockLog; @@ -19,33 +26,66 @@ describe('测试日志级别打印', () => { console.log = log; }); - it('测试打印INFO日志', () => { - logger.info('hello'); - expect(mockLog.mock.calls[0][1]).toBe('hello'); + describe('测试工厂方式创建日志对象', () => { + const factory = new LogFactory({ + level: 'INFO', + appenders: [ + new ConsoleAppender() + ] + }); + const logger = factory.getLogger('name'); - logger.error('world'); - expect(mockLog.mock.calls[1][1]).toBe('world'); + it('测试打印INFO日志', () => { + logger.info('hello'); + expect(mockLog.mock.calls[0][1]).toBe('hello'); - logger.debug('debug'); - expect(mockLog.mock.calls[2]).toBe(void 0); + logger.error('world'); + expect(mockLog.mock.calls[1][1]).toBe('world'); - logger.trace('trace'); - expect(mockLog.mock.calls.length).toBe(2); - }); + logger.debug('debug'); + expect(mockLog.mock.calls[2]).toBe(void 0); + + logger.trace('trace'); + expect(mockLog.mock.calls.length).toBe(2); + }); - it('测试打印DEBUG日志', () => { - logger.level('DEBUG'); + it('测试打印DEBUG日志', () => { + logger.level = 'DEBUG'; - logger.info('hello'); - expect(mockLog.mock.calls[0][1]).toBe('hello'); + logger.info('hello'); + expect(mockLog.mock.calls[0][1]).toBe('hello'); - logger.debug('world'); - expect(mockLog.mock.calls[1][1]).toBe('world'); + logger.debug('world'); + expect(mockLog.mock.calls[1][1]).toBe('world'); + + logger.trace('end'); + expect(mockLog.mock.calls[2]).toBe(void 0); + + logger.error('error'); + expect(mockLog.mock.calls.length).toBe(3); + }); + }); - logger.trace('end'); - expect(mockLog.mock.calls[2]).toBe(void 0); + describe('测试 PatternLayout', () => { + const layout = new PatternLayout('[%p] %m'); + const factory = new LogFactory({ + level: 'INFO', + appenders: [ + new ConsoleAppender(layout), + new FileAppender(logPath, { maxSize: 1024 }), + new DateFileAppender(logPath2, { + layout, + pattern: 'YYYY-MM-DD', + backups: 30, + maxSize: 1024 + }) + ] + }); + const logger = factory.getLogger('name'); - logger.error('error'); - expect(mockLog.mock.calls.length).toBe(3); + it('测试打印INFO日志', () => { + logger.info('hello'); + expect(mockLog.mock.calls[0][0]).toBe('[INFO] hello'); + }); }); }); diff --git a/tsconfig.base.json b/tsconfig.base.json index 3c26766..692cc70 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -2,7 +2,7 @@ "compilerOptions": { "baseUrl": ".", "sourceMap": false, - "target": "ES5", + "target": "ES6", "module": "ESNext", "moduleResolution": "node", "newLine": "LF", diff --git a/tsconfig.build.json b/tsconfig.build.json index 4b0856a..c200218 100644 --- a/tsconfig.build.json +++ b/tsconfig.build.json @@ -3,7 +3,7 @@ "compilerOptions": { "declaration": true, "emitDeclarationOnly": true, - "declarationDir": "dist/types" + "declarationDir": "dist" }, "include": [ "src", diff --git a/tsconfig.json b/tsconfig.json index 020c8df..4db624c 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,6 +3,7 @@ "include": [ "src", "test", - "./node_modules/vite/client.d.ts" + "./node_modules/vite/client.d.ts", + "./vite.config.mts" ] } \ No newline at end of file diff --git a/vite.config.mjs b/vite.config.mts similarity index 77% rename from vite.config.mjs rename to vite.config.mts index 97f63e4..0257af5 100644 --- a/vite.config.mjs +++ b/vite.config.mts @@ -1,6 +1,8 @@ import { defineConfig } from 'vite'; import typescript from '@rollup/plugin-typescript'; import external from 'vite-plugin-external'; +import { globSync } from 'tinyglobby'; + import pkg from './package.json'; // https://vitejs.dev/config/ @@ -8,9 +10,9 @@ export default defineConfig({ build: { minify: false, lib: { - entry: 'src/index.ts', + entry: globSync('src/**/*.ts'), formats: ['es', 'cjs'], - fileName: 'index' + fileName: '[name]' } }, plugins: [ @@ -23,8 +25,7 @@ export default defineConfig({ }) ], test: { - name: 'log-base', - dir: './test', - environment: 'node' + name: 'base-log-factory', + dir: './test' } }); From 91b255be28ea77ad9d32ba66866f8cc509fce400 Mon Sep 17 00:00:00 2001 From: "Jesse.Feng" Date: Thu, 20 Mar 2025 20:00:40 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat(2.0):=20=E9=87=8D=E5=86=99=E5=BD=93?= =?UTF-8?q?=E5=89=8D=E7=89=88=E6=9C=AC=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 254 +++++++++++------- README_zh-CN.md | 251 ++++++++++------- src/LogFactory.ts | 33 ++- .../basicLogPrefix.ts} | 2 +- src/_internal/pad.ts | 10 + src/appenders/ConsoleAppender.ts | 2 +- src/layouts/BasicLayout.ts | 16 +- src/layouts/PatternLayout.ts | 5 +- src/logger.ts | 8 +- src/typings.ts | 13 - test/index.test.ts | 36 ++- 11 files changed, 409 insertions(+), 221 deletions(-) rename src/{_basicLogPrefix.ts => _internal/basicLogPrefix.ts} (87%) create mode 100644 src/_internal/pad.ts diff --git a/README.md b/README.md index 17e08dd..269966c 100644 --- a/README.md +++ b/README.md @@ -7,143 +7,217 @@ [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![TypeScript](https://img.shields.io/badge/lang-TypeScript-007ACC.svg)](https://www.typescriptlang.org/) -> A flexible and efficient Node.js logging library supporting console output, file rolling records, custom formats, and log levels. +> 🚀 A flexible and efficient Node.js logging library supporting console output, file rolling, custom formats, and log levels. -## [中文](README_zh-CN.md) | English +## 📅 [中文](README_zh-CN.md) | English -## Features +--- -- **Multi-level logging**: Supports TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF seven levels -- **Multiple Appenders**: Built-in console, file rolling (by size/date) appenders -- **Customizable layouts**: Basic layout and pattern layout (similar to Log4j format) -- **Context management**: Supports Mapped Diagnostic Context (MDC) -- **High-performance async**: Non-blocking I/O with backpressure control -- **Cluster support**: Built-in process ID and cluster sequence recording +## 🌟 Core Features -## Installation +- **Multi-level logging** + Supports `TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF` with precise control over log granularity. +- **Flexible Appender Configuration** + Built-in `ConsoleAppender`, `FileAppender` (size-based rolling), `DateFileAppender` (date-based rolling), and custom Appender extensions. + +- **Rich Formatting Options** + Provides `BasicLayout` and `PatternLayout` (similar to Log4j) with customizable placeholders. + +- **Context Management** + Supports Mapped Diagnostic Context (MDC) for attaching request IDs, user information, etc. + +- **High-Performance & Cluster Support** + Non-blocking I/O, backpressure control, and file locking for reliable logging in high-concurrency environments. + +--- + +## 🚀 Quick Start + +### 1. Installation ```bash npm install base-log-factory ``` -## Quick Start - -### Basic Usage - -`factory.ts`: +### 2. Basic Usage ```typescript +// factory.ts import { LogFactory, ConsoleAppender } from 'base-log-factory'; -export default new LogFactory(); -``` +export default new LogFactory({ + appenders: [new ConsoleAppender()] +}); -`main.ts`: -```typescript +// main.ts import logFactory from './factory'; const logger = logFactory.getLogger('app'); - -logger.info('Server started on port 3000'); +logger.info('Server started successfully'); ``` -### Configuration Example +### 3. Advanced Configuration Example ```typescript -import { LogFactory, ConsoleAppender, FileAppender, BasicLayout } from 'base-log-factory'; +// Configure rolling files, custom formats, and context +import { + LogFactory, + ConsoleAppender, + FileAppender, + DateFileAppender, + PatternLayout +} from 'base-log-factory'; const logFactory = new LogFactory({ - level: 'DEBUG', + level: 'DEBUG', // Set global log level appenders: [ new ConsoleAppender(), new FileAppender('./logs/app.log', { - layout: new BasicLayout(), + layout: new PatternLayout('[%d{YYYY-MM-DD HH:mm:ss}] [%p] %c - %m %x{userId}'), maxSize: 1024 * 1024, // 1MB - backups: 5 + backups: 5, + compress: true // Enable GZIP compression + }), + new DateFileAppender('./logs/app.daily.log', { + pattern: 'YYYY-MM-DD', + backups: 7 // Keep 7 days of logs }) ] }); ``` -## Core Concepts - -### Log Levels -| Level | Value | Description | -|---------|-------|---------------------------| -| TRACE | 6 | Detailed tracking logs | -| DEBUG | 5 | Debugging information | -| INFO | 4 | Normal operational info | -| WARN | 3 | Warning events | -| ERROR | 2 | Error events | -| FATAL | 1 | Critical errors | -| OFF | 0 | Disable all logging | - -### Appenders -| Type | Description | -|--------------------|--------------------------------------| -| `ConsoleAppender` | Output to console | -| `FileAppender` | Roll by size (e.g., app.log.1) | -| `DateFileAppender` | Roll by date (e.g., app.2023-08-01.log) | - -### Layouts +--- + +## 🛠 Core Concepts + +### 1. Log Levels (with color coding) +| Level | Value | Description | Recommended Use Cases | +|---------|-------|---------------------------|-------------------------------------| +| TRACE | 6 | Detailed tracking logs | Debugging code flow | +| DEBUG | 5 | Debugging information | Development-stage debugging | +| **INFO** | 4 | Operational information | Key business process milestones | +| **WARN** | 3 | Non-critical issues | Resource warnings (e.g., low memory)| +| **ERROR** | 2 | Error events | Failed operations | +| **FATAL** | 1 | Critical system failures | System crashes | +| OFF | 0 | Disable all logging | Disable logging | + +### 2. Appender Comparison +| Type | Features | Use Cases | +|--------------------|-----------------------------------|---------------------------| +| `ConsoleAppender` | Realtime console output | Development debugging | +| `FileAppender` | Size-based rolling (e.g., app.log.1)| Production logging | +| `DateFileAppender` | Date-based rolling (e.g., app.2023-08-01.log)| Daily log archiving | + +--- + +## 🎁 Usage Examples + +### Example 1: Context-aware API Logging ```typescript -// Custom format with PatternLayout -new PatternLayout('[%d{YYYY-MM-DD HH:mm:ssZ}] %p %c - %m %x{user}') +// Attach user ID to request logs +app.get('/api/data', (req, res) => { + const userId = req.user.id; + logger.addContext('userId', userId); + try { + // Business logic + logger.debug('Processing request'); + res.send(data); + } catch (err) { + logger.error('Request failed', err); + } finally { + logger.removeContext('userId'); // Clean up context + } +}); ``` -Format specifiers: -- `%d`: Date/time (with optional format) -- `%p`: Log level -- `%c`: Logger name -- `%m`: Log message -- `%x`: Context variables -- `%t`: Thread information +### Example 2: Custom Log Format +```typescript +// Define format with request ID and timestamp +const layout = new PatternLayout( + '[%d{YYYY-MM-DD HH:mm:ss.SSS}] [%p] %c - %m %x{requestId} %t' +); -## Advanced Features +// Apply to FileAppender +new FileAppender('./logs/app.log', { layout }); +``` -### Context Management +### Example 3: Cluster Configuration ```typescript -logger.addContext('user', '12345'); -logger.info('Processing user:'); // Automatically includes context +// Use worker ID for log separation +const cluster = require('cluster'); +const logFactory = new LogFactory({ + appenders: [ + new FileAppender(`./logs/app_${cluster.worker.id}.log`, { + layout: new BasicLayout(), + maxSize: 1024 * 1024 * 5 // 5MB + }) + ] +}); ``` -### File Rolling Configuration +### Example 4: Dynamic Level Adjustment ```typescript -// Size-based rolling (keep 5 backups) -new FileAppender('./logs/app.log', { - maxSize: 1024 * 1024, // 1MB - backups: 5, - compress: true // Enable GZIP compression -}); +// Change global log level at runtime +logFactory.level = 'DEBUG'; // Enable DEBUG level +logger.debug('Debug message now visible'); // Output enabled -// Date-based rolling (daily files) -new DateFileAppender('./logs/app.log', { - pattern: 'YYYY-MM-DD', - backups: 7 // Keep 7 days of logs -}); +// Restore default level +logFactory.level = Level.INFO; ``` -### Custom Appender +### Example 5: Resource Cleanup on Process Exit ```typescript -class CustomAppender implements IAppender { - write(event: ILogEvent) { - // Implement custom logic - } - close() { /* Cleanup resources */ } -} +// Ensure all logs are flushed before exit +process.on('exit', async () => { + await logFactory.dispose(); // Wait for appenders to finalize +}); + +// Handle uncaught exceptions +process.on('uncaughtException', async (err) => { + logger.error('Process crashed', err); + await logFactory.dispose(); + process.exit(1); +}); ``` -## Performance Optimization +--- + +## ⚡ Performance Recommendations + +1. **Asynchronous Writes** + Use asynchronous mode with `syncThreshold` for controlled synchronization: + ```typescript + new FileAppender('app.log', { + syncThreshold: 10 * 1024, // Sync every 10KB + syncInterval: 5000 // Sync every 5 seconds + }); + ``` + +2. **File Locking** + Enable `useLock: true` in cluster environments: + ```typescript + new FileAppender('app.log', { useLock: true }); + ``` + +--- + +## 📝 Contribution Guide + +1. **Development Setup** + ```bash + npm install + ``` -- **Synchronization strategy**: Control fsync frequency with `syncThreshold` and `syncInterval` -- **File locking**: Enable `useLock: true` for cluster write safety -- **Backpressure handling**: Automatic stream write pressure management to prevent memory overflow +2. **Testing** + ```bash + npm test # Run unit tests + ``` -## Contribution Guide +3. **Before Submitting PRs** + - Ensure ESLint is configured (VSCode plugin recommended) + - Add test cases for new features + - Update documentation -Contributions are welcome! Please ensure: -1. Pass ESLint checks -2. Include test cases -3. Update relevant documentation +--- -## License +## 📄 License -[MIT License](LICENSE) \ No newline at end of file +[MIT License](LICENSE) diff --git a/README_zh-CN.md b/README_zh-CN.md index b268ac3..f53e51e 100644 --- a/README_zh-CN.md +++ b/README_zh-CN.md @@ -7,143 +7,214 @@ [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![TypeScript](https://img.shields.io/badge/lang-TypeScript-007ACC.svg)](https://www.typescriptlang.org/) -> 一个灵活高效的Node.js日志库，支持控制台输出、文件滚动记录、自定义格式和日志分级。 +> 🚀 一个灵活高效的Node.js日志库，支持控制台输出、文件滚动记录、自定义格式和日志分级。 -## 中文 | [English](README.md) +## 📅 中文文档 | [English](README.md) -## 功能特性 +--- -- **多级别日志**：支持 TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF 七个级别 -- **多种Appender**：内置控制台、文件滚动（按大小/日期）输出器 -- **自定义布局**：提供基础布局和模式布局（类似Log4j格式） -- **上下文管理**：支持MDC（Mapped Diagnostic Context） -- **高性能异步**：非阻塞I/O和背压控制 -- **集群支持**：内置进程ID和集群序列号记录 +## 🌟 核心特性 -## 安装 +- **多级别日志** + 支持 `TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF` 七级日志分级，精准控制日志输出粒度。 + +- **灵活的Appender配置** + 内置 `ConsoleAppender`（控制台输出）、`FileAppender`（按大小滚动）和 `DateFileAppender`（按日期滚动），支持自定义Appender扩展。 +- **丰富的日志格式化** + 提供 `BasicLayout`（基础格式）和 `PatternLayout`（类似Log4j的灵活格式），支持自定义占位符。 + +- **上下文管理** + 支持MDC（Mapped Diagnostic Context），方便在日志中携带请求ID、用户信息等上下文数据。 + +- **高性能与集群支持** + 非阻塞I/O、背压控制、文件锁机制，保障高并发场景下的日志可靠性。 + +--- + +## 🚀 快速开始 + +### 1. 安装 ```bash npm install base-log-factory ``` -## 快速开始 - -### 基本使用 - -factory.ts +### 2. 基础用法 ```typescript +// factory.ts import { LogFactory, ConsoleAppender } from 'base-log-factory'; -export default new LogFactory(); -``` +export default new LogFactory({ + appenders: [new ConsoleAppender()] +}); -main.ts -```typescript +// main.ts import logFactory from './factory'; const logger = logFactory.getLogger('app'); - -logger.info('Server started on port 3000'); +logger.info('服务器启动成功'); ``` -### 配置示例 +### 3. 高级配置示例 ```typescript -import { LogFactory, ConsoleAppender, FileAppender, BasicLayout } from 'base-log-factory'; +// 配置文件滚动、自定义格式和上下文 +import { + LogFactory, + ConsoleAppender, + FileAppender, + DateFileAppender, + PatternLayout +} from 'base-log-factory'; const logFactory = new LogFactory({ - level: 'DEBUG', + level: 'DEBUG', // 设置全局日志级别 appenders: [ new ConsoleAppender(), new FileAppender('./logs/app.log', { - layout: new BasicLayout(), + layout: new PatternLayout('[%d{YYYY-MM-DD HH:mm:ss}] [%p] %c - %m %x{userId}'), maxSize: 1024 * 1024, // 1MB - backups: 5 + backups: 5, + compress: true // 启用GZIP压缩 + }), + new DateFileAppender('./logs/app.daily.log', { + pattern: 'YYYY-MM-DD', + backups: 7 // 保留7天日志 }) ] }); ``` -## 核心概念 - -### 日志级别 -| 级别 | 值 | 说明 | -|--------|-----|------------| -| TRACE | 6 | 跟踪级详细日志 | -| DEBUG | 5 | 调试信息 | -| INFO | 4 | 常规运行信息 | -| WARN | 3 | 警告事件 | -| ERROR | 2 | 错误事件 | -| FATAL | 1 | 严重错误事件 | -| OFF | 0 | 关闭所有日志 | - -### Appenders -| 类型 | 说明 | -|--------------------|-------------------------| -| `ConsoleAppender` | 输出到控制台 | -| `FileAppender` | 按文件大小滚动（如app.log.1）| -| `DateFileAppender` | 按日期滚动（如app.2023-08-01.log）| - -### Layouts +--- + +## 🛠 核心概念详解 + +### 1. 日志级别（支持彩色标识） +| 级别 | 值 | 说明 | 建议使用场景 | +|--------|-----|------------|-------------------------| +| TRACE | 6 | 跟踪级详细日志 | 调试代码逻辑时的详细流程记录 | +| DEBUG | 5 | 调试信息 | 开发阶段的调试输出 | +| **INFO** | 4 | 常规运行信息 | 业务流程关键节点的正常状态记录 | +| **WARN** | 3 | 警告事件 | 非致命但需关注的问题（如资源不足） | +| **ERROR** | 2 | 错误事件 | 异常或失败操作的记录 | +| **FATAL** | 1 | 严重错误事件 | 导致系统崩溃的致命错误 | +| OFF | 0 | 关闭所有日志 | 禁用日志输出 | + +### 2. Appender类型对比 +| 类型 | 特点 | 典型场景 | +|--------------------|-----------------------------|----------------------| +| `ConsoleAppender` | 实时输出到控制台 | 开发调试阶段 | +| `FileAppender` | 按文件大小滚动（如app.log.1） | 生产环境日志持久化 | +| `DateFileAppender` | 按日期滚动（如app.2023-08-01.log） | 需要按天归档日志时 | + +--- + +## 🎁 使用示例 + +### 示例1：带上下文的API请求日志 ```typescript -// 使用PatternLayout自定义格式 -new PatternLayout('[%d{YYYY-MM-DD HH:mm:ssZ}] %p %c - %m %x{user}') +// 在请求处理函数中添加用户ID +app.get('/api/data', (req, res) => { + const userId = req.user.id; + logger.addContext('userId', userId); + try { + // 业务逻辑 + logger.debug('开始处理请求'); + res.send(data); + } catch (err) { + logger.error('请求处理失败', err); + } finally { + logger.removeContext('userId'); // 清理上下文 + } +}); ``` -格式说明符： -- `%d`: 日期时间（可指定格式） -- `%p`: 日志级别 -- `%c`: Logger名称 -- `%m`: 日志消息 -- `%x`: 上下文变量 -- `%t`: 线程信息 +### 示例2：自定义日志格式 +```typescript +// 定义包含请求ID和时间戳的格式 +const layout = new PatternLayout( + '[%d{YYYY-MM-DD HH:mm:ss.SSS}] [%p] %c - %m %x{requestId} %t' +); -## 高级功能 +// 在Appender中使用 +new FileAppender('./logs/app.log', { layout }); +``` -### 上下文管理 +### 示例3：集群环境配置 ```typescript -logger.addContext('user', '12345'); -logger.info('Processing user:'); // 自动携带上下文 +// 使用进程ID区分日志输出 +const cluster = require('cluster'); +const logFactory = new LogFactory({ + appenders: [ + new FileAppender(`./logs/app_${cluster.worker.id}.log`, { + layout: new BasicLayout(), + maxSize: 1024 * 1024 * 5 // 5MB + }) + ] +}); ``` -### 文件滚动配置 +### 示例4：动态修改日志级别 ```typescript -// 按大小滚动（保留5个备份） -new FileAppender('./logs/app.log', { - maxSize: 1024 * 1024, // 1MB - backups: 5, - compress: true // 启用GZIP压缩 +// 动态调整全局日志级别 +logFactory.level = 'DEBUG'; // 设置为DEBUG级别 +logger.debug('调试信息现在会显示'); // 输出生效 +``` + +### 示例5：进程结束前的资源清理 +```typescript +// 在Node.js进程退出前确保所有日志写入完成 +process.on('exit', async () => { + await logFactory.dispose(); // 等待所有Appender资源释放 }); -// 按日期滚动（每天生成新文件） -new DateFileAppender('./logs/app.log', { - pattern: 'YYYY-MM-DD', - backups: 7 // 保留7天日志 +// 处理未捕获异常时的清理 +process.on('uncaughtException', async (err) => { + logger.error('进程异常', err); + await logFactory.dispose(); + process.exit(1); }); ``` -### 自定义Appender -```typescript -class CustomAppender implements IAppender { - write(event: ILogEvent) { - // 实现自定义逻辑 - } - close() { /* 清理资源 */ } -} -``` +--- + +## ⚡ 性能优化建议 + +1. **异步写入** + 默认使用异步模式，通过 `syncThreshold` 控制同步写入频率： + ```typescript + new FileAppender('app.log', { + syncThreshold: 10 * 1024, // 每10K日志强制同步 + syncInterval: 5000 // 每5秒强制同步 + }); + ``` + +2. **文件锁机制** + 在集群环境中启用 `useLock: true` 避免文件写入冲突： + ```typescript + new FileAppender('app.log', { useLock: true }); + ``` + +--- + +## 📝 贡献指南 -## 性能优化 +1. **开发环境** + ```bash + npm install + ``` -- **同步策略**：通过`syncThreshold`和`syncInterval`控制fsync频率 -- **文件锁**：启用`useLock: true`保证集群环境下的写入安全 -- **背压处理**：自动管理流写入压力，避免内存溢出 +2. **测试用例** + ```bash + npm test # 运行单元测试 + ``` -## 贡献指南 +3. **提交PR前** + - 确保 vscode 安装了 eslint 插件 + - 添加新功能的测试用例 + - 更新文档说明 -欢迎提交Issue和PR！请确保： -1. 通过ESLint检查 -2. 包含测试用例 -3. 更新相关文档 +--- -## 许可证 +## 📄 许可证 -[MIT License](LICENSE) \ No newline at end of file +[MIT License](LICENSE) diff --git a/src/LogFactory.ts b/src/LogFactory.ts index 0d0f113..662fde6 100644 --- a/src/LogFactory.ts +++ b/src/LogFactory.ts @@ -8,13 +8,25 @@ import { IAppender, IConfig, ILogger, TLevel } from './typings'; export default class LogFactory { private readonly loggers = new Map(); private LoggerClass: typeof Logger = Logger; - private defaultLevel: Level | TLevel = Level.INFO; + private defaultLevel: Level = Level.INFO; private appenders: IAppender[] = []; constructor(config?: IConfig) { this.configure(config); } + get level(): Level { + return this.defaultLevel; + } + + set level(level: Level | TLevel) { + level = Logger.normalizeLevel(level); + this.defaultLevel = level; + this.loggers.forEach((logger) => { + logger.level = level; + }); + } + configure({ LoggerClass, level, @@ -24,7 +36,7 @@ export default class LogFactory { this.LoggerClass = LoggerClass; } if (level) { - this.defaultLevel = level; + this.defaultLevel = Logger.normalizeLevel(level); } if (appenders) { this.appenders = appenders; @@ -43,4 +55,21 @@ export default class LogFactory { } return logger; } + + clear(name?: string): void { + if (name) { + this.loggers.delete(name); + } + else { + this.loggers.clear(); + } + } + + dispose(): Promise { + const promises: Array> = []; + this.loggers.forEach((logger) => { + promises.push(logger.dispose()); + }); + return Promise.allSettled(promises); + } } diff --git a/src/_basicLogPrefix.ts b/src/_internal/basicLogPrefix.ts similarity index 87% rename from src/_basicLogPrefix.ts rename to src/_internal/basicLogPrefix.ts index 6fd3bc6..b2ef337 100644 --- a/src/_basicLogPrefix.ts +++ b/src/_internal/basicLogPrefix.ts @@ -1,5 +1,5 @@ import { format } from 'date-manip'; -import { ILogEvent } from './typings'; +import { ILogEvent } from '../typings'; const DEFAULT_FORMATTER = 'YYYY-MM-DD HH:mm:ss.SSSZ'; diff --git a/src/_internal/pad.ts b/src/_internal/pad.ts new file mode 100644 index 0000000..9c0c34e --- /dev/null +++ b/src/_internal/pad.ts @@ -0,0 +1,10 @@ +export default function pad(str: string, width: number, alignLeft: boolean = true): string { + const diff = width - str.length; + + if (diff <= 0) { + return str; + } + + const padding = ' '.repeat(diff); + return alignLeft ? str + padding : padding + str; +} diff --git a/src/appenders/ConsoleAppender.ts b/src/appenders/ConsoleAppender.ts index a85e947..698600b 100644 --- a/src/appenders/ConsoleAppender.ts +++ b/src/appenders/ConsoleAppender.ts @@ -1,4 +1,4 @@ -import basicLogPrefix from 'src/_basicLogPrefix'; +import basicLogPrefix from 'src/_internal/basicLogPrefix'; import { IAppender, ILayout, ILogEvent } from '../typings'; /** diff --git a/src/layouts/BasicLayout.ts b/src/layouts/BasicLayout.ts index 698dd14..d330b73 100644 --- a/src/layouts/BasicLayout.ts +++ b/src/layouts/BasicLayout.ts @@ -1,18 +1,8 @@ -import basicLogPrefix from 'src/_basicLogPrefix'; +import basicLogPrefix from 'src/_internal/basicLogPrefix'; import { ILayout, ILogEvent } from '../typings'; +import pad from '../_internal/pad'; export default class BasicLayout implements ILayout { - static pad(str: string, width: number, alignLeft: boolean = true): string { - const diff = width - str.length; - - if (diff <= 0) { - return str; - } - - const padding = ' '.repeat(diff); - return alignLeft ? str + padding : padding + str; - } - static transform( message: any[], minWidth: number = 0, @@ -36,7 +26,7 @@ export default class BasicLayout implements ILayout { msg = `${msg.substring(0, maxLength)}...`; } - msg = BasicLayout.pad(msg, minWidth, alignLeft); + msg = pad(msg, minWidth, alignLeft); return index === 0 ? msg : `${prev} ${msg}`; }, ''); diff --git a/src/layouts/PatternLayout.ts b/src/layouts/PatternLayout.ts index dfc36d9..5f5afa1 100644 --- a/src/layouts/PatternLayout.ts +++ b/src/layouts/PatternLayout.ts @@ -1,10 +1,11 @@ import { ILayout, ILogEvent } from '../typings'; import { format as dateFormat } from 'date-manip'; import BasicLayout from './BasicLayout'; +import pad from '../_internal/pad'; type TConverter = (...args: any[]) => string; -const { pad, transform } = BasicLayout; +const { transform } = BasicLayout; // 基础转换器实现 @@ -62,7 +63,7 @@ function mdcConverter( return (event: ILogEvent): string => { const value = event.context[key] || ''; - return BasicLayout.pad(String(value), minWidth, alignLeft); + return pad(String(value), minWidth, alignLeft); }; } diff --git a/src/logger.ts b/src/logger.ts index 6b3fee2..4687deb 100644 --- a/src/logger.ts +++ b/src/logger.ts @@ -8,6 +8,7 @@ export default class Logger implements ILogger { protected readonly appenders: IAppender[] = []; protected context: Record = {}; protected _level: Level = Level.INFO; + constructor( readonly name: string, { level, appenders = [] }: ILogOptions = {}, @@ -19,18 +20,23 @@ export default class Logger implements ILogger { this.appenders = [...appenders]; } } + get level(): Level { return this._level; } set level(level: Level | TLevel) { + this._level = Logger.normalizeLevel(level); + } + + static normalizeLevel(level: Level | TLevel): Level { if (typeof level === 'string') { level = Level[level.toUpperCase()]; if (level == null) { level = Level.INFO; } } - this._level = level as Level; + return level as Level; } addContext(key, value) { diff --git a/src/typings.ts b/src/typings.ts index 902b845..a49ba95 100644 --- a/src/typings.ts +++ b/src/typings.ts @@ -53,19 +53,6 @@ export interface ILogEvent { timestamp: Date; loggerName: string; context: Record; - - nano?: bigint; - clusterMeta?: IClusterMeta; - sequence?: number; -} - -/** - * 集群元数据接口 - */ -export interface IClusterMeta { - instanceId: string; - startTime: bigint; - sequence: number; } /** diff --git a/test/index.test.ts b/test/index.test.ts index bd0b9e3..7ef88c1 100644 --- a/test/index.test.ts +++ b/test/index.test.ts @@ -1,7 +1,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'; import PatternLayout from '../src/layouts/PatternLayout'; import { join, dirname } from 'node:path'; -import { ConsoleAppender, LogFactory } from '../src'; +import { ConsoleAppender, Level, LogFactory } from '../src'; import FileAppender from '../src/appenders/FileAppender'; import { fileURLToPath } from 'node:url'; import { DateFileAppender } from 'src/appenders/DateFileAppender'; @@ -28,7 +28,7 @@ describe('测试日志级别打印', () => { describe('测试工厂方式创建日志对象', () => { const factory = new LogFactory({ - level: 'INFO', + level: Level.INFO, appenders: [ new ConsoleAppender() ] @@ -52,11 +52,11 @@ describe('测试日志级别打印', () => { it('测试打印DEBUG日志', () => { logger.level = 'DEBUG'; - logger.info('hello'); - expect(mockLog.mock.calls[0][1]).toBe('hello'); + logger.info('hello 1'); + expect(mockLog.mock.calls[0][1]).toBe('hello 1'); - logger.debug('world'); - expect(mockLog.mock.calls[1][1]).toBe('world'); + logger.debug('world 1'); + expect(mockLog.mock.calls[1][1]).toBe('world 1'); logger.trace('end'); expect(mockLog.mock.calls[2]).toBe(void 0); @@ -64,10 +64,20 @@ describe('测试日志级别打印', () => { logger.error('error'); expect(mockLog.mock.calls.length).toBe(3); }); + + it('测试修改日志级别', () => { + logger.level = Level.ERROR; + logger.info('hello 2'); + expect(mockLog.mock.calls[0]).toBe(void 0); + + factory.level = Level.DEBUG; + logger.debug('world 2'); + expect(mockLog.mock.calls[0][1]).toBe('world 2'); + }); }); describe('测试 PatternLayout', () => { - const layout = new PatternLayout('[%p] %m'); + const layout = new PatternLayout('[%p] %m %x{user}'); const factory = new LogFactory({ level: 'INFO', appenders: [ @@ -85,7 +95,17 @@ describe('测试日志级别打印', () => { it('测试打印INFO日志', () => { logger.info('hello'); - expect(mockLog.mock.calls[0][0]).toBe('[INFO] hello'); + expect(mockLog.mock.calls[0][0]).toBe('[INFO] hello '); + }); + + it('测试MDC输出', () => { + logger.addContext('user', 'zhangsan'); + logger.info('hello'); + expect(mockLog.mock.calls[0][0]).toBe('[INFO] hello zhangsan'); + + logger.removeContext('user'); + logger.info('world'); + expect(mockLog.mock.calls[1][0]).toBe('[INFO] world '); }); }); }); From d1d44dcd60396cb1f9326dd70519431f63d9ce7c Mon Sep 17 00:00:00 2001 From: "Jesse.Feng" Date: Fri, 21 Mar 2025 14:04:21 +0800 Subject: [PATCH 3/3] =?UTF-8?q?docs(=E7=94=9F=E6=88=90=E6=96=87=E6=A1=A3):?= =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0md=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc | 7 + README.md | 131 +- README_zh-CN.md | 220 - docs/.vitepress/cache/deps/_metadata.json | 31 + docs/.vitepress/cache/deps/chunk-IA4MHOT7.js | 12542 ++++++++++++++++ .../cache/deps/chunk-IA4MHOT7.js.map | 7 + docs/.vitepress/cache/deps/package.json | 3 + .../deps/vitepress___@vue_devtools-api.js | 4504 ++++++ .../deps/vitepress___@vue_devtools-api.js.map | 7 + .../cache/deps/vitepress___@vueuse_core.js | 9731 ++++++++++++ .../deps/vitepress___@vueuse_core.js.map | 7 + docs/.vitepress/cache/deps/vue.js | 343 + docs/.vitepress/cache/deps/vue.js.map | 7 + docs/.vitepress/config/en.mts | 45 + docs/.vitepress/config/index.mts | 12 + docs/.vitepress/config/shared.mts | 87 + docs/.vitepress/config/zh.mts | 45 + docs/.vitepress/theme/index.ts | 5 + docs/.vitepress/theme/styles.css | 45 + docs/en/api/classes/ConsoleAppender.md | 81 + docs/en/api/classes/LogFactory.md | 149 + docs/en/api/classes/Logger.md | 453 + docs/en/api/enumerations/Level.md | 67 + docs/en/api/index.md | 32 + docs/en/api/interfaces/IAppender.md | 41 + docs/en/api/interfaces/IConfig.md | 35 + docs/en/api/interfaces/ILayout.md | 29 + docs/en/api/interfaces/ILogEvent.md | 59 + docs/en/api/interfaces/ILogOptions.md | 27 + docs/en/api/interfaces/ILogger.md | 221 + .../api/type-aliases/BaseAppenderOptions.md | 19 + .../type-aliases/DateFileAppenderOptions.md | 13 + .../api/type-aliases/FileAppenderOptions.md | 13 + docs/en/api/type-aliases/TLevel.md | 13 + .../type-aliases/TPatternLayoutConverter.md | 23 + docs/en/guide/contribution.md | 19 + docs/en/guide/introduce.md | 47 + docs/en/guide/quick-start.md | 54 + docs/en/index.md | 25 + docs/en/reference/performance.md | 41 + docs/en/reference/use-appenders.md | 68 + docs/en/reference/use-context.md | 45 + docs/en/reference/use-level.md | 42 + docs/en/reference/use-shutdown.md | 29 + docs/zh/api/classes/ConsoleAppender.md | 81 + docs/zh/api/classes/LogFactory.md | 149 + docs/zh/api/classes/Logger.md | 453 + docs/zh/api/enumerations/Level.md | 67 + docs/zh/api/index.md | 32 + docs/zh/api/interfaces/IAppender.md | 41 + docs/zh/api/interfaces/IConfig.md | 35 + docs/zh/api/interfaces/ILayout.md | 29 + docs/zh/api/interfaces/ILogEvent.md | 59 + docs/zh/api/interfaces/ILogOptions.md | 27 + docs/zh/api/interfaces/ILogger.md | 221 + .../api/type-aliases/BaseAppenderOptions.md | 19 + .../type-aliases/DateFileAppenderOptions.md | 13 + .../api/type-aliases/FileAppenderOptions.md | 13 + docs/zh/api/type-aliases/TLevel.md | 13 + .../type-aliases/TPatternLayoutConverter.md | 23 + docs/zh/guide/contribution.md | 19 + docs/zh/guide/quick-start.md | 56 + docs/zh/guide/what-is-this.md | 47 + docs/zh/index.md | 27 + docs/zh/reference/performance.md | 42 + docs/zh/reference/use-appenders.md | 72 + docs/zh/reference/use-context.md | 47 + docs/zh/reference/use-level.md | 45 + docs/zh/reference/use-shutdown.md | 30 + package.json | 18 +- src/Level.ts | 2 +- src/LogFactory.ts | 28 +- src/_internal/basicLogPrefix.ts | 3 +- src/_internal/transformMessage.ts | 23 + src/appenders/BaseFileAppender.ts | 24 +- src/appenders/ConsoleAppender.ts | 15 +- src/appenders/DateFileAppender.ts | 19 +- src/appenders/FileAppender.ts | 10 +- src/index.ts | 3 +- src/layouts/BasicLayout.ts | 50 +- src/layouts/PatternLayout.ts | 40 +- src/logger.ts | 69 +- src/typings.ts | 26 +- test/index.test.ts | 10 +- tsconfig.base.json | 2 +- tsconfig.typedoc.json | 6 + typedoc.json | 13 + typedoc.zh.json | 14 + 88 files changed, 31040 insertions(+), 419 deletions(-) delete mode 100644 README_zh-CN.md create mode 100644 docs/.vitepress/cache/deps/_metadata.json create mode 100644 docs/.vitepress/cache/deps/chunk-IA4MHOT7.js create mode 100644 docs/.vitepress/cache/deps/chunk-IA4MHOT7.js.map create mode 100644 docs/.vitepress/cache/deps/package.json create mode 100644 docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js create mode 100644 docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map create mode 100644 docs/.vitepress/cache/deps/vitepress___@vueuse_core.js create mode 100644 docs/.vitepress/cache/deps/vitepress___@vueuse_core.js.map create mode 100644 docs/.vitepress/cache/deps/vue.js create mode 100644 docs/.vitepress/cache/deps/vue.js.map create mode 100644 docs/.vitepress/config/en.mts create mode 100644 docs/.vitepress/config/index.mts create mode 100644 docs/.vitepress/config/shared.mts create mode 100644 docs/.vitepress/config/zh.mts create mode 100644 docs/.vitepress/theme/index.ts create mode 100644 docs/.vitepress/theme/styles.css create mode 100644 docs/en/api/classes/ConsoleAppender.md create mode 100644 docs/en/api/classes/LogFactory.md create mode 100644 docs/en/api/classes/Logger.md create mode 100644 docs/en/api/enumerations/Level.md create mode 100644 docs/en/api/index.md create mode 100644 docs/en/api/interfaces/IAppender.md create mode 100644 docs/en/api/interfaces/IConfig.md create mode 100644 docs/en/api/interfaces/ILayout.md create mode 100644 docs/en/api/interfaces/ILogEvent.md create mode 100644 docs/en/api/interfaces/ILogOptions.md create mode 100644 docs/en/api/interfaces/ILogger.md create mode 100644 docs/en/api/type-aliases/BaseAppenderOptions.md create mode 100644 docs/en/api/type-aliases/DateFileAppenderOptions.md create mode 100644 docs/en/api/type-aliases/FileAppenderOptions.md create mode 100644 docs/en/api/type-aliases/TLevel.md create mode 100644 docs/en/api/type-aliases/TPatternLayoutConverter.md create mode 100644 docs/en/guide/contribution.md create mode 100644 docs/en/guide/introduce.md create mode 100644 docs/en/guide/quick-start.md create mode 100644 docs/en/index.md create mode 100644 docs/en/reference/performance.md create mode 100644 docs/en/reference/use-appenders.md create mode 100644 docs/en/reference/use-context.md create mode 100644 docs/en/reference/use-level.md create mode 100644 docs/en/reference/use-shutdown.md create mode 100644 docs/zh/api/classes/ConsoleAppender.md create mode 100644 docs/zh/api/classes/LogFactory.md create mode 100644 docs/zh/api/classes/Logger.md create mode 100644 docs/zh/api/enumerations/Level.md create mode 100644 docs/zh/api/index.md create mode 100644 docs/zh/api/interfaces/IAppender.md create mode 100644 docs/zh/api/interfaces/IConfig.md create mode 100644 docs/zh/api/interfaces/ILayout.md create mode 100644 docs/zh/api/interfaces/ILogEvent.md create mode 100644 docs/zh/api/interfaces/ILogOptions.md create mode 100644 docs/zh/api/interfaces/ILogger.md create mode 100644 docs/zh/api/type-aliases/BaseAppenderOptions.md create mode 100644 docs/zh/api/type-aliases/DateFileAppenderOptions.md create mode 100644 docs/zh/api/type-aliases/FileAppenderOptions.md create mode 100644 docs/zh/api/type-aliases/TLevel.md create mode 100644 docs/zh/api/type-aliases/TPatternLayoutConverter.md create mode 100644 docs/zh/guide/contribution.md create mode 100644 docs/zh/guide/quick-start.md create mode 100644 docs/zh/guide/what-is-this.md create mode 100644 docs/zh/index.md create mode 100644 docs/zh/reference/performance.md create mode 100644 docs/zh/reference/use-appenders.md create mode 100644 docs/zh/reference/use-context.md create mode 100644 docs/zh/reference/use-level.md create mode 100644 docs/zh/reference/use-shutdown.md create mode 100644 src/_internal/transformMessage.ts create mode 100644 tsconfig.typedoc.json create mode 100644 typedoc.json create mode 100644 typedoc.zh.json diff --git a/.eslintrc b/.eslintrc index 2947d10..407aa2c 100644 --- a/.eslintrc +++ b/.eslintrc @@ -3,7 +3,14 @@ "fe", "fe/ts" ], + "plugins": [ + "simple-import-sort" + ], "globals": { "__DEV__": true + }, + "rules": { + "simple-import-sort/imports": "error", + "simple-import-sort/exports": "error" } } diff --git a/README.md b/README.md index 269966c..6f0306b 100644 --- a/README.md +++ b/README.md @@ -9,8 +9,6 @@ > 🚀 A flexible and efficient Node.js logging library supporting console output, file rolling, custom formats, and log levels. -## 📅 [中文](README_zh-CN.md) | English - --- ## 🌟 Core Features @@ -27,8 +25,13 @@ - **Context Management** Supports Mapped Diagnostic Context (MDC) for attaching request IDs, user information, etc. -- **High-Performance & Cluster Support** - Non-blocking I/O, backpressure control, and file locking for reliable logging in high-concurrency environments. +--- + +## 📅 Documentation + +For detailed usage instructions and API references, please visit the official documentation: + +👉 [View Full Documentation](https://fengxinming.github.io/base-log-factory/) --- @@ -55,35 +58,6 @@ const logger = logFactory.getLogger('app'); logger.info('Server started successfully'); ``` -### 3. Advanced Configuration Example -```typescript -// Configure rolling files, custom formats, and context -import { - LogFactory, - ConsoleAppender, - FileAppender, - DateFileAppender, - PatternLayout -} from 'base-log-factory'; - -const logFactory = new LogFactory({ - level: 'DEBUG', // Set global log level - appenders: [ - new ConsoleAppender(), - new FileAppender('./logs/app.log', { - layout: new PatternLayout('[%d{YYYY-MM-DD HH:mm:ss}] [%p] %c - %m %x{userId}'), - maxSize: 1024 * 1024, // 1MB - backups: 5, - compress: true // Enable GZIP compression - }), - new DateFileAppender('./logs/app.daily.log', { - pattern: 'YYYY-MM-DD', - backups: 7 // Keep 7 days of logs - }) - ] -}); -``` - --- ## 🛠 Core Concepts @@ -108,97 +82,6 @@ const logFactory = new LogFactory({ --- -## 🎁 Usage Examples - -### Example 1: Context-aware API Logging -```typescript -// Attach user ID to request logs -app.get('/api/data', (req, res) => { - const userId = req.user.id; - logger.addContext('userId', userId); - try { - // Business logic - logger.debug('Processing request'); - res.send(data); - } catch (err) { - logger.error('Request failed', err); - } finally { - logger.removeContext('userId'); // Clean up context - } -}); -``` - -### Example 2: Custom Log Format -```typescript -// Define format with request ID and timestamp -const layout = new PatternLayout( - '[%d{YYYY-MM-DD HH:mm:ss.SSS}] [%p] %c - %m %x{requestId} %t' -); - -// Apply to FileAppender -new FileAppender('./logs/app.log', { layout }); -``` - -### Example 3: Cluster Configuration -```typescript -// Use worker ID for log separation -const cluster = require('cluster'); -const logFactory = new LogFactory({ - appenders: [ - new FileAppender(`./logs/app_${cluster.worker.id}.log`, { - layout: new BasicLayout(), - maxSize: 1024 * 1024 * 5 // 5MB - }) - ] -}); -``` - -### Example 4: Dynamic Level Adjustment -```typescript -// Change global log level at runtime -logFactory.level = 'DEBUG'; // Enable DEBUG level -logger.debug('Debug message now visible'); // Output enabled - -// Restore default level -logFactory.level = Level.INFO; -``` - -### Example 5: Resource Cleanup on Process Exit -```typescript -// Ensure all logs are flushed before exit -process.on('exit', async () => { - await logFactory.dispose(); // Wait for appenders to finalize -}); - -// Handle uncaught exceptions -process.on('uncaughtException', async (err) => { - logger.error('Process crashed', err); - await logFactory.dispose(); - process.exit(1); -}); -``` - ---- - -## ⚡ Performance Recommendations - -1. **Asynchronous Writes** - Use asynchronous mode with `syncThreshold` for controlled synchronization: - ```typescript - new FileAppender('app.log', { - syncThreshold: 10 * 1024, // Sync every 10KB - syncInterval: 5000 // Sync every 5 seconds - }); - ``` - -2. **File Locking** - Enable `useLock: true` in cluster environments: - ```typescript - new FileAppender('app.log', { useLock: true }); - ``` - ---- - ## 📝 Contribution Guide 1. **Development Setup** diff --git a/README_zh-CN.md b/README_zh-CN.md deleted file mode 100644 index f53e51e..0000000 --- a/README_zh-CN.md +++ /dev/null @@ -1,220 +0,0 @@ -# base-log-factory - -[![npm package](https://nodei.co/npm/base-log-factory.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/base-log-factory) - -[![NPM version](https://img.shields.io/npm/v/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) -[![NPM Downloads](https://img.shields.io/npm/dm/base-log-factory.svg?style=flat)](https://npmjs.org/package/base-log-factory) -[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) -[![TypeScript](https://img.shields.io/badge/lang-TypeScript-007ACC.svg)](https://www.typescriptlang.org/) - -> 🚀 一个灵活高效的Node.js日志库，支持控制台输出、文件滚动记录、自定义格式和日志分级。 - -## 📅 中文文档 | [English](README.md) - ---- - -## 🌟 核心特性 - -- **多级别日志** - 支持 `TRACE/DEBUG/INFO/WARN/ERROR/FATAL/OFF` 七级日志分级，精准控制日志输出粒度。 - -- **灵活的Appender配置** - 内置 `ConsoleAppender`（控制台输出）、`FileAppender`（按大小滚动）和 `DateFileAppender`（按日期滚动），支持自定义Appender扩展。 - -- **丰富的日志格式化** - 提供 `BasicLayout`（基础格式）和 `PatternLayout`（类似Log4j的灵活格式），支持自定义占位符。 - -- **上下文管理** - 支持MDC（Mapped Diagnostic Context），方便在日志中携带请求ID、用户信息等上下文数据。 - -- **高性能与集群支持** - 非阻塞I/O、背压控制、文件锁机制，保障高并发场景下的日志可靠性。 - ---- - -## 🚀 快速开始 - -### 1. 安装 -```bash -npm install base-log-factory -``` - -### 2. 基础用法 -```typescript -// factory.ts -import { LogFactory, ConsoleAppender } from 'base-log-factory'; - -export default new LogFactory({ - appenders: [new ConsoleAppender()] -}); - -// main.ts -import logFactory from './factory'; - -const logger = logFactory.getLogger('app'); -logger.info('服务器启动成功'); -``` - -### 3. 高级配置示例 -```typescript -// 配置文件滚动、自定义格式和上下文 -import { - LogFactory, - ConsoleAppender, - FileAppender, - DateFileAppender, - PatternLayout -} from 'base-log-factory'; - -const logFactory = new LogFactory({ - level: 'DEBUG', // 设置全局日志级别 - appenders: [ - new ConsoleAppender(), - new FileAppender('./logs/app.log', { - layout: new PatternLayout('[%d{YYYY-MM-DD HH:mm:ss}] [%p] %c - %m %x{userId}'), - maxSize: 1024 * 1024, // 1MB - backups: 5, - compress: true // 启用GZIP压缩 - }), - new DateFileAppender('./logs/app.daily.log', { - pattern: 'YYYY-MM-DD', - backups: 7 // 保留7天日志 - }) - ] -}); -``` - ---- - -## 🛠 核心概念详解 - -### 1. 日志级别（支持彩色标识） -| 级别 | 值 | 说明 | 建议使用场景 | -|--------|-----|------------|-------------------------| -| TRACE | 6 | 跟踪级详细日志 | 调试代码逻辑时的详细流程记录 | -| DEBUG | 5 | 调试信息 | 开发阶段的调试输出 | -| **INFO** | 4 | 常规运行信息 | 业务流程关键节点的正常状态记录 | -| **WARN** | 3 | 警告事件 | 非致命但需关注的问题（如资源不足） | -| **ERROR** | 2 | 错误事件 | 异常或失败操作的记录 | -| **FATAL** | 1 | 严重错误事件 | 导致系统崩溃的致命错误 | -| OFF | 0 | 关闭所有日志 | 禁用日志输出 | - -### 2. Appender类型对比 -| 类型 | 特点 | 典型场景 | -|--------------------|-----------------------------|----------------------| -| `ConsoleAppender` | 实时输出到控制台 | 开发调试阶段 | -| `FileAppender` | 按文件大小滚动（如app.log.1） | 生产环境日志持久化 | -| `DateFileAppender` | 按日期滚动（如app.2023-08-01.log） | 需要按天归档日志时 | - ---- - -## 🎁 使用示例 - -### 示例1：带上下文的API请求日志 -```typescript -// 在请求处理函数中添加用户ID -app.get('/api/data', (req, res) => { - const userId = req.user.id; - logger.addContext('userId', userId); - try { - // 业务逻辑 - logger.debug('开始处理请求'); - res.send(data); - } catch (err) { - logger.error('请求处理失败', err); - } finally { - logger.removeContext('userId'); // 清理上下文 - } -}); -``` - -### 示例2：自定义日志格式 -```typescript -// 定义包含请求ID和时间戳的格式 -const layout = new PatternLayout( - '[%d{YYYY-MM-DD HH:mm:ss.SSS}] [%p] %c - %m %x{requestId} %t' -); - -// 在Appender中使用 -new FileAppender('./logs/app.log', { layout }); -``` - -### 示例3：集群环境配置 -```typescript -// 使用进程ID区分日志输出 -const cluster = require('cluster'); -const logFactory = new LogFactory({ - appenders: [ - new FileAppender(`./logs/app_${cluster.worker.id}.log`, { - layout: new BasicLayout(), - maxSize: 1024 * 1024 * 5 // 5MB - }) - ] -}); -``` - -### 示例4：动态修改日志级别 -```typescript -// 动态调整全局日志级别 -logFactory.level = 'DEBUG'; // 设置为DEBUG级别 -logger.debug('调试信息现在会显示'); // 输出生效 -``` - -### 示例5：进程结束前的资源清理 -```typescript -// 在Node.js进程退出前确保所有日志写入完成 -process.on('exit', async () => { - await logFactory.dispose(); // 等待所有Appender资源释放 -}); - -// 处理未捕获异常时的清理 -process.on('uncaughtException', async (err) => { - logger.error('进程异常', err); - await logFactory.dispose(); - process.exit(1); -}); -``` - ---- - -## ⚡ 性能优化建议 - -1. **异步写入** - 默认使用异步模式，通过 `syncThreshold` 控制同步写入频率： - ```typescript - new FileAppender('app.log', { - syncThreshold: 10 * 1024, // 每10K日志强制同步 - syncInterval: 5000 // 每5秒强制同步 - }); - ``` - -2. **文件锁机制** - 在集群环境中启用 `useLock: true` 避免文件写入冲突： - ```typescript - new FileAppender('app.log', { useLock: true }); - ``` - ---- - -## 📝 贡献指南 - -1. **开发环境** - ```bash - npm install - ``` - -2. **测试用例** - ```bash - npm test # 运行单元测试 - ``` - -3. **提交PR前** - - 确保 vscode 安装了 eslint 插件 - - 添加新功能的测试用例 - - 更新文档说明 - ---- - -## 📄 许可证 - -[MIT License](LICENSE) diff --git a/docs/.vitepress/cache/deps/_metadata.json b/docs/.vitepress/cache/deps/_metadata.json new file mode 100644 index 0000000..7164c68 --- /dev/null +++ b/docs/.vitepress/cache/deps/_metadata.json @@ -0,0 +1,31 @@ +{ + "hash": "c3168f60", + "configHash": "0838f0a2", + "lockfileHash": "e3b0c442", + "browserHash": "aee46423", + "optimized": { + "vue": { + "src": "../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.8.2/node_modules/vue/dist/vue.runtime.esm-bundler.js", + "file": "vue.js", + "fileHash": "b0725afc", + "needsInterop": false + }, + "vitepress > @vue/devtools-api": { + "src": "../../../../node_modules/.pnpm/@vue+devtools-api@7.7.2/node_modules/@vue/devtools-api/dist/index.js", + "file": "vitepress___@vue_devtools-api.js", + "fileHash": "a3ef6608", + "needsInterop": false + }, + "vitepress > @vueuse/core": { + "src": "../../../../node_modules/.pnpm/@vueuse+core@12.8.2_typescript@5.8.2/node_modules/@vueuse/core/index.mjs", + "file": "vitepress___@vueuse_core.js", + "fileHash": "c4f10eee", + "needsInterop": false + } + }, + "chunks": { + "chunk-IA4MHOT7": { + "file": "chunk-IA4MHOT7.js" + } + } +} \ No newline at end of file diff --git a/docs/.vitepress/cache/deps/chunk-IA4MHOT7.js b/docs/.vitepress/cache/deps/chunk-IA4MHOT7.js new file mode 100644 index 0000000..1e11071 --- /dev/null +++ b/docs/.vitepress/cache/deps/chunk-IA4MHOT7.js @@ -0,0 +1,12542 @@ +// node_modules/.pnpm/@vue+shared@3.5.13/node_modules/@vue/shared/dist/shared.esm-bundler.js +function makeMap(str) { + const map2 = /* @__PURE__ */ Object.create(null); + for (const key of str.split(",")) map2[key] = 1; + return (val) => val in map2; +} +var EMPTY_OBJ = true ? Object.freeze({}) : {}; +var EMPTY_ARR = true ? Object.freeze([]) : []; +var NOOP = () => { +}; +var NO = () => false; +var isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter +(key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97); +var isModelListener = (key) => key.startsWith("onUpdate:"); +var extend = Object.assign; +var remove = (arr, el) => { + const i = arr.indexOf(el); + if (i > -1) { + arr.splice(i, 1); + } +}; +var hasOwnProperty = Object.prototype.hasOwnProperty; +var hasOwn = (val, key) => hasOwnProperty.call(val, key); +var isArray = Array.isArray; +var isMap = (val) => toTypeString(val) === "[object Map]"; +var isSet = (val) => toTypeString(val) === "[object Set]"; +var isDate = (val) => toTypeString(val) === "[object Date]"; +var isRegExp = (val) => toTypeString(val) === "[object RegExp]"; +var isFunction = (val) => typeof val === "function"; +var isString = (val) => typeof val === "string"; +var isSymbol = (val) => typeof val === "symbol"; +var isObject = (val) => val !== null && typeof val === "object"; +var isPromise = (val) => { + return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch); +}; +var objectToString = Object.prototype.toString; +var toTypeString = (value) => objectToString.call(value); +var toRawType = (value) => { + return toTypeString(value).slice(8, -1); +}; +var isPlainObject = (val) => toTypeString(val) === "[object Object]"; +var isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key; +var isReservedProp = makeMap( + // the leading comma is intentional so empty string "" is also included + ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted" +); +var isBuiltInDirective = makeMap( + "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo" +); +var cacheStringFunction = (fn) => { + const cache = /* @__PURE__ */ Object.create(null); + return (str) => { + const hit = cache[str]; + return hit || (cache[str] = fn(str)); + }; +}; +var camelizeRE = /-(\w)/g; +var camelize = cacheStringFunction( + (str) => { + return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ""); + } +); +var hyphenateRE = /\B([A-Z])/g; +var hyphenate = cacheStringFunction( + (str) => str.replace(hyphenateRE, "-$1").toLowerCase() +); +var capitalize = cacheStringFunction((str) => { + return str.charAt(0).toUpperCase() + str.slice(1); +}); +var toHandlerKey = cacheStringFunction( + (str) => { + const s = str ? `on${capitalize(str)}` : ``; + return s; + } +); +var hasChanged = (value, oldValue) => !Object.is(value, oldValue); +var invokeArrayFns = (fns, ...arg) => { + for (let i = 0; i < fns.length; i++) { + fns[i](...arg); + } +}; +var def = (obj, key, value, writable = false) => { + Object.defineProperty(obj, key, { + configurable: true, + enumerable: false, + writable, + value + }); +}; +var looseToNumber = (val) => { + const n = parseFloat(val); + return isNaN(n) ? val : n; +}; +var toNumber = (val) => { + const n = isString(val) ? Number(val) : NaN; + return isNaN(n) ? val : n; +}; +var _globalThis; +var getGlobalThis = () => { + return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {}); +}; +var GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol"; +var isGloballyAllowed = makeMap(GLOBALS_ALLOWED); +function normalizeStyle(value) { + if (isArray(value)) { + const res = {}; + for (let i = 0; i < value.length; i++) { + const item = value[i]; + const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item); + if (normalized) { + for (const key in normalized) { + res[key] = normalized[key]; + } + } + } + return res; + } else if (isString(value) || isObject(value)) { + return value; + } +} +var listDelimiterRE = /;(?![^(]*\))/g; +var propertyDelimiterRE = /:([^]+)/; +var styleCommentRE = /\/\*[^]*?\*\//g; +function parseStringStyle(cssText) { + const ret = {}; + cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => { + if (item) { + const tmp = item.split(propertyDelimiterRE); + tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim()); + } + }); + return ret; +} +function stringifyStyle(styles) { + if (!styles) return ""; + if (isString(styles)) return styles; + let ret = ""; + for (const key in styles) { + const value = styles[key]; + if (isString(value) || typeof value === "number") { + const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key); + ret += `${normalizedKey}:${value};`; + } + } + return ret; +} +function normalizeClass(value) { + let res = ""; + if (isString(value)) { + res = value; + } else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + const normalized = normalizeClass(value[i]); + if (normalized) { + res += normalized + " "; + } + } + } else if (isObject(value)) { + for (const name in value) { + if (value[name]) { + res += name + " "; + } + } + } + return res.trim(); +} +function normalizeProps(props) { + if (!props) return null; + let { class: klass, style } = props; + if (klass && !isString(klass)) { + props.class = normalizeClass(klass); + } + if (style) { + props.style = normalizeStyle(style); + } + return props; +} +var HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot"; +var SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view"; +var MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics"; +var VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr"; +var isHTMLTag = makeMap(HTML_TAGS); +var isSVGTag = makeMap(SVG_TAGS); +var isMathMLTag = makeMap(MATH_TAGS); +var isVoidTag = makeMap(VOID_TAGS); +var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; +var isSpecialBooleanAttr = makeMap(specialBooleanAttrs); +var isBooleanAttr = makeMap( + specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected` +); +function includeBooleanAttr(value) { + return !!value || value === ""; +} +var isKnownHtmlAttr = makeMap( + `accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap` +); +var isKnownSvgAttr = makeMap( + `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan` +); +var isKnownMathMLAttr = makeMap( + `accent,accentunder,actiontype,align,alignmentscope,altimg,altimg-height,altimg-valign,altimg-width,alttext,bevelled,close,columnsalign,columnlines,columnspan,denomalign,depth,dir,display,displaystyle,encoding,equalcolumns,equalrows,fence,fontstyle,fontweight,form,frame,framespacing,groupalign,height,href,id,indentalign,indentalignfirst,indentalignlast,indentshift,indentshiftfirst,indentshiftlast,indextype,justify,largetop,largeop,lquote,lspace,mathbackground,mathcolor,mathsize,mathvariant,maxsize,minlabelspacing,mode,other,overflow,position,rowalign,rowlines,rowspan,rquote,rspace,scriptlevel,scriptminsize,scriptsizemultiplier,selection,separator,separators,shift,side,src,stackalign,stretchy,subscriptshift,superscriptshift,symmetric,voffset,width,widths,xlink:href,xlink:show,xlink:type,xmlns` +); +function isRenderableAttrValue(value) { + if (value == null) { + return false; + } + const type = typeof value; + return type === "string" || type === "number" || type === "boolean"; +} +var cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g; +function getEscapedCssVarName(key, doubleEscape) { + return key.replace( + cssVarNameEscapeSymbolsRE, + (s) => doubleEscape ? s === '"' ? '\\\\\\"' : `\\\\${s}` : `\\${s}` + ); +} +function looseCompareArrays(a, b) { + if (a.length !== b.length) return false; + let equal = true; + for (let i = 0; equal && i < a.length; i++) { + equal = looseEqual(a[i], b[i]); + } + return equal; +} +function looseEqual(a, b) { + if (a === b) return true; + let aValidType = isDate(a); + let bValidType = isDate(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? a.getTime() === b.getTime() : false; + } + aValidType = isSymbol(a); + bValidType = isSymbol(b); + if (aValidType || bValidType) { + return a === b; + } + aValidType = isArray(a); + bValidType = isArray(b); + if (aValidType || bValidType) { + return aValidType && bValidType ? looseCompareArrays(a, b) : false; + } + aValidType = isObject(a); + bValidType = isObject(b); + if (aValidType || bValidType) { + if (!aValidType || !bValidType) { + return false; + } + const aKeysCount = Object.keys(a).length; + const bKeysCount = Object.keys(b).length; + if (aKeysCount !== bKeysCount) { + return false; + } + for (const key in a) { + const aHasKey = a.hasOwnProperty(key); + const bHasKey = b.hasOwnProperty(key); + if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) { + return false; + } + } + } + return String(a) === String(b); +} +function looseIndexOf(arr, val) { + return arr.findIndex((item) => looseEqual(item, val)); +} +var isRef = (val) => { + return !!(val && val["__v_isRef"] === true); +}; +var toDisplayString = (val) => { + return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val); +}; +var replacer = (_key, val) => { + if (isRef(val)) { + return replacer(_key, val.value); + } else if (isMap(val)) { + return { + [`Map(${val.size})`]: [...val.entries()].reduce( + (entries, [key, val2], i) => { + entries[stringifySymbol(key, i) + " =>"] = val2; + return entries; + }, + {} + ) + }; + } else if (isSet(val)) { + return { + [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v)) + }; + } else if (isSymbol(val)) { + return stringifySymbol(val); + } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) { + return String(val); + } + return val; +}; +var stringifySymbol = (v, i = "") => { + var _a; + return ( + // Symbol.description in es2019+ so we need to cast here to pass + // the lib: es2016 check + isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v + ); +}; + +// node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js +function warn(msg, ...args) { + console.warn(`[Vue warn] ${msg}`, ...args); +} +var activeEffectScope; +var EffectScope = class { + constructor(detached = false) { + this.detached = detached; + this._active = true; + this.effects = []; + this.cleanups = []; + this._isPaused = false; + this.parent = activeEffectScope; + if (!detached && activeEffectScope) { + this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push( + this + ) - 1; + } + } + get active() { + return this._active; + } + pause() { + if (this._active) { + this._isPaused = true; + let i, l; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].pause(); + } + } + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].pause(); + } + } + } + /** + * Resumes the effect scope, including all child scopes and effects. + */ + resume() { + if (this._active) { + if (this._isPaused) { + this._isPaused = false; + let i, l; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].resume(); + } + } + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].resume(); + } + } + } + } + run(fn) { + if (this._active) { + const currentEffectScope = activeEffectScope; + try { + activeEffectScope = this; + return fn(); + } finally { + activeEffectScope = currentEffectScope; + } + } else if (true) { + warn(`cannot run an inactive effect scope.`); + } + } + /** + * This should only be called on non-detached scopes + * @internal + */ + on() { + activeEffectScope = this; + } + /** + * This should only be called on non-detached scopes + * @internal + */ + off() { + activeEffectScope = this.parent; + } + stop(fromParent) { + if (this._active) { + this._active = false; + let i, l; + for (i = 0, l = this.effects.length; i < l; i++) { + this.effects[i].stop(); + } + this.effects.length = 0; + for (i = 0, l = this.cleanups.length; i < l; i++) { + this.cleanups[i](); + } + this.cleanups.length = 0; + if (this.scopes) { + for (i = 0, l = this.scopes.length; i < l; i++) { + this.scopes[i].stop(true); + } + this.scopes.length = 0; + } + if (!this.detached && this.parent && !fromParent) { + const last = this.parent.scopes.pop(); + if (last && last !== this) { + this.parent.scopes[this.index] = last; + last.index = this.index; + } + } + this.parent = void 0; + } + } +}; +function effectScope(detached) { + return new EffectScope(detached); +} +function getCurrentScope() { + return activeEffectScope; +} +function onScopeDispose(fn, failSilently = false) { + if (activeEffectScope) { + activeEffectScope.cleanups.push(fn); + } else if (!failSilently) { + warn( + `onScopeDispose() is called when there is no active effect scope to be associated with.` + ); + } +} +var activeSub; +var pausedQueueEffects = /* @__PURE__ */ new WeakSet(); +var ReactiveEffect = class { + constructor(fn) { + this.fn = fn; + this.deps = void 0; + this.depsTail = void 0; + this.flags = 1 | 4; + this.next = void 0; + this.cleanup = void 0; + this.scheduler = void 0; + if (activeEffectScope && activeEffectScope.active) { + activeEffectScope.effects.push(this); + } + } + pause() { + this.flags |= 64; + } + resume() { + if (this.flags & 64) { + this.flags &= ~64; + if (pausedQueueEffects.has(this)) { + pausedQueueEffects.delete(this); + this.trigger(); + } + } + } + /** + * @internal + */ + notify() { + if (this.flags & 2 && !(this.flags & 32)) { + return; + } + if (!(this.flags & 8)) { + batch(this); + } + } + run() { + if (!(this.flags & 1)) { + return this.fn(); + } + this.flags |= 2; + cleanupEffect(this); + prepareDeps(this); + const prevEffect = activeSub; + const prevShouldTrack = shouldTrack; + activeSub = this; + shouldTrack = true; + try { + return this.fn(); + } finally { + if (activeSub !== this) { + warn( + "Active effect was not restored correctly - this is likely a Vue internal bug." + ); + } + cleanupDeps(this); + activeSub = prevEffect; + shouldTrack = prevShouldTrack; + this.flags &= ~2; + } + } + stop() { + if (this.flags & 1) { + for (let link = this.deps; link; link = link.nextDep) { + removeSub(link); + } + this.deps = this.depsTail = void 0; + cleanupEffect(this); + this.onStop && this.onStop(); + this.flags &= ~1; + } + } + trigger() { + if (this.flags & 64) { + pausedQueueEffects.add(this); + } else if (this.scheduler) { + this.scheduler(); + } else { + this.runIfDirty(); + } + } + /** + * @internal + */ + runIfDirty() { + if (isDirty(this)) { + this.run(); + } + } + get dirty() { + return isDirty(this); + } +}; +var batchDepth = 0; +var batchedSub; +var batchedComputed; +function batch(sub, isComputed = false) { + sub.flags |= 8; + if (isComputed) { + sub.next = batchedComputed; + batchedComputed = sub; + return; + } + sub.next = batchedSub; + batchedSub = sub; +} +function startBatch() { + batchDepth++; +} +function endBatch() { + if (--batchDepth > 0) { + return; + } + if (batchedComputed) { + let e = batchedComputed; + batchedComputed = void 0; + while (e) { + const next = e.next; + e.next = void 0; + e.flags &= ~8; + e = next; + } + } + let error; + while (batchedSub) { + let e = batchedSub; + batchedSub = void 0; + while (e) { + const next = e.next; + e.next = void 0; + e.flags &= ~8; + if (e.flags & 1) { + try { + ; + e.trigger(); + } catch (err) { + if (!error) error = err; + } + } + e = next; + } + } + if (error) throw error; +} +function prepareDeps(sub) { + for (let link = sub.deps; link; link = link.nextDep) { + link.version = -1; + link.prevActiveLink = link.dep.activeLink; + link.dep.activeLink = link; + } +} +function cleanupDeps(sub) { + let head; + let tail = sub.depsTail; + let link = tail; + while (link) { + const prev = link.prevDep; + if (link.version === -1) { + if (link === tail) tail = prev; + removeSub(link); + removeDep(link); + } else { + head = link; + } + link.dep.activeLink = link.prevActiveLink; + link.prevActiveLink = void 0; + link = prev; + } + sub.deps = head; + sub.depsTail = tail; +} +function isDirty(sub) { + for (let link = sub.deps; link; link = link.nextDep) { + if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) { + return true; + } + } + if (sub._dirty) { + return true; + } + return false; +} +function refreshComputed(computed3) { + if (computed3.flags & 4 && !(computed3.flags & 16)) { + return; + } + computed3.flags &= ~16; + if (computed3.globalVersion === globalVersion) { + return; + } + computed3.globalVersion = globalVersion; + const dep = computed3.dep; + computed3.flags |= 2; + if (dep.version > 0 && !computed3.isSSR && computed3.deps && !isDirty(computed3)) { + computed3.flags &= ~2; + return; + } + const prevSub = activeSub; + const prevShouldTrack = shouldTrack; + activeSub = computed3; + shouldTrack = true; + try { + prepareDeps(computed3); + const value = computed3.fn(computed3._value); + if (dep.version === 0 || hasChanged(value, computed3._value)) { + computed3._value = value; + dep.version++; + } + } catch (err) { + dep.version++; + throw err; + } finally { + activeSub = prevSub; + shouldTrack = prevShouldTrack; + cleanupDeps(computed3); + computed3.flags &= ~2; + } +} +function removeSub(link, soft = false) { + const { dep, prevSub, nextSub } = link; + if (prevSub) { + prevSub.nextSub = nextSub; + link.prevSub = void 0; + } + if (nextSub) { + nextSub.prevSub = prevSub; + link.nextSub = void 0; + } + if (dep.subsHead === link) { + dep.subsHead = nextSub; + } + if (dep.subs === link) { + dep.subs = prevSub; + if (!prevSub && dep.computed) { + dep.computed.flags &= ~4; + for (let l = dep.computed.deps; l; l = l.nextDep) { + removeSub(l, true); + } + } + } + if (!soft && !--dep.sc && dep.map) { + dep.map.delete(dep.key); + } +} +function removeDep(link) { + const { prevDep, nextDep } = link; + if (prevDep) { + prevDep.nextDep = nextDep; + link.prevDep = void 0; + } + if (nextDep) { + nextDep.prevDep = prevDep; + link.nextDep = void 0; + } +} +function effect(fn, options) { + if (fn.effect instanceof ReactiveEffect) { + fn = fn.effect.fn; + } + const e = new ReactiveEffect(fn); + if (options) { + extend(e, options); + } + try { + e.run(); + } catch (err) { + e.stop(); + throw err; + } + const runner = e.run.bind(e); + runner.effect = e; + return runner; +} +function stop(runner) { + runner.effect.stop(); +} +var shouldTrack = true; +var trackStack = []; +function pauseTracking() { + trackStack.push(shouldTrack); + shouldTrack = false; +} +function resetTracking() { + const last = trackStack.pop(); + shouldTrack = last === void 0 ? true : last; +} +function cleanupEffect(e) { + const { cleanup } = e; + e.cleanup = void 0; + if (cleanup) { + const prevSub = activeSub; + activeSub = void 0; + try { + cleanup(); + } finally { + activeSub = prevSub; + } + } +} +var globalVersion = 0; +var Link = class { + constructor(sub, dep) { + this.sub = sub; + this.dep = dep; + this.version = dep.version; + this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0; + } +}; +var Dep = class { + constructor(computed3) { + this.computed = computed3; + this.version = 0; + this.activeLink = void 0; + this.subs = void 0; + this.map = void 0; + this.key = void 0; + this.sc = 0; + if (true) { + this.subsHead = void 0; + } + } + track(debugInfo) { + if (!activeSub || !shouldTrack || activeSub === this.computed) { + return; + } + let link = this.activeLink; + if (link === void 0 || link.sub !== activeSub) { + link = this.activeLink = new Link(activeSub, this); + if (!activeSub.deps) { + activeSub.deps = activeSub.depsTail = link; + } else { + link.prevDep = activeSub.depsTail; + activeSub.depsTail.nextDep = link; + activeSub.depsTail = link; + } + addSub(link); + } else if (link.version === -1) { + link.version = this.version; + if (link.nextDep) { + const next = link.nextDep; + next.prevDep = link.prevDep; + if (link.prevDep) { + link.prevDep.nextDep = next; + } + link.prevDep = activeSub.depsTail; + link.nextDep = void 0; + activeSub.depsTail.nextDep = link; + activeSub.depsTail = link; + if (activeSub.deps === link) { + activeSub.deps = next; + } + } + } + if (activeSub.onTrack) { + activeSub.onTrack( + extend( + { + effect: activeSub + }, + debugInfo + ) + ); + } + return link; + } + trigger(debugInfo) { + this.version++; + globalVersion++; + this.notify(debugInfo); + } + notify(debugInfo) { + startBatch(); + try { + if (true) { + for (let head = this.subsHead; head; head = head.nextSub) { + if (head.sub.onTrigger && !(head.sub.flags & 8)) { + head.sub.onTrigger( + extend( + { + effect: head.sub + }, + debugInfo + ) + ); + } + } + } + for (let link = this.subs; link; link = link.prevSub) { + if (link.sub.notify()) { + ; + link.sub.dep.notify(); + } + } + } finally { + endBatch(); + } + } +}; +function addSub(link) { + link.dep.sc++; + if (link.sub.flags & 4) { + const computed3 = link.dep.computed; + if (computed3 && !link.dep.subs) { + computed3.flags |= 4 | 16; + for (let l = computed3.deps; l; l = l.nextDep) { + addSub(l); + } + } + const currentTail = link.dep.subs; + if (currentTail !== link) { + link.prevSub = currentTail; + if (currentTail) currentTail.nextSub = link; + } + if (link.dep.subsHead === void 0) { + link.dep.subsHead = link; + } + link.dep.subs = link; + } +} +var targetMap = /* @__PURE__ */ new WeakMap(); +var ITERATE_KEY = Symbol( + true ? "Object iterate" : "" +); +var MAP_KEY_ITERATE_KEY = Symbol( + true ? "Map keys iterate" : "" +); +var ARRAY_ITERATE_KEY = Symbol( + true ? "Array iterate" : "" +); +function track(target, type, key) { + if (shouldTrack && activeSub) { + let depsMap = targetMap.get(target); + if (!depsMap) { + targetMap.set(target, depsMap = /* @__PURE__ */ new Map()); + } + let dep = depsMap.get(key); + if (!dep) { + depsMap.set(key, dep = new Dep()); + dep.map = depsMap; + dep.key = key; + } + if (true) { + dep.track({ + target, + type, + key + }); + } else { + dep.track(); + } + } +} +function trigger(target, type, key, newValue, oldValue, oldTarget) { + const depsMap = targetMap.get(target); + if (!depsMap) { + globalVersion++; + return; + } + const run = (dep) => { + if (dep) { + if (true) { + dep.trigger({ + target, + type, + key, + newValue, + oldValue, + oldTarget + }); + } else { + dep.trigger(); + } + } + }; + startBatch(); + if (type === "clear") { + depsMap.forEach(run); + } else { + const targetIsArray = isArray(target); + const isArrayIndex = targetIsArray && isIntegerKey(key); + if (targetIsArray && key === "length") { + const newLength = Number(newValue); + depsMap.forEach((dep, key2) => { + if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) { + run(dep); + } + }); + } else { + if (key !== void 0 || depsMap.has(void 0)) { + run(depsMap.get(key)); + } + if (isArrayIndex) { + run(depsMap.get(ARRAY_ITERATE_KEY)); + } + switch (type) { + case "add": + if (!targetIsArray) { + run(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + run(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } else if (isArrayIndex) { + run(depsMap.get("length")); + } + break; + case "delete": + if (!targetIsArray) { + run(depsMap.get(ITERATE_KEY)); + if (isMap(target)) { + run(depsMap.get(MAP_KEY_ITERATE_KEY)); + } + } + break; + case "set": + if (isMap(target)) { + run(depsMap.get(ITERATE_KEY)); + } + break; + } + } + } + endBatch(); +} +function getDepFromReactive(object, key) { + const depMap = targetMap.get(object); + return depMap && depMap.get(key); +} +function reactiveReadArray(array) { + const raw = toRaw(array); + if (raw === array) return raw; + track(raw, "iterate", ARRAY_ITERATE_KEY); + return isShallow(array) ? raw : raw.map(toReactive); +} +function shallowReadArray(arr) { + track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY); + return arr; +} +var arrayInstrumentations = { + __proto__: null, + [Symbol.iterator]() { + return iterator(this, Symbol.iterator, toReactive); + }, + concat(...args) { + return reactiveReadArray(this).concat( + ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x) + ); + }, + entries() { + return iterator(this, "entries", (value) => { + value[1] = toReactive(value[1]); + return value; + }); + }, + every(fn, thisArg) { + return apply(this, "every", fn, thisArg, void 0, arguments); + }, + filter(fn, thisArg) { + return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments); + }, + find(fn, thisArg) { + return apply(this, "find", fn, thisArg, toReactive, arguments); + }, + findIndex(fn, thisArg) { + return apply(this, "findIndex", fn, thisArg, void 0, arguments); + }, + findLast(fn, thisArg) { + return apply(this, "findLast", fn, thisArg, toReactive, arguments); + }, + findLastIndex(fn, thisArg) { + return apply(this, "findLastIndex", fn, thisArg, void 0, arguments); + }, + // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement + forEach(fn, thisArg) { + return apply(this, "forEach", fn, thisArg, void 0, arguments); + }, + includes(...args) { + return searchProxy(this, "includes", args); + }, + indexOf(...args) { + return searchProxy(this, "indexOf", args); + }, + join(separator) { + return reactiveReadArray(this).join(separator); + }, + // keys() iterator only reads `length`, no optimisation required + lastIndexOf(...args) { + return searchProxy(this, "lastIndexOf", args); + }, + map(fn, thisArg) { + return apply(this, "map", fn, thisArg, void 0, arguments); + }, + pop() { + return noTracking(this, "pop"); + }, + push(...args) { + return noTracking(this, "push", args); + }, + reduce(fn, ...args) { + return reduce(this, "reduce", fn, args); + }, + reduceRight(fn, ...args) { + return reduce(this, "reduceRight", fn, args); + }, + shift() { + return noTracking(this, "shift"); + }, + // slice could use ARRAY_ITERATE but also seems to beg for range tracking + some(fn, thisArg) { + return apply(this, "some", fn, thisArg, void 0, arguments); + }, + splice(...args) { + return noTracking(this, "splice", args); + }, + toReversed() { + return reactiveReadArray(this).toReversed(); + }, + toSorted(comparer) { + return reactiveReadArray(this).toSorted(comparer); + }, + toSpliced(...args) { + return reactiveReadArray(this).toSpliced(...args); + }, + unshift(...args) { + return noTracking(this, "unshift", args); + }, + values() { + return iterator(this, "values", toReactive); + } +}; +function iterator(self2, method, wrapValue) { + const arr = shallowReadArray(self2); + const iter = arr[method](); + if (arr !== self2 && !isShallow(self2)) { + iter._next = iter.next; + iter.next = () => { + const result = iter._next(); + if (result.value) { + result.value = wrapValue(result.value); + } + return result; + }; + } + return iter; +} +var arrayProto = Array.prototype; +function apply(self2, method, fn, thisArg, wrappedRetFn, args) { + const arr = shallowReadArray(self2); + const needsWrap = arr !== self2 && !isShallow(self2); + const methodFn = arr[method]; + if (methodFn !== arrayProto[method]) { + const result2 = methodFn.apply(self2, args); + return needsWrap ? toReactive(result2) : result2; + } + let wrappedFn = fn; + if (arr !== self2) { + if (needsWrap) { + wrappedFn = function(item, index) { + return fn.call(this, toReactive(item), index, self2); + }; + } else if (fn.length > 2) { + wrappedFn = function(item, index) { + return fn.call(this, item, index, self2); + }; + } + } + const result = methodFn.call(arr, wrappedFn, thisArg); + return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result; +} +function reduce(self2, method, fn, args) { + const arr = shallowReadArray(self2); + let wrappedFn = fn; + if (arr !== self2) { + if (!isShallow(self2)) { + wrappedFn = function(acc, item, index) { + return fn.call(this, acc, toReactive(item), index, self2); + }; + } else if (fn.length > 3) { + wrappedFn = function(acc, item, index) { + return fn.call(this, acc, item, index, self2); + }; + } + } + return arr[method](wrappedFn, ...args); +} +function searchProxy(self2, method, args) { + const arr = toRaw(self2); + track(arr, "iterate", ARRAY_ITERATE_KEY); + const res = arr[method](...args); + if ((res === -1 || res === false) && isProxy(args[0])) { + args[0] = toRaw(args[0]); + return arr[method](...args); + } + return res; +} +function noTracking(self2, method, args = []) { + pauseTracking(); + startBatch(); + const res = toRaw(self2)[method].apply(self2, args); + endBatch(); + resetTracking(); + return res; +} +var isNonTrackableKeys = makeMap(`__proto__,__v_isRef,__isVue`); +var builtInSymbols = new Set( + Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol) +); +function hasOwnProperty2(key) { + if (!isSymbol(key)) key = String(key); + const obj = toRaw(this); + track(obj, "has", key); + return obj.hasOwnProperty(key); +} +var BaseReactiveHandler = class { + constructor(_isReadonly = false, _isShallow = false) { + this._isReadonly = _isReadonly; + this._isShallow = _isShallow; + } + get(target, key, receiver) { + if (key === "__v_skip") return target["__v_skip"]; + const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow; + if (key === "__v_isReactive") { + return !isReadonly2; + } else if (key === "__v_isReadonly") { + return isReadonly2; + } else if (key === "__v_isShallow") { + return isShallow2; + } else if (key === "__v_raw") { + if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || // receiver is not the reactive proxy, but has the same prototype + // this means the receiver is a user proxy of the reactive proxy + Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) { + return target; + } + return; + } + const targetIsArray = isArray(target); + if (!isReadonly2) { + let fn; + if (targetIsArray && (fn = arrayInstrumentations[key])) { + return fn; + } + if (key === "hasOwnProperty") { + return hasOwnProperty2; + } + } + const res = Reflect.get( + target, + key, + // if this is a proxy wrapping a ref, return methods using the raw ref + // as receiver so that we don't have to call `toRaw` on the ref in all + // its class methods + isRef2(target) ? target : receiver + ); + if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { + return res; + } + if (!isReadonly2) { + track(target, "get", key); + } + if (isShallow2) { + return res; + } + if (isRef2(res)) { + return targetIsArray && isIntegerKey(key) ? res : res.value; + } + if (isObject(res)) { + return isReadonly2 ? readonly(res) : reactive(res); + } + return res; + } +}; +var MutableReactiveHandler = class extends BaseReactiveHandler { + constructor(isShallow2 = false) { + super(false, isShallow2); + } + set(target, key, value, receiver) { + let oldValue = target[key]; + if (!this._isShallow) { + const isOldValueReadonly = isReadonly(oldValue); + if (!isShallow(value) && !isReadonly(value)) { + oldValue = toRaw(oldValue); + value = toRaw(value); + } + if (!isArray(target) && isRef2(oldValue) && !isRef2(value)) { + if (isOldValueReadonly) { + return false; + } else { + oldValue.value = value; + return true; + } + } + } + const hadKey = isArray(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key); + const result = Reflect.set( + target, + key, + value, + isRef2(target) ? target : receiver + ); + if (target === toRaw(receiver)) { + if (!hadKey) { + trigger(target, "add", key, value); + } else if (hasChanged(value, oldValue)) { + trigger(target, "set", key, value, oldValue); + } + } + return result; + } + deleteProperty(target, key) { + const hadKey = hasOwn(target, key); + const oldValue = target[key]; + const result = Reflect.deleteProperty(target, key); + if (result && hadKey) { + trigger(target, "delete", key, void 0, oldValue); + } + return result; + } + has(target, key) { + const result = Reflect.has(target, key); + if (!isSymbol(key) || !builtInSymbols.has(key)) { + track(target, "has", key); + } + return result; + } + ownKeys(target) { + track( + target, + "iterate", + isArray(target) ? "length" : ITERATE_KEY + ); + return Reflect.ownKeys(target); + } +}; +var ReadonlyReactiveHandler = class extends BaseReactiveHandler { + constructor(isShallow2 = false) { + super(true, isShallow2); + } + set(target, key) { + if (true) { + warn( + `Set operation on key "${String(key)}" failed: target is readonly.`, + target + ); + } + return true; + } + deleteProperty(target, key) { + if (true) { + warn( + `Delete operation on key "${String(key)}" failed: target is readonly.`, + target + ); + } + return true; + } +}; +var mutableHandlers = new MutableReactiveHandler(); +var readonlyHandlers = new ReadonlyReactiveHandler(); +var shallowReactiveHandlers = new MutableReactiveHandler(true); +var shallowReadonlyHandlers = new ReadonlyReactiveHandler(true); +var toShallow = (value) => value; +var getProto = (v) => Reflect.getPrototypeOf(v); +function createIterableMethod(method, isReadonly2, isShallow2) { + return function(...args) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const targetIsMap = isMap(rawTarget); + const isPair = method === "entries" || method === Symbol.iterator && targetIsMap; + const isKeyOnly = method === "keys" && targetIsMap; + const innerIterator = target[method](...args); + const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive; + !isReadonly2 && track( + rawTarget, + "iterate", + isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY + ); + return { + // iterator protocol + next() { + const { value, done } = innerIterator.next(); + return done ? { value, done } : { + value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), + done + }; + }, + // iterable protocol + [Symbol.iterator]() { + return this; + } + }; + }; +} +function createReadonlyMethod(type) { + return function(...args) { + if (true) { + const key = args[0] ? `on key "${args[0]}" ` : ``; + warn( + `${capitalize(type)} operation ${key}failed: target is readonly.`, + toRaw(this) + ); + } + return type === "delete" ? false : type === "clear" ? void 0 : this; + }; +} +function createInstrumentations(readonly2, shallow) { + const instrumentations = { + get(key) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (!readonly2) { + if (hasChanged(key, rawKey)) { + track(rawTarget, "get", key); + } + track(rawTarget, "get", rawKey); + } + const { has } = getProto(rawTarget); + const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive; + if (has.call(rawTarget, key)) { + return wrap(target.get(key)); + } else if (has.call(rawTarget, rawKey)) { + return wrap(target.get(rawKey)); + } else if (target !== rawTarget) { + target.get(key); + } + }, + get size() { + const target = this["__v_raw"]; + !readonly2 && track(toRaw(target), "iterate", ITERATE_KEY); + return Reflect.get(target, "size", target); + }, + has(key) { + const target = this["__v_raw"]; + const rawTarget = toRaw(target); + const rawKey = toRaw(key); + if (!readonly2) { + if (hasChanged(key, rawKey)) { + track(rawTarget, "has", key); + } + track(rawTarget, "has", rawKey); + } + return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey); + }, + forEach(callback, thisArg) { + const observed = this; + const target = observed["__v_raw"]; + const rawTarget = toRaw(target); + const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive; + !readonly2 && track(rawTarget, "iterate", ITERATE_KEY); + return target.forEach((value, key) => { + return callback.call(thisArg, wrap(value), wrap(key), observed); + }); + } + }; + extend( + instrumentations, + readonly2 ? { + add: createReadonlyMethod("add"), + set: createReadonlyMethod("set"), + delete: createReadonlyMethod("delete"), + clear: createReadonlyMethod("clear") + } : { + add(value) { + if (!shallow && !isShallow(value) && !isReadonly(value)) { + value = toRaw(value); + } + const target = toRaw(this); + const proto = getProto(target); + const hadKey = proto.has.call(target, value); + if (!hadKey) { + target.add(value); + trigger(target, "add", value, value); + } + return this; + }, + set(key, value) { + if (!shallow && !isShallow(value) && !isReadonly(value)) { + value = toRaw(value); + } + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } else if (true) { + checkIdentityKeys(target, has, key); + } + const oldValue = get.call(target, key); + target.set(key, value); + if (!hadKey) { + trigger(target, "add", key, value); + } else if (hasChanged(value, oldValue)) { + trigger(target, "set", key, value, oldValue); + } + return this; + }, + delete(key) { + const target = toRaw(this); + const { has, get } = getProto(target); + let hadKey = has.call(target, key); + if (!hadKey) { + key = toRaw(key); + hadKey = has.call(target, key); + } else if (true) { + checkIdentityKeys(target, has, key); + } + const oldValue = get ? get.call(target, key) : void 0; + const result = target.delete(key); + if (hadKey) { + trigger(target, "delete", key, void 0, oldValue); + } + return result; + }, + clear() { + const target = toRaw(this); + const hadItems = target.size !== 0; + const oldTarget = true ? isMap(target) ? new Map(target) : new Set(target) : void 0; + const result = target.clear(); + if (hadItems) { + trigger( + target, + "clear", + void 0, + void 0, + oldTarget + ); + } + return result; + } + } + ); + const iteratorMethods = [ + "keys", + "values", + "entries", + Symbol.iterator + ]; + iteratorMethods.forEach((method) => { + instrumentations[method] = createIterableMethod(method, readonly2, shallow); + }); + return instrumentations; +} +function createInstrumentationGetter(isReadonly2, shallow) { + const instrumentations = createInstrumentations(isReadonly2, shallow); + return (target, key, receiver) => { + if (key === "__v_isReactive") { + return !isReadonly2; + } else if (key === "__v_isReadonly") { + return isReadonly2; + } else if (key === "__v_raw") { + return target; + } + return Reflect.get( + hasOwn(instrumentations, key) && key in target ? instrumentations : target, + key, + receiver + ); + }; +} +var mutableCollectionHandlers = { + get: createInstrumentationGetter(false, false) +}; +var shallowCollectionHandlers = { + get: createInstrumentationGetter(false, true) +}; +var readonlyCollectionHandlers = { + get: createInstrumentationGetter(true, false) +}; +var shallowReadonlyCollectionHandlers = { + get: createInstrumentationGetter(true, true) +}; +function checkIdentityKeys(target, has, key) { + const rawKey = toRaw(key); + if (rawKey !== key && has.call(target, rawKey)) { + const type = toRawType(target); + warn( + `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.` + ); + } +} +var reactiveMap = /* @__PURE__ */ new WeakMap(); +var shallowReactiveMap = /* @__PURE__ */ new WeakMap(); +var readonlyMap = /* @__PURE__ */ new WeakMap(); +var shallowReadonlyMap = /* @__PURE__ */ new WeakMap(); +function targetTypeMap(rawType) { + switch (rawType) { + case "Object": + case "Array": + return 1; + case "Map": + case "Set": + case "WeakMap": + case "WeakSet": + return 2; + default: + return 0; + } +} +function getTargetType(value) { + return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value)); +} +function reactive(target) { + if (isReadonly(target)) { + return target; + } + return createReactiveObject( + target, + false, + mutableHandlers, + mutableCollectionHandlers, + reactiveMap + ); +} +function shallowReactive(target) { + return createReactiveObject( + target, + false, + shallowReactiveHandlers, + shallowCollectionHandlers, + shallowReactiveMap + ); +} +function readonly(target) { + return createReactiveObject( + target, + true, + readonlyHandlers, + readonlyCollectionHandlers, + readonlyMap + ); +} +function shallowReadonly(target) { + return createReactiveObject( + target, + true, + shallowReadonlyHandlers, + shallowReadonlyCollectionHandlers, + shallowReadonlyMap + ); +} +function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) { + if (!isObject(target)) { + if (true) { + warn( + `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String( + target + )}` + ); + } + return target; + } + if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) { + return target; + } + const existingProxy = proxyMap.get(target); + if (existingProxy) { + return existingProxy; + } + const targetType = getTargetType(target); + if (targetType === 0) { + return target; + } + const proxy = new Proxy( + target, + targetType === 2 ? collectionHandlers : baseHandlers + ); + proxyMap.set(target, proxy); + return proxy; +} +function isReactive(value) { + if (isReadonly(value)) { + return isReactive(value["__v_raw"]); + } + return !!(value && value["__v_isReactive"]); +} +function isReadonly(value) { + return !!(value && value["__v_isReadonly"]); +} +function isShallow(value) { + return !!(value && value["__v_isShallow"]); +} +function isProxy(value) { + return value ? !!value["__v_raw"] : false; +} +function toRaw(observed) { + const raw = observed && observed["__v_raw"]; + return raw ? toRaw(raw) : observed; +} +function markRaw(value) { + if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) { + def(value, "__v_skip", true); + } + return value; +} +var toReactive = (value) => isObject(value) ? reactive(value) : value; +var toReadonly = (value) => isObject(value) ? readonly(value) : value; +function isRef2(r) { + return r ? r["__v_isRef"] === true : false; +} +function ref(value) { + return createRef(value, false); +} +function shallowRef(value) { + return createRef(value, true); +} +function createRef(rawValue, shallow) { + if (isRef2(rawValue)) { + return rawValue; + } + return new RefImpl(rawValue, shallow); +} +var RefImpl = class { + constructor(value, isShallow2) { + this.dep = new Dep(); + this["__v_isRef"] = true; + this["__v_isShallow"] = false; + this._rawValue = isShallow2 ? value : toRaw(value); + this._value = isShallow2 ? value : toReactive(value); + this["__v_isShallow"] = isShallow2; + } + get value() { + if (true) { + this.dep.track({ + target: this, + type: "get", + key: "value" + }); + } else { + this.dep.track(); + } + return this._value; + } + set value(newValue) { + const oldValue = this._rawValue; + const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue); + newValue = useDirectValue ? newValue : toRaw(newValue); + if (hasChanged(newValue, oldValue)) { + this._rawValue = newValue; + this._value = useDirectValue ? newValue : toReactive(newValue); + if (true) { + this.dep.trigger({ + target: this, + type: "set", + key: "value", + newValue, + oldValue + }); + } else { + this.dep.trigger(); + } + } + } +}; +function triggerRef(ref2) { + if (ref2.dep) { + if (true) { + ref2.dep.trigger({ + target: ref2, + type: "set", + key: "value", + newValue: ref2._value + }); + } else { + ref2.dep.trigger(); + } + } +} +function unref(ref2) { + return isRef2(ref2) ? ref2.value : ref2; +} +function toValue(source) { + return isFunction(source) ? source() : unref(source); +} +var shallowUnwrapHandlers = { + get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)), + set: (target, key, value, receiver) => { + const oldValue = target[key]; + if (isRef2(oldValue) && !isRef2(value)) { + oldValue.value = value; + return true; + } else { + return Reflect.set(target, key, value, receiver); + } + } +}; +function proxyRefs(objectWithRefs) { + return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers); +} +var CustomRefImpl = class { + constructor(factory) { + this["__v_isRef"] = true; + this._value = void 0; + const dep = this.dep = new Dep(); + const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep)); + this._get = get; + this._set = set; + } + get value() { + return this._value = this._get(); + } + set value(newVal) { + this._set(newVal); + } +}; +function customRef(factory) { + return new CustomRefImpl(factory); +} +function toRefs(object) { + if (!isProxy(object)) { + warn(`toRefs() expects a reactive object but received a plain one.`); + } + const ret = isArray(object) ? new Array(object.length) : {}; + for (const key in object) { + ret[key] = propertyToRef(object, key); + } + return ret; +} +var ObjectRefImpl = class { + constructor(_object, _key, _defaultValue) { + this._object = _object; + this._key = _key; + this._defaultValue = _defaultValue; + this["__v_isRef"] = true; + this._value = void 0; + } + get value() { + const val = this._object[this._key]; + return this._value = val === void 0 ? this._defaultValue : val; + } + set value(newVal) { + this._object[this._key] = newVal; + } + get dep() { + return getDepFromReactive(toRaw(this._object), this._key); + } +}; +var GetterRefImpl = class { + constructor(_getter) { + this._getter = _getter; + this["__v_isRef"] = true; + this["__v_isReadonly"] = true; + this._value = void 0; + } + get value() { + return this._value = this._getter(); + } +}; +function toRef(source, key, defaultValue) { + if (isRef2(source)) { + return source; + } else if (isFunction(source)) { + return new GetterRefImpl(source); + } else if (isObject(source) && arguments.length > 1) { + return propertyToRef(source, key, defaultValue); + } else { + return ref(source); + } +} +function propertyToRef(source, key, defaultValue) { + const val = source[key]; + return isRef2(val) ? val : new ObjectRefImpl(source, key, defaultValue); +} +var ComputedRefImpl = class { + constructor(fn, setter, isSSR) { + this.fn = fn; + this.setter = setter; + this._value = void 0; + this.dep = new Dep(this); + this.__v_isRef = true; + this.deps = void 0; + this.depsTail = void 0; + this.flags = 16; + this.globalVersion = globalVersion - 1; + this.next = void 0; + this.effect = this; + this["__v_isReadonly"] = !setter; + this.isSSR = isSSR; + } + /** + * @internal + */ + notify() { + this.flags |= 16; + if (!(this.flags & 8) && // avoid infinite self recursion + activeSub !== this) { + batch(this, true); + return true; + } else if (true) ; + } + get value() { + const link = true ? this.dep.track({ + target: this, + type: "get", + key: "value" + }) : this.dep.track(); + refreshComputed(this); + if (link) { + link.version = this.dep.version; + } + return this._value; + } + set value(newValue) { + if (this.setter) { + this.setter(newValue); + } else if (true) { + warn("Write operation failed: computed value is readonly"); + } + } +}; +function computed(getterOrOptions, debugOptions, isSSR = false) { + let getter; + let setter; + if (isFunction(getterOrOptions)) { + getter = getterOrOptions; + } else { + getter = getterOrOptions.get; + setter = getterOrOptions.set; + } + const cRef = new ComputedRefImpl(getter, setter, isSSR); + if (debugOptions && !isSSR) { + cRef.onTrack = debugOptions.onTrack; + cRef.onTrigger = debugOptions.onTrigger; + } + return cRef; +} +var TrackOpTypes = { + "GET": "get", + "HAS": "has", + "ITERATE": "iterate" +}; +var TriggerOpTypes = { + "SET": "set", + "ADD": "add", + "DELETE": "delete", + "CLEAR": "clear" +}; +var INITIAL_WATCHER_VALUE = {}; +var cleanupMap = /* @__PURE__ */ new WeakMap(); +var activeWatcher = void 0; +function getCurrentWatcher() { + return activeWatcher; +} +function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) { + if (owner) { + let cleanups = cleanupMap.get(owner); + if (!cleanups) cleanupMap.set(owner, cleanups = []); + cleanups.push(cleanupFn); + } else if (!failSilently) { + warn( + `onWatcherCleanup() was called when there was no active watcher to associate with.` + ); + } +} +function watch(source, cb, options = EMPTY_OBJ) { + const { immediate, deep, once, scheduler, augmentJob, call } = options; + const warnInvalidSource = (s) => { + (options.onWarn || warn)( + `Invalid watch source: `, + s, + `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.` + ); + }; + const reactiveGetter = (source2) => { + if (deep) return source2; + if (isShallow(source2) || deep === false || deep === 0) + return traverse(source2, 1); + return traverse(source2); + }; + let effect2; + let getter; + let cleanup; + let boundCleanup; + let forceTrigger = false; + let isMultiSource = false; + if (isRef2(source)) { + getter = () => source.value; + forceTrigger = isShallow(source); + } else if (isReactive(source)) { + getter = () => reactiveGetter(source); + forceTrigger = true; + } else if (isArray(source)) { + isMultiSource = true; + forceTrigger = source.some((s) => isReactive(s) || isShallow(s)); + getter = () => source.map((s) => { + if (isRef2(s)) { + return s.value; + } else if (isReactive(s)) { + return reactiveGetter(s); + } else if (isFunction(s)) { + return call ? call(s, 2) : s(); + } else { + warnInvalidSource(s); + } + }); + } else if (isFunction(source)) { + if (cb) { + getter = call ? () => call(source, 2) : source; + } else { + getter = () => { + if (cleanup) { + pauseTracking(); + try { + cleanup(); + } finally { + resetTracking(); + } + } + const currentEffect = activeWatcher; + activeWatcher = effect2; + try { + return call ? call(source, 3, [boundCleanup]) : source(boundCleanup); + } finally { + activeWatcher = currentEffect; + } + }; + } + } else { + getter = NOOP; + warnInvalidSource(source); + } + if (cb && deep) { + const baseGetter = getter; + const depth = deep === true ? Infinity : deep; + getter = () => traverse(baseGetter(), depth); + } + const scope = getCurrentScope(); + const watchHandle = () => { + effect2.stop(); + if (scope && scope.active) { + remove(scope.effects, effect2); + } + }; + if (once && cb) { + const _cb = cb; + cb = (...args) => { + _cb(...args); + watchHandle(); + }; + } + let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE; + const job = (immediateFirstRun) => { + if (!(effect2.flags & 1) || !effect2.dirty && !immediateFirstRun) { + return; + } + if (cb) { + const newValue = effect2.run(); + if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) { + if (cleanup) { + cleanup(); + } + const currentWatcher = activeWatcher; + activeWatcher = effect2; + try { + const args = [ + newValue, + // pass undefined as the old value when it's changed for the first time + oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue, + boundCleanup + ]; + call ? call(cb, 3, args) : ( + // @ts-expect-error + cb(...args) + ); + oldValue = newValue; + } finally { + activeWatcher = currentWatcher; + } + } + } else { + effect2.run(); + } + }; + if (augmentJob) { + augmentJob(job); + } + effect2 = new ReactiveEffect(getter); + effect2.scheduler = scheduler ? () => scheduler(job, false) : job; + boundCleanup = (fn) => onWatcherCleanup(fn, false, effect2); + cleanup = effect2.onStop = () => { + const cleanups = cleanupMap.get(effect2); + if (cleanups) { + if (call) { + call(cleanups, 4); + } else { + for (const cleanup2 of cleanups) cleanup2(); + } + cleanupMap.delete(effect2); + } + }; + if (true) { + effect2.onTrack = options.onTrack; + effect2.onTrigger = options.onTrigger; + } + if (cb) { + if (immediate) { + job(true); + } else { + oldValue = effect2.run(); + } + } else if (scheduler) { + scheduler(job.bind(null, true), true); + } else { + effect2.run(); + } + watchHandle.pause = effect2.pause.bind(effect2); + watchHandle.resume = effect2.resume.bind(effect2); + watchHandle.stop = watchHandle; + return watchHandle; +} +function traverse(value, depth = Infinity, seen) { + if (depth <= 0 || !isObject(value) || value["__v_skip"]) { + return value; + } + seen = seen || /* @__PURE__ */ new Set(); + if (seen.has(value)) { + return value; + } + seen.add(value); + depth--; + if (isRef2(value)) { + traverse(value.value, depth, seen); + } else if (isArray(value)) { + for (let i = 0; i < value.length; i++) { + traverse(value[i], depth, seen); + } + } else if (isSet(value) || isMap(value)) { + value.forEach((v) => { + traverse(v, depth, seen); + }); + } else if (isPlainObject(value)) { + for (const key in value) { + traverse(value[key], depth, seen); + } + for (const key of Object.getOwnPropertySymbols(value)) { + if (Object.prototype.propertyIsEnumerable.call(value, key)) { + traverse(value[key], depth, seen); + } + } + } + return value; +} + +// node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js +var stack = []; +function pushWarningContext(vnode) { + stack.push(vnode); +} +function popWarningContext() { + stack.pop(); +} +var isWarning = false; +function warn$1(msg, ...args) { + if (isWarning) return; + isWarning = true; + pauseTracking(); + const instance = stack.length ? stack[stack.length - 1].component : null; + const appWarnHandler = instance && instance.appContext.config.warnHandler; + const trace = getComponentTrace(); + if (appWarnHandler) { + callWithErrorHandling( + appWarnHandler, + instance, + 11, + [ + // eslint-disable-next-line no-restricted-syntax + msg + args.map((a) => { + var _a, _b; + return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a); + }).join(""), + instance && instance.proxy, + trace.map( + ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>` + ).join("\n"), + trace + ] + ); + } else { + const warnArgs = [`[Vue warn]: ${msg}`, ...args]; + if (trace.length && // avoid spamming console during tests + true) { + warnArgs.push(` +`, ...formatTrace(trace)); + } + console.warn(...warnArgs); + } + resetTracking(); + isWarning = false; +} +function getComponentTrace() { + let currentVNode = stack[stack.length - 1]; + if (!currentVNode) { + return []; + } + const normalizedStack = []; + while (currentVNode) { + const last = normalizedStack[0]; + if (last && last.vnode === currentVNode) { + last.recurseCount++; + } else { + normalizedStack.push({ + vnode: currentVNode, + recurseCount: 0 + }); + } + const parentInstance = currentVNode.component && currentVNode.component.parent; + currentVNode = parentInstance && parentInstance.vnode; + } + return normalizedStack; +} +function formatTrace(trace) { + const logs = []; + trace.forEach((entry, i) => { + logs.push(...i === 0 ? [] : [` +`], ...formatTraceEntry(entry)); + }); + return logs; +} +function formatTraceEntry({ vnode, recurseCount }) { + const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``; + const isRoot = vnode.component ? vnode.component.parent == null : false; + const open = ` at <${formatComponentName( + vnode.component, + vnode.type, + isRoot + )}`; + const close = `>` + postfix; + return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close]; +} +function formatProps(props) { + const res = []; + const keys = Object.keys(props); + keys.slice(0, 3).forEach((key) => { + res.push(...formatProp(key, props[key])); + }); + if (keys.length > 3) { + res.push(` ...`); + } + return res; +} +function formatProp(key, value, raw) { + if (isString(value)) { + value = JSON.stringify(value); + return raw ? value : [`${key}=${value}`]; + } else if (typeof value === "number" || typeof value === "boolean" || value == null) { + return raw ? value : [`${key}=${value}`]; + } else if (isRef2(value)) { + value = formatProp(key, toRaw(value.value), true); + return raw ? value : [`${key}=Ref<`, value, `>`]; + } else if (isFunction(value)) { + return [`${key}=fn${value.name ? `<${value.name}>` : ``}`]; + } else { + value = toRaw(value); + return raw ? value : [`${key}=`, value]; + } +} +function assertNumber(val, type) { + if (false) return; + if (val === void 0) { + return; + } else if (typeof val !== "number") { + warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`); + } else if (isNaN(val)) { + warn$1(`${type} is NaN - the duration expression might be incorrect.`); + } +} +var ErrorCodes = { + "SETUP_FUNCTION": 0, + "0": "SETUP_FUNCTION", + "RENDER_FUNCTION": 1, + "1": "RENDER_FUNCTION", + "NATIVE_EVENT_HANDLER": 5, + "5": "NATIVE_EVENT_HANDLER", + "COMPONENT_EVENT_HANDLER": 6, + "6": "COMPONENT_EVENT_HANDLER", + "VNODE_HOOK": 7, + "7": "VNODE_HOOK", + "DIRECTIVE_HOOK": 8, + "8": "DIRECTIVE_HOOK", + "TRANSITION_HOOK": 9, + "9": "TRANSITION_HOOK", + "APP_ERROR_HANDLER": 10, + "10": "APP_ERROR_HANDLER", + "APP_WARN_HANDLER": 11, + "11": "APP_WARN_HANDLER", + "FUNCTION_REF": 12, + "12": "FUNCTION_REF", + "ASYNC_COMPONENT_LOADER": 13, + "13": "ASYNC_COMPONENT_LOADER", + "SCHEDULER": 14, + "14": "SCHEDULER", + "COMPONENT_UPDATE": 15, + "15": "COMPONENT_UPDATE", + "APP_UNMOUNT_CLEANUP": 16, + "16": "APP_UNMOUNT_CLEANUP" +}; +var ErrorTypeStrings$1 = { + ["sp"]: "serverPrefetch hook", + ["bc"]: "beforeCreate hook", + ["c"]: "created hook", + ["bm"]: "beforeMount hook", + ["m"]: "mounted hook", + ["bu"]: "beforeUpdate hook", + ["u"]: "updated", + ["bum"]: "beforeUnmount hook", + ["um"]: "unmounted hook", + ["a"]: "activated hook", + ["da"]: "deactivated hook", + ["ec"]: "errorCaptured hook", + ["rtc"]: "renderTracked hook", + ["rtg"]: "renderTriggered hook", + [0]: "setup function", + [1]: "render function", + [2]: "watcher getter", + [3]: "watcher callback", + [4]: "watcher cleanup function", + [5]: "native event handler", + [6]: "component event handler", + [7]: "vnode hook", + [8]: "directive hook", + [9]: "transition hook", + [10]: "app errorHandler", + [11]: "app warnHandler", + [12]: "ref function", + [13]: "async component loader", + [14]: "scheduler flush", + [15]: "component update", + [16]: "app unmount cleanup function" +}; +function callWithErrorHandling(fn, instance, type, args) { + try { + return args ? fn(...args) : fn(); + } catch (err) { + handleError(err, instance, type); + } +} +function callWithAsyncErrorHandling(fn, instance, type, args) { + if (isFunction(fn)) { + const res = callWithErrorHandling(fn, instance, type, args); + if (res && isPromise(res)) { + res.catch((err) => { + handleError(err, instance, type); + }); + } + return res; + } + if (isArray(fn)) { + const values = []; + for (let i = 0; i < fn.length; i++) { + values.push(callWithAsyncErrorHandling(fn[i], instance, type, args)); + } + return values; + } else if (true) { + warn$1( + `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof fn}` + ); + } +} +function handleError(err, instance, type, throwInDev = true) { + const contextVNode = instance ? instance.vnode : null; + const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || EMPTY_OBJ; + if (instance) { + let cur = instance.parent; + const exposedInstance = instance.proxy; + const errorInfo = true ? ErrorTypeStrings$1[type] : `https://vuejs.org/error-reference/#runtime-${type}`; + while (cur) { + const errorCapturedHooks = cur.ec; + if (errorCapturedHooks) { + for (let i = 0; i < errorCapturedHooks.length; i++) { + if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) { + return; + } + } + } + cur = cur.parent; + } + if (errorHandler) { + pauseTracking(); + callWithErrorHandling(errorHandler, null, 10, [ + err, + exposedInstance, + errorInfo + ]); + resetTracking(); + return; + } + } + logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction); +} +function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) { + if (true) { + const info = ErrorTypeStrings$1[type]; + if (contextVNode) { + pushWarningContext(contextVNode); + } + warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`); + if (contextVNode) { + popWarningContext(); + } + if (throwInDev) { + throw err; + } else { + console.error(err); + } + } else if (throwInProd) { + throw err; + } else { + console.error(err); + } +} +var queue = []; +var flushIndex = -1; +var pendingPostFlushCbs = []; +var activePostFlushCbs = null; +var postFlushIndex = 0; +var resolvedPromise = Promise.resolve(); +var currentFlushPromise = null; +var RECURSION_LIMIT = 100; +function nextTick(fn) { + const p2 = currentFlushPromise || resolvedPromise; + return fn ? p2.then(this ? fn.bind(this) : fn) : p2; +} +function findInsertionIndex(id) { + let start = flushIndex + 1; + let end = queue.length; + while (start < end) { + const middle = start + end >>> 1; + const middleJob = queue[middle]; + const middleJobId = getId(middleJob); + if (middleJobId < id || middleJobId === id && middleJob.flags & 2) { + start = middle + 1; + } else { + end = middle; + } + } + return start; +} +function queueJob(job) { + if (!(job.flags & 1)) { + const jobId = getId(job); + const lastJob = queue[queue.length - 1]; + if (!lastJob || // fast path when the job id is larger than the tail + !(job.flags & 2) && jobId >= getId(lastJob)) { + queue.push(job); + } else { + queue.splice(findInsertionIndex(jobId), 0, job); + } + job.flags |= 1; + queueFlush(); + } +} +function queueFlush() { + if (!currentFlushPromise) { + currentFlushPromise = resolvedPromise.then(flushJobs); + } +} +function queuePostFlushCb(cb) { + if (!isArray(cb)) { + if (activePostFlushCbs && cb.id === -1) { + activePostFlushCbs.splice(postFlushIndex + 1, 0, cb); + } else if (!(cb.flags & 1)) { + pendingPostFlushCbs.push(cb); + cb.flags |= 1; + } + } else { + pendingPostFlushCbs.push(...cb); + } + queueFlush(); +} +function flushPreFlushCbs(instance, seen, i = flushIndex + 1) { + if (true) { + seen = seen || /* @__PURE__ */ new Map(); + } + for (; i < queue.length; i++) { + const cb = queue[i]; + if (cb && cb.flags & 2) { + if (instance && cb.id !== instance.uid) { + continue; + } + if (checkRecursiveUpdates(seen, cb)) { + continue; + } + queue.splice(i, 1); + i--; + if (cb.flags & 4) { + cb.flags &= ~1; + } + cb(); + if (!(cb.flags & 4)) { + cb.flags &= ~1; + } + } + } +} +function flushPostFlushCbs(seen) { + if (pendingPostFlushCbs.length) { + const deduped = [...new Set(pendingPostFlushCbs)].sort( + (a, b) => getId(a) - getId(b) + ); + pendingPostFlushCbs.length = 0; + if (activePostFlushCbs) { + activePostFlushCbs.push(...deduped); + return; + } + activePostFlushCbs = deduped; + if (true) { + seen = seen || /* @__PURE__ */ new Map(); + } + for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) { + const cb = activePostFlushCbs[postFlushIndex]; + if (checkRecursiveUpdates(seen, cb)) { + continue; + } + if (cb.flags & 4) { + cb.flags &= ~1; + } + if (!(cb.flags & 8)) cb(); + cb.flags &= ~1; + } + activePostFlushCbs = null; + postFlushIndex = 0; + } +} +var getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id; +function flushJobs(seen) { + if (true) { + seen = seen || /* @__PURE__ */ new Map(); + } + const check = true ? (job) => checkRecursiveUpdates(seen, job) : NOOP; + try { + for (flushIndex = 0; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job && !(job.flags & 8)) { + if (check(job)) { + continue; + } + if (job.flags & 4) { + job.flags &= ~1; + } + callWithErrorHandling( + job, + job.i, + job.i ? 15 : 14 + ); + if (!(job.flags & 4)) { + job.flags &= ~1; + } + } + } + } finally { + for (; flushIndex < queue.length; flushIndex++) { + const job = queue[flushIndex]; + if (job) { + job.flags &= ~1; + } + } + flushIndex = -1; + queue.length = 0; + flushPostFlushCbs(seen); + currentFlushPromise = null; + if (queue.length || pendingPostFlushCbs.length) { + flushJobs(seen); + } + } +} +function checkRecursiveUpdates(seen, fn) { + const count = seen.get(fn) || 0; + if (count > RECURSION_LIMIT) { + const instance = fn.i; + const componentName = instance && getComponentName(instance.type); + handleError( + `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`, + null, + 10 + ); + return true; + } + seen.set(fn, count + 1); + return false; +} +var isHmrUpdating = false; +var hmrDirtyComponents = /* @__PURE__ */ new Map(); +if (true) { + getGlobalThis().__VUE_HMR_RUNTIME__ = { + createRecord: tryWrap(createRecord), + rerender: tryWrap(rerender), + reload: tryWrap(reload) + }; +} +var map = /* @__PURE__ */ new Map(); +function registerHMR(instance) { + const id = instance.type.__hmrId; + let record = map.get(id); + if (!record) { + createRecord(id, instance.type); + record = map.get(id); + } + record.instances.add(instance); +} +function unregisterHMR(instance) { + map.get(instance.type.__hmrId).instances.delete(instance); +} +function createRecord(id, initialDef) { + if (map.has(id)) { + return false; + } + map.set(id, { + initialDef: normalizeClassComponent(initialDef), + instances: /* @__PURE__ */ new Set() + }); + return true; +} +function normalizeClassComponent(component) { + return isClassComponent(component) ? component.__vccOpts : component; +} +function rerender(id, newRender) { + const record = map.get(id); + if (!record) { + return; + } + record.initialDef.render = newRender; + [...record.instances].forEach((instance) => { + if (newRender) { + instance.render = newRender; + normalizeClassComponent(instance.type).render = newRender; + } + instance.renderCache = []; + isHmrUpdating = true; + instance.update(); + isHmrUpdating = false; + }); +} +function reload(id, newComp) { + const record = map.get(id); + if (!record) return; + newComp = normalizeClassComponent(newComp); + updateComponentDef(record.initialDef, newComp); + const instances = [...record.instances]; + for (let i = 0; i < instances.length; i++) { + const instance = instances[i]; + const oldComp = normalizeClassComponent(instance.type); + let dirtyInstances = hmrDirtyComponents.get(oldComp); + if (!dirtyInstances) { + if (oldComp !== record.initialDef) { + updateComponentDef(oldComp, newComp); + } + hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set()); + } + dirtyInstances.add(instance); + instance.appContext.propsCache.delete(instance.type); + instance.appContext.emitsCache.delete(instance.type); + instance.appContext.optionsCache.delete(instance.type); + if (instance.ceReload) { + dirtyInstances.add(instance); + instance.ceReload(newComp.styles); + dirtyInstances.delete(instance); + } else if (instance.parent) { + queueJob(() => { + isHmrUpdating = true; + instance.parent.update(); + isHmrUpdating = false; + dirtyInstances.delete(instance); + }); + } else if (instance.appContext.reload) { + instance.appContext.reload(); + } else if (typeof window !== "undefined") { + window.location.reload(); + } else { + console.warn( + "[HMR] Root or manually mounted instance modified. Full reload required." + ); + } + if (instance.root.ce && instance !== instance.root) { + instance.root.ce._removeChildStyle(oldComp); + } + } + queuePostFlushCb(() => { + hmrDirtyComponents.clear(); + }); +} +function updateComponentDef(oldComp, newComp) { + extend(oldComp, newComp); + for (const key in oldComp) { + if (key !== "__file" && !(key in newComp)) { + delete oldComp[key]; + } + } +} +function tryWrap(fn) { + return (id, arg) => { + try { + return fn(id, arg); + } catch (e) { + console.error(e); + console.warn( + `[HMR] Something went wrong during Vue component hot-reload. Full reload required.` + ); + } + }; +} +var devtools$1; +var buffer = []; +var devtoolsNotInstalled = false; +function emit$1(event, ...args) { + if (devtools$1) { + devtools$1.emit(event, ...args); + } else if (!devtoolsNotInstalled) { + buffer.push({ event, args }); + } +} +function setDevtoolsHook$1(hook, target) { + var _a, _b; + devtools$1 = hook; + if (devtools$1) { + devtools$1.enabled = true; + buffer.forEach(({ event, args }) => devtools$1.emit(event, ...args)); + buffer = []; + } else if ( + // handle late devtools injection - only do this if we are in an actual + // browser environment to avoid the timer handle stalling test runner exit + // (#4815) + typeof window !== "undefined" && // some envs mock window but not fully + window.HTMLElement && // also exclude jsdom + // eslint-disable-next-line no-restricted-syntax + !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom")) + ) { + const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []; + replay.push((newHook) => { + setDevtoolsHook$1(newHook, target); + }); + setTimeout(() => { + if (!devtools$1) { + target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null; + devtoolsNotInstalled = true; + buffer = []; + } + }, 3e3); + } else { + devtoolsNotInstalled = true; + buffer = []; + } +} +function devtoolsInitApp(app, version2) { + emit$1("app:init", app, version2, { + Fragment, + Text, + Comment, + Static + }); +} +function devtoolsUnmountApp(app) { + emit$1("app:unmount", app); +} +var devtoolsComponentAdded = createDevtoolsComponentHook( + "component:added" + /* COMPONENT_ADDED */ +); +var devtoolsComponentUpdated = createDevtoolsComponentHook( + "component:updated" + /* COMPONENT_UPDATED */ +); +var _devtoolsComponentRemoved = createDevtoolsComponentHook( + "component:removed" + /* COMPONENT_REMOVED */ +); +var devtoolsComponentRemoved = (component) => { + if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && // remove the component if it wasn't buffered + !devtools$1.cleanupBuffer(component)) { + _devtoolsComponentRemoved(component); + } +}; +function createDevtoolsComponentHook(hook) { + return (component) => { + emit$1( + hook, + component.appContext.app, + component.uid, + component.parent ? component.parent.uid : void 0, + component + ); + }; +} +var devtoolsPerfStart = createDevtoolsPerformanceHook( + "perf:start" + /* PERFORMANCE_START */ +); +var devtoolsPerfEnd = createDevtoolsPerformanceHook( + "perf:end" + /* PERFORMANCE_END */ +); +function createDevtoolsPerformanceHook(hook) { + return (component, type, time) => { + emit$1(hook, component.appContext.app, component.uid, component, type, time); + }; +} +function devtoolsComponentEmit(component, event, params) { + emit$1( + "component:emit", + component.appContext.app, + component, + event, + params + ); +} +var currentRenderingInstance = null; +var currentScopeId = null; +function setCurrentRenderingInstance(instance) { + const prev = currentRenderingInstance; + currentRenderingInstance = instance; + currentScopeId = instance && instance.type.__scopeId || null; + return prev; +} +function pushScopeId(id) { + currentScopeId = id; +} +function popScopeId() { + currentScopeId = null; +} +var withScopeId = (_id) => withCtx; +function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) { + if (!ctx) return fn; + if (fn._n) { + return fn; + } + const renderFnWithContext = (...args) => { + if (renderFnWithContext._d) { + setBlockTracking(-1); + } + const prevInstance = setCurrentRenderingInstance(ctx); + let res; + try { + res = fn(...args); + } finally { + setCurrentRenderingInstance(prevInstance); + if (renderFnWithContext._d) { + setBlockTracking(1); + } + } + if (true) { + devtoolsComponentUpdated(ctx); + } + return res; + }; + renderFnWithContext._n = true; + renderFnWithContext._c = true; + renderFnWithContext._d = true; + return renderFnWithContext; +} +function validateDirectiveName(name) { + if (isBuiltInDirective(name)) { + warn$1("Do not use built-in directive ids as custom directive id: " + name); + } +} +function withDirectives(vnode, directives) { + if (currentRenderingInstance === null) { + warn$1(`withDirectives can only be used inside render functions.`); + return vnode; + } + const instance = getComponentPublicInstance(currentRenderingInstance); + const bindings = vnode.dirs || (vnode.dirs = []); + for (let i = 0; i < directives.length; i++) { + let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]; + if (dir) { + if (isFunction(dir)) { + dir = { + mounted: dir, + updated: dir + }; + } + if (dir.deep) { + traverse(value); + } + bindings.push({ + dir, + instance, + value, + oldValue: void 0, + arg, + modifiers + }); + } + } + return vnode; +} +function invokeDirectiveHook(vnode, prevVNode, instance, name) { + const bindings = vnode.dirs; + const oldBindings = prevVNode && prevVNode.dirs; + for (let i = 0; i < bindings.length; i++) { + const binding = bindings[i]; + if (oldBindings) { + binding.oldValue = oldBindings[i].value; + } + let hook = binding.dir[name]; + if (hook) { + pauseTracking(); + callWithAsyncErrorHandling(hook, instance, 8, [ + vnode.el, + binding, + vnode, + prevVNode + ]); + resetTracking(); + } + } +} +var TeleportEndKey = Symbol("_vte"); +var isTeleport = (type) => type.__isTeleport; +var isTeleportDisabled = (props) => props && (props.disabled || props.disabled === ""); +var isTeleportDeferred = (props) => props && (props.defer || props.defer === ""); +var isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement; +var isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement; +var resolveTarget = (props, select) => { + const targetSelector = props && props.to; + if (isString(targetSelector)) { + if (!select) { + warn$1( + `Current renderer does not support string target for Teleports. (missing querySelector renderer option)` + ); + return null; + } else { + const target = select(targetSelector); + if (!target && !isTeleportDisabled(props)) { + warn$1( + `Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.` + ); + } + return target; + } + } else { + if (!targetSelector && !isTeleportDisabled(props)) { + warn$1(`Invalid Teleport target: ${targetSelector}`); + } + return targetSelector; + } +}; +var TeleportImpl = { + name: "Teleport", + __isTeleport: true, + process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) { + const { + mc: mountChildren, + pc: patchChildren, + pbc: patchBlockChildren, + o: { insert, querySelector, createText, createComment } + } = internals; + const disabled = isTeleportDisabled(n2.props); + let { shapeFlag, children, dynamicChildren } = n2; + if (isHmrUpdating) { + optimized = false; + dynamicChildren = null; + } + if (n1 == null) { + const placeholder = n2.el = true ? createComment("teleport start") : createText(""); + const mainAnchor = n2.anchor = true ? createComment("teleport end") : createText(""); + insert(placeholder, container, anchor); + insert(mainAnchor, container, anchor); + const mount = (container2, anchor2) => { + if (shapeFlag & 16) { + if (parentComponent && parentComponent.isCE) { + parentComponent.ce._teleportTarget = container2; + } + mountChildren( + children, + container2, + anchor2, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + optimized + ); + } + }; + const mountToTarget = () => { + const target = n2.target = resolveTarget(n2.props, querySelector); + const targetAnchor = prepareAnchor(target, n2, createText, insert); + if (target) { + if (namespace !== "svg" && isTargetSVG(target)) { + namespace = "svg"; + } else if (namespace !== "mathml" && isTargetMathML(target)) { + namespace = "mathml"; + } + if (!disabled) { + mount(target, targetAnchor); + updateCssVars(n2, false); + } + } else if (!disabled) { + warn$1( + "Invalid Teleport target on mount:", + target, + `(${typeof target})` + ); + } + }; + if (disabled) { + mount(container, mainAnchor); + updateCssVars(n2, true); + } + if (isTeleportDeferred(n2.props)) { + queuePostRenderEffect(() => { + mountToTarget(); + n2.el.__isMounted = true; + }, parentSuspense); + } else { + mountToTarget(); + } + } else { + if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) { + queuePostRenderEffect(() => { + TeleportImpl.process( + n1, + n2, + container, + anchor, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + optimized, + internals + ); + delete n1.el.__isMounted; + }, parentSuspense); + return; + } + n2.el = n1.el; + n2.targetStart = n1.targetStart; + const mainAnchor = n2.anchor = n1.anchor; + const target = n2.target = n1.target; + const targetAnchor = n2.targetAnchor = n1.targetAnchor; + const wasDisabled = isTeleportDisabled(n1.props); + const currentContainer = wasDisabled ? container : target; + const currentAnchor = wasDisabled ? mainAnchor : targetAnchor; + if (namespace === "svg" || isTargetSVG(target)) { + namespace = "svg"; + } else if (namespace === "mathml" || isTargetMathML(target)) { + namespace = "mathml"; + } + if (dynamicChildren) { + patchBlockChildren( + n1.dynamicChildren, + dynamicChildren, + currentContainer, + parentComponent, + parentSuspense, + namespace, + slotScopeIds + ); + traverseStaticChildren(n1, n2, true); + } else if (!optimized) { + patchChildren( + n1, + n2, + currentContainer, + currentAnchor, + parentComponent, + parentSuspense, + namespace, + slotScopeIds, + false + ); + } + if (disabled) { + if (!wasDisabled) { + moveTeleport( + n2, + container, + mainAnchor, + internals, + 1 + ); + } else { + if (n2.props && n1.props && n2.props.to !== n1.props.to) { + n2.props.to = n1.props.to; + } + } + } else { + if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) { + const nextTarget = n2.target = resolveTarget( + n2.props, + querySelector + ); + if (nextTarget) { + moveTeleport( + n2, + nextTarget, + null, + internals, + 0 + ); + } else if (true) { + warn$1( + "Invalid Teleport target on update:", + target, + `(${typeof target})` + ); + } + } else if (wasDisabled) { + moveTeleport( + n2, + target, + targetAnchor, + internals, + 1 + ); + } + } + updateCssVars(n2, disabled); + } + }, + remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) { + const { + shapeFlag, + children, + anchor, + targetStart, + targetAnchor, + target, + props + } = vnode; + if (target) { + hostRemove(targetStart); + hostRemove(targetAnchor); + } + doRemove && hostRemove(anchor); + if (shapeFlag & 16) { + const shouldRemove = doRemove || !isTeleportDisabled(props); + for (let i = 0; i < children.length; i++) { + const child = children[i]; + unmount( + child, + parentComponent, + parentSuspense, + shouldRemove, + !!child.dynamicChildren + ); + } + } + }, + move: moveTeleport, + hydrate: hydrateTeleport +}; +function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) { + if (moveType === 0) { + insert(vnode.targetAnchor, container, parentAnchor); + } + const { el, anchor, shapeFlag, children, props } = vnode; + const isReorder = moveType === 2; + if (isReorder) { + insert(el, container, parentAnchor); + } + if (!isReorder || isTeleportDisabled(props)) { + if (shapeFlag & 16) { + for (let i = 0; i < children.length; i++) { + move( + children[i], + container, + parentAnchor, + 2 + ); + } + } + } + if (isReorder) { + insert(anchor, container, parentAnchor); + } +} +function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { + o: { nextSibling, parentNode, querySelector, insert, createText } +}, hydrateChildren) { + const target = vnode.target = resolveTarget( + vnode.props, + querySelector + ); + if (target) { + const disabled = isTeleportDisabled(vnode.props); + const targetNode = target._lpa || target.firstChild; + if (vnode.shapeFlag & 16) { + if (disabled) { + vnode.anchor = hydrateChildren( + nextSibling(node), + vnode, + parentNode(node), + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + vnode.targetStart = targetNode; + vnode.targetAnchor = targetNode && nextSibling(targetNode); + } else { + vnode.anchor = nextSibling(node); + let targetAnchor = targetNode; + while (targetAnchor) { + if (targetAnchor && targetAnchor.nodeType === 8) { + if (targetAnchor.data === "teleport start anchor") { + vnode.targetStart = targetAnchor; + } else if (targetAnchor.data === "teleport anchor") { + vnode.targetAnchor = targetAnchor; + target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor); + break; + } + } + targetAnchor = nextSibling(targetAnchor); + } + if (!vnode.targetAnchor) { + prepareAnchor(target, vnode, createText, insert); + } + hydrateChildren( + targetNode && nextSibling(targetNode), + vnode, + target, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + } + updateCssVars(vnode, disabled); + } + return vnode.anchor && nextSibling(vnode.anchor); +} +var Teleport = TeleportImpl; +function updateCssVars(vnode, isDisabled) { + const ctx = vnode.ctx; + if (ctx && ctx.ut) { + let node, anchor; + if (isDisabled) { + node = vnode.el; + anchor = vnode.anchor; + } else { + node = vnode.targetStart; + anchor = vnode.targetAnchor; + } + while (node && node !== anchor) { + if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid); + node = node.nextSibling; + } + ctx.ut(); + } +} +function prepareAnchor(target, vnode, createText, insert) { + const targetStart = vnode.targetStart = createText(""); + const targetAnchor = vnode.targetAnchor = createText(""); + targetStart[TeleportEndKey] = targetAnchor; + if (target) { + insert(targetStart, target); + insert(targetAnchor, target); + } + return targetAnchor; +} +var leaveCbKey = Symbol("_leaveCb"); +var enterCbKey = Symbol("_enterCb"); +function useTransitionState() { + const state = { + isMounted: false, + isLeaving: false, + isUnmounting: false, + leavingVNodes: /* @__PURE__ */ new Map() + }; + onMounted(() => { + state.isMounted = true; + }); + onBeforeUnmount(() => { + state.isUnmounting = true; + }); + return state; +} +var TransitionHookValidator = [Function, Array]; +var BaseTransitionPropsValidators = { + mode: String, + appear: Boolean, + persisted: Boolean, + // enter + onBeforeEnter: TransitionHookValidator, + onEnter: TransitionHookValidator, + onAfterEnter: TransitionHookValidator, + onEnterCancelled: TransitionHookValidator, + // leave + onBeforeLeave: TransitionHookValidator, + onLeave: TransitionHookValidator, + onAfterLeave: TransitionHookValidator, + onLeaveCancelled: TransitionHookValidator, + // appear + onBeforeAppear: TransitionHookValidator, + onAppear: TransitionHookValidator, + onAfterAppear: TransitionHookValidator, + onAppearCancelled: TransitionHookValidator +}; +var recursiveGetSubtree = (instance) => { + const subTree = instance.subTree; + return subTree.component ? recursiveGetSubtree(subTree.component) : subTree; +}; +var BaseTransitionImpl = { + name: `BaseTransition`, + props: BaseTransitionPropsValidators, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const state = useTransitionState(); + return () => { + const children = slots.default && getTransitionRawChildren(slots.default(), true); + if (!children || !children.length) { + return; + } + const child = findNonCommentChild(children); + const rawProps = toRaw(props); + const { mode } = rawProps; + if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") { + warn$1(`invalid mode: ${mode}`); + } + if (state.isLeaving) { + return emptyPlaceholder(child); + } + const innerChild = getInnerChild$1(child); + if (!innerChild) { + return emptyPlaceholder(child); + } + let enterHooks = resolveTransitionHooks( + innerChild, + rawProps, + state, + instance, + // #11061, ensure enterHooks is fresh after clone + (hooks) => enterHooks = hooks + ); + if (innerChild.type !== Comment) { + setTransitionHooks(innerChild, enterHooks); + } + let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree); + if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) { + let leavingHooks = resolveTransitionHooks( + oldInnerChild, + rawProps, + state, + instance + ); + setTransitionHooks(oldInnerChild, leavingHooks); + if (mode === "out-in" && innerChild.type !== Comment) { + state.isLeaving = true; + leavingHooks.afterLeave = () => { + state.isLeaving = false; + if (!(instance.job.flags & 8)) { + instance.update(); + } + delete leavingHooks.afterLeave; + oldInnerChild = void 0; + }; + return emptyPlaceholder(child); + } else if (mode === "in-out" && innerChild.type !== Comment) { + leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => { + const leavingVNodesCache = getLeavingNodesForType( + state, + oldInnerChild + ); + leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild; + el[leaveCbKey] = () => { + earlyRemove(); + el[leaveCbKey] = void 0; + delete enterHooks.delayedLeave; + oldInnerChild = void 0; + }; + enterHooks.delayedLeave = () => { + delayedLeave(); + delete enterHooks.delayedLeave; + oldInnerChild = void 0; + }; + }; + } else { + oldInnerChild = void 0; + } + } else if (oldInnerChild) { + oldInnerChild = void 0; + } + return child; + }; + } +}; +function findNonCommentChild(children) { + let child = children[0]; + if (children.length > 1) { + let hasFound = false; + for (const c of children) { + if (c.type !== Comment) { + if (hasFound) { + warn$1( + " can only be used on a single element or component. Use for lists." + ); + break; + } + child = c; + hasFound = true; + if (false) break; + } + } + } + return child; +} +var BaseTransition = BaseTransitionImpl; +function getLeavingNodesForType(state, vnode) { + const { leavingVNodes } = state; + let leavingVNodesCache = leavingVNodes.get(vnode.type); + if (!leavingVNodesCache) { + leavingVNodesCache = /* @__PURE__ */ Object.create(null); + leavingVNodes.set(vnode.type, leavingVNodesCache); + } + return leavingVNodesCache; +} +function resolveTransitionHooks(vnode, props, state, instance, postClone) { + const { + appear, + mode, + persisted = false, + onBeforeEnter, + onEnter, + onAfterEnter, + onEnterCancelled, + onBeforeLeave, + onLeave, + onAfterLeave, + onLeaveCancelled, + onBeforeAppear, + onAppear, + onAfterAppear, + onAppearCancelled + } = props; + const key = String(vnode.key); + const leavingVNodesCache = getLeavingNodesForType(state, vnode); + const callHook3 = (hook, args) => { + hook && callWithAsyncErrorHandling( + hook, + instance, + 9, + args + ); + }; + const callAsyncHook = (hook, args) => { + const done = args[1]; + callHook3(hook, args); + if (isArray(hook)) { + if (hook.every((hook2) => hook2.length <= 1)) done(); + } else if (hook.length <= 1) { + done(); + } + }; + const hooks = { + mode, + persisted, + beforeEnter(el) { + let hook = onBeforeEnter; + if (!state.isMounted) { + if (appear) { + hook = onBeforeAppear || onBeforeEnter; + } else { + return; + } + } + if (el[leaveCbKey]) { + el[leaveCbKey]( + true + /* cancelled */ + ); + } + const leavingVNode = leavingVNodesCache[key]; + if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) { + leavingVNode.el[leaveCbKey](); + } + callHook3(hook, [el]); + }, + enter(el) { + let hook = onEnter; + let afterHook = onAfterEnter; + let cancelHook = onEnterCancelled; + if (!state.isMounted) { + if (appear) { + hook = onAppear || onEnter; + afterHook = onAfterAppear || onAfterEnter; + cancelHook = onAppearCancelled || onEnterCancelled; + } else { + return; + } + } + let called = false; + const done = el[enterCbKey] = (cancelled) => { + if (called) return; + called = true; + if (cancelled) { + callHook3(cancelHook, [el]); + } else { + callHook3(afterHook, [el]); + } + if (hooks.delayedLeave) { + hooks.delayedLeave(); + } + el[enterCbKey] = void 0; + }; + if (hook) { + callAsyncHook(hook, [el, done]); + } else { + done(); + } + }, + leave(el, remove2) { + const key2 = String(vnode.key); + if (el[enterCbKey]) { + el[enterCbKey]( + true + /* cancelled */ + ); + } + if (state.isUnmounting) { + return remove2(); + } + callHook3(onBeforeLeave, [el]); + let called = false; + const done = el[leaveCbKey] = (cancelled) => { + if (called) return; + called = true; + remove2(); + if (cancelled) { + callHook3(onLeaveCancelled, [el]); + } else { + callHook3(onAfterLeave, [el]); + } + el[leaveCbKey] = void 0; + if (leavingVNodesCache[key2] === vnode) { + delete leavingVNodesCache[key2]; + } + }; + leavingVNodesCache[key2] = vnode; + if (onLeave) { + callAsyncHook(onLeave, [el, done]); + } else { + done(); + } + }, + clone(vnode2) { + const hooks2 = resolveTransitionHooks( + vnode2, + props, + state, + instance, + postClone + ); + if (postClone) postClone(hooks2); + return hooks2; + } + }; + return hooks; +} +function emptyPlaceholder(vnode) { + if (isKeepAlive(vnode)) { + vnode = cloneVNode(vnode); + vnode.children = null; + return vnode; + } +} +function getInnerChild$1(vnode) { + if (!isKeepAlive(vnode)) { + if (isTeleport(vnode.type) && vnode.children) { + return findNonCommentChild(vnode.children); + } + return vnode; + } + if (vnode.component) { + return vnode.component.subTree; + } + const { shapeFlag, children } = vnode; + if (children) { + if (shapeFlag & 16) { + return children[0]; + } + if (shapeFlag & 32 && isFunction(children.default)) { + return children.default(); + } + } +} +function setTransitionHooks(vnode, hooks) { + if (vnode.shapeFlag & 6 && vnode.component) { + vnode.transition = hooks; + setTransitionHooks(vnode.component.subTree, hooks); + } else if (vnode.shapeFlag & 128) { + vnode.ssContent.transition = hooks.clone(vnode.ssContent); + vnode.ssFallback.transition = hooks.clone(vnode.ssFallback); + } else { + vnode.transition = hooks; + } +} +function getTransitionRawChildren(children, keepComment = false, parentKey) { + let ret = []; + let keyedFragmentCount = 0; + for (let i = 0; i < children.length; i++) { + let child = children[i]; + const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i); + if (child.type === Fragment) { + if (child.patchFlag & 128) keyedFragmentCount++; + ret = ret.concat( + getTransitionRawChildren(child.children, keepComment, key) + ); + } else if (keepComment || child.type !== Comment) { + ret.push(key != null ? cloneVNode(child, { key }) : child); + } + } + if (keyedFragmentCount > 1) { + for (let i = 0; i < ret.length; i++) { + ret[i].patchFlag = -2; + } + } + return ret; +} +function defineComponent(options, extraOptions) { + return isFunction(options) ? ( + // #8236: extend call and options.name access are considered side-effects + // by Rollup, so we have to wrap it in a pure-annotated IIFE. + (() => extend({ name: options.name }, extraOptions, { setup: options }))() + ) : options; +} +function useId() { + const i = getCurrentInstance(); + if (i) { + return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++; + } else if (true) { + warn$1( + `useId() is called when there is no active component instance to be associated with.` + ); + } + return ""; +} +function markAsyncBoundary(instance) { + instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0]; +} +var knownTemplateRefs = /* @__PURE__ */ new WeakSet(); +function useTemplateRef(key) { + const i = getCurrentInstance(); + const r = shallowRef(null); + if (i) { + const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs; + let desc; + if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) { + warn$1(`useTemplateRef('${key}') already exists.`); + } else { + Object.defineProperty(refs, key, { + enumerable: true, + get: () => r.value, + set: (val) => r.value = val + }); + } + } else if (true) { + warn$1( + `useTemplateRef() is called when there is no active component instance to be associated with.` + ); + } + const ret = true ? readonly(r) : r; + if (true) { + knownTemplateRefs.add(ret); + } + return ret; +} +function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) { + if (isArray(rawRef)) { + rawRef.forEach( + (r, i) => setRef( + r, + oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), + parentSuspense, + vnode, + isUnmount + ) + ); + return; + } + if (isAsyncWrapper(vnode) && !isUnmount) { + if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) { + setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree); + } + return; + } + const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el; + const value = isUnmount ? null : refValue; + const { i: owner, r: ref2 } = rawRef; + if (!owner) { + warn$1( + `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.` + ); + return; + } + const oldRef = oldRawRef && oldRawRef.r; + const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs; + const setupState = owner.setupState; + const rawSetupState = toRaw(setupState); + const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => { + if (true) { + if (hasOwn(rawSetupState, key) && !isRef2(rawSetupState[key])) { + warn$1( + `Template ref "${key}" used on a non-ref value. It will not work in the production build.` + ); + } + if (knownTemplateRefs.has(rawSetupState[key])) { + return false; + } + } + return hasOwn(rawSetupState, key); + }; + if (oldRef != null && oldRef !== ref2) { + if (isString(oldRef)) { + refs[oldRef] = null; + if (canSetSetupRef(oldRef)) { + setupState[oldRef] = null; + } + } else if (isRef2(oldRef)) { + oldRef.value = null; + } + } + if (isFunction(ref2)) { + callWithErrorHandling(ref2, owner, 12, [value, refs]); + } else { + const _isString = isString(ref2); + const _isRef = isRef2(ref2); + if (_isString || _isRef) { + const doSet = () => { + if (rawRef.f) { + const existing = _isString ? canSetSetupRef(ref2) ? setupState[ref2] : refs[ref2] : ref2.value; + if (isUnmount) { + isArray(existing) && remove(existing, refValue); + } else { + if (!isArray(existing)) { + if (_isString) { + refs[ref2] = [refValue]; + if (canSetSetupRef(ref2)) { + setupState[ref2] = refs[ref2]; + } + } else { + ref2.value = [refValue]; + if (rawRef.k) refs[rawRef.k] = ref2.value; + } + } else if (!existing.includes(refValue)) { + existing.push(refValue); + } + } + } else if (_isString) { + refs[ref2] = value; + if (canSetSetupRef(ref2)) { + setupState[ref2] = value; + } + } else if (_isRef) { + ref2.value = value; + if (rawRef.k) refs[rawRef.k] = value; + } else if (true) { + warn$1("Invalid template ref type:", ref2, `(${typeof ref2})`); + } + }; + if (value) { + doSet.id = -1; + queuePostRenderEffect(doSet, parentSuspense); + } else { + doSet(); + } + } else if (true) { + warn$1("Invalid template ref type:", ref2, `(${typeof ref2})`); + } + } +} +var hasLoggedMismatchError = false; +var logMismatchError = () => { + if (hasLoggedMismatchError) { + return; + } + console.error("Hydration completed but contains mismatches."); + hasLoggedMismatchError = true; +}; +var isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject"; +var isMathMLContainer = (container) => container.namespaceURI.includes("MathML"); +var getContainerType = (container) => { + if (container.nodeType !== 1) return void 0; + if (isSVGContainer(container)) return "svg"; + if (isMathMLContainer(container)) return "mathml"; + return void 0; +}; +var isComment = (node) => node.nodeType === 8; +function createHydrationFunctions(rendererInternals) { + const { + mt: mountComponent, + p: patch, + o: { + patchProp: patchProp2, + createText, + nextSibling, + parentNode, + remove: remove2, + insert, + createComment + } + } = rendererInternals; + const hydrate2 = (vnode, container) => { + if (!container.hasChildNodes()) { + warn$1( + `Attempting to hydrate existing markup but container is empty. Performing full mount instead.` + ); + patch(null, vnode, container); + flushPostFlushCbs(); + container._vnode = vnode; + return; + } + hydrateNode(container.firstChild, vnode, null, null, null); + flushPostFlushCbs(); + container._vnode = vnode; + }; + const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => { + optimized = optimized || !!vnode.dynamicChildren; + const isFragmentStart = isComment(node) && node.data === "["; + const onMismatch = () => handleMismatch( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + isFragmentStart + ); + const { type, ref: ref2, shapeFlag, patchFlag } = vnode; + let domType = node.nodeType; + vnode.el = node; + if (true) { + def(node, "__vnode", vnode, true); + def(node, "__vueParentComponent", parentComponent, true); + } + if (patchFlag === -2) { + optimized = false; + vnode.dynamicChildren = null; + } + let nextNode = null; + switch (type) { + case Text: + if (domType !== 3) { + if (vnode.children === "") { + insert(vnode.el = createText(""), parentNode(node), node); + nextNode = node; + } else { + nextNode = onMismatch(); + } + } else { + if (node.data !== vnode.children) { + warn$1( + `Hydration text mismatch in`, + node.parentNode, + ` + - rendered on server: ${JSON.stringify( + node.data + )} + - expected on client: ${JSON.stringify(vnode.children)}` + ); + logMismatchError(); + node.data = vnode.children; + } + nextNode = nextSibling(node); + } + break; + case Comment: + if (isTemplateNode(node)) { + nextNode = nextSibling(node); + replaceNode( + vnode.el = node.content.firstChild, + node, + parentComponent + ); + } else if (domType !== 8 || isFragmentStart) { + nextNode = onMismatch(); + } else { + nextNode = nextSibling(node); + } + break; + case Static: + if (isFragmentStart) { + node = nextSibling(node); + domType = node.nodeType; + } + if (domType === 1 || domType === 3) { + nextNode = node; + const needToAdoptContent = !vnode.children.length; + for (let i = 0; i < vnode.staticCount; i++) { + if (needToAdoptContent) + vnode.children += nextNode.nodeType === 1 ? nextNode.outerHTML : nextNode.data; + if (i === vnode.staticCount - 1) { + vnode.anchor = nextNode; + } + nextNode = nextSibling(nextNode); + } + return isFragmentStart ? nextSibling(nextNode) : nextNode; + } else { + onMismatch(); + } + break; + case Fragment: + if (!isFragmentStart) { + nextNode = onMismatch(); + } else { + nextNode = hydrateFragment( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + break; + default: + if (shapeFlag & 1) { + if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) { + nextNode = onMismatch(); + } else { + nextNode = hydrateElement( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } + } else if (shapeFlag & 6) { + vnode.slotScopeIds = slotScopeIds; + const container = parentNode(node); + if (isFragmentStart) { + nextNode = locateClosingAnchor(node); + } else if (isComment(node) && node.data === "teleport start") { + nextNode = locateClosingAnchor(node, node.data, "teleport end"); + } else { + nextNode = nextSibling(node); + } + mountComponent( + vnode, + container, + null, + parentComponent, + parentSuspense, + getContainerType(container), + optimized + ); + if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) { + let subTree; + if (isFragmentStart) { + subTree = createVNode(Fragment); + subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild; + } else { + subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div"); + } + subTree.el = node; + vnode.component.subTree = subTree; + } + } else if (shapeFlag & 64) { + if (domType !== 8) { + nextNode = onMismatch(); + } else { + nextNode = vnode.type.hydrate( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized, + rendererInternals, + hydrateChildren + ); + } + } else if (shapeFlag & 128) { + nextNode = vnode.type.hydrate( + node, + vnode, + parentComponent, + parentSuspense, + getContainerType(parentNode(node)), + slotScopeIds, + optimized, + rendererInternals, + hydrateNode + ); + } else if (true) { + warn$1("Invalid HostVNode type:", type, `(${typeof type})`); + } + } + if (ref2 != null) { + setRef(ref2, null, parentSuspense, vnode); + } + return nextNode; + }; + const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!vnode.dynamicChildren; + const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode; + const forcePatch = type === "input" || type === "option"; + if (true) { + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, "created"); + } + let needCallTransitionHooks = false; + if (isTemplateNode(el)) { + needCallTransitionHooks = needTransition( + null, + // no need check parentSuspense in hydration + transition + ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear; + const content = el.content.firstChild; + if (needCallTransitionHooks) { + transition.beforeEnter(content); + } + replaceNode(content, el, parentComponent); + vnode.el = el = content; + } + if (shapeFlag & 16 && // skip if element has innerHTML / textContent + !(props && (props.innerHTML || props.textContent))) { + let next = hydrateChildren( + el.firstChild, + vnode, + el, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + let hasWarned2 = false; + while (next) { + if (!isMismatchAllowed( + el, + 1 + /* CHILDREN */ + )) { + if (!hasWarned2) { + warn$1( + `Hydration children mismatch on`, + el, + ` +Server rendered element contains more child nodes than client vdom.` + ); + hasWarned2 = true; + } + logMismatchError(); + } + const cur = next; + next = next.nextSibling; + remove2(cur); + } + } else if (shapeFlag & 8) { + let clientText = vnode.children; + if (clientText[0] === "\n" && (el.tagName === "PRE" || el.tagName === "TEXTAREA")) { + clientText = clientText.slice(1); + } + if (el.textContent !== clientText) { + if (!isMismatchAllowed( + el, + 0 + /* TEXT */ + )) { + warn$1( + `Hydration text content mismatch on`, + el, + ` + - rendered on server: ${el.textContent} + - expected on client: ${vnode.children}` + ); + logMismatchError(); + } + el.textContent = vnode.children; + } + } + if (props) { + if (true) { + const isCustomElement = el.tagName.includes("-"); + for (const key in props) { + if (// #11189 skip if this node has directives that have created hooks + // as it could have mutated the DOM in any possible way + !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) { + logMismatchError(); + } + if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers + key[0] === "." || isCustomElement) { + patchProp2(el, key, null, props[key], void 0, parentComponent); + } + } + } else if (props.onClick) { + patchProp2( + el, + "onClick", + null, + props.onClick, + void 0, + parentComponent + ); + } else if (patchFlag & 4 && isReactive(props.style)) { + for (const key in props.style) props.style[key]; + } + } + let vnodeHooks; + if (vnodeHooks = props && props.onVnodeBeforeMount) { + invokeVNodeHook(vnodeHooks, parentComponent, vnode); + } + if (dirs) { + invokeDirectiveHook(vnode, null, parentComponent, "beforeMount"); + } + if ((vnodeHooks = props && props.onVnodeMounted) || dirs || needCallTransitionHooks) { + queueEffectWithSuspense(() => { + vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode); + needCallTransitionHooks && transition.enter(el); + dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted"); + }, parentSuspense); + } + } + return el.nextSibling; + }; + const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => { + optimized = optimized || !!parentVNode.dynamicChildren; + const children = parentVNode.children; + const l = children.length; + let hasWarned2 = false; + for (let i = 0; i < l; i++) { + const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]); + const isText = vnode.type === Text; + if (node) { + if (isText && !optimized) { + if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) { + insert( + createText( + node.data.slice(vnode.children.length) + ), + container, + nextSibling(node) + ); + node.data = vnode.children; + } + } + node = hydrateNode( + node, + vnode, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + } else if (isText && !vnode.children) { + insert(vnode.el = createText(""), container); + } else { + if (!isMismatchAllowed( + container, + 1 + /* CHILDREN */ + )) { + if (!hasWarned2) { + warn$1( + `Hydration children mismatch on`, + container, + ` +Server rendered element contains fewer child nodes than client vdom.` + ); + hasWarned2 = true; + } + logMismatchError(); + } + patch( + null, + vnode, + container, + null, + parentComponent, + parentSuspense, + getContainerType(container), + slotScopeIds + ); + } + } + return node; + }; + const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => { + const { slotScopeIds: fragmentSlotScopeIds } = vnode; + if (fragmentSlotScopeIds) { + slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds; + } + const container = parentNode(node); + const next = hydrateChildren( + nextSibling(node), + vnode, + container, + parentComponent, + parentSuspense, + slotScopeIds, + optimized + ); + if (next && isComment(next) && next.data === "]") { + return nextSibling(vnode.anchor = next); + } else { + logMismatchError(); + insert(vnode.anchor = createComment(`]`), container, next); + return next; + } + }; + const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => { + if (!isMismatchAllowed( + node.parentElement, + 1 + /* CHILDREN */ + )) { + warn$1( + `Hydration node mismatch: +- rendered on server:`, + node, + node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``, + ` +- expected on client:`, + vnode.type + ); + logMismatchError(); + } + vnode.el = null; + if (isFragment) { + const end = locateClosingAnchor(node); + while (true) { + const next2 = nextSibling(node); + if (next2 && next2 !== end) { + remove2(next2); + } else { + break; + } + } + } + const next = nextSibling(node); + const container = parentNode(node); + remove2(node); + patch( + null, + vnode, + container, + next, + parentComponent, + parentSuspense, + getContainerType(container), + slotScopeIds + ); + if (parentComponent) { + parentComponent.vnode.el = vnode.el; + updateHOCHostEl(parentComponent, vnode.el); + } + return next; + }; + const locateClosingAnchor = (node, open = "[", close = "]") => { + let match = 0; + while (node) { + node = nextSibling(node); + if (node && isComment(node)) { + if (node.data === open) match++; + if (node.data === close) { + if (match === 0) { + return nextSibling(node); + } else { + match--; + } + } + } + } + return node; + }; + const replaceNode = (newNode, oldNode, parentComponent) => { + const parentNode2 = oldNode.parentNode; + if (parentNode2) { + parentNode2.replaceChild(newNode, oldNode); + } + let parent = parentComponent; + while (parent) { + if (parent.vnode.el === oldNode) { + parent.vnode.el = parent.subTree.el = newNode; + } + parent = parent.parent; + } + }; + const isTemplateNode = (node) => { + return node.nodeType === 1 && node.tagName === "TEMPLATE"; + }; + return [hydrate2, hydrateNode]; +} +function propHasMismatch(el, key, clientValue, vnode, instance) { + let mismatchType; + let mismatchKey; + let actual; + let expected; + if (key === "class") { + actual = el.getAttribute("class"); + expected = normalizeClass(clientValue); + if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) { + mismatchType = 2; + mismatchKey = `class`; + } + } else if (key === "style") { + actual = el.getAttribute("style") || ""; + expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue)); + const actualMap = toStyleMap(actual); + const expectedMap = toStyleMap(expected); + if (vnode.dirs) { + for (const { dir, value } of vnode.dirs) { + if (dir.name === "show" && !value) { + expectedMap.set("display", "none"); + } + } + } + if (instance) { + resolveCssVars(instance, vnode, expectedMap); + } + if (!isMapEqual(actualMap, expectedMap)) { + mismatchType = 3; + mismatchKey = "style"; + } + } else if (el instanceof SVGElement && isKnownSvgAttr(key) || el instanceof HTMLElement && (isBooleanAttr(key) || isKnownHtmlAttr(key))) { + if (isBooleanAttr(key)) { + actual = el.hasAttribute(key); + expected = includeBooleanAttr(clientValue); + } else if (clientValue == null) { + actual = el.hasAttribute(key); + expected = false; + } else { + if (el.hasAttribute(key)) { + actual = el.getAttribute(key); + } else if (key === "value" && el.tagName === "TEXTAREA") { + actual = el.value; + } else { + actual = false; + } + expected = isRenderableAttrValue(clientValue) ? String(clientValue) : false; + } + if (actual !== expected) { + mismatchType = 4; + mismatchKey = key; + } + } + if (mismatchType != null && !isMismatchAllowed(el, mismatchType)) { + const format = (v) => v === false ? `(not rendered)` : `${mismatchKey}="${v}"`; + const preSegment = `Hydration ${MismatchTypeString[mismatchType]} mismatch on`; + const postSegment = ` + - rendered on server: ${format(actual)} + - expected on client: ${format(expected)} + Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead. + You should fix the source of the mismatch.`; + { + warn$1(preSegment, el, postSegment); + } + return true; + } + return false; +} +function toClassSet(str) { + return new Set(str.trim().split(/\s+/)); +} +function isSetEqual(a, b) { + if (a.size !== b.size) { + return false; + } + for (const s of a) { + if (!b.has(s)) { + return false; + } + } + return true; +} +function toStyleMap(str) { + const styleMap = /* @__PURE__ */ new Map(); + for (const item of str.split(";")) { + let [key, value] = item.split(":"); + key = key.trim(); + value = value && value.trim(); + if (key && value) { + styleMap.set(key, value); + } + } + return styleMap; +} +function isMapEqual(a, b) { + if (a.size !== b.size) { + return false; + } + for (const [key, value] of a) { + if (value !== b.get(key)) { + return false; + } + } + return true; +} +function resolveCssVars(instance, vnode, expectedMap) { + const root = instance.subTree; + if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) { + const cssVars = instance.getCssVars(); + for (const key in cssVars) { + expectedMap.set( + `--${getEscapedCssVarName(key, false)}`, + String(cssVars[key]) + ); + } + } + if (vnode === root && instance.parent) { + resolveCssVars(instance.parent, instance.vnode, expectedMap); + } +} +var allowMismatchAttr = "data-allow-mismatch"; +var MismatchTypeString = { + [ + 0 + /* TEXT */ + ]: "text", + [ + 1 + /* CHILDREN */ + ]: "children", + [ + 2 + /* CLASS */ + ]: "class", + [ + 3 + /* STYLE */ + ]: "style", + [ + 4 + /* ATTRIBUTE */ + ]: "attribute" +}; +function isMismatchAllowed(el, allowedType) { + if (allowedType === 0 || allowedType === 1) { + while (el && !el.hasAttribute(allowMismatchAttr)) { + el = el.parentElement; + } + } + const allowedAttr = el && el.getAttribute(allowMismatchAttr); + if (allowedAttr == null) { + return false; + } else if (allowedAttr === "") { + return true; + } else { + const list = allowedAttr.split(","); + if (allowedType === 0 && list.includes("children")) { + return true; + } + return allowedAttr.split(",").includes(MismatchTypeString[allowedType]); + } +} +var requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1)); +var cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id)); +var hydrateOnIdle = (timeout = 1e4) => (hydrate2) => { + const id = requestIdleCallback(hydrate2, { timeout }); + return () => cancelIdleCallback(id); +}; +function elementIsVisibleInViewport(el) { + const { top, left, bottom, right } = el.getBoundingClientRect(); + const { innerHeight, innerWidth } = window; + return (top > 0 && top < innerHeight || bottom > 0 && bottom < innerHeight) && (left > 0 && left < innerWidth || right > 0 && right < innerWidth); +} +var hydrateOnVisible = (opts) => (hydrate2, forEach) => { + const ob = new IntersectionObserver((entries) => { + for (const e of entries) { + if (!e.isIntersecting) continue; + ob.disconnect(); + hydrate2(); + break; + } + }, opts); + forEach((el) => { + if (!(el instanceof Element)) return; + if (elementIsVisibleInViewport(el)) { + hydrate2(); + ob.disconnect(); + return false; + } + ob.observe(el); + }); + return () => ob.disconnect(); +}; +var hydrateOnMediaQuery = (query) => (hydrate2) => { + if (query) { + const mql = matchMedia(query); + if (mql.matches) { + hydrate2(); + } else { + mql.addEventListener("change", hydrate2, { once: true }); + return () => mql.removeEventListener("change", hydrate2); + } + } +}; +var hydrateOnInteraction = (interactions = []) => (hydrate2, forEach) => { + if (isString(interactions)) interactions = [interactions]; + let hasHydrated = false; + const doHydrate = (e) => { + if (!hasHydrated) { + hasHydrated = true; + teardown(); + hydrate2(); + e.target.dispatchEvent(new e.constructor(e.type, e)); + } + }; + const teardown = () => { + forEach((el) => { + for (const i of interactions) { + el.removeEventListener(i, doHydrate); + } + }); + }; + forEach((el) => { + for (const i of interactions) { + el.addEventListener(i, doHydrate, { once: true }); + } + }); + return teardown; +}; +function forEachElement(node, cb) { + if (isComment(node) && node.data === "[") { + let depth = 1; + let next = node.nextSibling; + while (next) { + if (next.nodeType === 1) { + const result = cb(next); + if (result === false) { + break; + } + } else if (isComment(next)) { + if (next.data === "]") { + if (--depth === 0) break; + } else if (next.data === "[") { + depth++; + } + } + next = next.nextSibling; + } + } else { + cb(node); + } +} +var isAsyncWrapper = (i) => !!i.type.__asyncLoader; +function defineAsyncComponent(source) { + if (isFunction(source)) { + source = { loader: source }; + } + const { + loader, + loadingComponent, + errorComponent, + delay = 200, + hydrate: hydrateStrategy, + timeout, + // undefined = never times out + suspensible = true, + onError: userOnError + } = source; + let pendingRequest = null; + let resolvedComp; + let retries = 0; + const retry = () => { + retries++; + pendingRequest = null; + return load(); + }; + const load = () => { + let thisRequest; + return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => { + err = err instanceof Error ? err : new Error(String(err)); + if (userOnError) { + return new Promise((resolve2, reject) => { + const userRetry = () => resolve2(retry()); + const userFail = () => reject(err); + userOnError(err, userRetry, userFail, retries + 1); + }); + } else { + throw err; + } + }).then((comp) => { + if (thisRequest !== pendingRequest && pendingRequest) { + return pendingRequest; + } + if (!comp) { + warn$1( + `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.` + ); + } + if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) { + comp = comp.default; + } + if (comp && !isObject(comp) && !isFunction(comp)) { + throw new Error(`Invalid async component load result: ${comp}`); + } + resolvedComp = comp; + return comp; + })); + }; + return defineComponent({ + name: "AsyncComponentWrapper", + __asyncLoader: load, + __asyncHydrate(el, instance, hydrate2) { + const doHydrate = hydrateStrategy ? () => { + const teardown = hydrateStrategy( + hydrate2, + (cb) => forEachElement(el, cb) + ); + if (teardown) { + (instance.bum || (instance.bum = [])).push(teardown); + } + } : hydrate2; + if (resolvedComp) { + doHydrate(); + } else { + load().then(() => !instance.isUnmounted && doHydrate()); + } + }, + get __asyncResolved() { + return resolvedComp; + }, + setup() { + const instance = currentInstance; + markAsyncBoundary(instance); + if (resolvedComp) { + return () => createInnerComp(resolvedComp, instance); + } + const onError = (err) => { + pendingRequest = null; + handleError( + err, + instance, + 13, + !errorComponent + ); + }; + if (suspensible && instance.suspense || isInSSRComponentSetup) { + return load().then((comp) => { + return () => createInnerComp(comp, instance); + }).catch((err) => { + onError(err); + return () => errorComponent ? createVNode(errorComponent, { + error: err + }) : null; + }); + } + const loaded = ref(false); + const error = ref(); + const delayed = ref(!!delay); + if (delay) { + setTimeout(() => { + delayed.value = false; + }, delay); + } + if (timeout != null) { + setTimeout(() => { + if (!loaded.value && !error.value) { + const err = new Error( + `Async component timed out after ${timeout}ms.` + ); + onError(err); + error.value = err; + } + }, timeout); + } + load().then(() => { + loaded.value = true; + if (instance.parent && isKeepAlive(instance.parent.vnode)) { + instance.parent.update(); + } + }).catch((err) => { + onError(err); + error.value = err; + }); + return () => { + if (loaded.value && resolvedComp) { + return createInnerComp(resolvedComp, instance); + } else if (error.value && errorComponent) { + return createVNode(errorComponent, { + error: error.value + }); + } else if (loadingComponent && !delayed.value) { + return createVNode(loadingComponent); + } + }; + } + }); +} +function createInnerComp(comp, parent) { + const { ref: ref2, props, children, ce } = parent.vnode; + const vnode = createVNode(comp, props, children); + vnode.ref = ref2; + vnode.ce = ce; + delete parent.vnode.ce; + return vnode; +} +var isKeepAlive = (vnode) => vnode.type.__isKeepAlive; +var KeepAliveImpl = { + name: `KeepAlive`, + // Marker for special handling inside the renderer. We are not using a === + // check directly on KeepAlive in the renderer, because importing it directly + // would prevent it from being tree-shaken. + __isKeepAlive: true, + props: { + include: [String, RegExp, Array], + exclude: [String, RegExp, Array], + max: [String, Number] + }, + setup(props, { slots }) { + const instance = getCurrentInstance(); + const sharedContext = instance.ctx; + if (!sharedContext.renderer) { + return () => { + const children = slots.default && slots.default(); + return children && children.length === 1 ? children[0] : children; + }; + } + const cache = /* @__PURE__ */ new Map(); + const keys = /* @__PURE__ */ new Set(); + let current = null; + if (true) { + instance.__v_cache = cache; + } + const parentSuspense = instance.suspense; + const { + renderer: { + p: patch, + m: move, + um: _unmount, + o: { createElement } + } + } = sharedContext; + const storageContainer = createElement("div"); + sharedContext.activate = (vnode, container, anchor, namespace, optimized) => { + const instance2 = vnode.component; + move(vnode, container, anchor, 0, parentSuspense); + patch( + instance2.vnode, + vnode, + container, + anchor, + instance2, + parentSuspense, + namespace, + vnode.slotScopeIds, + optimized + ); + queuePostRenderEffect(() => { + instance2.isDeactivated = false; + if (instance2.a) { + invokeArrayFns(instance2.a); + } + const vnodeHook = vnode.props && vnode.props.onVnodeMounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance2.parent, vnode); + } + }, parentSuspense); + if (true) { + devtoolsComponentAdded(instance2); + } + }; + sharedContext.deactivate = (vnode) => { + const instance2 = vnode.component; + invalidateMount(instance2.m); + invalidateMount(instance2.a); + move(vnode, storageContainer, null, 1, parentSuspense); + queuePostRenderEffect(() => { + if (instance2.da) { + invokeArrayFns(instance2.da); + } + const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted; + if (vnodeHook) { + invokeVNodeHook(vnodeHook, instance2.parent, vnode); + } + instance2.isDeactivated = true; + }, parentSuspense); + if (true) { + devtoolsComponentAdded(instance2); + } + }; + function unmount(vnode) { + resetShapeFlag(vnode); + _unmount(vnode, instance, parentSuspense, true); + } + function pruneCache(filter) { + cache.forEach((vnode, key) => { + const name = getComponentName(vnode.type); + if (name && !filter(name)) { + pruneCacheEntry(key); + } + }); + } + function pruneCacheEntry(key) { + const cached = cache.get(key); + if (cached && (!current || !isSameVNodeType(cached, current))) { + unmount(cached); + } else if (current) { + resetShapeFlag(current); + } + cache.delete(key); + keys.delete(key); + } + watch2( + () => [props.include, props.exclude], + ([include, exclude]) => { + include && pruneCache((name) => matches(include, name)); + exclude && pruneCache((name) => !matches(exclude, name)); + }, + // prune post-render after `current` has been updated + { flush: "post", deep: true } + ); + let pendingCacheKey = null; + const cacheSubtree = () => { + if (pendingCacheKey != null) { + if (isSuspense(instance.subTree.type)) { + queuePostRenderEffect(() => { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + }, instance.subTree.suspense); + } else { + cache.set(pendingCacheKey, getInnerChild(instance.subTree)); + } + } + }; + onMounted(cacheSubtree); + onUpdated(cacheSubtree); + onBeforeUnmount(() => { + cache.forEach((cached) => { + const { subTree, suspense } = instance; + const vnode = getInnerChild(subTree); + if (cached.type === vnode.type && cached.key === vnode.key) { + resetShapeFlag(vnode); + const da = vnode.component.da; + da && queuePostRenderEffect(da, suspense); + return; + } + unmount(cached); + }); + }); + return () => { + pendingCacheKey = null; + if (!slots.default) { + return current = null; + } + const children = slots.default(); + const rawVNode = children[0]; + if (children.length > 1) { + if (true) { + warn$1(`KeepAlive should contain exactly one component child.`); + } + current = null; + return children; + } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) { + current = null; + return rawVNode; + } + let vnode = getInnerChild(rawVNode); + if (vnode.type === Comment) { + current = null; + return vnode; + } + const comp = vnode.type; + const name = getComponentName( + isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp + ); + const { include, exclude, max } = props; + if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) { + vnode.shapeFlag &= ~256; + current = vnode; + return rawVNode; + } + const key = vnode.key == null ? comp : vnode.key; + const cachedVNode = cache.get(key); + if (vnode.el) { + vnode = cloneVNode(vnode); + if (rawVNode.shapeFlag & 128) { + rawVNode.ssContent = vnode; + } + } + pendingCacheKey = key; + if (cachedVNode) { + vnode.el = cachedVNode.el; + vnode.component = cachedVNode.component; + if (vnode.transition) { + setTransitionHooks(vnode, vnode.transition); + } + vnode.shapeFlag |= 512; + keys.delete(key); + keys.add(key); + } else { + keys.add(key); + if (max && keys.size > parseInt(max, 10)) { + pruneCacheEntry(keys.values().next().value); + } + } + vnode.shapeFlag |= 256; + current = vnode; + return isSuspense(rawVNode.type) ? rawVNode : vnode; + }; + } +}; +var KeepAlive = KeepAliveImpl; +function matches(pattern, name) { + if (isArray(pattern)) { + return pattern.some((p2) => matches(p2, name)); + } else if (isString(pattern)) { + return pattern.split(",").includes(name); + } else if (isRegExp(pattern)) { + pattern.lastIndex = 0; + return pattern.test(name); + } + return false; +} +function onActivated(hook, target) { + registerKeepAliveHook(hook, "a", target); +} +function onDeactivated(hook, target) { + registerKeepAliveHook(hook, "da", target); +} +function registerKeepAliveHook(hook, type, target = currentInstance) { + const wrappedHook = hook.__wdc || (hook.__wdc = () => { + let current = target; + while (current) { + if (current.isDeactivated) { + return; + } + current = current.parent; + } + return hook(); + }); + injectHook(type, wrappedHook, target); + if (target) { + let current = target.parent; + while (current && current.parent) { + if (isKeepAlive(current.parent.vnode)) { + injectToKeepAliveRoot(wrappedHook, type, target, current); + } + current = current.parent; + } + } +} +function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) { + const injected = injectHook( + type, + hook, + keepAliveRoot, + true + /* prepend */ + ); + onUnmounted(() => { + remove(keepAliveRoot[type], injected); + }, target); +} +function resetShapeFlag(vnode) { + vnode.shapeFlag &= ~256; + vnode.shapeFlag &= ~512; +} +function getInnerChild(vnode) { + return vnode.shapeFlag & 128 ? vnode.ssContent : vnode; +} +function injectHook(type, hook, target = currentInstance, prepend = false) { + if (target) { + const hooks = target[type] || (target[type] = []); + const wrappedHook = hook.__weh || (hook.__weh = (...args) => { + pauseTracking(); + const reset = setCurrentInstance(target); + const res = callWithAsyncErrorHandling(hook, target, type, args); + reset(); + resetTracking(); + return res; + }); + if (prepend) { + hooks.unshift(wrappedHook); + } else { + hooks.push(wrappedHook); + } + return wrappedHook; + } else if (true) { + const apiName = toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, "")); + warn$1( + `${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.` + ); + } +} +var createHook = (lifecycle) => (hook, target = currentInstance) => { + if (!isInSSRComponentSetup || lifecycle === "sp") { + injectHook(lifecycle, (...args) => hook(...args), target); + } +}; +var onBeforeMount = createHook("bm"); +var onMounted = createHook("m"); +var onBeforeUpdate = createHook( + "bu" +); +var onUpdated = createHook("u"); +var onBeforeUnmount = createHook( + "bum" +); +var onUnmounted = createHook("um"); +var onServerPrefetch = createHook( + "sp" +); +var onRenderTriggered = createHook("rtg"); +var onRenderTracked = createHook("rtc"); +function onErrorCaptured(hook, target = currentInstance) { + injectHook("ec", hook, target); +} +var COMPONENTS = "components"; +var DIRECTIVES = "directives"; +function resolveComponent(name, maybeSelfReference) { + return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name; +} +var NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc"); +function resolveDynamicComponent(component) { + if (isString(component)) { + return resolveAsset(COMPONENTS, component, false) || component; + } else { + return component || NULL_DYNAMIC_COMPONENT; + } +} +function resolveDirective(name) { + return resolveAsset(DIRECTIVES, name); +} +function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) { + const instance = currentRenderingInstance || currentInstance; + if (instance) { + const Component = instance.type; + if (type === COMPONENTS) { + const selfName = getComponentName( + Component, + false + ); + if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) { + return Component; + } + } + const res = ( + // local registration + // check instance[type] first which is resolved for options API + resolve(instance[type] || Component[type], name) || // global registration + resolve(instance.appContext[type], name) + ); + if (!res && maybeSelfReference) { + return Component; + } + if (warnMissing && !res) { + const extra = type === COMPONENTS ? ` +If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``; + warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`); + } + return res; + } else if (true) { + warn$1( + `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().` + ); + } +} +function resolve(registry, name) { + return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]); +} +function renderList(source, renderItem, cache, index) { + let ret; + const cached = cache && cache[index]; + const sourceIsArray = isArray(source); + if (sourceIsArray || isString(source)) { + const sourceIsReactiveArray = sourceIsArray && isReactive(source); + let needsWrap = false; + if (sourceIsReactiveArray) { + needsWrap = !isShallow(source); + source = shallowReadArray(source); + } + ret = new Array(source.length); + for (let i = 0, l = source.length; i < l; i++) { + ret[i] = renderItem( + needsWrap ? toReactive(source[i]) : source[i], + i, + void 0, + cached && cached[i] + ); + } + } else if (typeof source === "number") { + if (!Number.isInteger(source)) { + warn$1(`The v-for range expect an integer value but got ${source}.`); + } + ret = new Array(source); + for (let i = 0; i < source; i++) { + ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]); + } + } else if (isObject(source)) { + if (source[Symbol.iterator]) { + ret = Array.from( + source, + (item, i) => renderItem(item, i, void 0, cached && cached[i]) + ); + } else { + const keys = Object.keys(source); + ret = new Array(keys.length); + for (let i = 0, l = keys.length; i < l; i++) { + const key = keys[i]; + ret[i] = renderItem(source[key], key, i, cached && cached[i]); + } + } + } else { + ret = []; + } + if (cache) { + cache[index] = ret; + } + return ret; +} +function createSlots(slots, dynamicSlots) { + for (let i = 0; i < dynamicSlots.length; i++) { + const slot = dynamicSlots[i]; + if (isArray(slot)) { + for (let j = 0; j < slot.length; j++) { + slots[slot[j].name] = slot[j].fn; + } + } else if (slot) { + slots[slot.name] = slot.key ? (...args) => { + const res = slot.fn(...args); + if (res) res.key = slot.key; + return res; + } : slot.fn; + } + } + return slots; +} +function renderSlot(slots, name, props = {}, fallback, noSlotted) { + if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) { + if (name !== "default") props.name = name; + return openBlock(), createBlock( + Fragment, + null, + [createVNode("slot", props, fallback && fallback())], + 64 + ); + } + let slot = slots[name]; + if (slot && slot.length > 1) { + warn$1( + `SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.` + ); + slot = () => []; + } + if (slot && slot._c) { + slot._d = false; + } + openBlock(); + const validSlotContent = slot && ensureValidVNode(slot(props)); + const slotKey = props.key || // slot content array of a dynamic conditional slot may have a branch + // key attached in the `createSlots` helper, respect that + validSlotContent && validSlotContent.key; + const rendered = createBlock( + Fragment, + { + key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content + (!validSlotContent && fallback ? "_fb" : "") + }, + validSlotContent || (fallback ? fallback() : []), + validSlotContent && slots._ === 1 ? 64 : -2 + ); + if (!noSlotted && rendered.scopeId) { + rendered.slotScopeIds = [rendered.scopeId + "-s"]; + } + if (slot && slot._c) { + slot._d = true; + } + return rendered; +} +function ensureValidVNode(vnodes) { + return vnodes.some((child) => { + if (!isVNode(child)) return true; + if (child.type === Comment) return false; + if (child.type === Fragment && !ensureValidVNode(child.children)) + return false; + return true; + }) ? vnodes : null; +} +function toHandlers(obj, preserveCaseIfNecessary) { + const ret = {}; + if (!isObject(obj)) { + warn$1(`v-on with no argument expects an object value.`); + return ret; + } + for (const key in obj) { + ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key]; + } + return ret; +} +var getPublicInstance = (i) => { + if (!i) return null; + if (isStatefulComponent(i)) return getComponentPublicInstance(i); + return getPublicInstance(i.parent); +}; +var publicPropertiesMap = ( + // Move PURE marker to new line to workaround compiler discarding it + // due to type annotation + extend(/* @__PURE__ */ Object.create(null), { + $: (i) => i, + $el: (i) => i.vnode.el, + $data: (i) => i.data, + $props: (i) => true ? shallowReadonly(i.props) : i.props, + $attrs: (i) => true ? shallowReadonly(i.attrs) : i.attrs, + $slots: (i) => true ? shallowReadonly(i.slots) : i.slots, + $refs: (i) => true ? shallowReadonly(i.refs) : i.refs, + $parent: (i) => getPublicInstance(i.parent), + $root: (i) => getPublicInstance(i.root), + $host: (i) => i.ce, + $emit: (i) => i.emit, + $options: (i) => __VUE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type, + $forceUpdate: (i) => i.f || (i.f = () => { + queueJob(i.update); + }), + $nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)), + $watch: (i) => __VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP + }) +); +var isReservedPrefix = (key) => key === "_" || key === "$"; +var hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key); +var PublicInstanceProxyHandlers = { + get({ _: instance }, key) { + if (key === "__v_skip") { + return true; + } + const { ctx, setupState, data, props, accessCache, type, appContext } = instance; + if (key === "__isVue") { + return true; + } + let normalizedProps; + if (key[0] !== "$") { + const n = accessCache[key]; + if (n !== void 0) { + switch (n) { + case 1: + return setupState[key]; + case 2: + return data[key]; + case 4: + return ctx[key]; + case 3: + return props[key]; + } + } else if (hasSetupBinding(setupState, key)) { + accessCache[key] = 1; + return setupState[key]; + } else if (data !== EMPTY_OBJ && hasOwn(data, key)) { + accessCache[key] = 2; + return data[key]; + } else if ( + // only cache other properties when instance has declared (thus stable) + // props + (normalizedProps = instance.propsOptions[0]) && hasOwn(normalizedProps, key) + ) { + accessCache[key] = 3; + return props[key]; + } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 4; + return ctx[key]; + } else if (!__VUE_OPTIONS_API__ || shouldCacheAccess) { + accessCache[key] = 0; + } + } + const publicGetter = publicPropertiesMap[key]; + let cssModule, globalProperties; + if (publicGetter) { + if (key === "$attrs") { + track(instance.attrs, "get", ""); + markAttrsAccessed(); + } else if (key === "$slots") { + track(instance, "get", key); + } + return publicGetter(instance); + } else if ( + // css module (injected by vue-loader) + (cssModule = type.__cssModules) && (cssModule = cssModule[key]) + ) { + return cssModule; + } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) { + accessCache[key] = 4; + return ctx[key]; + } else if ( + // global properties + globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key) + ) { + { + return globalProperties[key]; + } + } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading + // to infinite warning loop + key.indexOf("__v") !== 0)) { + if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) { + warn$1( + `Property ${JSON.stringify( + key + )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.` + ); + } else if (instance === currentRenderingInstance) { + warn$1( + `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.` + ); + } + } + }, + set({ _: instance }, key, value) { + const { data, setupState, ctx } = instance; + if (hasSetupBinding(setupState, key)) { + setupState[key] = value; + return true; + } else if (setupState.__isScriptSetup && hasOwn(setupState, key)) { + warn$1(`Cannot mutate