open-index/open-npm huggingface dataset:
npm package: @promodoro/promodoro-components
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: shushichuchi
Latest version: 0.0.6

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
npm package: @promopixel/editor
Description: This is PromoPixel's main Component, forked from ReactPage (react-page).
Author: Marco Wettstein
Latest version: 0.0.5

# PromoPixel Editor

This is PromoPixel's main Component, forked from ReactPage (react-page).

Read the full readme here https://github.com/react-page/react-page

Docs: https://react-page.github.io/docs

Demo: https://react-page.github.io/
npm package: @promos/contracts
Description: <p align="center">   <img src="https://github.com/gomintnft/promos/blob/main/logo.png?raw=true" width="150" alt="Promos"> </p> <div align="center">
Latest version: 2.3.2

<p align="center">
  <img src="https://github.com/gomintnft/promos/blob/main/logo.png?raw=true" width="150" alt="Promos">
</p>
<div align="center">

[![NPM Package](https://img.shields.io/npm/v/@promos/contracts.svg)](https://www.npmjs.org/package/@promos/contracts)

</div>

### Installation

```console
$ npm i @promos/contracts
```

### Usage

Once installed, import and inherit the `Promos` contract

**Please, pay particular attention to comments for `mintPromos` function below**

```solidity
pragma solidity ^0.8.0;

import "@promos/contracts/Promos.sol";
import "erc721a/contracts/ERC721A.sol";

contract ERC721 is ERC721A, Promos {
    constructor()
        // Specify Promos max supply and contract: promosProxyContractMainnet or promosProxyContractTestnet
        ERC721A("", "")
        Promos(500, promosProxyContractTestnet) {}

    // Promos mint function
    // IMPORTANT! Must use `MintPromos` modifier
    function mintPromos(address _to, uint256 _amount)
        external
        payable
        override
        MintPromos(_to, _amount)
    {
        // IMPORTANT!
        // Add custom logic here
        // Make sure to implement guardrails like supply, max per wallet, etc.

        // IMPORTANT!
        // Avoid using msg.sender and use _to argument instead
        _safeMint(_to, _amount);
    }

    // Required to support `IPromos.sol`
    function supportsInterface(bytes4 interfaceId)
        public
        view
        virtual
        override(ERC721A, Promos)
        returns (bool)
    {
        return
            Promos.supportsInterface(interfaceId) ||
            super.supportsInterface(interfaceId);
    }

    // IMPORTANT! Implement this function in order
    // to receive funds from Promos to your contract
    receive() external payable override {}
}
```
npm package: @promotedai/react-native-metrics
Description: Promoted metrics logging library for React Native.
Author: Yuna Wang
Latest version: 1.3.2

# react-native-metrics

Promoted metrics logging library for React Native. Released for iOS and Android.

## Installation

Add `"@promotedai/react-native-metrics"` as a dependency in your `package.json` file.

## Usage

### Tracking sessions and events

Call `startSession*` or `log*` directly from your React Native code when these events occur.

~~~js
import PromotedMetrics from "@promotedai/react-native-metrics";

PromotedMetrics.startSessionAndLogUser(user.uid);
PromotedMetrics.logAction("Add to cart");
PromotedMetrics.logView("Sign up");
~~~

### Tracking impressions

Impression tracking is possible for any kind of content. Here is an example using `SectionList` or `FlatList` using `onViewableItemsChanged`.

~~~js
import PromotedMetrics, { useImpressionTracker } from "@promotedai/react-native-metrics";

const { _viewabilityConfig, _onViewableItemsChanged } = useImpressionTracker(
  "MyListIdentifier",
  (viewToken) => ({
      content_id: viewToken.item.my_content_id,
      insertion_id: viewToken.item.promoted_insertion_id,
      name: viewToken.item.my_content_name
  }));

return (
  <FlatList
    onViewableItemsChanged={_onViewableItemsChanged}
    viewabilityConfig={_viewabilityConfig}
    ...
  />
);
~~~

### Content objects

In many cases, the Typescript library expects `Object`s as arguments to represent content. For these content objects, the library expects the following keys:
1. (Required) `content_id`, `contentId`, or `_id` should contain a unique identifier for the content. This identifier can be anything from your system.
2. (Optional) `insertion_id`, or `insertionId` should contain the insertion ID as provided by Promoted for inserted content.
3. (Optional) `name` can contain a human-readable name for the content, and can be used for debugging purposes. This field is not sent to backends.

If your content objects contain additional data, we recommend filtering out all data except the above:

~~~js
const contentList = myViewableItems.map(i => ({
  content_id: i.my_content_id,
  insertion_id: i.promoted_insertion_id,
  name: i.my_content_name
}));
PromotedMetrics.collectionViewDidChange(contentList, "MyListIdentifier");
~~~
npm package: @promotively/eslint-config
Description: Shareable eslint config.
Author: Steven Ewing
Latest version: 3.0.0

[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![NPM Version](https://badge.fury.io/js/%40promotively%2Feslint-config.svg)](https://badge.fury.io/js/%40promotively%2Feslint-config)
[![GitHub Issues](https://img.shields.io/github/issues/promotively/eslint-config.svg)](https://github.com/promotively/eslint-config/issues)
[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/promotively/eslint-config.svg)](https://GitHub.com/promotively/eslint-config/pull/)

# @promotively/eslint-config

Shareable eslint config.

## Installation

With Yarn

`yarn add -D @promotively/eslint-config`

With NPM

`npm install -D @promotively/eslint-config`

## Setup

Add package to your eslint config file.

```json
{
  "extends": ["@promotively/eslint-config"]
}
```

## Contact

Feel free to reach out using any of the below methods:

- [GitHub](https://github.com/promotively)
- [FaceBook](https://facebook.com/promotively)
- [Twitter](https://twitter.com/promotively)
- [LinkedIn](https://linkedin.com/company/promotively)
- [Website](https://promotively.com).
- [Email](mailto:hello@promotively.com)

## License

MIT
npm package: @promotively/eslint-config-react
Description: Shareable eslint config.
Author: Steven Ewing
Latest version: 2.0.0

[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![NPM Version](https://badge.fury.io/js/%40promotively%2Feslint-config-react.svg)](https://badge.fury.io/js/%40promotively%2Feslint-config-react)
[![GitHub Issues](https://img.shields.io/github/issues/promotively/eslint-config-react.svg)](https://github.com/promotively/eslint-config-react/issues)
[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/promotively/eslint-config-react.svg)](https://GitHub.com/promotively/eslint-config-react/pull/)

# @promotively/eslint-config-react

Shareable eslint config.

## Installation

With Yarn

`yarn add -D @promotively/eslint-config-react`

With NPM

`npm install -D @promotively/eslint-config-react`

## Setup

Add package to your eslint config file.

```json
{
  "extends": ["@promotively/eslint-config-react"]
}
```

## Contact

Feel free to reach out using any of the below methods:

- [GitHub](https://github.com/promotively)
- [FaceBook](https://facebook.com/promotively)
- [Twitter](https://twitter.com/promotively)
- [LinkedIn](https://linkedin.com/company/promotively)
- [Website](https://promotively.com).
- [Email](mailto:hello@promotively.com)

## License

MIT
npm package: @promotively/prettier-config
Description: Shareable prettier config.
Author: Steven Ewing
Latest version: 1.2.0

[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![NPM Version](https://badge.fury.io/js/%40promotively%2Fprettier-config.svg)](https://badge.fury.io/js/%40promotively%2Fprettier-config)
[![GitHub Issues](https://img.shields.io/github/issues/promotively/prettier-config.svg)](https://github.com/promotively/prettier-config/issues)
[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/promotively/prettier-config.svg)](https://GitHub.com/promotively/prettier-config/pull/)

# @promotively/stylelint-config

Shareable prettier config.

## Installation

With Yarn

`yarn add -D @promotively/prettier-config`

With NPM

`npm install -D @promotively/prettier-config`

## Setup

Add package to your prettier config file.

```js
module.exports = "@promotively/prettier-config";
```

## Contact

Feel free to reach out using any of the below methods:

- [GitHub](https://github.com/promotively)
- [FaceBook](https://facebook.com/promotively)
- [Twitter](https://twitter.com/promotively)
- [LinkedIn](https://linkedin.com/company/promotively)
- [Website](https://promotively.com).
- [Email](mailto:hello@promotively.com)

## License

MIT
npm package: @promotively/stylelint-config
Description: Shareable stylelint config with support for styled-components.
Author: Steven Ewing
Latest version: 1.0.7

[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![NPM Version](https://badge.fury.io/js/%40promotively%2Fstylelint-config.svg)](https://badge.fury.io/js/%40promotively%2Fstylelint-config)
[![GitHub Issues](https://img.shields.io/github/issues/promotively/stylelint-config.svg)](https://github.com/promotively/stylelint-config/issues)
[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/promotively/stylelint-config.svg)](https://GitHub.com/promotively/stylelint-config/pull/)

# @promotively/stylelint-config

Shareable stylelint config with support for styled-components.

## Installation

With Yarn

`yarn add -D @promotively/stylelint-config`

With NPM

`npm install -D @promotively/stylelint-config`

## Setup

Add package to your stylelint config file.

```json
{
  "extends": ["@promotively/stylelint-config"]
}
```

## Contact

Feel free to reach out using any of the below methods:

- [GitHub](https://github.com/promotively)
- [FaceBook](https://facebook.com/promotively)
- [Twitter](https://twitter.com/promotively)
- [LinkedIn](https://linkedin.com/company/promotively)
- [Website](https://promotively.com).
- [Email](mailto:hello@promotively.com)

## License

MIT
npm package: @promots/generic-client
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.4.
Author: Lital
Latest version: 1.4.9


## Installation
`npm install @promots/generic-client`

## Using Authentication service
1. Import the AuthenticationService into the component you want to use it:
 `import { AuthenticationService } from '@promots/generic-client';`
2. Declare on the variable in the constructor:
 `constructor(private auth: AuthenticationService) { this.auth = auth}`
3. Now, you can use the method  getUrlParams() to get the uid and token of the user
 `let urlParams = this.auth.getUrlParams();`
Note: the getUrlParams() method return object that contains the uid and the token  

## Using the Header component
1. In your app.module.ts:
 add `import { HeaderModule } from '@promots/generic-client';`
 and then add HeaderModule to the imports list:
 `@NgModule({
    declarations: [
      AppComponent
      ...
    ],
    imports: [
      ...
      HeaderModule
    ],
    providers: [],
    bootstrap: [AppComponent],
  })
`
2. Add `<generic-header [title]="title"></generic-header>` to app.component.html file 

## Deployment
1. Install globally the following packs:
`npm install -g angular2-inline-template-style —save`
**if missing `npm install -g  glob --save`
**if missing `npm install -g chokidar --save`

run `npm publish`