open-index/open-npm huggingface dataset:
npm package: @rc-monitor/rc-monitor
Description: 监控SDK核心模块 - 主包
Author: Js Ricardo
Latest version: 0.0.16

## 🚀 快速开始

### 安装

```bash
# 使用 npm
# npm install @rc-monitor/rc-monitor

# 使用 yarn
# yarn add @rc-monitor/rc-monitor

# 使用 pnpm
pnpm add @rc-monitor/rc-monitor
```

### 基本使用

```javascript
import Taro from '@tarojs/taro';
import { Monitor } from '@rc-monitor/rc-monitor';
import { BrowserPerformancePlugin } from '@rc-monitor/plugins';

// 初始化监控实例
const monitor = Monitor.getMonitor({
  appId: 'your-app-id',
  userId: 'user-123',
  reportUrl: 'https://your-report-server.com/api/report',
  // 配置是否开启不同类型的监控
  enableError: true,
  enablePerformance: true,
  enableBehavior: false,
  // 配置采样率
  samplingRate: 1.0,
  // 配置框架实例
  frameworkInstance: Taro,
});

// 使用插件 定义监控类型 和 数据转换函数
monitor.use(
  new BrowserPerformancePlugin(['FCP', 'LCP', 'TTFB', 'FID'], performanceData => transform(data))
);

// 启动监控
monitor.init();

// 手动上报数据
monitor.report({
  type: 'custom',
  data: { message: '用户点击了按钮' },
});
```
npm package: @rc-utils/consoles
Description: ## 安装
Latest version: 1.0.3-rc.1

# @rc-utils/consoles

## 安装

使用 npm:

```bash
$ npm i -g npm
$ npm i @rc-utils/consoles
```

## 使用方法

> 直接引用 `import console from '@rc-utils/consoles'` ,用法与原生 `console` 一致，在`console`的基础上扩展`warning`/`note`等开发调试方法

```tsx
import console, {
  note,
  noteOnce,
  warning,
  warningOnce,
} from '@rc-utils/consoles'
import React, { useEffect, useState } from 'react'
import ReactDOM from 'react-dom'

const App = () => {
  useEffect(() => {
    // // 配置开启控制台输出
    // window.enableConsole = false
    // // 配置开启输出时间
    // window.consoleTime = true

    warning(false, `当前输出模式: warning`)

    note(false, `当前输出模式: note`)

    warningOnce(false, `当前输出模式: warningOnce`)

    noteOnce(false, `当前输出模式: noteOnce`)

    warningOnce(false, `当前输出模式: warningOnce`)

    noteOnce(false, `当前输出模式: noteOnce`)

    console.group('分组输出')
    console.log('这一句是日志语句')
    console.info('这一句是信息语句')
    console.warn('这一句是告警语句')
    console.error('这一句是异常语句')
    console.groupEnd()
  }, [])

  return <div>请打开浏览器控制台查看输出</div>
}

ReactDOM.render(<App />, document.getElementById('root'))
```
npm package: @rc-utils/hooks
Description: ## 安装
Latest version: 1.0.1-rc.1

# @rc-utils/hooks

## 安装

使用 npm:

```bash
$ npm i -g npm
$ npm i @rc-utils/hooks
```

## 使用方法

> 直接引用 `import { useMergeState } from '@rc-utils/hooks'`

> > `Input`组件

```tsx
import { useMergeState } from '@rc-utils/hooks'
import React from 'react'

interface InputProps {
  defaultValue?: string
  value?: string
  onChange?: (newVal: string) => void
}
export const Input = (props: InputProps) => {
  const [value, onChange] = useMergeState('', {
    defaultValue: props.defaultValue,
    value: props.value,
    onChange: (val) => {
      console.log('🚀🚀 ~ App ~ val', val)
      props.onChange(`${val}`)
    },
  })

  return (
    <div>
      <input
        onChange={(e) => {
          onChange(e.target.value)
        }}
        value={value}
      />
      <span>组件内部合并值(value)：{value}</span>
    </div>
  )
}
```

> > 父组件引用

```tsx
import React, { useState } from 'react'
import { Input } from './Input'
import ReactDOM from 'react-dom'

const App = () => {
  const [state, setState] = useState<string>()

  return (
    <div>
      <div>useMergeState简单示例</div>
      <div>
        <Input
          onChange={(val) => {
            setState(val)
          }}
          defaultValue="demo"
          value={state}
        />
      </div>
      <div>外部值(state)：{state}</div>
    </div>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))
```
npm package: @rc-utils/shared
Description: ## 安装
Latest version: 1.0.1-rc.1

# @rc-utils/shared

## 安装

使用 npm:

```bash
$ npm i -g npm
$ npm i @rc-utils/shared
```

## 使用方法

> 直接引用 `import { withNativeProps } from '@rc-utils/shared'`

