open-index/open-npm huggingface dataset:
npm package: @pmcx/assets
Description: Centralized asset management for the pmcx workspace, including SVG icons in multiple styles and variants.
Latest version: 0.3.0

# @pmcx/assets

Centralized asset management for the pmcx workspace, including SVG icons in multiple styles and variants.

## Purpose

This package provides a unified collection of icons and assets used across the pmcx workspace. By centralizing assets, we ensure consistency in visual design and simplify icon management across all applications and packages.

## Contents

### Icons (`src/icons/`)

Icons are organized by style:

- **`3d/`** – 3D-style icons (e.g., Barcode3D, Coupon3D, Reward3D)
- **`colored/`** – Colored icons for various use cases (e.g., Allergy, BeautyCare, FamilyProfile)
- **`filled/`** – Filled/solid style icons (e.g., ActivityFilled, DoctorFilled, ProfileFilled)
- **`outlined/`** – Outlined/stroke style icons (e.g., AchievementOutlined, BackOutlined, EditOutlined)

Each icon is exported as a React component using the `ReactComponent` export from SVG files.

## Usage

### Import all icons from a style

```tsx
import * as Icons3d from '@pmcx/assets/icons/3d'
import * as IconsColored from '@pmcx/assets/icons/colored'
import * as IconsFilled from '@pmcx/assets/icons/filled'
import * as IconsOutlined from '@pmcx/assets/icons/outlined'
```

### Import specific icons

```tsx
import {ActivityFilled, DoctorFilled} from '@pmcx/assets/icons/filled'
import {BackOutlined, EditOutlined} from '@pmcx/assets/icons/outlined'
import {BeautyCareColored} from '@pmcx/assets/icons/colored'
import {Reward3D} from '@pmcx/assets/icons/3d'
```

### Using icons in components

```tsx
export function MyComponent() {
  return (
    <div>
      <ActivityFilled className="w-6 h-6" />
      <EditOutlined className="w-4 h-4" />
    </div>
  )
}
```

## Adding New Icons

1. Add the SVG file to the appropriate style directory
2. Update the corresponding `index.tsx` file to export the new icon
3. Build the package: `pnpm build --filter @pmcx/assets`

## Development

Watch mode for development:

```bash
pnpm run dev --filter @pmcx/assets
```

Build the package:

```bash
pnpm run build --filter @pmcx/assets
```
npm package: @pmcx/standards
Description: Shared code quality configurations and development standards for the pmcx workspace, ensuring consistency across all packages and applications.
Latest version: 0.3.0

# @pmcx/standards

Shared code quality configurations and development standards for the pmcx workspace, ensuring consistency across all packages and applications.

## Purpose

This package centralizes ESLint, Prettier, and TypeScript configuration, providing a single source of truth for code style, linting rules, and type-checking standards. By sharing these configurations, we ensure that all workspace packages follow the same conventions, making code review easier and reducing cognitive overhead when switching between projects.

## Contents

### ESLint Configurations (`eslint/`)

- **`base.js`** – Core ESLint rules for TypeScript projects, including recommended patterns and common best practices
- **`react.js`** – Additional rules for React applications, including hooks validation and JSX patterns
- **`next.js`** – Next.js-specific rules and configurations (prepared for future web runtime)

### Prettier Configuration (`prettier/`)

- **`index.js`** – Shared formatting rules for consistent code style across the workspace

### TypeScript Configurations (`typescript/`)

- **`base.json`** – Base TypeScript compiler options for strict type checking
- **`react.json`** – React-specific TypeScript settings extending the base configuration
- **`next.json`** – Next.js-specific TypeScript settings (prepared for future web runtime)

## Usage

Packages extend the appropriate configuration based on their requirements:

**For base TypeScript projects:**

```javascript
// eslint.config.js
import {config} from '@pmcx/standards/eslint/base'

export default [...config]
```

**For React applications:**

```javascript
// eslint.config.js
import {config} from '@pmcx/standards/eslint/react'

export default [...config]
```

**TypeScript configuration:**

```json
// tsconfig.json
{
  "extends": "@pmcx/standards/typescript/react.json",
  "compilerOptions": {
    // Project-specific overrides
  }
}
```

**Prettier:**

```javascript
// prettier.config.cjs
module.exports = require('@pmcx/standards/prettier')
```

## Development

This package is versioned and published internally within the workspace. When updating standards, consider the impact on all consuming packages and communicate breaking changes appropriately.

## Principles

**Consistency Over Preference** – These standards represent agreed-upon conventions for the team. Individual preferences should be set aside in favor of workspace-wide consistency.

**Strictness by Default** – Configurations err on the side of strictness, catching potential issues early. Projects can selectively relax rules when justified.

**Composability** – Configurations are designed to be extended and composed, allowing projects to add specific rules without duplicating base configurations.