open-index/open-npm huggingface dataset:
npm package: @inspectorium/server
Description: inspectorium server
Author: Quramy
Latest version: 0.1.2

# inspectorium/server

## Install

```sh
$ npm install @inspectorium/server
```

## Setup

You should tell *inspectorium server* a Language Server. The Language Server should be a implementation of [LSP](https://microsoft.github.io/language-server-protocol/implementors/servers/). And you can configure it with `inspectorium.yml`.

For example:

```yaml
# inspectorium.yml

# port: 4000  # web server port
# projectRoot: "." # project root directory
languageServer:
  # command to run LSP server
  command: typescript-language-server
  args:
    - "--stdio"
```

## Start inspectorium-server

```
$ inspectorium-server
```

Or you can also specify a config yaml file name.

```
$ inspectorium-server -c inspectorium.yml
```

## License
MIT
npm package: @inspectph/react-toast-sileo
Description: React hook wrapper for Sileo toast
Latest version: 0.0.2

# @inspect/react-toast-sileo

A lightweight React hook wrapper for Sileo that provides a cleaner,
reusable, and configurable toast API.

Built to eliminate repetitive configuration and enforce consistent toast
styling across applications.

---

## ✨ Features

- Clean `useToast()` API
- Built-in default styling
- Supports `success`, `error`, `info`, `warning`
- Supports `icon` and `action`
- Supports `toast.promise`
- Fully typed (TypeScript)
- Tree-shakeable
- ESM + CJS compatible
- Only compiled `dist/` is published to npm

---

## 📦 Installation

```bash
npm install @inspect/react-toast-sileo
```

### Peer Dependencies

This library requires:

- react \>= 18
- sileo \>= 0.1.5

Install them if not already installed:

```bash
npm install react sileo
```

---

## 🚀 Setup

Make sure you mount the Sileo `<Toaster />` once in your app:

```tsx
import { Toaster } from "sileo";

function App() {
  return (
    <>
      <Toaster />
      {/* rest of your app */}
    </>
  );
}
```

---

## 🔥 Usage

### Basic Usage

```tsx
import { useToast } from "@inspect/react-toast-sileo";

function Example() {
  const { success } = useToast();

  return (
    <button onClick={() => success("Success!", "Your action was successful.")}>
      Show Toast
    </button>
  );
}
```

---

### Object Form

```tsx
success({
  title: "Saved!",
  description: "Profile updated",
});
```

---

### With Icon

```tsx
success({
  title: "Saved!",
  icon: <CheckIcon />,
});
```

---

### With Action

```tsx
success({
  title: "Item deleted",
  action: {
    label: "Undo",
    onClick: () => restoreItem(),
  },
});
```

---

### Promise Toast

```tsx
const { promise } = useToast();

promise(fetchData(), {
  loading: "Loading...",
  success: "Data loaded!",
  error: "Something went wrong",
});
```

---

## 🎨 Default Configuration

By default, all toasts use:

- duration: 5000ms
- fill: "black"
- predefined title and description styles

You can override values per toast when needed.

---

## 📁 Package Contents

Only the compiled `dist/` directory is published to npm.

Source files (`src/`) and development configurations are excluded from
the published package.

---

## 🛠 Scripts

```bash
npm run build      # Build library
npm run dev        # Watch mode
npm run clean      # Remove dist folder
```

---

## 📝 License

MIT
npm package: @inspectph/reacttw-bread-crumbs
Description: A lightweight, customizable React + TailwindCSS Breadcrumbs component for modern web apps.
Author: Emmanuel Santiago
Latest version: 1.0.2

# @inspectph/reacttw-bread-crumbs

![npm version](https://img.shields.io/npm/v/@inspectph/reacttw-bread-crumbs)
![npm downloads](https://img.shields.io/npm/dm/@inspectph/reacttw-bread-crumbs)
![License](https://img.shields.io/npm/l/@inspectph/reacttw-bread-crumbs)

A lightweight, customizable **React + TailwindCSS Breadcrumbs** component for clean navigation in your apps.

---

## Features

- Built with **React** and **TailwindCSS**
- Simple API with props for customization
- Responsive and accessible by default
- Supports icons, custom separators, and styling overrides

---

## Installation

```bash
npm install @inspectph/reacttw-bread-crumbs
```

or with Yarn:

```bash
yarn add @inspectph/reacttw-bread-crumbs
```

---

## Usage

```tsx
import React from "react";
import { Breadcrumbs } from "@inspectph/reacttw-bread-crumbs";

function App() {
  const items = [
    { label: "Home", href: "/" },
    { label: "Dashboard", href: "/dashboard" },
    { label: "Settings", href: "/settings" },
  ];

  return (
    <div className="p-4">
      <Breadcrumbs items={items} separator="›" />
    </div>
  );
}

export default App;
```

---

## Props

| Prop        | Type                                      | Default | Description                       |
| ----------- | ----------------------------------------- | ------- | --------------------------------- |
| `items`     | `Array<{ label: string; href?: string }>` | `[]`    | List of breadcrumb items          |
| `separator` | `string`                                  | `/`     | Symbol between items              |
| `className` | `string`                                  | `""`    | Add custom Tailwind/extra classes |

---

## Example with Tailwind Styling

```tsx
<Breadcrumbs
  items={[
    { label: "Home", href: "/" },
    { label: "Blog", href: "/blog" },
    { label: "Post Title" },
  ]}
  separator="→"
  className="text-sm text-gray-600"
/>
```

---

## Roadmap

- [ ] Add support for custom icons
- [ ] Add ARIA enhancements
- [ ] Add support for dark mode out of the box

---

## Contributing

Contributions are welcome!
Feel free to open issues and submit PRs.

---

## License

MIT © [inspectph](https://github.com/inspect07)