open-index/open-npm huggingface dataset:
npm package: @shamim-ahmed/admin-sidebar
Description: Professional React hooks for WordPress admin interfaces with complete sidebar management and responsive layout control.
Author: Md Al Amin
Latest version: 0.0.6

# @shamim-ahmed/admin-sidebar

[![npm](https://img.shields.io/npm/v/@shamim-ahmed/admin-sidebar.svg)](https://www.npmjs.com/package/@shamim-ahmed/admin-sidebar) [![downloads](https://img.shields.io/npm/dm/@shamim-ahmed/admin-sidebar.svg)](https://www.npmjs.com/package/@shamim-ahmed/admin-sidebar) [![License](https://img.shields.io/npm/l/@shamim-ahmed/admin-sidebar.svg)](https://www.npmjs.com/package/@shamim-ahmed/admin-sidebar) [![Bundle Size](https://img.shields.io/bundlephobia/minzip/@shamim-ahmed/admin-sidebar)](https://bundlephobia.com/package/@shamim-ahmed/admin-sidebar) [![TypeScript](https://img.shields.io/badge/types-Typescript-blue)](https://www.typescriptlang.org/)

Professional React hooks for WordPress admin interfaces with complete sidebar management and responsive layout control.

## Features

✨ **Dual Hook System**
- `useActiveAdminMenu` - Intelligent menu highlighting
- `useAdminSidebarLayout` - Real-time sidebar state tracking

🚀 **Seamless Integration**
- HashRouter support
- Automatic responsive layout adjustments

⚡ **Performance Optimized**
- Lightweight (under 2KB gzipped)
- Zero unnecessary re-renders
- Efficient DOM operations

---

## Installation

```bash
npm install @shamim-ahmed/admin-sidebar react-router-dom
# or
yarn add @shamim-ahmed/admin-sidebar react-router-dom
```

---

## Usage

### With React Router

```tsx
import { HashRouter, useLocation, useNavigate, Outlet } from 'react-router-dom';
import { useActiveAdminMenu, useAdminSidebarLayout } from '@shamim-ahmed/admin-sidebar';

const Layout = () => {
	// Required hooks
	const navigate = useNavigate();
	const location = useLocation();
	const { left, top } = useAdminSidebarLayout();

	// Initialize menu management
	useActiveAdminMenu( {
		pageTopLevelID: '#toplevel_page_my-plugin',
		rootPaths: [ '#/', '#/dashboard' ],
		navigate,
		location,
	} );

	return (
		<div
			style={ {
				marginLeft: left,
				marginTop: top,
				transition: 'margin-left 0.3s ease',
			} }
		>
			<Outlet />
		</div>
	);
};

// Entry point
export default () => (
	<HashRouter>
		<Route element={ <Layout /> }>
			{ /* Add your route items */ }
		</Route>
	</HashRouter>
);
```

---

## 📚 API Reference

### `useActiveAdminMenu(config: ActiveMenuConfig)`

**Required Configuration:**

| Prop | Type | Description |
|------|------|-------------|
| `pageTopLevelID` | `string` | Exact jQuery selector for menu wrapper |
| `rootPaths` | `string[]` | Base paths (must include `#` prefix) |
| `navigate` | | From `useNavigate()` |
| `location` | | From `useLocation()` |


---

### `useAdminSidebarLayout(): SidebarLayout`

**Return Object:**

| Property | Type | Example Value |
|----------|------|--------------|
| `left` | `number` | `190px` (expanded) |
| `top` | `number` | `32px` (admin bar) |

## Contributing

Contributions are welcome! Please open an issue or submit a pull request if you'd like to contribute to the project.
npm package: @shammy911/guard-sdk
Description: Tiny server-side SDK for calling Guard API `/check`.
Latest version: 1.0.0

# Guard SDK (v1)

Tiny server-side SDK for calling Guard API `/check`.

✅ Designed for backend use (Node, Next.js API routes, server functions)  
🚫 Do not use in browsers (it requires `MASTER_KEY`)

---

## Install / Use

For v1, this SDK can live inside your Guard API repo under `./sdk`.

Import:

```ts
import { GuardClient } from "../dist/index.js";
```
npm package: @shamscorner/config-eslint
Description: Shared ESLint Config for SvelteKit projects.
Author: Shamim Hossain
Latest version: 0.0.3

# @shamscorner/config-eslint

Shared ESLint Config for SvelteKit projects.

## Installation

To install the package, run the following command in your project directory:

```bash
npm install @shamscorner/config-eslint
```
npm package: @shamscorner/config-tailwindcss
Description: Shared Tailwind CSS styles for your projects.
Author: Shamim Hossain
Latest version: 0.0.4

# @shamscorner/config-tailwindcss

Shared Tailwind CSS styles for your projects.

## Description

This package provides a shared Tailwind CSS configuration that can be used across various projects to maintain consistent styling and reduce redundancy.

## Installation

To install the package, run the following command in your project directory:

```bash
npm install @shamscorner/config-tailwindcss
```
npm package: @shamscorner/growthbook-vite
Description: GrowthBook is an open-source A/B testing platform for developers. This is a Vite library for Sveltekit.
Author: Shamim Hossain
Latest version: 0.0.2

# growthbook-vite

This is an unofficial Growthbook library for Sveltekit projects until they release their official one. This is based on their JS-sdk.

Check out the official website [`Growthbook`](https://www.growthbook.io/).

Read more about this in their official [Github repository](https://github.com/growthbook/growthbook).

## How to use

### Method 1

Run the below command to install the package.

```bash
npm i @shamscorner/growthbook-vite
```

Then import the package in your project.

```javascript
import { Growthbook } from '@shamscorner/growthbook-vite';
```

Then you have to setup everything by yourself. Follow the js-sdk documentation to setup the growthbook instance.

### Method 2

**OR**, you can import growthbook instance directly.

```javascript
import { growthbook } from '@shamscorner/growthbook-vite/setup';
```

Put the below environment variables in your `.env` file. You can update the values based on your project.

```env
PUBLIC_GROWTHBOOK_API_HOST=https://cdn.growthbook.io
PUBLIC_GROWTHBOOK_CLIENT_KEY=xxx
PUBLIC_GROWTHBOOK_IS_ENABLE_DEV_MODE=true
```

We take care of the setup for you. You can directly use the `growthbook` instance in your project.
npm package: @shamscorner/lucia-pocketbase
Description: Add a description here...
Author: Shamim Hossain
Latest version: 0.0.5

# lucia-pocketbase

A simple adapter package to help you connect to Pocketbase from your Lucia project.

## How to use

**Step 1:**

```bash
npm i @shamscorner/lucia-pocketbase
```

**Step 2:**

Import the adapter in your project.

```javascript
import { PocketbaseAdapter } from '@shamscorner/lucia-pocketbase';

const client = new PocketBase('http://127.0.0.1:8090');
const adapter = new PocketbaseAdapter(client, {
	adminUsername: admin.username, // check pocketbase admin username
	adminPassword: admin.password // check pocketbase admin password
});
```

**Step 3:**

Follow the official [guide](https://lucia-auth.com/getting-started/) to setup your Lucia project.

## License

MIT
npm package: @shamscorner/shared
Description: Shared framework agnostic utils, helpers, configs, etc.
Author: Shamim Hossain
Latest version: 0.0.2

# @shamscorner/shared

Shared framework agnostic utilities, helpers, configurations, and more.

## Description

This package provides a collection of utilities, helpers, and configurations that are framework agnostic. It is designed to be used across different JavaScript projects to ensure consistency and reusability of common functions and settings.

## Features

- Framework agnostic utilities and helpers.
- Reusable configuration files.
- Includes TypeScript definitions.

## Installation

Install the package using npm:

```bash
npm install @shamscorner/shared
```
npm package: @shamscorner/svelte-shared
Description: Shared svelte specific modules, components, etc. including auth, services, and many more.
Author: Shamim Hossain
Latest version: 0.0.2

# @shamscorner/svelte-shared

Shared svelte specific modules, components, etc. including reusable auth, services, and many more.

## Description

This package provides a collection of utilities, helpers, and configurations that are svelte specific. It is designed to be used across different svelte projects to ensure consistency and reusability of common functions and settings.

## How to use

```bash
npm i @shamscorner/svelte-shared
```

Then import the package in your project.

```javascript
import { ... } from '@shamscorner/svelte-shared';
```

## License

MIT
npm package: @shamscorner/svelte-ui
Description: Shadcn Svelte UI Reusable Components.
Author: Shamim Hossain
Latest version: 0.0.2

# @shamscorner/svelte-ui

Shadcn Svelte UI Reusable Components.

## Description

This package provides a set of reusable UI components built with Svelte, designed to be easily integrated into any Svelte project. It includes a variety of components that are styled with Tailwind CSS and can be customized to fit the design of your application.

## Features

- Reusable Svelte components
- Tailwind CSS integration for styling
- Comprehensive set of utilities for building responsive and interactive UIs
- Modular and lightweight

## How to use

**Step 1:**

Search and replace all occurrences of `svelte-ui` with the actual package name.

**Step 2:**

```bash
npm i @shamscorner/svelte-ui
```

**Step 3:**

Then import the package in your project.

```javascript
import { ... } from '@shamscorner/svelte-ui';
```

## License

MIT
npm package: @shamus03/csv-parser
Description: A basic, zero-dependency CSV parser
Author: Shamus Taylor
Latest version: 1.4.1

# csv-parser
[![npm version](http://img.shields.io/npm/v/@shamus03/csv-parser.svg?style=flat&logo=npm)](https://npmjs.org/package/@shamus03/csv-parser "View this project on npm")
[![master](https://github.com/Shamus03/csv-parser/actions/workflows/main.yml/badge.svg)](https://github.com/Shamus03/csv-parser/actions/workflows/main.yml)

A basic, zero-dependency CSV parser. Mostly just an exercise to see if I could accomplish it, but I consider it production-ready.
npm package: @shamx/wallet-lib
Description: A library for generating and managing wallets for various cryptocurrencies.
Latest version: 1.4.1

# Shamx Wallet Library

A library for generating and managing wallets for various cryptocurrencies.

## Installation

```bash
npm install @shamx/wallet-lib
```

If you want to use this library in React Native, you can use the following command:

```bash
expo install react-native-quick-crypto
expo prebuild
```

This will install crypto libraries for React Native.

## Supported Networks

> **Note:** This library is currently in beta

- Bitcoin
- Ethereum
- Ripple
- Litecoin
- Dogecoin
- Solana
- Tron

## Usage

```typescript
import GenericWallet from "@shamx/wallet-lib";

// Generate a new wallet
const wallet = new GenericWallet();

// Or, import an existing wallet from a mnemonic
const wallet = new GenericWallet(
  "brisk rude photo million repair crush now hub bitter bacon talk seat",
);

const bitcoinAddress = wallet.bitcoin.getAddress();
const ethereumAddress = wallet.ethereum.getAddress();
// ...
```

# License

MIT

## Author

Shamx - Ray Orolé
npm package: @shamxl/mail-ts
Description: Easy to setup, simple, smtp server written in typescript
Author: shamxl
Latest version: 1.1.1

# Mail-TS

<img src=".assets/mailts.png" />

**Easy to setup, simple, smtp server written in typescript.**

# Installation

## npm

```shell
$ npm i -g @shamxl/mail-ts
```

## mannual

```shell
$ git clone https://github.com/shamxl/mail-ts
$ cd mail-ts
$ npm rum build
$ chmod +x ./dist/index.js
$ npm link
```

# Usage

```
$ mail-ts --help
Options:
      --help            Show help                                      [boolean]
      --version         Show version number                            [boolean]
  -p, --port            Set port for smtp server, default 2525
                                                        [number] [default: 2525]
  -h, --hostname        Set hostname for smtp server, default localhost
                                                 [string] [default: "localhost"]
  -u, --users           Set users for smtp server eg: mail-ts -u admin guest
                                            [array] [default: ["admin","guest"]]
  -v, --verbose         Set debug mode, default to false
                                                      [boolean] [default: false]
  -m, --welcomeMessage  Set welcome message, default to `Mail Ts ready.`
                                            [string] [default: "Mail Ts ready."]
  -s, --silent          Disable all loggings except emails, default to false
                                                      [boolean] [default: false]
```

## Example usage

```
$ mail-ts
```