```tsx
import React, { useState } from 'react'
import { Input } from './Input'
import styles from './index.module.less'
import ReactDOM from 'react-dom'

const App = () => {
  const [state, setState] = useState<string>()

  return (
    <div className={styles.demo}>
      <div>withNativeProps简单示例</div>
      <div>
        <Input
          onChange={(val) => {
            setState(val)
          }}
          value={state}
          className={styles['demo-input']}
        />
      </div>
    </div>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))
```

> > `Input`组件

```tsx
import { withNativeProps } from '@rc-utils/shared'
import React, { CSSProperties } from 'react'
import styles from './index.module.less'

interface InputProps {
  value?: string
  onChange?: (newVal: string) => void
  className?: string
  style?: CSSProperties
}
export const Input = (props: InputProps) => {
  return withNativeProps(
    props,
    <input
      className={styles['input']}
      onChange={(e) => {
        props.onChange?.(e.target.value)
      }}
      value={props.value}
    />
  )
}
```

> > index.module.less

```less
.demo {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: 20px;

  &-input {
    color: red;
  }
}

.input {
  margin-right: 10px;
  padding: 4px;
  font-size: 20px;
}
```
npm package: @rc5/eslint-config-core
Description: js & ts eslint 配置
Author: @rc5
Latest version: 0.0.1

# `@rc5/eslint-config-core`

<p>
  <img src="https://img.shields.io/npm/v/@rc5/eslint-config-core" alt="NPM Version" />
  <img src="https://img.shields.io/bundlephobia/minzip/@rc5/eslint-config-core" alt="npm bundle size (scoped)" >
  <img src="https://img.shields.io/npm/dm/@rc5/eslint-config-core.svg" alt="NPM Downloads" />
  <img src="https://img.shields.io/npm/l/@rc5/eslint-config-core" alt="License">
</p>

## 安装

```sh
~ npm install -D eslint prettier @rc5/eslint-config-core
```

## 使用

**via .eslintrc.js**

```js
module.exports = {
  extends: ["@rc5/core"],
};
```

**via package.json**

```json
{
  "eslintConfig": {
    "extends": [
      "@techive/core"
    ]
  }
}
```

## 内置插件

- eslint-plugin-n
- eslint-plugin-promise
- eslint-plugin-unicorn
- eslint-plugin-import

---

- @typescript-eslint/parser
- @typescript-eslint/eslint-plugin

---

- eslint-plugin-eslint-comments
- eslint-plugin-jsdoc
- eslint-plugin-markdown
- eslint-plugin-yml
- eslint-plugin-jsonc
- eslint-plugin-prettier
- eslint-config-prettier
- eslint-plugin-jest
npm package: @rc5/nut
Description: A practical library of JavaScript tool functions extracted and summarized at work
Author: @rc5
Latest version: 0.1.3

简体中文 | [English](./README.zh-EN.md)

<p align="center">
  <img width="10%" height="10%"  src="./docs/public/logo.png" alt="Logo" />
</p>
<h1 align="center" >@rc5/nut</h1>
<p align="center">一个实用的 JavaScript 工具函数库，从实践中提取和总结</p>
<p align="center">
    <img src="https://img.shields.io/npm/v/@rc5/nut" alt="NPM Version" />
    <img src="https://img.shields.io/bundlephobia/minzip/@rc5/nut" alt="npm bundle size (scoped)" >
    <img src="https://img.shields.io/npm/dm/@rc5/nut.svg" alt="NPM Downloads" />
    <img src="https://img.shields.io/npm/l/@rc5/nut" alt="License">
</p>

## 安装

```sh
$ npm install @rc5/nut
```

## 功能特性

- 💄 使用 TypeScript 编写，这意味着自定义类型不会有问题
- 🫂 可用于客户端（Web 浏览器）和服务器（例如 node.js）上的 JavaScript 应用程序
- 🍇 包含丰富的处理不同方面问题的函数。（不断更新中！）
- 🥊 高测试覆盖率
- 🧩 支持构建更小的产物

## 使用

```js
// 在浏览器中使用
import { isBoolean } from "@rc5/nut";

// 在 node 中使用
import { isBoolean } from "@rc5/nut/node";
```

## 文档

该软件包的文档托管在 https://luckrya.github.io/nut/
npm package: @rc_yin/front-ui
Description: 业务组件库
Author: runa
Latest version: 0.1.9

# front-ui

<p align="center">
  <a href="http://runafe.cn:5002/front-ui/">
    文档
  </a>
  <span> | </span>
  <a href="http://runafe.cn:5002/front-ui/">
    示例项目
  </a>
  <span> | </span>
  <a href="./README.md">
    English
  </a>
  <span> | </span>
  <a>
    中文
  </a>
</p>

# git 操作

git checkout -b dev origin/dev 从远程分支创建分支
git remote set-head origin -a 同步 origin/HEAD
git remote update -p 同步分支
git rebase -i HAED`x 合并基线
git --amend 合并日志
git rebase --continue 跳出合并分支回到自己分支