open-index/open-npm huggingface dataset:
npm package: @phonehtut/react-native-sonner
Description: A simple and customizable toast notification system for React Native applications
Author: Phone Htut Khaung
Latest version: 0.0.5

# React Native Toast Notification

A simple and customizable toast notification system for React Native applications.

## Installation

```bash
npm i @phonehtut/react-native-sonner
# or
yarn add @phonehtut/react-native-sonner
```

## Dependencies

This package requires the following peer dependencies:
- react
- react-native
- moti
- @expo/vector-icons
- tailwind-merge

## Usage

1. Wrap your app with the `ToastProvider`:

```tsx
import { ToastProvider } from '@phonehtut/react-native-sonner';

export default function App() {
  return (
    <ToastProvider>
      {/* Your app components */}
    </ToastProvider>
  );
}
```

2. Use the `useToastContext` hook to show toasts:

```tsx
import { useToastContext } from '@phonehtut/react-native-sonner';

function MyComponent() {
  const { showToast } = useToastContext();

  const handleSuccess = () => {
    showToast('Operation successful!', 'success');
  };

  const handleError = () => {
    showToast('Something went wrong!', 'error');
  };

  const handleInfo = () => {
    showToast('Here is some information', 'info');
  };

  return (
    // Your component JSX
  );
}
```

## API

### ToastProvider

The provider component that enables toast functionality throughout your app.

### useToastContext

A hook that provides access to the toast functionality:

```tsx
const { showToast, toasts, removeToast } = useToastContext();
```
### Add tailwind config

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,jsx,ts,tsx}",
    "./components/**/*.{js,jsx,ts,tsx}",
    "./node_modules/@phonehtut/react-native-sonner/**/*.{js,jsx,ts,tsx}" /*Add this*/
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {},
  },
  plugins: [],
}
```

#### showToast(message: string, type?: 'success' | 'error' | 'info', duration?: number)

Shows a toast notification:
- `message`: The message to display
- `type`: The type of toast ('success', 'error', or 'info')
- `duration`: How long the toast should be visible (in milliseconds, default: 3000)

## License

MIT
npm package: @phonesoap/eslint-config
Description: Eslint rules for PhoneSoap JS Products
Latest version: 1.0.3

# PhoneSoap JS Linting Rule Set

## Including this rule set in a new project

From the command line:

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

(replace `<latest-version>` with the latest release version at [PhoneSoap ESLint Config](https://github.com/PhoneSoap-SE/eslint-config-phonesoap))

In your eslint config file:

```json
...
"extends": [
    "@phonesoap/eslint-config"
]
...
```

You can then add rules or configuration on top of this config as needed.

## Modifying this rule set

We'll naturally make changes to rules as we define/discover our needs. Immediate changes to rules should be made in individual projects. Once we feel a rule is stable in one or more projects, we'll update it here.

## Releases

Use github's built-in release management tool. Let's keep the version in `package.json` consistent with the release version. I.e. before you create a new release, update the version in `package.json`.
npm package: @phong911/my-react-lib
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: phong911
Latest version: 1.0.0

# 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) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.