open-index/open-npm huggingface dataset:
npm package: @haribhandari/react-step
Description: A React Component to quicky generate a multi-step form
Latest version: 1.0.1

# @haribhandari/react-step

> A React Component to quicky generate a multi-step form

[![NPM](https://img.shields.io/npm/v/@haribhandari/react-step.svg)](https://www.npmjs.com/package/@haribhandari/react-step) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)

## Demo
See Live Demo [here](https://harshtomar6.github.io/@haribhandari/react-step/)

![Demo Link](https://media.giphy.com/media/Q7v8WigTrzCmcUQvnA/giphy.gif)

### Add your Brand Colors
![Link](https://media.giphy.com/media/dAcoQshy4WBrlUz5CZ/giphy.gif)

## Install

```bash
npm install --save @haribhandari/react-step
```

## Usage

```jsx
import React, { Component } from 'react'

import { MultiStepForm, Step } from '@haribhandari/react-step';

class Example extends Component {
  render() {
    return (
      <MutliStep activeStep={1}>
        <Step label="one">
          <p>One</p>
        </Step>
        <Step label="Two">
          <p>Two</p>
        </Step>
        <Step label="Three">
          <p>Three</p>
        </Step>
      </MultiStep>
    )
  }
}
```

## Documentation

This package exports two components `<MultiStepForm />` and `<Step />`.

### `<MultiStepForm />`
### Props
|Prop Name|type| Description|default|required|
|---------|----|-------|-------|--------|
|activeStep|Int|determines the active step | - | YES|
|accentColor|String|accent color of the stepper|#24a19c|NO|

### `<Step />`
### Props
|Prop Name|type|Description|default|required|
|---------|----|------|-------|--------|
|label|String|label text to be rendered in the top stepper | - | NO|

See the example code [here](https://github.com/harshtomar6/@haribhandari/react-step/blob/master/example/src/App.js)

## License

MIT © [harshtomar6](https://github.com/harshtomar6)
npm package: @harichu/tinypngcli
Description: A cli tool to compress image quickly
Author: harichu
Latest version: 2.0.2

# Tinypng CLI: Efficient Image Compression Tool

Tinypng CLI is a command-line tool that utilizes the **[Tinypng.com](https://tinypng.com/)** web version to compress images and support multiple format conversions and archive operations.
<img src="https://img.shields.io/npm/v/tinypngcli?style=flat-square" alt="npm version" />

## Features

- Supports multiple image formats: png, jpg, jpeg, webp
- Convenient compression methods: Single image or entire folder
- Flexible image format conversion: Mutual conversion between png, jpg, jpeg, webp

## QUICK START

```sh
tinypngcli images  # compress images in directory and replace all of it.
tinypngcli logo.png -o logo-new.png  # compress a single image
tinypngcli images -o imagesDir # compress images in directory and output to images in new directory
```

## INSTALLATION

You can globally install this tool or use npx.

### npx

```sh
npx tinypngcli <filename or dirname> [OPTIONS]
```

### global install

#### npm

```
npm install -g tinypngcli
```

#### yarn

```
yarn global add tinypngcli
```

check if you have installed

```
tinypngcli -v
```

## USAGE

`tinypngcli <filename or directory> [OPTIONS]`

```
-v, --version          show current version
-o, --output <output>  set output path
-m, --max [max]        max async compress tasks(The higher the number, the faster the speed)
-a, --all              force compress all images(include compressed images)
-h, --help             show help for command
```

**if you set max a big number,tasks will run faster, but the memory will cost more.**

### example

```sh
tinypngcli images  # compress images in directory and replace all of it.
tinypngcli logo.png -o logo-new.png  # compress a single image
tinypngcli images -o imagesDir # compress images in directory and output to images in new
tinypngcli images  -m  30 # compress images in directory with max tasks 30
```

## License

This project is licensed under the [MIT License](https://github.com/harichu/tinypngpro/blob/master/LICENSE).
npm package: @harigovindarajan/pi-memory-adapter
Description: Local-first memory subsystem for Pi
Latest version: 0.1.0-beta.2

# Pi Memory Adapter

A memory add-on for Pi that helps your assistant remember things across sessions.

It is designed for real daily use:
- easy to inspect by humans
- safe defaults
- works even when parts of retrieval fail

---

## What you get

### 1) Human-readable memory files (default)
By default, memory is written to markdown files you can open and edit:

- `MEMORY.md` → long-term important facts/preferences
- `memory/YYYY-MM-DD.md` → daily notes

### 2) Safe read behavior
Reading a memory file that does not exist returns empty text instead of crashing.

### 3) Better retrieval quality controls
Optional retrieval tuning:
- **MMR** (more diverse top results)
- **Temporal decay** (newer memories can rank above stale ones)

---

## Install

```bash
# from npm
pi install npm:@harigovindarajan/pi-memory-adapter

# or from git
pi install git:github.com/harigovindarajan/pi-memory-adapter
```

Then restart Pi (or run `/reload`).

---

## Use in plain language

### Save something
```bash
memory write "user prefers concise summaries"
```

### Search memory
```bash
memory search "how does user like summaries"
```

### Check health
```bash
memory doctor
```

### See stats
```bash
memory stats
```

---

## Where files are stored

Default base path:

```bash
~/.pi-agent/memory/
```

Inside each namespace:

```text
{agent_id}/{user_id}/{project_id}/
  MEMORY.md
  memory/YYYY-MM-DD.md
  entries/*.json
  index/*
```

Notes:
- Markdown files are the canonical user-facing memory.
- JSON + index files are used for retrieval speed and compatibility.

---

## Common checks

### "Is markdown memory enabled?"
It is **enabled by default**.

You can still override with config at `~/.pi-agent/memory.config.json`:

```json
{
  "markdown_memory": { "enabled": true }
}
```

### "Did it create files?"
After writing at least one memory, run:

```bash
find ~/.pi-agent/memory -type f \( -name "MEMORY.md" -o -path "*/memory/*.md" \)
```

---

## If you are using it as a library

```ts
import { MemoryAdapter } from "@harigovindarajan/pi-memory-adapter";

const memory = new MemoryAdapter({
  agent_id: "my-agent",
  project_id: "my-project",
});

await memory.write({ content: "user prefers dark mode", type: "curated" });

const result = await memory.search("user preferences");
console.log(result.entries);

const read = await memory.get("memory/2026-03-01.md", 1, 100);
console.log(read.text);
```

---

## Dev

```bash
npm install
npm run build
npm test
```

---

## License

MIT

## Project Status
- **Status:** Active
- **Last Updated:** 2026-03-02
- **Intent:** Practical QA automation leadership and execution quality.
npm package: @hariguru94/swirepay-sdk-core
Description: Swirepay SDK Core for payment integration
Author: Swirepay
Latest version: 1.0.0

# Swirepay SDK Core

A framework-agnostic JavaScript SDK for integrating Swirepay payments into your web applications.

## Installation

```bash
npm install @swirepay/sdk-core
```

## Usage

### Using the Web Component

The simplest way to use the SDK is via the built-in web component.

```html
<script src="path/to/swirepay-sdk.js"></script>

<swirepay-checkout id="sp-checkout"></swirepay-checkout>

<script>
  const checkout = document.getElementById('sp-checkout');
  checkout.setApiKey('your-public-api-key');
  
  checkout.on('payment_success', (data) => {
    console.log('Payment Successful:', data);
  });
</script>
```

### Using the JS API

```javascript
import { init, SwirepayEvent } from '@swirepay/sdk-core';

const checkout = init('your-public-api-key');

document.body.appendChild(checkout);

checkout.on(SwirepayEvent.PAYMENT_SUCCESS, (data) => {
  alert('Success!');
});
```

## Features

- **Framework Agnostic**: Built with native Web Components.
- **Secure**: Uses Shadow DOM for style and logic encapsulation.
- **Flexible**: Easy to integrate into any modern web stack.
- **Card Payments**: Simplified card checkout flow.

## License

MIT