open-index/open-npm huggingface dataset:
npm package: @josulliv101/connect-async-work
Description: ### Load async data / Redux connected / work with React-Router v4
Author: Joe Sullivan
Latest version: 1.4.18

# connect-async-work

### Load async data / Redux connected / work with React-Router v4

This package is experimental. 

[Demo](https://connect-async-work-demo.herokuapp.com/)

### Goals

- Attach async work to a React Component & connect it to the Redux Store
- Work with react-router v4 (both server side & client)
- Handle side effects in redux middleware/redux-saga middleware
- Be able to cancel requests
- Nested async routes
- Universal/Isomorphic (whatever you want to call it) friendly

### Run Universal Example

```sh
cd examples/universal
npm install
npm start
```

### Notice

Lots of inspiration taken from [redux-connect](https://github.com/makeomatic/redux-connect)
npm package: @josulliv101/delay-route
Description: Delay Route for React Router v4
Author: Joe Sullivan
Latest version: 0.0.11

# delay-route

This package is experimental. Use with React-Router v4.

[Demo](https://connect-async-work-demo.herokuapp.com/)

### Goals

Delay a route from display until a condition is met.

### Notice

The route 'delay' is visual only. Initially, both the new route (hidden) and the old route appear in the DOM.
npm package: @josvar/image-resizer
Description: Image resizer
Author: Josue Vargas
Latest version: 0.3.0

# image-resizer

[![Latest Version on NPM](https://img.shields.io/npm/v/@josvar/image-resizer.svg?style=flat-square)](https://npmjs.com/package/image-resizer)
[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)

Custom Cli for sharp image resizer

## Install

You can install the package via yarn:

```bash
$ npm i @josvar/image-resizer
```

## Usage

Create config file:
```bash
image-resizer init
```
Edit configuration file.

Resize images:
``` bash
image-resizer resize -c [./images.config.js] -i [./input] -o [./output] -p [default]
```

## Configuration
```javascript
module.exports = {
  presets: {
    default: {
      sizes: [600, 400, 200],
      name: '[n]-[w][e]',
      jpeg: {
        quality: 50,
      },
    },
  },
}
```

### Name tokens
- n : filename without extension
- b : filename
- e : extension, eg `.jpeg`, `.png`
- w : width (empty string if no present)
- h : height (empty string if no present)

### Sizes
- width resize: `[300, {w: 600}, 900, {w: 1200}, ...]`
- height resize: `[{h: 300}, {h: 600}, ...]`
- aspect ratio resize: `[{aspectRatio: '4:3', w: 600}, {aspectRatio: '5:2', w: 900}]`

### Jpeg Options
- quality (default 85)
- progressive (default true)
- other sharp jpeg params

## Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

## Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

### Security

If you discover any security related issues, please contact Josue Vargas instead of using the issue tracker.

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

## Credits

- [Josue Vargas](https://github.com/josvar)
- [All Contributors](../../contributors)
npm package: @josxa/kit-utils
Description: A [Script Kit](https://scriptkit.com) environment ([what is a Kenv?](https://gist.github.com/BeSpunky/4595a7a783b74802b8cb5301d91efa55)) with UI  utilities and other scripting goodies.
Author: Joscha Götzer
Latest version: 1.2.3

# kit-utils

A [Script Kit](https://scriptkit.com) environment ([what is a Kenv?](https://gist.github.com/BeSpunky/4595a7a783b74802b8cb5301d91efa55)) with UI 
utilities and other scripting goodies.

Except for some demos, this repo does not contain any runnable scripts and is meant to be used as a TypeScript library you
can reference in your own scripts.

## Installation


> [!TIP]
> This package can either be used as a [kenv](https://gist.github.com/BeSpunky/4595a7a783b74802b8cb5301d91efa55), or be 
> installed via NPM. 
> 
> #### Which should I choose?
> - If you want to run the Demo apps 👉 **Install as kenv**
> - If you expect to be making occasional changes to the utilities here 👉 **Install as kenv**
> - If you plan on contributing 👉 **Install as kenv**
> - Otherwise 👉 **Install from NPM**


### Installing as a kenv

1. Direct link: https://scriptkit.com/api/kenv?repo=JosXa/kit-utils
2. Accept the risks and install
3. Import utils directly from the kenv, usually `import {...} from '../kenvs/kit-utils'`

### Using as an NPM library

Simply paste\
`import {} from '@josxa/kit-utils'`\
into one of your scripts and wait for Kit to prompt you to install it.

Or install explicitly using `npm install @josxa/kit-utils`, you know the drill.

## Demos

After installation as a kenv, run the "Show or Hide Demos" script to get a feel for what's possible.

## API

### Prompt Helpers

#### `crudArg`

A wrapper around `arg` that remembers previous user choices, with actions to **c**reate, **r**ead, **u**pdate, and **d**elete cached entries.

_Example:_

```ts
import { crudArg } from '@josxa/kit-utils'

const city = await crudArg('Enter a city name')

await div(`You selected: ${city}`)
```

#### `refreshable`

See [Docstring](https://github.com/JosXa/kit-utils/tree/main/src/refreshable.ts#L6-L37)

_Example:_

See [Demo](https://github.com/JosXa/kit-utils/tree/main/scripts/refreshable-demo.ts)
npm package: @josyalem-studio/ui-tmpl
Description: A ui template package from Studio-NgLib!
Author: Yoseph Alem
Latest version: 0.0.7

# StudioUiTmpl

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.

## Code scaffolding

Run `ng generate component component-name --project studio-ui-tmpl` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project studio-ui-tmpl`.

> Note: Don't forget to add `--project studio-ui-tmpl` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build studio-ui-tmpl` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build studio-ui-tmpl`, go to the dist folder `cd dist/studio-ui-tmpl` and run `npm publish`.

## Running unit tests

Run `ng test studio-ui-tmpl` 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.

# Shared Components

## Data Grid

## Form

## Pipes

### 1.1 filter-pipe

## Enums

## Statics

### 1. PageOptions

    defines fileting and paging properties  filter: {
        predicate: '',
        value: []
    },
    page: {
        pageSize: 1,
        pageNumber: 1
    },
    sort: {
        property: 'id',
        order: 'ascending'
    },
    totalCount: 0

### 2. FormCtrlType

    Defines form control types:
    Input, Checkbox, textarea etc
npm package: @jota-ds/motion-tokens
Description: Motion Tokens Library
Author: Meiuca
Latest version: 1.0.4

# Motion Tokens

## Installation

```bash
yarn add @jota-ds/motion-tokens
```

## Getting Started

[Getting Started with Sass](./docs/GETTING_STARTED_SASS.md)

[Getting Started with JS](./docs/GETTING_STARTED_JS.md)
npm package: @jota-one/hateoas-parser
Description: Javascript parser for HATEOAS rest APIs
Author: Juniors at Work
Latest version: 2.0.0

# hateoas-parser
Javascript HATEOAS parser

![](badges/badge-lines.svg "Yes, indeed !")
![](badges/badge-branches.svg "Yes, indeed !")
![](badges/badge-functions.svg "Yes, indeed !")
![](badges/badge-statements.svg "Yes, indeed !")

### API

This library exposes 4 methods.

`getEndpoint(index, rel, params, version)`

Pick the "rel" endpoint from the "index" dictionary and resolve it with the provided "params" and "version". 

`parseLinks(result)`

Simple function to convert a raw HATEOAS index result to a more usable key-value Hash

`parseUrl(url, params)`

Does the same as getEndpoint() but with a URL without solving the index-rel-version puzzle before. parseUrl() is internally called by getEndpoint().

`getCleanEndpoint(index, rel)`

Format an endpoint by simply removing all optional or required paramaters in the querystring
npm package: @jota-one/nuxt-hypercontent
Description: Hypercontent - CMS
Latest version: 1.0.7

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @jotadevelopers/nuxt-keycloak
Description: Keycloak module for Nuxt
Author: Josimar Costa
Latest version: 1.0.0

# Nuxt Keycloak

This is a Keycloak module for Nuxt

## Features

- Nuxt 3 ready
- Vue 3 composables
- Keycloak client side authentication support
- Use keycloak-js client
- TypeScript support

## Usage

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Prepare development server using `yarn dev:prepare` or `npm run dev:prepare`
4. Build module using `yarn build` or `npm run build`
5. Launch keycloak in docker container `docker compose up`
6. Launch playground using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)
npm package: @jotaerrechile/jr-components
Description: Default components
Author: Jorge Rojas
Latest version: 0.2.9

# jr-components

Default components

# API documentation

- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/jr-components/)
- [Documentation for the main branch](https://docs.expo.dev/versions/unversioned/sdk/jr-components/)

# Installation in managed Expo projects

For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects &mdash; it is likely to be included in an upcoming Expo SDK release.

# Installation in bare React Native projects

For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.

### Add the package to your npm dependencies

```
npm install jr-components
```

### Configure for Android




### Configure for iOS

Run `npx pod-install` after installing the npm package.

# Contributing

Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).
npm package: @jotagep/card
Description: A personal card for JOTAGEP
Author: Jorge G. Palacin
Latest version: 1.0.2

# Jotagep's Card

It's me, Jorge G. Palacin!

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/jotagep/jotagep-card/blob/master/LICENSE) [![npm version](https://badge.fury.io/js/%40jotagep%2Fcard.svg)](https://www.npmjs.com/package/@jotagep/card)

## Usage

Via npx:

```bash
npx @jotagep/card
```

Not including how to use it globally because I'm not sure why you'd want this as a global command. That'd be creepy.

## Credits

Forked from John Papa's https://github.com/johnpapa/johnpapa-card

![Card](https://user-images.githubusercontent.com/8777166/50538084-ec926700-0b69-11e9-8121-41f6baaa3e5e.png)

Badges from <https://badge.fury.io/for/js>