open-index/open-npm huggingface dataset:
npm package: @sonamkumari/svf-element-module
Description: A comprehensive user card module for Angular 19 applications
Author: Sonam Kumari
Latest version: 0.0.2

# SvfElementModule

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build svf-element-module
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/svf-element-module
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @sonamkumari/user-card-module
Description: A comprehensive user card module for Angular 19 applications
Author: Sonam Kumari
Latest version: 1.0.0

# UserCardModule

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build user-card-module
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/user-card-module
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @sonamu-kit/hmr-hook
Description: Easy hot module reloading (HMR) for Node.js and ESM (forked from hot-hook)
Author: CartaNova
Latest version: 0.5.1

# @sonamu-kit/hmr-hook

> 이 문서는 사람이 썼습니다.

`hot-hook`([NPM](https://www.npmjs.com/package/hot-hook), [GitHub](https://github.com/Julien-R44/hot-hook/tree/main/packages/hook))을 fork하여 뜯어고친 패키지입니다.

## 얘가 하는 일

모듈이 변경되었으면 import할 때 ESM의 캐시를 뚫고 새로 가져와줍니다.

이런 식으로 씁니다:

```bash
node --import=@sonamu-kit/hmr-hook/register index.js
```

## Fork해서 뜯어고친 부분

### 1. 변수 기반 동적 Import 허용

원본은 자체적인 제약사항으로, `await import('./something')` 같은 것만 유효한 동적 import로 인정했습니다. `'./something'` 자리에 스트링 리터럴이 아니라 변수가 들어가면 유효하지 않은 것으로(=HMR 불가) 간주하였습니다.

이를 조금 완화하여, 변수 기반의 동적 import(`await import(variablePath)`)도 유효한 동적 import로 인정하도록 변경하였습니다.

### 2. Boundary 간 정적 Import 허용

원본은 또 누군가가 boundary를 정적 import하는 것을 허용하지 않습니다.

그런데 boundary가 boundary를 정적 import하는 것은 가능해야 한다고 판단하여, 이를 허용하도록 변경하였습니다.

### 3. 파일시스템 워쳐 비활성화

원본은 자체적으로 파일시스템 워쳐를 사용하여 파일 변경을 감지하고 있습니다.

그런데 이렇게 하면 파일이 변경되었을 때 Sonamu의 syncer가 코드를 생성하고 다시 로드하는 시점과 `hmr-hook`이 모듈을 무효화 처리하는 시점의 순서가 종종 어긋나는 문제가 있었습니다.

이를 해결하기 위해 `hmr-hook`의 파일시스템 워쳐를 비활성화하고, 파일 변경 이벤트를 외부에서 넣어주도록 하였습니다.

그리하여 오직 Sonamu의 syncer만이 파일 변경을 감지하고, `hmr-hook`에게 파일 변경 이벤트를 넣어주어 모듈 invalidate을 처리할 수 있도록 하였습니다.

### 4. `ts-loader`와의 통합 개선

`ts-loader`는 import 속성의 경로로 `dist`의 `.js` 파일을 가리키는데 `hmr-hook`은 실제 `src`의 `.ts` 파일 경로를 필요로 합니다. 이 불일치를 해결하기 위해 `ts-loader`가 추가적으로 넘겨주는 실제 `.ts` 파일 경로를 사용하도록 바꾸었습니다.
npm package: @sonamu-kit/hmr-runner
Description: Runner for applications that use hmr-hook (forked from hot-hook)
Author: CartaNova
Latest version: 0.2.0

# @sonamu-kit/hmr-runner

> 이 문서는 사람이 썼습니다.

`@hot-hook/runner`([NPM](https://www.npmjs.com/package/@hot-hook/runner), [GitHub](https://github.com/Julien-R44/hot-hook/tree/main/packages/runner))를 fork하여 뜯어고친 패키지입니다.

## 얘가 하는 일

> 이 친구는 `hmr-hook`과 함께 사용될 것을 염두에 두고 만들어졌습니다.

프로세스 매니저입니다. `nodemon`과 비슷한 runner입니다.

그런데 `hmr-hook`과의 사용에 특화되어 있습니다. `hmr-hook`이 *이건 HMR 못하겠다*라고 할 때 이를 듣고서 앱을 재시작해줍니다.

이런 식으로 씁니다:

```bash
hmr-runner --node-args=--import=@sonamu-kit/hmr-hook/register index.js
```

`hmr-hook`은 내부적으로 HMR을 처리하다가, 스스로 판단하기에 HMR이 불가능한 모듈이 변경되었음을 감지하면 `process.send`로 이를 알립니다. 그러나 알리는 것 까지만 하지, 얘가 알아서 프로세스를 재시작해주지는 못합니다.

그래서 누군가는 애플리케이션 바깥에서 돌아가면서 `hmr-hook`이 보내는 메시지를 받아다가 재시작을 처리해주어야 합니다. 걔가 바로 이 `hmr-runner`입니다.

## Fork해서 뜯어고친 부분

### 1. `SIGUSR2`에 반응하게 함

원본은 애플리케이션이 보내는 `SIGUSR2`에 반응하지 않습니다.

이에 반응하여 재시작하도록 바꾸었습니다.
npm package: @sonamu-kit/react-components
Description: shadcn/ui + tailwindcss + tanstack-router 통합 패키지
Author: CartaNova
Latest version: 0.3.6

# @sonamu-kit/react-components

shadcn/ui + tailwindcss + tanstack-router 통합 패키지

## 디자인 시스템

**Figma Maker 기반 디자인 시스템 적용** 🎨

- **폰트**: Pretendard (프리텐다드)
- **컬러 시스템**: RGBA 기반 CSS 변수
- **다크 모드**: 자동 지원 (`.dark` 클래스)
- **차트**: 10가지 프리셋 컬러 (`chart-1` ~ `chart-10`)
- **사이드바**: 전용 컬러 시스템
- **커스텀 스크롤바**: 브라우저별 최적화

### 주요 CSS 변수

- **Typography**: `--text-2xl`, `--text-xl`, `--text-lg`, `--text-base`, `--text-sm`
- **Colors**: `--primary`, `--secondary`, `--accent`, `--destructive`, `--muted`
- **Radius**: `--radius-button`, `--radius-card`, `--radius-nav`, `--radius-toggle`
- **Chart**: `--chart-1` ~ `--chart-10`
- **Sidebar**: `--sidebar`, `--sidebar-primary`, `--sidebar-accent`

## 구조

```
src/
├── components/    # shadcn/ui 기반 컴포넌트들
├── hooks/         # useTypeForm, useListParams 등 통합 hooks
├── lib/           # 유틸리티 함수들
├── router/        # tanstack-router 설정
└── styles/        # tailwindcss 글로벌 스타일 (Figma Maker 기반)
```

## 설치

```bash
cd modules/react-components
pnpm install
```

## 사용

web 프로젝트에서 로컬 패키지로 연결하여 사용

```typescript
import { Button } from "@sonamu-kit/react-components/components";
import { useTypeForm } from "@sonamu-kit/react-components/hooks";
```

## 개발

- `pnpm dev`: TypeScript watch 모드
- `pnpm build`: 빌드
- `pnpm lint`: 린팅

## 향후 계획

이 패키지는 추후 `sonamu/ui`로 이전될 예정입니다.