open-index/open-npm huggingface dataset:
npm package: @haykal/offline-native
Description: Haykal Offline Native — Offline-first primitives: mutation queue, cache persistence, optimistic updates, sync status UI, and conflict resolution for React Native apps using React Query.
Latest version: 1.0.0

# @haykal/offline-native

Haykal Offline Native — Offline-first primitives: mutation queue, cache persistence, optimistic updates, sync status UI, and conflict resolution for React Native apps using React Query.

## Install

```bash
pnpm add @haykal/offline-native
```

## Usage

```ts
import {} from '@haykal/offline-native';
```

## Exported subpaths

- `@haykal/offline-native/providers`
- `@haykal/offline-native/hooks`
- `@haykal/offline-native/components`
- `@haykal/offline-native/core`
- `@haykal/offline-native/types`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @haykal/profile-management-client
Description: > React Query hooks for user profile management — CRUD, privacy settings, avatar updates, and optimistic updates.
Latest version: 1.0.0

# @haykal/profile-management-client

> React Query hooks for user profile management — CRUD, privacy settings, avatar updates, and optimistic updates.

## Installation

```bash
pnpm add @haykal/profile-management-client
```

## Setup

```typescript
import { initMutator } from '@haykal/profile-management-client';

initMutator(); // Connects to HaykalClient singleton
```

## Hooks

### Custom Hooks

| Hook                         | Description                                                 |
| ---------------------------- | ----------------------------------------------------------- |
| `useMyProfile()`             | Current user's profile (60s stale time, skips retry on 404) |
| `useProfile(id)`             | Single profile by ID                                        |
| `useUpdateProfile()`         | Profile update with optimistic updates and rollback         |
| `useUpdateAvatar()`          | Avatar update mutation                                      |
| `useUpdatePrivacySettings()` | Privacy settings mutation                                   |

### Generated Hooks

All generated hooks from the OpenAPI spec are also available as re-exports.

## Usage Examples

### Viewing Current User's Profile

```tsx
import { useMyProfile } from '@haykal/profile-management-client';

function ProfilePage() {
  const { data: profile, isLoading } = useMyProfile();

  if (isLoading) return <div>Loading...</div>;
  if (!profile) return <div>No profile found</div>;

  return (
    <div>
      <h1>{profile.data.displayName}</h1>
      <p>{profile.data.bio}</p>
    </div>
  );
}
```

### Updating Profile with Optimistic Updates

```tsx
import { useUpdateProfile } from '@haykal/profile-management-client';

function EditProfile({ profileId }: { profileId: string }) {
  const { mutate, isPending } = useUpdateProfile();

  const handleSave = (data: UpdateUserProfileDto) => {
    mutate(
      { id: profileId, data },
      { onSuccess: () => console.log('Updated with optimistic UI') },
    );
  };
}
```

## Regenerating

```bash
nx run @haykal/profile-management-client:generate
```

> **Never edit files in `src/generated/`** — they are auto-generated by Orval.

## Related Packages

- `@haykal/profile-management-backend` — Backend API
- `@haykal/core-client` — HTTP client and React Query provider

## Further Reading

- [Client SDK Generation](../../../docs/client-sdk-generation.md) — Orval pipeline and regeneration
- [API Reference](../../../docs/api-reference.md) — Backend endpoints these hooks call
npm package: @haykal/profile-management-ui
Description: Haykal ProfileManagement UI — Reusable UI components, forms, and screens
Latest version: 1.0.0

# @haykal/profile-management-ui

Reusable UI components, forms, and screens for the **ProfileManagement** domain in the Haykal platform.

## Features

- 🎨 **Components** — Presentational building blocks
- 📝 **Forms** — React Hook Form + Zod validation
- 🖥️ **Screens** — Smart components with business logic
- 🪝 **Hooks** — Reusable React hooks
- ✅ **Schemas** — Zod validation schemas
- 📦 **TypeScript** — Full type safety

## Installation

This package is internal to the Haykal monorepo and installed automatically.

```bash
pnpm install
```

## Usage

### Import components

```typescript
import {} from /* YourComponent */ '@haykal/profile-management-ui';
// or from sub-paths:
import {} from /* YourForm */ '@haykal/profile-management-ui/forms';
import {} from /* YourScreen */ '@haykal/profile-management-ui/screens';
```

### Example usage

