open-index/open-npm huggingface dataset:
npm package: @rameshjs/datepicker-vue
Description: ### Complete and highly customizable datepicker for vue3
Author: @rameshjs
Latest version: 2.0.2

## @rameshjs/datepicker-vue

### Complete and highly customizable datepicker for vue3

[![License](https://img.shields.io/npm/l/@rameshjs/datepicker-vue)](https://github.com/rameshjs/datepicker-vue/blob/main/LICENCE)
[![npm](https://img.shields.io/npm/v/@rameshjs/datepicker-vue)](https://www.npmjs.com/package/@rameshjs/datepicker-vue)
![Downloads](https://img.shields.io/npm/dt/@rameshjs/datepicker-vue)

## [DOCUMENTATION](https://rameshjs.github.io/datepicker-vue/)

### [Demo](https://stackblitz.com/edit/rameshjsdatepicker-vue?file=src%2Fcomponents%2FPlayground.vue)

## Features

- Single view date picker
- Single view date picker with text field for displaying the selected date
- Single view date range picker for selecting a range of dates
- Single view date range picker with text fields for displaying the selected start and end dates
- Multi month date picker
- Multi month date picker with text field for displaying the selected date range
- Slots for customizing the trigger and input fields, allowing users to add their own elements for triggering the datepicker and displaying the selected date(s)
- Month select feature, which allows users to select a specific month within a year
- Year select feature, which allows users to select a specific year.

## Install

```shell
yarn add @rameshjs/datepicker-vue

# or

npm i @rameshjs/datepicker-vue
```

Import and register component

**Global**

To import and register the component globally in your Vue application, use the following code:

```js
import { createApp } from "vue";
import App from "./App.vue";

import DatePicker from "@rameshjs/datepicker-vue";
import "@rameshjs/datepicker-vue/dist/style.css";

const app = createApp(App);
app.component("DatePicker", DatePicker);
```

**Local**

To import and register the component locally in a Vue component, use the following code:

```vue
<script>
import DatePicker from "@rameshjs/datepicker-vue";
import "@rameshjs/datepicker-vue/dist/style.css";

export default {
  components: { DatePicker },
};
</script>
```

**Usage**

To use the component in your template, add the DatePicker component with the desired props and slots.

```vue
<template>
  <DatePicker v-model="date" />
</template>

<script setup>
import DatePicker from "@rameshjs/datepicker-vue";
import "@rameshjs/datepicker-vue/dist/style.css";
import { ref } from "vue";

const date = ref({ start: null, end: null });
</script>
```

In this example, a reactive object `date` is defined using the `ref` function from the Vue.js library. The `date` object contains properties `start` and `end` for representing the selected date range. By default, both `start` and `end` are set to `null`.

When a single date is selected, the `start` and `end` properties of the date object will be set to the same date. When a range of dates is selected, the `start` and `end` properties will be set to the respective `start` and `end` dates of the range.
npm package: @rameshmane7218/react-ui-library
Description: ```bash npm install @rameshmane7218/react-ui-library
Author: rameshmane7218
Latest version: 0.4.1

<h1 align="center"> React UI Library</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/@rameshmane7218/react-ui-library"  target="_blank"><img alt="npm" src="https://img.shields.io/npm/v/@rameshmane7218/react-ui-library"></a>
  <a href="https://github.com/rameshmane7218/react-ui-library/blob/master/LICENSE"  target="_blank"><img alt="MIT License" src="https://img.shields.io/npm/l/@rameshmane7218/react-ui-library"></a>
  <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@rameshmane7218/react-ui-library">
  <img alt="GitHub language count" src="https://img.shields.io/github/languages/count/rameshmane7218/react-ui-library">
  <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/rameshmane7218/react-ui-library">
</p>

<br />

React UI Library provides a set of accessible and customizable React components that make it easy to create websites.

## Installation

```bash
npm install @rameshmane7218/react-ui-library

# Peer Dependencies - Also Required
npm install react react-dom styled-components @rameshmane7218/react-ui-library
# or

yarn add @rameshmane7218/react-ui-library

# Peer Dependencies - Also Required
yarn add react react-dom styled-components @rameshmane7218/react-ui-library
```

## Getting Started

Here is a simple example of a basic app using React UI Library `Button` component

```jsx
import { Button } from '@rameshmane7218/react-ui-library';

function App() {
  return <Button>Hello World</Button>;
}
```

[click here to see full documentation📝](https://react-ui-component-library.netlify.app/)

## License

<img src="https://raw.githubusercontent.com/rameshmane7218/react-ui-library/master/assets/ramesh.jpg" width="40" alt="Ramesh Mane" align="center"/>

<a href="https://github.com/rameshmane7218/react-ui-library/blob/master/LICENSE">MIT @ Ramesh Mane</a>
npm package: @ramestta/sdk-ethers
Description: Ethers.js plugin for @ramestta/sdk - Ramestta Network L3 Blockchain
Author: Ramestta Tech Team
Latest version: 1.0.3

# @ramestta/sdk-ethers

Ethers.js plugin for `@ramestta/sdk` - Official SDK for Ramestta Network L3 Blockchain.

[![npm version](https://badge.fury.io/js/@ramestta%2Fsdk-ethers.svg)](https://www.npmjs.com/package/@ramestta/sdk-ethers)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Network Architecture

```
L1: Ethereum (Root Chain)
     ↓
L2: Polygon (Parent Chain) - Root contracts deployed here
     ↓
L3: Ramestta (Child Chain) - Application chain
```

## Installation

```bash
npm install @ramestta/sdk @ramestta/sdk-ethers ethers
```

## Usage

```javascript
import { POSClient, use } from "@ramestta/sdk";
import { Web3ClientPlugin } from "@ramestta/sdk-ethers";
import { ethers } from "ethers";

// Install the ethers plugin
use(Web3ClientPlugin);

// Create providers
const parentProvider = new ethers.providers.JsonRpcProvider("https://polygon-rpc.com");
const childProvider = new ethers.providers.JsonRpcProvider("https://blockchain.ramestta.com");

// Create wallet/signer
const privateKey = "YOUR_PRIVATE_KEY";
const parentSigner = new ethers.Wallet(privateKey, parentProvider);
const childSigner = new ethers.Wallet(privateKey, childProvider);

// Initialize POS Client
const posClient = new POSClient();

await posClient.init({
    network: "mainnet",
    version: "v1",
    parent: {
        provider: parentSigner,
        defaultConfig: {
            from: parentSigner.address
        }
    },
    child: {
        provider: childSigner,
        defaultConfig: {
            from: childSigner.address
        }
    }
});

// Now you can use posClient for deposits, withdrawals, etc.
```

## Networks

| Network | Chain ID | RPC URL |
|---------|----------|---------|
| Ramestta Mainnet (L3) | 1370 | https://blockchain.ramestta.com |
| Ramestta Testnet (L3) | 1371 | https://testnet.ramestta.com |
| Polygon Mainnet (L2) | 137 | https://polygon-rpc.com |

## Related Packages

- [@ramestta/sdk](https://www.npmjs.com/package/@ramestta/sdk) - Core SDK
- [@ramestta/sdk-web3](https://www.npmjs.com/package/@ramestta/sdk-web3) - Web3.js plugin (coming soon)

## Documentation

For full documentation, visit [https://docs.ramestta.com](https://docs.ramestta.com)

## License

MIT
npm package: @ramestta/sdk-web3
Description: Web3.js plugin for @ramestta/sdk - Official SDK for Ramestta Network L3 Blockchain
Author: Ramestta Tech Team
Latest version: 1.0.0

# @ramestta/sdk-web3

[![npm version](https://badge.fury.io/js/@ramestta%2Fsdk-web3.svg)](https://badge.fury.io/js/@ramestta%2Fsdk-web3)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

Web3.js plugin for `@ramestta/sdk` - Official SDK for Ramestta Network L3 Blockchain.

## Network Architecture

```
L1: Ethereum (Root Chain)
     ↓
L2: Polygon (Parent Chain) - Root contracts deployed here
     ↓
L3: Ramestta (Child Chain) - Application chain
```

## Installation

```bash
npm install @ramestta/sdk @ramestta/sdk-web3 web3
```

## Usage

```javascript
import { POSClient, use } from "@ramestta/sdk";
import { Web3ClientPlugin } from "@ramestta/sdk-web3";
import Web3 from "web3";

// Install the web3 plugin
use(Web3ClientPlugin);

// Create providers
const parentProvider = new Web3.providers.HttpProvider("https://polygon-rpc.com");
const childProvider = new Web3.providers.HttpProvider("https://blockchain.ramestta.com");

// Initialize POS Client
const posClient = new POSClient();

await posClient.init({
    network: "mainnet",
    version: "v1",
    parent: {
        provider: parentProvider,
        defaultConfig: {
            from: userAddress
        }
    },
    child: {
        provider: childProvider,
        defaultConfig: {
            from: userAddress
        }
    }
});

// Now you can use posClient for deposits, withdrawals, etc.
```

## Networks

| Network | Chain ID | RPC URL |
|---------|----------|---------|
| Ramestta Mainnet (L3) | 1370 | https://blockchain.ramestta.com |
| Ramestta Testnet (L3) | 1371 | https://testnet.ramestta.com |
| Polygon Mainnet (L2) | 137 | https://polygon-rpc.com |

## Related Packages

- [@ramestta/sdk](https://www.npmjs.com/package/@ramestta/sdk) - Core SDK
- [@ramestta/sdk-ethers](https://www.npmjs.com/package/@ramestta/sdk-ethers) - Ethers.js plugin

## Documentation

For full documentation, visit [https://docs.ramestta.com](https://docs.ramestta.com)

## License

MIT
npm package: @ramg9206/time-tracker-react-hook
Description: A React hook library to track time spent on screen or in specific activities.
Author: Rafael Mancebo
Latest version: 1.0.1

# Time Tracker React Hook

A simple React hook library to track time spent in screen (window focus) and measure custom time intervals.

## ✨ Features

- `useWindowFocus`: Detect when the browser window gains or loses focus.
- `useTimer`: Start/stop a timer and get the time elapsed in seconds.

## 📦 Installation

```bash
npm install @ramg9206/time-tracker-react-hook
npm package: @rami-abdou/simulated-annealing
Description: Implementation of simulated annealing, a probabilistic technique for approximating the global optimum of a given function.
Author: Rami Abdou
Latest version: 1.0.2

# Simulated Annealing (Global Optimization Algorithm)

Implementation of simulated annealing, a probabilistic technique for approximating the global optimum of a given function.
npm package: @rami-abdou/stable-matching
Description: Algorithm that finds a stable matching between two equally sized sets of elements given an ordering of preferences for each element.
Author: Rami Abdou
Latest version: 1.0.0

# Stable-Matching Problem (Gale-Shapley)

This is a Typescript implementation of the Gale-Shapley algorithm, which finds a stable matching between two equally sized sets of elements given an ordering of preferences for each element.

## Naming Variation

The stable-matching problem is also called the stable-marriage problem, and
that's because for years, the example used to solve the problem was marrying
a man to a woman. The man/woman terminology is not one that's inclusive so
in my implementation we'll use the following:

- `mentee` - Maps to `man` in traditional example.
- `mentor` - Maps to `woman` in traditional example.

## Project Status

Currently in development.

## Upcoming Features

- [ ] Stable-Matching Visualizer - React application that allows you to visualize the Gale-Shapley algorithm for every single step.