open-index/open-npm huggingface dataset:
npm package: @ridecell/vehicle-stage-tracker
Description: A React component for tracking vehicle movements through stages
Author: Ridecell
Latest version: 2.2.0

# Vehicle Stage Tracker

A React component for tracking vehicle movements through different stages.

## Installation

```bash
npm install vehicle-stage-tracker
```

## Usage

```jsx
import React, { useState } from 'react';
import { VehicleMovement } from 'vehicle-stage-tracker';
import 'vehicle-stage-tracker/dist/style.css'; // Import styles if needed

function App() {
  // Sample initial data
  const [vehicleMovements, setVehicleMovements] = useState([
    {
      id: "1",
      licensePlate: "ABC123",
      vin: "1HGCM82633A123456",
      contractNumber: "CONT-001",
      sourceStage: "Inspection",
      targetStage: "Maintenance",
      dateOfMovement: "2025-04-10",
      action: "Create",
      comment: "Initial inspection complete",
      executionDate: "2025-04-10T10:30:00Z",
      executedBy: "john.doe@example.com"
    }
  ]);

  // Handle new movement
  const handleAddMovement = (movement) => {
    setVehicleMovements([movement, ...vehicleMovements]);
    // Additional logic like API calls could be added here
  };

  // Handle CSV upload
  const handleBulkUpload = (movements) => {
    setVehicleMovements([...movements, ...vehicleMovements]);
    // Additional logic like API calls could be added here
  };

  return (
    <div className="app">
      <VehicleMovement 
        data={vehicleMovements}
        onAddMovement={handleAddMovement}
        onBulkUpload={handleBulkUpload}
      />
    </div>
  );
}

export default App;
```

## Props

| Prop | Type | Description |
|------|------|-------------|
| `data` | Array | Vehicle movement data to display in the component |
| `onAddMovement` | Function | Callback function that is called when a new movement is added |
| `onBulkUpload` | Function | Callback function that is called when movements are uploaded via CSV |

## Data Format

Each vehicle movement object should have the following structure:

```javascript
{
  id: "1", // Unique identifier
  licensePlate: "ABC123", // License plate number
  vin: "1HGCM82633A123456", // Vehicle identification number
  contractNumber: "CONT-001", // Contract number
  sourceStage: "Inspection", // Source stage
  targetStage: "Maintenance", // Target stage
  dateOfMovement: "2025-04-10", // Date of movement (YYYY-MM-DD)
  action: "Create", // Action type: "Create", "Update", or "Delete"
  comment: "Initial inspection complete", // Optional comment
  executionDate: "2025-04-10T10:30:00Z", // When the action was executed
  executedBy: "john.doe@example.com" // Who executed the action
}
```

## CSV Format

For bulk uploads, the CSV file should have the following columns:

- License Plate
- VIN
- Contract number
- Source Stage
- Target Stage
- Date of movement
- Action (Create, Update, or Delete)
- Comment

## Development

```bash
# Install dependencies
npm install

# Run development server
npm run dev

# Build the package
npm run build
```

## License

MIT
npm package: @rideds/cli
Description: RUI Design 컴포넌트를 프로젝트에 추가하기 위한 CLI 도구입니다.
Latest version: 1.3.0

# @rideds/cli

RUI Design 컴포넌트를 프로젝트에 추가하기 위한 CLI 도구입니다.

## 외부 설치

### 실행만 할 때

```bash
bunx @rideds/cli@latest --help
```

### 프로젝트에 설치할 때

```bash
bun add -d @rideds/cli
```

```bash
rui init
rui add ui:action-button
```

## 개발 환경 설정

### 의존성 설치

```bash
bun install
```

### 환경 변수 설정 (선택사항)

PostHog 텔레메트리를 사용하려면 `.env` 파일을 생성하세요:

```bash
# packages/cli/.env
POSTHOG_API_KEY=your-api-key
POSTHOG_HOST=https://us.i.posthog.com

# 텔레메트리 비활성화 (로컬 개발 시)
DISABLE_TELEMETRY=true
```

**참고**: 환경 변수가 없어도 CLI는 정상적으로 동작합니다. 텔레메트리만 비활성화됩니다.

## 개발

### Dev 모드 실행

Watch 모드로 CLI를 실행합니다:

```bash
bun dev
```

Dev 모드에서는:
- 코드 변경 시 자동으로 재빌드됩니다
- `NODE_ENV=dev`로 설정되어 텔레메트리 이벤트가 콘솔에만 출력됩니다
- PostHog API 호출이 실제로 발생하지 않습니다

### 로컬 테스트

1. `@rideds/docs`에서 `bun dev` 실행 (snippet 서버)
2. `packages/cli`에서 `bun dev` 실행 (watch 모드)
3. `bun run ./bin/index.mjs` 실행하여 CLI 명령어 테스트:

```bash
bun run ./bin/index.mjs init
bun run ./bin/index.mjs add ui:action-button
```

## 빌드

프로덕션 빌드:

```bash
bun run build
```

빌드 결과물:
- `bin/index.mjs` - 번들링 및 minify된 CLI 실행 파일
- 환경 변수 (`POSTHOG_API_KEY`, `POSTHOG_HOST`)가 빌드 시 번들에 주입됩니다

## 테스트

```bash
bun test
```

## 배포

이 패키지는 [Changesets](https://github.com/changesets/changesets)을 통해 자동으로 배포됩니다.

**참고**: 배포 시 GitHub Secrets에 `POSTHOG_API_KEY`와 `POSTHOG_HOST`가 설정되어 있어야 텔레메트리가 활성화됩니다.
npm package: @rideds/codemod
Description: 코드 마이그레이션 도구
Latest version: 1.0.0

# @rideds/codemod

코드 마이그레이션 도구

```shell
npx @rideds/codemod@latest --list
```

```shell
npx @rideds/codemod@latest <transform> <...경로> <옵션>
```

## 옵션

- `--list`
  - 사용 가능한 transform 목록을 보여줘요.
- `--log`
  - 로그를 파일로 저장해요.
  - `./`에 `migrate-icons-combined.log`와 `migrate-icons-warnings.log` 파일이 생성돼요.
- `--parser`
  - jscodeshift가 사용할 파서를 지정해요
  - `babel` | `babylon` | `flow` | `ts` | `tsx`
  - 기본값: `tsx`
  - 예시: `--parser=babel`
- [`--extensions`](https://jscodeshift.com/run/cli/#--extensionsext)
  - 변환할 파일 확장자를 지정해요.
  - 지정하지 않으면 `<경로>` 안의 `js,jsx,ts,tsx` 파일을 변환해요.
    - `d.ts`는 제외돼요.
  - 예시: `--extensions="ts,tsx"`
- [`--ignore-config`](https://jscodeshift.com/run/cli/#--ignore-configfile)
  - 변환하지 않을 파일 패턴이 정의된 파일을 지정해요.
  - 예시: `--ignore-config=".gitignore"`