```tsx
import {} from /* YourScreen */ '@haykal/profile-management-ui/screens';

export default function ProfileManagementPage() {
  return <YourScreen />;
}
```

## Structure

```
src/
├── index.ts              # Main barrel export
└── lib/
    ├── components/       # Presentational components
    ├── forms/            # Form components (React Hook Form + Zod)
    ├── screens/          # Smart components with business logic
    ├── hooks/            # Reusable React hooks
    ├── schemas/          # Zod validation schemas
    └── types/            # TypeScript types and interfaces
```

## Development

### Type checking

```bash
nx typecheck @haykal/profile-management-ui
```

### Linting

```bash
nx lint @haykal/profile-management-ui
```

## Dependencies

- `@haykal/ui` — Shared UI components (shadcn/ui)
- `@haykal/profile-management-client` — Domain client SDK
- `@haykal/core-client` — Core client utilities
- `react-hook-form` — Form state management
- `zod` — Schema validation
- `@hookform/resolvers` — Zod resolver for RHF

## License

MIT
npm package: @haykal/profile-management-ui-native
Description: Haykal Profile Management UI Native — Profile screens, forms, and components for React Native / Expo
Latest version: 1.0.0

# @haykal/profile-management-ui-native

Haykal Profile Management UI Native — Profile screens, forms, and components for React Native / Expo

## Install

```bash
pnpm add @haykal/profile-management-ui-native
```

## Usage

```ts
import {} from '@haykal/profile-management-ui-native';
```

## Exported subpaths

- `@haykal/profile-management-ui-native/components`
- `@haykal/profile-management-ui-native/forms`
- `@haykal/profile-management-ui-native/screens`
- `@haykal/profile-management-ui-native/hooks`
- `@haykal/profile-management-ui-native/schemas`
- `@haykal/profile-management-ui-native/types`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @haykal/rbac-ui
Description: Haykal Rbac UI — Reusable UI components, forms, and screens
Latest version: 1.0.0

# @haykal/rbac-ui

Haykal Rbac UI — Reusable UI components, forms, and screens

## Install

```bash
pnpm add @haykal/rbac-ui
```

## Usage

```ts
import {} from '@haykal/rbac-ui';
```

## Exported subpaths

- `@haykal/rbac-ui/components`
- `@haykal/rbac-ui/forms`
- `@haykal/rbac-ui/screens`
- `@haykal/rbac-ui/hooks`
- `@haykal/rbac-ui/schemas`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @haykal/settings-backend
Description: Domain backend package for the **Settings** domain.
Latest version: 1.0.0

# @haykal/settings-backend

Domain backend package for the **Settings** domain.

## Usage

```typescript
import { SettingsModule } from '@haykal/settings-backend';

@Module({
  imports: [
    SettingsModule.forRoot({
      // configuration
    }),
  ],
})
export class AppModule {}
```

## Exports

- `SettingsModule` — Dynamic NestJS module
- `SettingEntity` — TypeORM entity
- `SETTINGS_ENTITIES` — Entity array for migrations
- `SettingsService` — Business logic
- `SettingsRepository` — Data access layer
- `SettingsController` — HTTP endpoints
- DTOs, errors, and config types

## API Endpoints

| Method | Path            | Description          |
| ------ | --------------- | -------------------- |
| POST   | `/settings`     | Create a new setting |
| GET    | `/settings`     | List all settings    |
| GET    | `/settings/:id` | Get a setting by ID  |
| PATCH  | `/settings/:id` | Update a setting     |
| DELETE | `/settings/:id` | Delete a setting     |
npm package: @haykal/settings-client
Description: Domain client package for the **Settings** domain.
Latest version: 1.0.0

# @haykal/settings-client

Domain client package for the **Settings** domain.

## Usage

```typescript
import { useSettings } from '@haykal/settings-client';

function SettingsList() {
  const { data, isLoading } = useSettings();

  if (isLoading) return <div>Loading...</div>;

  return (
    <ul>
      {data?.map((item) => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul>
  );
}
```

## Generating the Client

Make sure the backend is running, then:

```bash
nx generate @haykal/settings-client
```

This generates React Query hooks and TypeScript types from the OpenAPI spec.
npm package: @haykal/settings-ui
Description: Haykal Settings UI — Reusable UI components, forms, and screens
Latest version: 1.0.0

# @haykal/settings-ui

