open-index/open-npm huggingface dataset:
npm package: @jhubbardsf/sonner
Description: An opinionated toast component for React (Fork with logging)
Author: Emil Kowalski
Latest version: 2.0.8

https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0

[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).

## Usage

To start using the library, install it in your project:

```bash
npm install sonner
```

Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
After that you can use `toast()` from anywhere in your app.

```jsx
import { Toaster, toast } from 'sonner';

// ...

function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('My first toast')}>Give me a toast</button>
    </div>
  );
}
```

## Console Logging

For debugging and automated testing, you can enable console logging of all toast events:

```jsx
// Via Toaster prop
<Toaster consoleLog />

// Or via global configuration
toast.configure({ enabled: true });
```

Options:
- `consoleLog`: Enable console logging
- `consoleLogFormat`: `'human'` (default) or `'json'` for structured output

Human-readable output:
```
[sonner:success] Payment processed (id: 3)
[sonner:dismiss] Toast dismissed (id: 3)
```

JSON output (for automated tools):
```json
{"event":"create","id":3,"type":"success","title":"Payment processed","timestamp":1703...}
```

## Documentation

Find the full API reference in the [documentation](https://sonner.emilkowal.ski/getting-started).
npm package: @jhubbardsf/vite-plugin-svelte-inspector
Description: ![logo](https://github.com/tanhauhau/vite-plugin-svelte-inspector/blob/master/src/logo.png?raw=true)
Latest version: 0.2.8



![logo](https://github.com/tanhauhau/vite-plugin-svelte-inspector/blob/master/src/logo.png?raw=true)

# vite-plugin-svelte-inspector 

Play with the [LIVE DEMO](https://stackblitz.com/edit/sveltejs-kit-template-default-gnpnjl).

## Installation

```sh
# pnpm
pnpm install @jhubbardsf/vite-plugin-svelte-inspector -D

# yarn
yarn add @jhubbardsf/vite-plugin-svelte-inspector -D

# npm
npm install @jhubbardsf/vite-plugin-svelte-inspector -D
```

## Usage
In this fork you can add an optional zIndex parameter to change the z-index on the enable bottom.

Also, meta + shift (command+shift on Mac) will enable/disable the inspector.


### Add it to the plugins array in your SvelteKit vite.config file.

```js
// filename: vite.config.js
import Inspector from '@jhubbardsf/vite-plugin-svelte-inspector';


/** @type {import('vite').UserConfig} */
const config = {
	plugins: [Inspector({ enabled: false, zIndex: 999 })],
}
```

### License

[MIT](/LICENSE)

> If you are using Svelte (haven't got it to work with sveltekit) `vite-plugin-svelte`, use the `inspector` options instead:
> https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#inspector