open-index/open-npm huggingface dataset:
npm package: @medworld/pulse-ui
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.8.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md)
  uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses
  [SWC](https://swc.rs/) for Fast Refresh

## Setting up the Dev environment

### Prerequisites

#### 1. Homebrew (to manage tools and versions)

> [Install Homebrew](https://brew.sh/)
>
> OR update
>
> ```bash
> brew update
> ```
>
> AND upgrade installed formulae
>
> ```bash
> brew upgrade
> ```

#### 2. NVM (to manage Node versions)

> [Install NVM](https://formulae.brew.sh/formula/nvm)
>
> ```bash
> brew install nvm
> ```
>
> Switch to recommended node version (see `.nvmrc` for required version number)
>
> ```bash
> nvm install
> nvm use
> ```

#### 3. Yarn (for JS dependency management)

> [Install Yarn](https://classic.yarnpkg.com/en/docs/install/#mac-stable)
>
> ```bash
> brew install yarn
> ```

### Setup

#### Install dependencies

```bash
nvm use
yarn install
```

### Run

```bash
yarn run storybook
```

## Linking/consuming the package locally

#### 1. Build /dist folder and link the package

`yarn local-package`

#### 2. Add package to consuming project

In the consuming project run `yarn link "@medworld/pulse-ui"`

### Unlinking

This project

- `cd dist`
- `yarn unlink`

Consuming project

- `yarn unlink @medworld/pulse-ui`

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable
type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
};
```
npm package: @medyll/ai-bash
Description: Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Latest version: 0.81.0

# create-svelte

Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).

Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```bash
npm run package
```

To create a production version of your showcase app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```bash
npm publish
```
npm package: @medyll/htmlu
Description: htmlu : vite preprocess utility allowing to use classNames as elements tags. The next step of utility classNames
Author: Lebrun Meddy
Latest version: 0.1.3

#### README.md for htmlu

# HTMLU.
HTMLU is a package that allows using classNames as element tags.  
We are playing with utility classes since epoch, now could be the time of utility html-tag.  

So u is for utility.

This package delivers a preprocessor for vite + svelte

## Installation of htmlu

Install with npm, yarn, or another package manager:

```bash
npm install --save-dev @medyll/htmlu
```

or

```bash
yarn add --dev @medyll/htmlu
```

## Configuration with Svelte  

### - install and configure 

Import "**htmluSveltePreprocess**" into your `svelte.config.js` file:

```typescript
import { htmluSveltePreprocess } from "@medyll/htmlu";
```

And update it with those settings, adding "**htmluSveltePreprocess**" to the preprocess list:

```typescript
config.preprocess = [vitePreprocess(), htmluSveltePreprocess()];
```

you can also pass options to the preprocessor

```typescript
type HtmlUuOptionsType = { options: { allowedTags: []; excludeTags: [] } };
```
### - optionals arguments  

- options.allowedTags takes precedence over all.

    - If you pass an empty array, all tags will be allowed.
    - If you pass an array with tags, only those tags will be allowed.  

- options.excludeTags will exclude tags from the allowed tags list.
    - it contains all dom native tags by default.
    - if you pass some tags, they will be merged with the default one.


  
  
## Usage

Usage examples:

```html
<!-- this pattern -->
<absolute w-full h-full> content </absolute>
<!-- will be transformed into -->
<div class="absolute w-full h-full">content</div>
```

```html
<!-- this pattern -->
<flex-col:relative gap-2 pad-2>content</flex-col:relative>
<!-- will be transformed into -->
<div class="flex-col relative gap-2 pad-2">content</div>
```

```html
<!-- this pattern -->
<grid gap-2 pad-2>content</grid>
<!-- will be transformed into -->
<div class="grid gap-2 pad-2">content</div>
```

Auto-closing tags are also supported.
npm package: @medyll/idae-cadenzia
Description: Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
Author: Lebrun Meddy
Latest version: 0.147.2

# sv

Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
npm package: @medyll/idae-engine
Description: A powerful TypeScript library for data manipulation and operations across the idae-engine. Provides utility classes for sorting, finding, grouping, and more.
Author: Lebrun Meddy
Latest version: 1.185.2

# @medyll/engine

The main base scripts for idae based modules.

## Installation

Install the package using npm:

```bash
npm install @medyll/idae-engine
```

Or using yarn:

```bash
yarn add @medyll/idae-engine
```

## Usage

The `@medyll/idae-eengine` package contains several utility classes. This section focuses on the `dataOp` class, which provides various data manipulation methods.

### Importing

```typescript
import { dataOp } from '@medyll/idae-engine';
```
## dataOp
### Methods

#### do

Performs a combination of sort, find, and group operations on data.

```typescript
const result = dataOp.do({
  sort: { arr: myArray, by: 'fieldName', sort: 'asc' },
  find: { arr: myArray, kw: 'searchTerm', field: 'fieldName' },
  group: { dataList: myArray, groupBy: 'fieldName' }
});
```

#### sortBy

Sorts an array of objects based on specified fields.

```typescript
const sortedArray = dataOp.sortBy({
  arr: myArray,
  by: 'fieldName',
  sort: 'asc'
});
```

#### find

Searches for objects in an array based on specified criteria.

```typescript
const foundItems = dataOp.find({
  arr: myArray,
  kw: 'searchTerm',
  field: 'fieldName'
});
```

#### findOne

Searches for the first object in an array that matches the specified criteria.

```typescript
const foundItem = dataOp.findOne({
  arr: myArray,
  kw: 'searchTerm',
  field: 'fieldName'
});
```

#### groupBy

Groups objects in an array based on specified fields or a custom grouping function.

```typescript
const groupedData = dataOp.groupBy({
  dataList: myArray,
  groupBy: 'fieldName'
});
```

#### findByIndex

Finds the index of an object in an array based on a specified key-value pair.

```typescript
const index = dataOp.findByIndex(myArray, 'value', 'keyName');
```

#### resolveDotPath

Resolves a dot-notated path in an object.

```typescript
const value = dataOp.resolveDotPath(myObject, 'path.to.property');
```

### Testing

The `dataOp` class comes with a comprehensive test suite. To run the tests:

1. Clone the repository
2. Install dependencies: `npm install` or `yarn install`
3. Run tests: `npm test` or `yarn test`

The tests cover various scenarios for each method, ensuring the reliability and correctness of the `dataOp` class.

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is licensed under the MIT License.
npm package: @medyll/idae-slotui-svelte
Description: A Svelte 5 component library for building modular and reactive user interfaces.
Author: Lebrun Meddy
Latest version: 0.181.4

# @medyll/idae-slotui-svelte

This package is part of the Idae monorepo and focuses on providing slot UI components for Svelte applications.  
It aims to offer a set of reusable and customizable slots to enhance the development of web applications.

## Features

- **Reusable Components**: Prebuilt slot-based components to speed up development.
- **Customizable**: Easily adapt components to fit your application's design and functionality.
- **Svelte Integration**: Designed specifically for Svelte, ensuring seamless integration.
- **Lightweight**: Minimal dependencies for optimal performance.

## Installation

To install the package, use your preferred package manager:

```bash
npm install @medyll/idae-slotui-svelte
# or
yarn add @medyll/idae-slotui-svelte
# or
pnpm add @medyll/idae-slotui-svelte
```

## Usage

Import and use the components in your Svelte application:

```svelte
<script>
    import { SlotComponent } from '@medyll/idae-slotui-svelte';
</script>

<SlotComponent>
    <div slot="header">Header Content</div>
    <div slot="body">Body Content</div>
    <div slot="footer">Footer Content</div>
</SlotComponent>
```

## Contributing

Contributions are welcome! Please refer to the [contribution guidelines](../../CONTRIBUTING.md) for more details.

## License

This package is licensed under the MIT License. See the [LICENSE](../../LICENSE) file for more information.
npm package: @medyll/slotui
Description: pre-alpha stage
Latest version: 0.4.15

# SlotUi

pre-alpha stage 

slotui is a  component library built around svelte
and for now, a place for me to learn and discover svelte
## Do not try this at home
 
```bash
# do not do that
npm i medyll@slotui

# or that
yarn add medyll@slotui
```

Possibly more info on 

[SlotUi website](https://slot-ui.vercel.app/ "SlotUi's Homepage")