Reusable UI components, forms, and screens for the **Settings** domain in the Haykal platform.

## Features

- 🎨 **Components** — Presentational building blocks
- 📝 **Forms** — React Hook Form + Zod validation
- 🖥️ **Screens** — Smart components with business logic
- 🪝 **Hooks** — Reusable React hooks
- ✅ **Schemas** — Zod validation schemas
- 📦 **TypeScript** — Full type safety

## Installation

This package is internal to the Haykal monorepo and installed automatically.

```bash
pnpm install
```

## Usage

### Import components

```typescript
import {} from /* YourComponent */ '@haykal/settings-ui';
// or from sub-paths:
import {} from /* YourForm */ '@haykal/settings-ui/forms';
import {} from /* YourScreen */ '@haykal/settings-ui/screens';
```

### Example usage

```tsx
import {} from /* YourScreen */ '@haykal/settings-ui/screens';

export default function SettingsPage() {
  return <YourScreen />;
}
```

## Structure

```
src/
├── index.ts              # Main barrel export
└── lib/
    ├── components/       # Presentational components
    ├── forms/            # Form components (React Hook Form + Zod)
    ├── screens/          # Smart components with business logic
    ├── hooks/            # Reusable React hooks
    ├── schemas/          # Zod validation schemas
    └── types/            # TypeScript types and interfaces
```

## Development

### Type checking

```bash
nx typecheck @haykal/settings-ui
```

### Linting

```bash
nx lint @haykal/settings-ui
```

## Dependencies

- `@haykal/ui` — Shared UI components (shadcn/ui)
- `@haykal/settings-client` — Domain client SDK
- `@haykal/core-client` — Core client utilities
- `react-hook-form` — Form state management
- `zod` — Schema validation
- `@hookform/resolvers` — Zod resolver for RHF

## License

MIT
npm package: @haykal/shared
Description: Shared constants, types, and utilities for the Haykal platform.
Latest version: 1.0.0

# @haykal/shared

Shared constants, types, and utilities for the Haykal platform.

## Overview

This is the foundational package that provides shared types and constants used across all Haykal packages. It has **zero dependencies** and can be safely imported by any package in the monorepo.

## Installation

This package is available within the monorepo:

```json
{
  "dependencies": {
    "@haykal/shared": "workspace:*"
  }
}
```

## API Reference

### Constants

#### `HTTP_STATUS`

Standard HTTP status codes.

```typescript
import { HTTP_STATUS } from '@haykal/shared';
// HTTP_STATUS.OK === 200
```

#### `ERROR_CODES`

Machine-readable error codes for API responses.

```typescript
import { ERROR_CODES } from '@haykal/shared';
// ERROR_CODES.VALIDATION_ERROR === 'VALIDATION_ERROR'
```

### Types

#### `ApiResponse<T>`

Standard API response envelope.

#### `ApiListResponse<T>`

API response with list data and cursor pagination.

#### `ProblemDetails`

RFC 7807 Problem Details for error responses.

#### `CursorPagination` / `CursorPaginationParams`

Cursor-based pagination types.

## Error Codes

See [src/constants/error-codes.ts](src/constants/error-codes.ts) for the full list of error codes.

## Contributing

When adding new constants or types:

1. Never remove or rename existing error codes (backward compatibility)
2. Add JSDoc documentation for all exports
3. Export everything through `src/index.ts`
npm package: @haykal/storage-backend
Description: File storage and media management domain package for Haykal applications.
Latest version: 1.0.0

# @haykal/storage-backend

File storage and media management domain package for Haykal applications.

## Features

- **Provider Abstraction** — Swap storage backends (local filesystem, AWS S3) without changing application code
- **File Upload** — Multipart file upload with validation (size, MIME type, dimensions)
- **Image Processing** — Automatic thumbnail generation and image transformations via `sharp`
- **Signed URLs** — Pre-signed download and upload URLs for private file access
- **Polymorphic Ownership** — Any entity can own files via `ownerType` + `ownerId`
- **Soft Delete** — Files are soft-deleted with optional cleanup
- **OpenAPI Documented** — Full Swagger/OpenAPI annotations

## Usage

