open-index/open-npm huggingface dataset:
npm package: @pkalyani/react-data-grid
Description: Data grid for React
Author: Adazzle
Latest version: 1.0.2
Deprecated: false


Excel-like grid component built with React, with editors, keyboard navigation, copy &amp; paste, and the like http://adazzle.github.io/react-data-grid/  
![react-data-grid](https://cloud.githubusercontent.com/assets/1432798/7348812/78063bd6-ecec-11e4-89d5-ffd327721cd7.PNG)



Installation
------------

```sh
npm install @ijm/react-data-grid
```


This library is written with CommonJS modules. If you are using
browserify, webpack, or similar, you can consume it like anything else
installed from npm.


Overview
--------

ReactDataGrid is an advanced JavaScript spreadsheet component built using React

Features
--------

- Lightning fast virtual rendering
- [Can render hundreds of thousands of rows with no lag](http://adazzle.github.io/react-data-grid/examples.html#/million-rows)
- Keyboard navigation
- [Fully editable grid](http://adazzle.github.io/react-data-grid/examples.html#/editable)
- [Rich cell editors like autocomplete, checkbox and dropdown editors, complete with keyboard navigation](http://adazzle.github.io/react-data-grid/examples.html#/editors)
- Custom cell Editors - Easily create your own
- [Custom cell Formatters](http://adazzle.github.io/react-data-grid/examples.html#/formatters)
- [Frozen columns](http://adazzle.github.io/react-data-grid/examples.html#/fixed)
- [Resizable columns](http://adazzle.github.io/react-data-grid/examples.html#/resizable)
- [Sorting](http://adazzle.github.io/react-data-grid/examples.html#/sortable)
- [Filtering] (http://adazzle.github.io/react-data-grid/examples.html#/filterable)
- Copy and Paste values into other cells
- Multiple cell updates using cell dragdown


Check out the `examples` directory to see how simple previously complex UI
and workflows are to create.

Contributing
------------

Please see [CONTRIBUTING](CONTRIBUTING.md)

Credits
------------
This project has been built upon the great work done by [Prometheus Research](https://github.com/prometheusresearch). For the original project, please click [here]( https://github.com/prometheusresearch/react-grid). It is released under [MIT](https://github.com/adazzle/react-data-grid/blob/master/LICENSE)
npm package: @pkasila/react-adsense
Description: ReactAdsense is a component which allows you to use Google Adsense in React
Author: Pavel Kasila
Latest version: 1.0.2

# @pkasila/react-adsense

[![npm package][npm-img]][npm-url]
[![Build Status][build-img]][build-url]
[![Downloads][downloads-img]][downloads-url]
[![Issues][issues-img]][issues-url]
[![Code Coverage][codecov-img]][codecov-url]
[![Commitizen Friendly][commitizen-img]][commitizen-url]
[![Semantic Release][semantic-release-img]][semantic-release-url]

> ReactAdsense is a component which allows you to use Google Adsense in React

## Install

```bash
npm install @pkasila/react-adsense
```

### Ads by Google script

**Remember** to include `adsbygoogle.js`:

```html
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
```

## Usage

```tsx
import React from 'react';
import ReactAdsense from '@pkasila/react-katex';

function SimpleAd() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'} />;
}

function CustomStyles() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'}
                       format={''}
                       style={{width: 960, height: 64}} />;
}

function ResponsiveNativeAds() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'}
                       layout={'in-article'}
                       format={'fluid'} />;
}
```

[build-img]:https://github.com/pkasila/ReactAdsense/actions/workflows/release.yml/badge.svg
[build-url]:https://github.com/pkasila/ReactAdsense/actions/workflows/release.yml
[downloads-img]:https://img.shields.io/npm/dt/@pkasila/react-adsense
[downloads-url]:https://www.npmtrends.com/@pkasila/react-adsense
[npm-img]:https://img.shields.io/npm/v/@pkasila/react-adsense
[npm-url]:https://www.npmjs.com/package/@pkasila/react-adsense
[issues-img]:https://img.shields.io/github/issues/pkasila/ReactAdsense
[issues-url]:https://github.com/pkasila/ReactAdsense/issues
[codecov-img]:https://codecov.io/gh/pkasila/ReactAdsense/branch/main/graph/badge.svg
[codecov-url]:https://codecov.io/gh/pkasila/ReactAdsense
[semantic-release-img]:https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-url]:https://github.com/semantic-release/semantic-release
[commitizen-img]:https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
[commitizen-url]:http://commitizen.github.io/cz-cli/
npm package: @pkayfire/farcaster-auth
Description: <!-- Installation section --> ## Setup
Author: Peter Kim
Latest version: 1.0.4

# farcaster-auth

<!-- Installation section -->
## Setup

First, ensure that the following are installed globally on your machine:

- [Node.js 16+](https://github.com/nvm-sh/nvm)
- [Yarn](https://classic.yarnpkg.com/lang/en/docs/install)

```bash
yarn add @zachterrell57/farcaster-auth
```

## Usage

### Generating a signature

```js
import { generateSignature, verifyUser } from '@zachterrell57/farcaster-auth';

const credentials = generateSignature();

const signature = credentials.signature;
const address = credentials.address;
```

### Casting the signature to Farcaster
It is now up to the user to post the signature to Farcaster. Until v2 of the protocol, it is probably easiest
to post from the Merkle Manufactory app. Clients can help the user achieve this by helping them copy the signature
to the clipboard, and providing an `Open Farcaster` button that will open the Merkle app for the user. Users should make sure not to edit the signature, as this will result in a failed authentication


### Verifying the user
```js 
const username = 'username';

const verified = verifyUser(username, address);
```

## Persistence
After the user is verified, the client is free to store this information in any way. Some options include:
- Creating an `authed` property on a User object in a centralized DB. This will allow the user to log in via a traditional
email and password flow (or magic link), which means the user will remain authenticated across devices and sessions
- Using cookies to persist authentication. This will work if the user only wishes to use the client from one device, but will
  fail if the client is accessed from a different device (as the cookies are device-specific)