open-index/open-npm huggingface dataset:
npm package: @renbaoshuo/gulp-babel-inline
Description: Gulp plugin to transpile inline javascript via babel.
Author: Baoshuo
Latest version: 0.0.1

# gulp-babel-inline

[![npm version](https://img.shields.io/npm/v/@renbaoshuo/gulp-babel-inline.svg?style=flat-square)](https://www.npmjs.com/package/@renbaoshuo/gulp-babel-inline)
[![Author](https://img.shields.io/badge/Author-Baoshuo-b68469.svg?style=flat-square)](https://baoshuo.ren)
[![npm license](https://img.shields.io/npm/l/@renbaoshuo/gulp-babel-inline.svg?style=flat-square)](./LICENSE)

*Issues with the output should be reported in [Babel](https://github.com/babel/babel/issues) repository.*

## Install

```bash
npm install @renbaoshuo/gulp-babel-inline
# or use yarn: yarn add @renbaoshuo/gulp-babel-inline
```

## Usage

```javascript
const gulp = require('gulp');
const babelInline = require('@renbaoshuo/gulp-babel-inline');

gulp.task('default', () =>
    gulp.src('src/**/*.html')
        .pipe(babelInline({
            presets: ['@babel/preset-env']
        }))
        .pipe(gulp.dest('dist'))
);
```

## Author

**gulp-babel-inline** © [Baoshuo](https://github.com/renbaoshuo), Released under the [MIT](./LICENSE) License.  
Authored and maintained by Baoshuo with help from [contributors](https://github.com/renbaoshuo/gulp-babel-inline/contributors).

> [Personal Website](https://baoshuo.ren) · [Blog](https://blog.baoshuo.ren) · GitHub [@renbaoshuo](https://github.com/renbaoshuo) · Twitter [@renbaoshuo](https://twitter.com/renbaoshuo)
npm package: @renbaoshuo/gulp-inline
Description: Inline styles and scripts into an html file.
Author: Ren Baoshuo
Latest version: 0.1.5

gulp-inline
===========

## Information

[![Build Status](https://travis-ci.org/ashaffer/gulp-inline.svg?branch=master)](https://travis-ci.org/ashaffer/gulp-inline)
[![codecov](https://codecov.io/gh/ashaffer/gulp-inline/branch/master/graph/badge.svg)](https://codecov.io/gh/ashaffer/gulp-inline)
[![npm version](https://img.shields.io/npm/v/gulp-inline.svg)](https://www.npmjs.com/package/gulp-inline)

<table>
  <tr><td>Package</td><td>gulp-inline</td></tr>
  <tr><td>Description</td><td>Inlines js/css/svg into your html files</td></tr>
  <tr><td>Node Version</td><td>= 0.10</td></tr>
</table>


## Usage

```javascript
var inline = require('gulp-inline')
  , uglify = require('gulp-uglify')
  , minifyCss = require('gulp-minify-css')
  , autoprefixer = require('gulp-autoprefixer');

gulp.src('public/index.html')
  .pipe(inline({
    base: 'public/',
    js: uglify,
    css: [minifyCss, autoprefixer({ browsers:['last 2 versions'] })],
    disabledTypes: ['svg', 'img', 'js'], // Only inline css files
    ignore: ['./css/do-not-inline-me.css']
  }))
  .pipe(gulp.dest('dist/'));
```

Replaces your &lt;script&gt; and &lt;link&gt; tags with the corresponding inlined files.

## SVG support

Currently there are two supported methods:

- `<img>` element with `src` attribute:

  ```
  <img src="/assets/icon.svg" class="MyClass" />
  ```

  which will be converted to something like

  ```
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="..." class="MyClass">
    <circle ... />
    <path ... />
    etc.
  </svg>
  ```

  depending on what `/assets/icon.svg` contains

- `<svg>` element with `<use>` child element:

  ```
  <svg>
    <use xlink:href="/assets/icon.svg#MyIdentifier"></use>
  </svg>
  ```

  Note that this method requires an ID matching the ID of target SVG root element.

  This is valid target SVG for the example above:

  ```
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="MyIdentifier">
    ...
  </svg>
  ```

  while this is invalid:

  ```
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
    ...
  </svg>
  ```

## Options

Plugin options:

  * base - the root directory containing the files to be inlined
  * css - css transform (gulp plugin)
  * js - js transform (gulp plugin)
  * svg - svg transform (gulp plugin)
  * ignore - array of file paths to ignore and not inline (file paths as they appear in the source)
  * disabledTypes - array of types not to run inlining operations on (css, svg, js, img)

### How to set options for uglify when used as plugin

Below is an example of how to pass options to uglify. In this case we tell uglify to not mangle function names.

```javascript
var inline = require('gulp-inline')
  , uglify = require('gulp-uglify');

gulp.src('public/index.html')
  .pipe(inline({
    base: 'public/',
    js: function() {
      return uglify({
          mangle: false
      });
    }
  }))
  .pipe(gulp.dest('dist/'));
```
npm package: @renbaoshuo/markdown-it-katex
Description: Fast math support for markdown-it with KaTeX
Latest version: 2.0.2

# KaTeX Plugin for MarkdownIt

Add Math to your Markdown.

> This package a fork of [`@neilsustc/markdown-it-katex`](https://github.com/yzhang-gh/markdown-it-katex).

[KaTeX](https://github.com/KaTeX/KaTeX) is a faster alternative to MathJax. This plugin makes it easy to support in your markdown.

## Usage

Install [`markdown-it`](https://github.com/markdown-it/markdown-it) and this plugin:

```bash
npm install markdown-it katex @renbaoshuo/markdown-it-katex
```

Then use it in your javascript:

```javascript
const MarkdownIt = require('markdown-it');

const md = new MarkdownIt();
md.use(require('@renbaoshuo/markdown-it-katex'));

// double backslash is required for javascript strings, but not html input
const result = md.render('# Math\n\n$\\sqrt{3x - 1} + (1 + x)^2$\n');
```

Include the KaTeX stylesheet in your html:

```html
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css"
/>
```

`KaTeX` options can be supplied with the second argument to use.

```javascript
md.use(mk, { throwOnError: false, errorColor: '#cc0000' });
```

## Examples

### Inline

Surround your LaTeX with a single `$` on each side for inline rendering.

```markdown
$\sqrt{3x - 1} + (1 + x)^2$
```

### Block

Use two (`$$`) for block rendering. This mode uses bigger symbols and centers
the result.

```markdown
$$
\begin{aligned}
d & = ax + by \\
  & = by + (a \bmod b)x \\
  & = by + (a - \lfloor \frac{a}{b} \rfloor b )x \\
  & = ax + b(y - \lfloor \frac{a}{b} \rfloor x)
\end{aligned}
$$
```

## Syntax

Math parsing in markdown is designed to agree with the conventions set by pandoc:

> Anything between two $ characters will be treated as TeX math. The opening $ must have a non-space character immediately to its right, while the closing $ must have a non-space character immediately to its left, and must not be followed immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some reason you need to enclose text in literal $ characters, backslash-escape them and they won’t be treated as math delimiters.

If you do not follow the above behavior, pass the `skipDelimitersCheck` option as true.

## Math Syntax Support

KaTeX is based on TeX and LaTeX. Support for both is growing. Here's a list of currently supported functions: [Function Support in KaTeX](https://github.com/Khan/KaTeX/wiki/Function-Support-in-KaTeX).

## Author

**`@renbaoshuo/markdown-it-katex`** © [Baoshuo](https://github.com/renbaoshuo), Released under the [MIT](./LICENSE) License.<br>
Authored and maintained by Baoshuo with help from [contributors](https://github.com/renbaoshuo/markdown-it-katex/contributors).

> [Personal Website](https://baoshuo.ren) · [Blog](https://blog.baoshuo.ren) · GitHub [@renbaoshuo](https://github.com/renbaoshuo) · Twitter [@renbaoshuo](https://twitter.com/renbaoshuo)
npm package: @renbh/xhdesign
Description: 咸亨国际内部组件库
Latest version: 0.0.12

# components-library

[![NPM version](https://img.shields.io/npm/v/components-library.svg?style=flat)](https://npmjs.org/package/components-library)
[![NPM downloads](http://img.shields.io/npm/dm/components-library.svg?style=flat)](https://npmjs.org/package/components-library)

A react library developed with dumi

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @renboen/ppdcli
Description: cli tools
Author: renboen
Latest version: 1.0.21

#### 创建页面命令 ppdcli create
后续实现 -v --help 路由 
脚手架升级--（默认全局安装，查询npm 全局安装位置，对比用户本地package.json版本和 现有版本package.json）
            （项目安装？？？？）
npm package: @rencar-dev/feature-modules-public
Description: Rencar feature modules - hooks, utils, and UI components
Author: rencar-dev
Latest version: 1.2.3

# @rencar-dev/feature-modules-public

Rencar 기능 모듈 모음 - hooks, utils, UI 컴포넌트 등을 포함합니다.

## 설치

```bash
npm install @rencar-dev/feature-modules-public
# 또는
yarn add @rencar-dev/feature-modules-public
```

## 모듈 목록

| 모듈     | 설명                   | 문서                                 |
| -------- | ---------------------- | ------------------------------------ |
| hooks    | 유틸리티 React 훅      | [docs/hooks.md](docs/hooks.md)       |
| presence | 실시간 접속자 프레즌스 | [docs/presence.md](docs/presence.md) |

```tsx
// hooks 모듈 import
import { useExample } from "@rencar-dev/feature-modules-public/hooks";

// presence 모듈 import
import {
  usePresence,
  PresenceFloating,
} from "@rencar-dev/feature-modules-public/presence";
import "@rencar-dev/feature-modules-public/presence/styles.css";
```

---

## 개발 가이드

### 로컬 개발

```bash
# 개발 모드 (watch)
npm run dev

# 빌드
npm run build
```

### 다른 프로젝트에서 테스트 (npm link)

패키지를 npm에 배포하지 않고 다른 프로젝트에서 실시간으로 테스트하려면:

**Step 1: 이 패키지에서 글로벌 링크 생성**

```bash
npm link
```

**Step 2: 다른 프로젝트에서 링크 연결**

```bash
cd your-project
npm link @rencar-dev/feature-modules-public
```

**Step 3: 연결 확인**

```bash
npm ls @rencar-dev/feature-modules-public
# 출력에 -> 심볼릭 링크 경로가 표시되면 성공
```

**Step 4: Next.js 프로젝트의 경우 추가 설정**

`next.config.js` (또는 `.mjs`)에 다음 설정 추가:

```javascript
webpack: (config, { isServer }) => {
  // 심볼릭 링크 해결을 위한 설정
  config.resolve.symlinks = false;

  // ... 기존 webpack 설정 ...
  return config;
},
```

> **Note**: 설정 변경 후 `.next` 폴더를 삭제하고 dev 서버를 재시작하세요.

**테스트 완료 후 링크 해제:**

```bash
cd your-project
npm unlink @rencar-dev/feature-modules-public
npm install  # 원래 패키지로 복원
```

### 새 모듈 추가하기

1. **폴더 생성**: `src/[모듈명]/` 폴더 생성
2. **Entry 파일**: `src/[모듈명]/index.ts` 생성 및 export 정의
3. **tsup 설정**: `tsup.config.ts`에 entry 추가

   ```ts
   entry: {
     "hooks/index": "src/hooks/index.ts",
     "presence/index": "src/presence/index.ts",
     "[모듈명]/index": "src/[모듈명]/index.ts",  // 추가
   },
   ```

4. **package.json exports 추가**:

   ```json
   "./[모듈명]": {
     "types": "./dist/[모듈명]/index.d.ts",
     "import": "./dist/[모듈명]/index.js",
     "require": "./dist/[모듈명]/index.cjs"
   }
   ```

5. **typesVersions 추가**:

   ```json
   "[모듈명]": ["./dist/[모듈명]/index.d.ts"]
   ```

6. **문서 작성**: `docs/[모듈명].md` 생성
7. **README 업데이트**: 모듈 목록 테이블에 추가

### 배포

**자동 배포 (권장):**

`master` 브랜치에 push하면 semantic-release가 자동으로:

1. 커밋 메시지 분석 (`fix:`, `feat:` 등)
2. 버전 번호 결정 및 package.json 업데이트
3. Git 태그 생성
4. npm 배포
5. GitHub Release 생성

| 커밋 접두사 | 버전 변경     | 예시                     |
| ----------- | ------------- | ------------------------ |
| `fix:`      | patch (0.0.X) | `fix: 버그 수정`         |
| `feat:`     | minor (0.X.0) | `feat: 새 기능 추가`     |
| `feat!:`    | major (X.0.0) | `feat!: breaking change` |

> **Note**: `chore:`, `docs:`, `style:` 등은 릴리즈를 트리거하지 않습니다.

**수동 배포:**

```bash
npm version patch  # 또는 minor, major
npm publish
```

---

## 라이선스

MIT