```typescript
import { StorageModule } from '@haykal/storage-backend';

@Module({
  imports: [
    StorageModule.forRoot({
      provider: 'local',
      local: {
        rootDir: './uploads',
        servePrefix: '/files',
      },
      upload: {
        maxFileSize: 10 * 1024 * 1024, // 10MB
        allowedMimeTypes: ['image/*', 'application/pdf'],
        maxFilesPerRequest: 5,
      },
      signedUrlExpiry: 3600,
    }),
  ],
})
export class AppModule {}
```

## Providers

### Local

Stores files on the local filesystem. Ideal for development and self-hosted deployments.

### S3

Stores files on AWS S3 or any S3-compatible service (MinIO, DigitalOcean Spaces, etc.).

```typescript
StorageModule.forRoot({
  provider: 's3',
  s3: {
    bucket: 'my-bucket',
    region: 'us-east-1',
    accessKeyId: 'KEY',
    secretAccessKey: 'SECRET',
    endpoint: 'http://localhost:9000', // optional, for MinIO
  },
  upload: { ... },
  signedUrlExpiry: 3600,
});
```

## API Endpoints

| Method | Path                          | Description                            |
| ------ | ----------------------------- | -------------------------------------- |
| POST   | `/storage/upload`             | Upload file(s) via multipart form      |
| POST   | `/storage/upload/signed-url`  | Get pre-signed upload URL              |
| GET    | `/storage/files`              | List files (paginated, filterable)     |
| GET    | `/storage/files/:id`          | Get file metadata                      |
| GET    | `/storage/files/:id/download` | Download file / redirect to signed URL |
| DELETE | `/storage/files/:id`          | Soft-delete file                       |

## Related Packages

- `@haykal/storage-client` — React Query hooks for file operations
- `@haykal/core-backend` — Base infrastructure
- `@haykal/profile-management-backend` — Stores avatar/cover photos

## Further Reading

- [API Reference](../../../docs/api-reference.md) — Full endpoint listing
- [Backend Style Guide](../../../docs/backend-styleguide.md) — Coding conventions
npm package: @haykal/storage-client
Description: > React Query hooks for file storage — upload, download, list files, and manage signed URLs.
Latest version: 1.0.0

# @haykal/storage-client

> React Query hooks for file storage — upload, download, list files, and manage signed URLs.

## Installation

```bash
pnpm add @haykal/storage-client
```

## Setup

```typescript
import { initMutator } from '@haykal/storage-client';

initMutator(); // Connects to HaykalClient singleton
```

## Hooks

| Hook                   | Description                 |
| ---------------------- | --------------------------- |
| `useUploadFile()`      | Upload a single file        |
| `useUploadFiles()`     | Upload multiple files       |
| `useFiles()`           | List files (paginated)      |
| `useFile(id)`          | Get file metadata           |
| `useDownloadFile(id)`  | Download a file             |
| `useSignedUploadUrl()` | Get a pre-signed upload URL |
| `useDeleteFile()`      | Delete a file               |

## Usage Examples

### File Upload

```tsx
import { useUploadFile } from '@haykal/storage-client';

function FileUploader() {
  const { mutate, isPending } = useUploadFile();

  const handleFile = (e: React.ChangeEvent<HTMLInputElement>) => {
    const file = e.target.files?.[0];
    if (file) {
      mutate(
        { file },
        {
          onSuccess: (result) => console.log('Uploaded:', result.data.id),
        },
      );
    }
  };

  return <input type="file" onChange={handleFile} disabled={isPending} />;
}
```

### File Gallery

```tsx
import { useFiles } from '@haykal/storage-client';

function FileGallery() {
  const { data, isLoading } = useFiles();

  if (isLoading) return <div>Loading...</div>;

  return (
    <div>
      {data?.data?.map((file) => (
        <div key={file.id}>
          <span>{file.originalName}</span>
          <span>{file.mimeType}</span>
        </div>
      ))}
    </div>
  );
}
```

## Regenerating

```bash
nx run @haykal/storage-client:generate
```

> **Never edit files in `src/generated/`** — they are auto-generated by Orval.

## Related Packages

- `@haykal/storage-backend` — Backend API with local/S3 providers
- `@haykal/core-client` — HTTP client and React Query provider

## Further Reading

- [Client SDK Generation](../../../docs/client-sdk-generation.md) — Orval pipeline and regeneration
- [API Reference](../../../docs/api-reference.md) — Backend endpoints these hooks call
npm package: @haykal/storage-ui
Description: Haykal Storage UI — Reusable UI components, forms, and screens
Latest version: 1.0.0

