open-index/open-npm huggingface dataset:
npm package: @ilya_burlak/kodex-ui-kit
Description: A small React + TypeScript UI Kit with SCSS components
Author: Ilya Burlak
Latest version: 1.0.0

# Kodex UI Kit — Webpack migration

This project was migrated from Vite to Webpack. Included quick commands below.

Run development server:

npm run dev

Build production bundle and types:

npm run build

Notes:

- `webpack.config.js` contains entries for the demo app (`src/main.tsx`) and the library entry (`src/index.ts`).
- SCSS, images and TypeScript are handled via loaders.
npm package: @ilya_kornit/cortex
Description: Cortex microfrontend React component library
Latest version: 1.0.1

# Cortex

A modern React microfrontend component library built with Vite and TypeScript.

## Features

- 🚀 React 19 (beta) with TypeScript
- 📦 Ready for npm package publishing
- 🎨 Storybook for component development
- ⚡ Vite for fast builds
- 🔧 Library mode configuration for microfrontend usage

## Getting Started

### Prerequisites

- Node.js (version 18 or higher)
- npm or yarn

### Installation

1. Install dependencies:

```bash
npm install
```

### Development

#### Standalone App Mode

Run the development server:

```bash
npm run dev
```

The application will be available at `http://localhost:5173`

#### Storybook (Component Development)

Run Storybook for isolated component development:

```bash
npm run storybook
```

Storybook will be available at `http://localhost:6006`

### Build

Build the library for npm publishing:

```bash
npm run build
```

This creates:

- `dist/cortex.es.js` - ES module format
- `dist/cortex.umd.js` - UMD format
- `dist/index.d.ts` - TypeScript declarations

### Preview

Preview the production build:

```bash
npm run preview
```

## Using as npm Package

### Installation

In your project (e.g., `konnect`):

```bash
npm install @ilya_kornit/cortex
```

### Usage

```typescript
import { CortexApp, AppMode } from "@ilya_kornit/cortex";
// Optional: import styles if needed
import "@ilya_kornit/cortex/styles";

function MyApp() {
  return (
    <div>
      <h1>Main App</h1>
      {/* Default mode is 'microfrontend' with blue background */}
      <CortexApp />

      {/* Or explicitly set the mode using constants */}
      <CortexApp mode={AppMode.MICROFRONTEND} />

      {/* Storybook mode for development */}
      <CortexApp mode={AppMode.STORYBOOK} />
    </div>
  );
}
```

**Mode options:**

- `AppMode.MICROFRONTEND` (default) - Blue background `rgb(46, 161, 248)` for microfrontend usage
- `AppMode.STORYBOOK` - Transparent background for Storybook/development

## Publishing

See [PUBLISH.md](./PUBLISH.md) for detailed publishing instructions.

**Quick publish to public npm:**

```bash
npm run build
npm publish --access public
```

## Technologies

- React 19.0.0-beta (latest beta)
- TypeScript 5.6.3
- Vite 5.4.2
- Storybook 8.1.10