open-index/open-npm huggingface dataset:
npm package: @pluscubed/preact-material-components
Description: preact wrapper for "Material Components for the web"
Latest version: 1.1.1

# preact-material-components
[![Greenkeeper badge](https://badges.greenkeeper.io/prateekbh/preact-material-components.svg)](https://greenkeeper.io/)
[![Dependencies badge](https://david-dm.org/prateekbh/preact-material-components.svg)](https://david-dm.org/)
[![build](https://api.travis-ci.org/prateekbh/preact-material-components.svg?branch=master)](https://api.travis-ci.org/prateekbh/preact-material-components.svg?branch=master)

preact components for [material-components-web](https://github.com/material-components/material-components-web)

---
These components bring material components in an a-la-carté fashion.
You can use `n` number of components without taking the weight of any extra code of the components you do not use.

`preact-material-components` is a thin opinion-less wrapper over [material-components-web](https://github.com/material-components/material-components-web/tree/master/packages). Use these for painless integration of these components into your project, without taking the bloat.

Smaller bundles FTW!!!


## Components List
- 👍 button

- 👍 card

- 👍 checkbox

- 👍 dialog

- 👍 drawer

- 👍 elevation

- 👍 fab

- 👍 form-field

- 👍 icon-toggle

- 👍 layout-grid

- 👍 list

- 👍 menu

- 👍 radio

- 👍 select

- 👍 slider

- 👍 snackbar

- 👍 switch

- 👍 textfield

- 👍 theme

- 👍 toolbar

## Docs and Demos
https://prateekbh.github.io/preact-material-components/
npm package: @plushanalytics/javascript
Description: Core JavaScript/TypeScript SDK for Plush Analytics (shared base for web + react-native).
Latest version: 0.1.6

# @plushanalytics/javascript

Core JavaScript/TypeScript SDK for Plush Analytics.

## Install

```bash
npm install @plushanalytics/javascript
```

## Quick Setup

```ts
import { createPlushAnalyticsClient } from "@plushanalytics/javascript";

const analytics = createPlushAnalyticsClient({
  apiKey: "plsh_...",
  projectId: "backend"
});

await analytics.track("job_started", { properties: { jobId: "123" } });
await analytics.flush();
```

## Common Usage

```ts
// Track
await analytics.track("purchase", { properties: { amount: 99 } });

// Identify
await analytics.identify("user_123", { traits: { plan: "pro" } });

// Screen
await analytics.screen("Settings", { properties: { tab: "billing" } });

// Group
await analytics.group("org_456", { traits: { tier: "enterprise" } });

// Optional shared context
analytics.setContext({ appVersion: "1.2.3", build: 42 });
```

## Session Replay Upload (Optional)

This package can upload replay chunks when you provide a recorder adapter.

```ts
import type { ReplayRecorderAdapter } from "@plushanalytics/javascript";

const recorder: ReplayRecorderAdapter = {
  async start({ emit, onSessionId }) {
    onSessionId?.("sess_123");
    // emit replay events/chunks from your recorder implementation
    return () => {};
  }
};

await analytics.startSessionRecording({ recorder });
await analytics.flushSessionRecording();
await analytics.stopSessionRecording();
```

## API Surface

- `createPlushAnalyticsClient(config)`
- `trackEvent(eventName, options?)` / `track(eventName, options?)`
- `identify(userId, options?)`
- `screen(screenName, options?)`
- `group(groupId, options?)`
- `flush(options?)`
- `startSessionRecording(options?)` / `startReplay(options?)`
- `flushSessionRecording()` / `flushReplay()`
- `stopSessionRecording()` / `stopReplay()`
- `setProject(projectId)`
- `setContext(context)`
- `getQueueSize()`
- `reset()`
- `shutdown()`
npm package: @plushanalytics/react-native
Description: React Native SDK for Plush Analytics events + session replay ingestion.
Latest version: 0.1.7
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @plushanalytics/react-native

React Native SDK for Plush Analytics (events + session replay) with a React Provider/hook.

## Install

```bash
npm install @plushanalytics/react-native @plushanalytics/react-native-session-replay
```

`@plushanalytics/react-native-session-replay` is required for native session replay capture/linking.

> [!NOTE]
> This package includes native code and is not compatible with Expo Go. Use development builds:

```bash
npx expo run:ios
npx expo run:android
```

## Quick Setup (Provider + Hook)

```tsx
import React from "react";
import { Button } from "react-native";
import { PlushAnalyticsProvider, usePlushAnalytics } from "@plushanalytics/react-native";

function CheckoutButton(): JSX.Element {
  const analytics = usePlushAnalytics();
  return (
    <Button
      title="Purchase"
      onPress={() => {
        void analytics.track("purchase_clicked", { properties: { plan: "pro" } });
      }}
    />
  );
}

export default function App(): JSX.Element {
  return (
    <PlushAnalyticsProvider
      config={{
        apiKey: "plsh_live_...",
        projectId: "mobile_app",
        context: { platform: "react-native" }
      }}
    >
      <CheckoutButton />
    </PlushAnalyticsProvider>
  );
}
```

## Direct Client Usage (No React)

```ts
import { createPlushAnalyticsClient } from "@plushanalytics/react-native";

const analytics = createPlushAnalyticsClient({
  apiKey: "plsh_live_...",
  projectId: "mobile_app"
});

await analytics.track("app_opened");
await analytics.shutdown();
```

## Common Usage

```ts
await analytics.track("cta_clicked", { properties: { plan: "pro" } });
await analytics.identify("user_123", { traits: { plan: "pro" } });
await analytics.screen("Settings", { properties: { tab: "billing" } });
await analytics.group("org_456", { traits: { tier: "enterprise" } });

await analytics.flush();
await analytics.reset();

await analytics.startSessionRecording();
await analytics.flushSessionRecording();
await analytics.stopSessionRecording();

analytics.setProject("mobile_app");
analytics.setContext({ build: 42 });
```

## API Surface

- `PlushAnalyticsProvider`
- `usePlushAnalytics()`
- `createPlushAnalyticsClient(config)`
- `PlushAnalyticsClient`
npm package: @plushanalytics/web
Description: Browser SDK for Plush Analytics events + session replay ingestion.
Latest version: 0.1.6

# @plushanalytics/web

Browser SDK for Plush Analytics (events + session replay).

## Install

```bash
npm install @plushanalytics/web
```

## Quick Setup

```ts
import { createPlushWebClient } from "@plushanalytics/web";

const analytics = createPlushWebClient({
  apiKey: "plsh_...",
  projectId: "web-app"
});

await analytics.track("page_view", { context: { path: location.pathname } });
await analytics.startSessionRecording();
```

## Common Usage

```ts
await analytics.track("checkout_started", {
  properties: { plan: "pro" },
  context: { route: "/checkout" }
});

await analytics.identify("user_123", { traits: { plan: "pro" } });
await analytics.screen("Pricing");
await analytics.group("org_456", { traits: { tier: "enterprise" } });

analytics.setContext({ abTest: "pricing_v2" });
```

## Replay Lifecycle

```ts
await analytics.startSessionRecording();
await analytics.flushSessionRecording();
await analytics.stopSessionRecording();

// aliases
await analytics.startReplay();
await analytics.flushReplay();
await analytics.stopReplay();
```

## API Surface

- `createPlushWebClient(config)`
- `track(eventName, options?)`
- `identify(userId, options?)`
- `screen(screenName, options?)`
- `group(groupId, options?)`
- `flushEvents()`
- `startSessionRecording(options?)` / `startReplay(options?)`
- `flushSessionRecording()` / `flushReplay()`
- `stopSessionRecording()` / `stopReplay()`
- `setContext(context)`
- `shutdown()`

## Also Exported: `createPlushAnalyticsClient(config)`

Use this when you want the core client directly from the web package.
npm package: @plushfamily/token-art
Description: Generates Plush NFT Art
Author: Plush Family
Latest version: 1.0.12

# Requirements
- Node 16.2+ (ES6 modules support)

# Run
`npm run dev`

# Build

`npm run build`

# Usage

Look at `demo.ts` file as an example.

## Common example
### Renderer creation

```
const gradients: Array<StageGradient> = [
  new StageGradient([0, '#43cea2'], [20, '#185a9d']), // Gradient from 0 years to 20 years
  new StageGradient([20, '#185a9d'], [40, '#02aab0']),
  new StageGradient([40, '#02aab0'], [60, '#243b55']),
  new StageGradient([60, '#243b55'], [80, '#ff5e62']),
  new StageGradient([80, '#ff5e62'], [100, '#ffedbc'])
];

const options = {
  svg: {
    width: 600, // width of svg image
    height: 600 // height of svg image
  },
  gap: 150, // multiplier of distance between layers
  radius: 200, // radius (px) of the smallest layer (actually will be a bit less because of deformation)
  maxNameLength: 16, // maximal name length before truncation with elipsis
  pointsCount: 8, // number of points of each layer (more points => more smooth layers, but bigger image size)
  deformation: 0.36, // deformation multiplier (multiplies activity parameter for each layer)
  opacity: [0.9, 0.9] as [number, number], (opacity from first to last layer)
  colorMap: gradients // gradients for each layer interval
}

const renderer = new Renderer(options);
```

### Renderer Usage
```
const data: TokenData = {
  birthDate: new Date(new Date().getFullYear() - 5, 0), // birthdate in Date format
  name: 'Jennifer', // name
  gender: 'FEMALE', // gender
  activities: [{ year: 1, x: -0.14982141, y: 0.10229843 }, { year: 2, x: -0.14982141, y: 0.10229843 }] // Array of activities, activities distort initial layer
}

const svg = renderer.render(data); // Returns svg string
```
npm package: @plushfamily/ui-components
Description: A library for shared UI Components across PLUSH Web Applications
Author: Yura Lukashik
Latest version: 0.0.18

<p align="center">
<a href="https://github.com/PlushFamily/ui-components" target="blank"><img src="https://avatars.githubusercontent.com/u/74625046?s=200&v=4" width="120" alt="Plush Logo" /></a>
</p>

<p align="center">Plush UI components</p>
    <p align="center">
<a href="https://www.npmjs.com/package/@plushfamily/ui-components" target="_blank"><img src="https://img.shields.io/npm/v/@plushfamily/ui-components.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/@plushfamily/ui-components"><img src="https://img.shields.io/npm/l/@plushfamily/ui-components.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/package/@plushfamily/ui-components"><img src="https://img.shields.io/npm/dm/@plushfamily/ui-components.svg" alt="NPM Downloads" /></a>
<a href="https://twitter.com/newbly" target="_blank"><img src="https://img.shields.io/twitter/follow/newbly.svg?style=social&label=Follow" alt="twitter"></a>

### Installation
Add the `ui-components` package with either Yarn or NPM.
```bash
yarn add @plushfamily/ui-components
```

### Structure

* `src/components/` contains all React components. All components that are exported from the package should be added to `src/index.ts`.
* Each component folder contains all Storybook stories demonstrating states of the components.

### Requirements

* Use `Typescript` for components and stories
* Lint the code with `yarn lint` (IDE usually does that)
* Increment the package version in `package.json` according to [Semantic Versioning](https://semver.org/)

### Releases and Storybook Deployment

Any Master update triggers building the Storybook and its deployment to https://storybook.plush.dev. This URL always references the latest version of Storybook.

Once a new version of the package is ready, create a GitHub release to publish it to the GitHub Packages Registry. It will also freeze the version of Storybook and deploy it to https://storybook.plush.dev/x.x.x.
npm package: @plushstudio/plush-studio-contracts
Description: The project contains the development environment and the source code of the Plush Studio contracts
Author: PlushStudio
Latest version: 1.3.1

<p align="center">
<a href="https://github.com/PlushStudio/plush-studio-contracts" target="blank"><img src="https://avatars.githubusercontent.com/u/74625046?s=200&v=4" width="120" alt="Plush Logo" /></a>
</p>

<p align="center">Plush Studio dev environment and contracts.</p>
    <p align="center">
<a href="https://www.npmjs.com/package/@plushstudio/plush-studio-contracts" target="_blank"><img src="https://img.shields.io/npm/v/@plushstudio/plush-studio-contracts.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/@plushstudio/plush-studio-contracts"><img src="https://img.shields.io/npm/l/@plushstudio/plush-studio-contracts.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/package/@plushstudio/plush-studio-contracts"><img src="https://img.shields.io/npm/dm/@plushstudio/plush-studio-contracts.svg" alt="NPM Downloads" /></a>

## Description

This repository contains the Plush Studio contracts.

## Overview

### Installation

```console
npm install @plushstudio/plush-studio-contracts
```

## Project structure

`arguments` directory with source code of arguments for deploying contracts

`contracts` directory with source code of contracts

`scripts/deploy` directory with scripts for deploying contracts

`hardhat.config.ts` hardhat configuration

## Installation

First you need to make sure that the Node.js platform is installed.

Link to download: [download Node.js](https://nodejs.org/en/)

Next, you need to install the yarn package manager: `npm install --global yarn`

Before starting the project, you need to install all project dependencies: `yarn install`


## Configuration

Create `.env` from example file.

Support networks:
1. Goerli (`goerli`)
2. Mumbai (`mumbai`)
3. Mainnet ETH (`mainnet`)
4. Polygon mainnet (`polygon`)
5. Local (`local`) # for Ganache

## Using

1. Get api keys on [Etherscan](https://docs.etherscan.io/getting-started/viewing-api-usage-statistics) and [Polygonscan](https://polygonscan.com/myapikey) websites
2. It is necessary to set a working network in `.env` file in the variable `NETWORK`
3. Change the values in the contract call arguments
4. To deploy contract use: `npx hardhat run scripts/deploy/{ScriptName}`