# @haykal/storage-ui

Haykal Storage UI — Reusable UI components, forms, and screens

## Install

```bash
pnpm add @haykal/storage-ui
```

## Usage

```ts
import {} from '@haykal/storage-ui';
```

## Exported subpaths

- `@haykal/storage-ui/components`
- `@haykal/storage-ui/forms`
- `@haykal/storage-ui/screens`
- `@haykal/storage-ui/hooks`
- `@haykal/storage-ui/schemas`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @haykal/tsconfig
Description: Shared TypeScript configuration templates for the Haykal monorepo.
Latest version: 1.0.0

# @haykal/tsconfig

Shared TypeScript configuration templates for the Haykal monorepo.

## Available Templates

| Template      | File             | Use Case                        |
| ------------- | ---------------- | ------------------------------- |
| **backend**   | `backend.json`   | NestJS backend packages         |
| **shared**    | `shared.json`    | Shared types/constants packages |
| **client**    | `client.json`    | Client SDK packages             |
| **ui-web**    | `ui-web.json`    | Next.js/React web packages      |
| **ui-mobile** | `ui-mobile.json` | React Native/Expo packages      |

## Usage

In your package's `tsconfig.json`:

```json
{
  "extends": "@haykal/tsconfig/backend.json",
  "compilerOptions": {
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist", "**/*.spec.ts"]
}
```

## Template Details

### Backend (`backend.json`)

- `experimentalDecorators: true` - Required for NestJS
- `emitDecoratorMetadata: true` - Required for NestJS DI
- `module: nodenext` - Node.js ESM support
- All strict mode flags enabled

### Shared (`shared.json`)

- Pure TypeScript, no decorator support
- `module: nodenext` - Compatible with all consumers
- All strict mode flags enabled

### Client (`client.json`)

- Similar to shared, optimized for SDK packages
- `module: nodenext` - Node.js compatible

### UI Web (`ui-web.json`)

- `jsx: react-jsx` - React 17+ JSX transform
- `module: esnext` with `bundler` resolution
- DOM lib types included

### UI Mobile (`ui-mobile.json`)

- `jsx: react-native` - React Native JSX
- `module: esnext` with `bundler` resolution
npm package: @haykal/upload-kit
Description: Haykal Upload Kit — Advanced file upload components with drag & drop, image editing, chunked uploads, and progress tracking
Latest version: 1.0.0

# @haykal/upload-kit

Haykal Upload Kit — Advanced file upload components with drag & drop, image editing, chunked uploads, and progress tracking

## Install

```bash
pnpm add @haykal/upload-kit
```

## Usage

```ts
import {} from '@haykal/upload-kit';
```

## Exported subpaths

- `@haykal/upload-kit/hooks`
- `@haykal/upload-kit/utils`
- `@haykal/upload-kit/types`
- `@haykal/upload-kit/components`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @haykal/user-management-ui
Description: Haykal UserManagement UI — Reusable UI components, forms, and screens
Latest version: 1.0.0

# @haykal/user-management-ui

Haykal UserManagement UI — Reusable UI components, forms, and screens

## Install

```bash
pnpm add @haykal/user-management-ui
```

## Usage

```ts
import {} from '@haykal/user-management-ui';
```

## Exported subpaths

- `@haykal/user-management-ui/components`
- `@haykal/user-management-ui/forms`
- `@haykal/user-management-ui/screens`
- `@haykal/user-management-ui/hooks`
- `@haykal/user-management-ui/schemas`

## Notes

- This package is published from the Haykal monorepo.
- Runtime code is shipped from the published package contents instead of workspace-only source paths.
npm package: @hayodev/info
Description: About us
Author: Hayo
Latest version: 1.1.2

<h1 align="center">
	<img width="420" src="media/hayo.svg" alt="HAYO">
</h1>

# It's us, HAYO!

