open-index/open-npm huggingface dataset:
npm package: @imsmobility/fe-toolkit
Description: Rencar feature modules - hooks, utils, and UI components
Author: rencar-dev
Latest version: 1.2.5

# @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
npm package: @imssyang/formatui
Description: A text-formatted view used on browser.
Author: imssyang
Latest version: 1.0.5

<a href="https://github.com/imssyang/formatui">
  <h1 align="center">
    <picture>
	  <img alt="Formatui" src="https://github.com/imssyang/formatui/blob/main/src/img/formatui.svg" width="100" />
    </picture>
    <p>Formatui</p>
  </h1>
</a>

[![npm version](https://img.shields.io/badge/node-%3E%3D18.0.0-blue)](https://www.npmjs.com/package/@imssyang/formatui)
[![license](https://img.shields.io/badge/license-MIT-blue)](https://github.com/imssyang/formatui/blob/main/LICENSE)

Formatui is a text-formatted view used on browser. It aims to convert various text formats in place, such as json to python-dict.
<img align="center" width="1147px" src="https://github.com/imssyang/formatui/blob/main/snapshot/layout-3.png">

## Feature

- Adaptive browser window size.
- Multiple window layout styles, which can be switched freely.
- Support search and replace windows.
- Support swapping editor content.

## Dependencies

* [W2UI](https://github.com/vitmalina/w2ui): A modern JavaScript UI library for building rich web applications.
* [codemirror6](https://codemirror.net/): A code editor component for the web.
* [bootstrap-icons](https://icons.getbootstrap.com/): Free, high quality, open source icon library with over 2,000 icons.
* [json5](https://json5.org/): An extension to the popular JSON file format that aims to be easier to write and maintain by hand.
* [clipboard](https://clipboardjs.com): A modern approach to copy text to clipboard.

### Commands

For Node.js:

```bash
# Compile to ES6 module
npm run build[:dev]

# Run simple server (hot-reload), and open http://localhost:5015 in browser
npm run serve

# Run by docker, and open http://localhost:5015 in browser
docker run -it -p 5015:5015 --rm ghcr.io/imssyang/formatui:latest
```

## Why

Various texts in the development and debugging environment exist either in machine reading form or in human reading form, and often need to be converted into forms. Online conversion can often only meet some scenarios, and has a single function and is not user-friendly. Therefore, it is necessary to leverage the power of the open source community to create a universal text converter that is easy to use and can be continuously optimized.

## Todo

- Vertical multi-window layout
- History list
- Indent control
- Clipboard
npm package: @imsudip/device-info
Description: A lightweight utility library to fetch device, browser, OS, GPU, battery, network, and screen information for modern web and React applications.
Author: Sudip Mahata
Latest version: 0.0.6

# @imsudip/device-info

[![NPM](https://img.shields.io/badge/github-repo-blue?logo=github)](https://www.npmjs.com/package/@imsudip/device-info)
[![install size](https://packagephobia.com/badge?p=@imsudip/device-info)](https://packagephobia.com/result?p=@imsudip/device-info)

A lightweight, cross-environment utility library to retrieve **OS**, **CPU**, **Memory**, and **GPU** information.  
Supports **Node.js** (via native `os` module) and **Browser** (via feature detection + WebGL).

Perfect for system dashboards, diagnostics tools, developer utilities, CLI apps, Electron, and performance analytics.

---

## ✨ Features

### ✅ **Node.js OS Information**
Powered by Node's built-in `os` module:
- Architecture (`arch`)
- Platform (`platform`)
- Release (`release`)
- Type (`type`)
- Version (`version`)
- CPUs (`cpus`)
- Total Memory (`totalmem`)
- Free Memory (`freemem`)
- Uptime (`uptime`)
- Hostname (`hostname`)
- Home Directory (`homedir`)
- Temporary Directory (`tmpdir`)
- Endianness (`endianness`)
- Network Interfaces (`networkInterfaces`)
- Load Average (`loadavg`)

### 🧩 **Flexible Imports**
Import exactly the values you need:

```ts
import { GPU, OS } from "@imsudip/device-info";

```

### 📦 Installation

```npm
npm install @imsudip/device-info
```

```yarn
yarn add @imsudip/device-info
```

### 🔧 Usage

```ts
import {
  OS,
  GPU
} from "@imsudip/device-info";

console.log(Hello({ name: "Sudip" }));

console.log("Architecture:", OS.Arch());
console.log("Platform:", OS.Platform());
console.log("CPUs:", OS.CPUs());
console.log("Total Memory:", OS.TotalMem());
console.log("GPU Info:", GPU.getInfo());
```


### 📜 License

MIT © Sudip Mahata

### ⭐ Contributing

Pull requests are welcome!
If you want new features (battery, network, sensors, etc.), feel free to open an issue.

### 🙌 Credits

- Created by [Sudip Mahata](https://github.com/imsudipcreator)
npm package: @imsunhao/vuex
Description: state management for Vue.js
Author: Evan You
Latest version: 3.3.1

# Vuex [![Build Status](https://circleci.com/gh/vuejs/vuex/tree/dev.png?style=shield)](https://circleci.com/gh/vuejs/vuex)

> Centralized State Management for Vue.js.

<p align="center">
  <img width="700px" src="https://raw.githubusercontent.com/vuejs/vuex/dev/docs/.vuepress/public/vuex.png">
</p>

- [What is Vuex?](https://vuex.vuejs.org/)
- [Full Documentation](http://vuex.vuejs.org/)

## Examples

- [Counter](https://github.com/vuejs/vuex/tree/dev/examples/counter)
- [Counter with Hot Reload](https://github.com/vuejs/vuex/tree/dev/examples/counter-hot)
- [TodoMVC](https://github.com/vuejs/vuex/tree/dev/examples/todomvc)
- [Flux Chat](https://github.com/vuejs/vuex/tree/dev/examples/chat)
- [Shopping Cart](https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart)

Running the examples:

``` bash
$ npm install
$ npm run dev # serve examples at localhost:8080
```

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/vuejs/vuex/blob/dev/.github/contributing.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)