open-index/open-npm huggingface dataset:
npm package: @ruslankonev/nuxt-sse
Description: A Nuxt module to simplify using Server Sent Events
Author: Ruslan Konev
Latest version: 1.0.2


# NuxtSSE

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

Nuxt 3 module to simplify using server sent events. 

NOTE: I created this for my own personal use, so it may have issues.


## Features

<!-- Highlight some of the features your module provide here -->
- useServerEventsClient() composable to handle connection to the server automatically.
- useServerEvents() composable to send events from any server api.
- Events can be sent to all connected clients, or to an individual client using a custom id

## Quick Setup

1. Add ``@ruslankonev/nuxt-sse`` dependency to your project

```bash
yarn add @ruslankonev/nuxt-sse 
# or 
npm install @ruslankonev/nuxt-sse
#or
pnpm add @ruslankonev/nuxt-sse
```

1. Add `@ruslankonev/nuxt-sse` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    '@ruslankonev/nuxt-sse'
  ]
})
```

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

## Development

```bash
# 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/@ruslankonev/nuxt-sse?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@ruslankonev/nuxt-sse

[npm-downloads-src]: https://img.shields.io/npm/dm/@ruslankonev/nuxt-sse?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/@ruslankonev/nuxt-sse

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @ruslankonev/use-flow
Description: Execute a series of functions
Author: Ruslan Konev
Latest version: 1.0.0

# useFlow()

The `useFlow` function orchestrates asynchronous operations, allowing for sequential and parallel execution of tasks. This versatile tool supports a variety of use cases, from data fetching and processing to complex workflow management.

## Features

- **Flexible Arguments**: Accepts an arbitrary number of functions, arrays of functions for parallel execution, and promises.
- **Sequential Execution**: Processes tasks in the order they are provided, passing the result of one task as the input to the next.
- **Parallel Execution**: Supports parallel task execution by accepting arrays of functions, utilizing `Promise.all` for efficiency.
- **Dynamic Workflow Management**: Easily manage complex asynchronous workflows within a single, cohesive pipeline.

## Installation

```sh
npm i @ruslankonev/use-flow
```

No specific installation steps are required other than including the `useFlow` function in your project. Ensure you have a modern JavaScript environment that supports `async/await` syntax.

## Usage

### Basic Example

```typescript
// Define asynchronous tasks
async function fetchData() {
  // Simulate fetching data
  return { data: 'Sample data' };
}

function processData(data) {
  // Process and return data
  return { processedData: `${data.data} processed` };
}

async function saveData(processedData) {
  // Simulate saving data
  console.log(processedData);
}

// Execute tasks sequentially
useFlow(
  fetchData,
  processData,
  saveData
);

// One more example
useFlow(
  () => ({startValue: Date.now()}),
  (payload) => somePromise({value: 1}),
  (response) => processData
);

```

### Parallel Execution

To execute tasks in parallel, wrap them in an array:

```typescript
async function fetchUserData() {
  // Fetch user data
  return { user: 'John Doe' };
}

async function fetchPosts() {
  // Fetch posts
  return ['Post 1', 'Post 2'];
}

// Execute fetchUserData and fetchPosts in parallel, then process results
useFlow(
  [fetchUserData, fetchPosts],
  processData
);
```

### Handling Promises

The `useFlow` function can also handle promises directly as part of the workflow:

```typescript
const somePromise = new Promise((resolve) => resolve('Some data'));

useFlow(
  somePromise,
  (response) => processData
);
```

## Error Handling

Ensure to implement error handling within your tasks. The `useFlow` function does not catch errors by default, so consider using try-catch blocks within asynchronous tasks or chaining `.catch()` for promises.

## Contributing

Contributions are welcome! If you have suggestions or want to improve the `useFlow` function, please feel free to submit a pull request or open an issue.
npm package: @ruslanmirov/uikit
Description: Set of UI components for pancake projects
Latest version: 0.15.1

# 🥞 Pancake UIkit