[![npm version](https://img.shields.io/npm/v/@hayodev/info.svg)](https://www.npmjs.com/package/@hayodev/info)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm dependents](https://badgen.net/npm/dependents/@hayodev/info)](https://www.npmjs.com/package/@hayodev/info?activeTab=dependents)
[![Downloads](https://badgen.net/npm/dt/@hayodev/info)](https://www.npmjs.com/package/@hayodev/info)

## Want to know more ?

### Using [npx](https://docs.npmjs.com/cli/v8/commands/npx)

Run the following cmd in your terminal:

```bash
npx @hayodev/info
```

### Or using [Deno](https://docs.deno.com/runtime/getting_started/installation/) 

Run the following cmd in your terminal:

```bash
deno run -A npm:@hayodev/info
```
npm package: @hayspec/cli
Description: CLI for Hayspec framework.
Author: Kristijan Sedlak
Latest version: 0.10.2

![Build Status](https://travis-ci.org/hayspec/framework.svg?branch=master)&nbsp;[![NPM Version](https://badge.fury.io/js/@hayspec%2Fcli.svg)](https://badge.fury.io/js/%40hayspec%2Fcli)

This package provides a command-line interface for running automated tests.
npm package: @hayspec/init
Description: Project generator for Hayspec framework.
Author: Kristijan Sedlak
Latest version: 0.10.2

![Build Status](https://travis-ci.org/hayspec/framework.svg?branch=master)&nbsp;[![NPM Version](https://badge.fury.io/js/@hayspec%2Finit.svg)](https://badge.fury.io/js/%40hayspec%2Finit)

This package provides the logic for initializing the project directory. It's included in the Hayspec CLI, but you can use it to do the initialization directly from your NodeJS application.
npm package: @hayspec/reporter
Description: Reporter for Hayspec framework.
Author: Kristijan Sedlak
Latest version: 0.10.2

![Build Status](https://travis-ci.org/hayspec/framework.svg?branch=master)&nbsp;[![NPM Version](https://badge.fury.io/js/@hayspec%2Freporter.svg)](https://badge.fury.io/js/%40hayspec%2Freporter)

This package provides the default command-line reporter. It's included in the Hayspec CLI.
npm package: @hayspec/runner
Description: Tests runner for Hayspec framework.
Author: Kristijan Sedlak
Latest version: 0.10.2

![Build Status](https://travis-ci.org/hayspec/framework.svg?branch=master)&nbsp;[![NPM Version](https://badge.fury.io/js/@hayspec%2Frunner.svg)](https://badge.fury.io/js/%40hayspec%2Frunner)

This package provides the logic for discovering and performing test files. It's included in the Hayspec CLI, but you can use it to run tests directly from your NodeJS application.

```ts
import { Spec } from '@hayspec/spec';
import { Runner } from '@hayspec/runner';

const runner = new Runner();
runner.require('./foo/**/*.test.js', '!./foo/**/foo.test.js');
runner.require('./bar/*.hay.js');

const spec = new Spec();
runner.specs.forEach((folder, spec) => {
  spec.spec(filder, spec);
});
spec.perform();
```
npm package: @hayspec/spec
Description: Core logic for Hayspec framework.
Author: Kristijan Sedlak
Latest version: 0.10.2

![Build Status](https://travis-ci.org/hayspec/framework.svg?branch=master)&nbsp;[![NPM Version](https://badge.fury.io/js/@hayspec%2Fcore.svg)](https://badge.fury.io/js/%40hayspec%2Fcore)

This package provides the main framework features for writing automatic tests.
npm package: @haysquare/svelte-multi-select
Description: Hey there! Welcome to the SvelteKit Custom MultiSelect Component. This component is here to make your life easier when dealing with multiple selections in your SvelteKit projects. Let's dive in!
Author: Ayorinde Abdulafeez
Latest version: 0.0.5

# 🌟 SvelteKit Custom MultiSelect Component 🌟

Hey there! Welcome to the SvelteKit Custom MultiSelect Component. This component is here to make your life easier when dealing with multiple selections in your SvelteKit projects. Let's dive in!

## Installation

First things first, you'll want to install this nifty component. Open up your terminal and type:

```bash
npm install @haysquare/svelte-multi-select


And that's it! You're ready to roll!

Usage

Using the Custom MultiSelect component is a piece of cake! Just follow these simple steps:

Import the component into your SvelteKit project.
Include it in your components or pages.

Single Use
If you need only one Custom MultiSelect in your application, simply use it directly:


<script>
  import {MultiSelect} from '@haysquare/svelte-multi-select';
</script>

<MultiSelect
  {selectableItems}
  {initialSelectedItems}
  on:change={handleSelectionChange}
/>


Multi Use

If you need multiple instances of Custom MultiSelect, you can import and use it multiple times:

<script>
  import {MultiSelect} from '@haysquare/svelte-multi-select';
</script>

<MultiSelect
  {selectableItems1}
  {initialSelectedItems1}
  on:change={handleSelectionChange1}
/>

<MultiSelect
  {selectableItems2}
  {initialSelectedItems2}
  on:change={handleSelectionChange2}
/>

Props

`selectableItems`: An array of items that can be selected.
`initialSelectedItems`: An optional array of items that are initially selected.
`on:change`: An event that emits the selected items whenever the selection changes.

Example

Wanna see it in action? Sure thing!

<script>
  import {MultiSelect} from '@haysquare/svelte-multi-select';

  let selectableItems = ['Apple', 'Banana', 'Orange'];
  let selectedItems = [];

  function handleSelectionChange(selected) {
    selectedItems = selected;
  }
</script>

<MultiSelect
  {selectableItems}
  {initialSelectedItems}
  on:change={handleSelectionChange}
/>


License
This project is licensed under the MIT License. Feel free to use it however you like!


That's all there is to it! Thanks for checking out the SvelteKit Custom MultiSelect Component. Happy coding! ✨🚀


This README provides clear instructions for both single and multi-use cases of the component. Adjust the content as needed for your specific use case!
npm package: @haysquare/svelte-multiselect
Description: Hey there! Welcome to the SvelteKit Custom MultiSelect Component. This component is here to make your life easier when dealing with multiple selections in your SvelteKit projects. Let's dive in!
Author: Ayorinde Abdulafeez
Latest version: 0.0.2

# 🌟 SvelteKit Custom MultiSelect Component 🌟

Hey there! Welcome to the SvelteKit Custom MultiSelect Component. This component is here to make your life easier when dealing with multiple selections in your SvelteKit projects. Let's dive in!

## Installation

First things first, you'll want to install this nifty component. Open up your terminal and type:

```bash
npm install @haysquare/svelte-multiselect


And that's it! You're ready to roll!

Usage

Using the Custom MultiSelect component is a piece of cake! Just follow these simple steps:

Import the component into your SvelteKit project.
Include it in your components or pages.

Single Use
If you need only one Custom MultiSelect in your application, simply use it directly:


<script>
  import MultiSelect from '@haysquare/svelte-multiselect';
</script>

<MultiSelect
  {selectableItems}
  {initialSelectedItems}
  on:change={handleSelectionChange}
/>


Multi Use

If you need multiple instances of Custom MultiSelect, you can import and use it multiple times:

<script>
  import MultiSelect from '@haysquare/svelte-multiselect';
</script>

<MultiSelect
  {selectableItems1}
  {initialSelectedItems1}
  on:change={handleSelectionChange1}
/>

<MultiSelect
  {selectableItems2}
  {initialSelectedItems2}
  on:change={handleSelectionChange2}
/>

Props

`selectableItems`: An array of items that can be selected.
`initialSelectedItems`: An optional array of items that are initially selected.
`on:change`: An event that emits the selected items whenever the selection changes.

Example

Wanna see it in action? Sure thing!

<script>
  import MultiSelect from '@haysquare/svelte-multiselect';

  let items = ['Apple', 'Banana', 'Orange'];
  let selectedItems = [];

  function handleSelectionChange(selected) {
    selectedItems = selected;
  }
</script>

<MultiSelect
  {selectableItems}
  {initialSelectedItems}
  on:change={handleSelectionChange}
/>


License
This project is licensed under the MIT License. Feel free to use it however you like!


That's all there is to it! Thanks for checking out the SvelteKit Custom MultiSelect Component. Happy coding! ✨🚀


This README provides clear instructions for both single and multi-use cases of the component. Adjust the content as needed for your specific use case!
npm package: @haystackjs/journey
Description: Simple typescript library development
Author: Steve Kite
Latest version: 2.2.1

# Journey
Journey is a toolkit for building, testing and publishing typescript libraries with monorepo support.

## Quick Start

Create new empty directory and execute:
```bash
npx start-journey my-awesome-library
```

#### Add Package
```bash
yarn journey add my-awesome-library
```

#### Remove Package
WARNING: This will delete all sources of this package.
```bash
yarn journey remove my-awesome-library
```

### Start Dev Server
```bash
yarn dev
```

### Export static server
```bash
yarn export
```

### Build
```bash
yarn build
```

### Clean
```bash
yarn clean
```