open-index/open-npm huggingface dataset:
npm package: @softills/softills-ionic-ui
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
Latest version: 0.0.17

# SoftillsIonicUi

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.

## Code scaffolding

Run `ng generate component component-name --project softills-ionic-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project softills-ionic-ui`.
> Note: Don't forget to add `--project softills-ionic-ui` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build softills-ionic-ui` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build softills-ionic-ui`, go to the dist folder `cd dist/softills-ionic-ui` and run `npm publish`.

## Running unit tests

Run `ng test softills-ionic-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @softills/softills-ui
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.0.
Latest version: 18.0.2

# SoftillsUi

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.0.

## Code scaffolding

Run `ng generate component component-name --project softills-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project softills-ui`.
> Note: Don't forget to add `--project softills-ui` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build softills-ui` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build softills-ui`, go to the dist folder `cd dist/softills-ui` and run `npm publish`.

## Running unit tests

Run `ng test softills-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @softimist/api
Description: Shared API types and base client for Edushade monorepo packages.
Latest version: 1.0.3

# @softimist/api

Shared API types and base client for Edushade monorepo packages.

## Usage

### Extending BaseApiClient

The `BaseApiClient` class uses axios internally and provides a foundation for module-specific API clients. Simply extend it and add your module-specific methods:

```typescript
import { BaseApiClient, type BaseApiClientConfig, type ServerResponse } from '@softimist/api';

interface WebsiteApiClientConfig extends BaseApiClientConfig {
  // Add module-specific config if needed
}

class WebsiteApiClient extends BaseApiClient {
  constructor(config: WebsiteApiClientConfig) {
    super(config);
    // BaseApiClient already handles axios setup, auth interceptors, and error handling
  }

  // Add module-specific methods
  async getPages() {
    return this.get<Page[]>('/api/v1/website/pages');
  }

  async getPageById(id: string) {
    return this.get<Page>(`/api/v1/website/pages/${id}`);
  }

  async createPage(data: CreatePageDto) {
    return this.post<Page>('/api/v1/website/pages', data);
  }

  async updatePage(id: string, data: UpdatePageDto) {
    return this.patch<Page>(`/api/v1/website/pages/${id}`, data);
  }

  async deletePage(id: string) {
    return this.delete<void>(`/api/v1/website/pages/${id}`);
  }
}

// Usage
const client = new WebsiteApiClient({
  baseURL: 'https://api.example.com',
  getAuthToken: () => localStorage.getItem('token'),
});

const pages = await client.getPages();
```

### Using Types

Import types for use in your modules:

```typescript
import type {
  HttpClient,
  ServerResponse,
  ServerPaginatedResponse,
  UsePaginatedApiReturn,
  PaginationMeta,
} from '@softimist/api';
```
npm package: @softimist/filemanager
Description: A comprehensive file manager component for React applications with support for file uploads, organization, and management.
Latest version: 1.0.3

# @softimist/filemanager

A comprehensive file manager component for React applications with support for file uploads, organization, and management.

## Features

- 📁 File and folder management
- 📤 Multiple upload sources (drag & drop, webcam, screen capture, remote sources)
- 🎨 Customizable UI components
- 🌳 Tree view navigation
- 📋 List and grid view modes
- ✂️ Image cropping
- 🔍 File preview
- 📱 Responsive design

## Installation

```bash
npm install @softimist/filemanager
```

## Peer Dependencies

This package requires the following peer dependencies:

```bash
npm install react react-dom @tanstack/react-query nuqs
```

## Usage

### Basic Setup

```typescript
import { FileManager, FileManagerProvider } from '@softimist/filemanager';

function App() {
  return (
    <FileManagerProvider
      config={{
        apiClient: yourApiClient,
        assetBaseUrl: 'https://your-cdn.com',
      }}
    >
      <FileManager />
    </FileManagerProvider>
  );
}
```

### Using the Dialog Component

```typescript
import { FileManagerDialog } from '@softimist/filemanager';

function MyComponent() {
  const [open, setOpen] = useState(false);

  return (
    <FileManagerDialog
      open={open}
      onOpenChange={setOpen}
      onSelect={(files) => {
        console.log('Selected files:', files);
      }}
    />
  );
}
```

### Custom Configuration

```typescript
import { FileManagerProvider, type FileManagerConfig } from '@softimist/filemanager';

const config: FileManagerConfig = {
  apiClient: yourApiClient,
  assetBaseUrl: 'https://your-cdn.com',
  components: {
    // Customize components as needed
  },
};

<FileManagerProvider config={config}>
  <FileManager />
</FileManagerProvider>
```

## API

See the package exports in `src/index.ts` for available components, hooks, and utilities.

## License

MIT
npm package: @softimist/players
Description: Shared video and audio player components for EduShade applications.
Latest version: 1.0.0

# @softimist/players

Shared video and audio player components for EduShade applications.

## Installation

This package is part of the EduShade monorepo and is automatically available to workspace packages.

## Usage

```tsx
import { VideoPlayer, AudioPlayer } from '@softimist/players';

// Video player
<VideoPlayer 
  id="video-1" 
  src="https://example.com/video.mp4" 
  title="My Video"
  poster="https://example.com/poster.jpg"
  sprite="https://example.com/sprite.jpg"
/>

// Audio player
<AudioPlayer 
  id="audio-1" 
  src="https://example.com/audio.mp3" 
  title="My Audio"
  poster="https://example.com/poster.jpg"
/>
```

## Features

- Video player with Plyr and Default Vidstack layouts
- Audio player with Plyr and Default Vidstack layouts
- Resume playback feature hook