**This repository is not used anymore. See the [https://github.com/pancakeswap/pancake-toolkit](Pancake toolkit) instead**

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @ruslanpdf/uptime-kuma-api
Description: TypeScript client library for Uptime Kuma API
Author: RuslanPDF ruslanmuratbekov2004@gmail.com
Latest version: 1.0.2

```typescript
const { UptimeKumaClient, MonitorType } = require('@ruslanpdf/uptime-kuma-api');

const url = process.env.UPTIME_KUMA_URL || 'http://localhost:3001';
const username = process.env.UPTIME_KUMA_USER || '';
const password = process.env.UPTIME_KUMA_PASSWORD || ''; 

async function main() {
  const client = new UptimeKumaClient({ url });

  try {
    console.log('Connecting to', url, '...');
    await client.connect();

    if (!username || !password) {
      console.error('Set UPTIME_KUMA_USER and UPTIME_KUMA_PASSWORD (and optionally UPTIME_KUMA_URL).');
      process.exit(1);
    }
    console.log('Logging in...');
    await client.login({ username, password });

    const monitors = await client.getMonitors();
    console.log('Monitors count:', monitors.length);
    if (monitors.length > 0) {
      console.log('First monitor:', monitors[0].name, '(id:', monitors[0].id + ')');
    }

    client.disconnect();
    console.log('Done.');
  } catch (err) {
    console.error('Error:', err.message);
    if (err.message.includes('connect') || err.code === 'ECONNREFUSED' || err.message.includes('poll error')) {
      console.log('Make sure Uptime Kuma is running at', url);
      console.log('Or set UPTIME_KUMA_URL, UPTIME_KUMA_USER, UPTIME_KUMA_PASSWORD');
    }
    process.exit(1);
  }
}

main();
```
npm package: @ruslanuz/dev-tool-formik
Description: A wrapped [Formik](https://github.com/formium/formik) component with [formik-devtools-extension](https://github.com/petrenkoVitaliy/formik-devtools) injected
Author: Sergei
Latest version: 0.2.1

# DevToolFormik

A wrapped [Formik](https://github.com/formium/formik) component with [formik-devtools-extension](https://github.com/petrenkoVitaliy/formik-devtools) injected

## Description

The formik-devtools-extension is enabled only in development mode
npm package: @ruslanuz/redux-with-reset-action
Description: A HOF for `Redux` reducers. It helps to add an action for resetting the Redux store.
Author: Sergei
Latest version: 0.1.3

# Redux with reset action

A HOF for `Redux` reducers. It helps to add an action for resetting the Redux store.

## Installation and Setup

### Installation

NPM

```
npm i @ruslanuz/redux-with-reset-action
```

Yarn

```
yarn add @ruslanuz/redux-with-reset-action
```

### Usage

```js
import { combineReducers } from 'redux';
import withResetAction from '@ruslanuz/redux-with-reset-action';

const LOGOUT = 'LOGOUT';

const rootReducer = combineReducers({
  // Your reducers
});

export default withResetAction(rootReducer, LOGOUT);
// Resets store after logout
```
npm package: @ruso/cli
Description: Tooling via CLI (Command Line Interface) like schematics, generators, helpers and more.
Author: Ruslan Gonzalez
Latest version: 0.1.0

# @ruso/cli - Collection of tools from your Command Line Interface

This package will provide you generators, helpers and tooling for getting the most of your command line interface

## Commands

### fakeGenerator

This command will generate for you a json file with fake data. If you want to get more information about this command please write in your console `fakeGenerator --help`

Installation:

```bash
npm install -g @ruso/cli
```
npm package: @ruso/common
Description: An agnostic collection of tools and utils for your projects
Author: Ruslan Gonzalez
Latest version: 0.2.0

# Common utils for coding easy

This is a collection of useful tools and utils for your projects.

## Utils

### Numbers

**Random Number Generator**: With this util you will be able to generate a random number

Installation:

```bash
npm install @ruso/common
```