open-index/open-npm huggingface dataset:
npm package: @markgrama/next-audit
Description: A CLI tool to check SSR compatibility and integration issues in Next.js projects.
Author: Mark Grama hello@markgrama.dev
Latest version: 1.0.0

# 🧸 next-audit

> Your cute CLI assistant for Next.js dependency checks

---

Hi! I’m `next-audit` — a tiny CLI tool that scans your project dependencies and helps you catch SSR issues in your Next.js app.

Whether you're a beginner or experienced dev, I’ll show you what might break during server-side rendering and how to fix it — with smiles 😇

---

## ✨ Features

- ✅ Detects SSR-incompatible libraries
- 🧠 Explains the problem (why it fails on server)
- 💡 Suggests how to fix it with code
- 📝 Generates reports (HTML, Markdown, JSON)
- 🌍 Works in English 🇺🇸 and Russian 🇷🇺
- 💻 Supports Node.js 18+ and ESM

---

## 📦 Install and use (no setup)

```bash
npx @markgrama/next-audit analyze --explain
npm package: @markhaehnel/resolver-pipe
Description: A simple pipe with validation
Author: Mark Hähnel
Latest version: 1.1.3

# Resolver Pipe

<img src="https://upload.wikimedia.org/wikipedia/commons/4/4c/Typescript_logo_2020.svg" alt="TypeScript logo" align="right" height="32" width="32"/>

<a href="https://www.npmjs.com/package/@markhaehnel/resolver-pipe" rel="nofollow"><img alt="npm" src="https://img.shields.io/npm/v/@markhaehnel/resolver-pipe"></a>
<a href="https://github.com/markhaehnel/resolver-pipe/actions"><img src="https://github.com/markhaehnel/resolver-pipe/actions/workflows/ci.yml/badge.svg?event=push&branch=main" alt="Resolver Pipe CI Status" /></a>
<a href="https://opensource.org/licenses/MIT" rel="nofollow"><img src="https://img.shields.io/github/license/markhaehnel/resolver-pipe" alt="License"></a>

<br />

This is a functional pipe that makes it easier and cleaner to write complex resolvers in TypeScript. A pipe automatically pipes the output of one function into the next function.

Including a wrapper for easy input validation with [zod](https://github.com/colinhacks/zod).

## Installation

To install resolver-pipe:

```bash
npm install @markhaehnel/resolver-pipe
```

## Usage

```ts
import resolver from "@markhaehnel/resolver-pipe";

const myPipe = resolver.pipe(
  (a: number, b: number) => a + b,
  (id: number) => `/article/${id}`
);

await myPipe(1, 3); // => "/article/4"
```

### With validation

```ts
import resolver from "@markhaehnel/resolver-pipe";
import { z } from "zod";

const SearchProductParams = z.object({
  query: z.string().min(2),
  maxPrice: z.number().positive(),
  limit: z.number().int().optional(),
});

const searchProductPipe = resolver.pipe(
  resolver.zod(SearchProductParams),
  normalizeQuery,
  makeSearchRequest,
  filterProducts
);

// throws if validation fails
await searchProductPipe({ query: "usb charger", maxPrice: 16.5 });
```

## Mentions

This is heavily inspired by the [resolver pipe](https://blitzjs.com/docs/resolver-server-utilities#resolver-pipe) of [blitz.js](https://blitzjs.com/). ❤️

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

Created by Mark Hähnel and released under the terms of the [MIT](https://choosealicense.com/licenses/mit/)
npm package: @markharrison/markjsparticles
Description: A reusable ui system for canvas applications.
Author: Mark Harrison
Latest version: 1.20251104.2

# MarkJSParticles

💥 A lightweight JavaScript library for creating particle effects on HTML5 Canvas, designed for web games and interactive applications.

[![npm version](https://img.shields.io/npm/v/%40markharrison%2Fmarkjsparticles)](https://www.npmjs.com/package/@markharrison/markjsparticles)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Overview

MarkJSParticles provides a simple, dependency-free API for adding particle-based animations (explosions, confetti, fireworks) to your web applications. Built specifically for canvas-based projects and games.

## Key Features

• 🚀 **Modern ES Modules** - Clean, dependency-free JavaScript library
• 💥 **Multiple Effect Types** - Explosion, confetti, and fireworks built-in
• 🎨 **Highly Customizable** - Control particle count, speed, size, colors, and physics
• ⚡ **Performance Optimized** - Automatic particle lifecycle management
• 🎮 **Game Loop Integration** - Designed to work with external render loops
• 🌈 **Visual Effects** - Glow effects, particle shapes, and smooth animations
• 📱 **Browser Compatible** - Works in all modern browsers with Canvas support

## Installation

```bash
npm install @markharrison/markjsparticles --save
```

## Quick Start

```javascript
import { MarkJSParticles } from "@markharrison/markjsparticles";

const canvas = document.getElementById("myCanvas");
const pm = new MarkJSParticles(canvas);

// Add explosion on click
canvas.addEventListener("click", (e) => {
  const rect = canvas.getBoundingClientRect();
  const x = e.clientX - rect.left;
  const y = e.clientY - rect.top;
  pm.addEffect("explosion", [x, y], {
    particlesPerExplosion: 50,
    particlesMinSpeed: 2,
    particlesMaxSpeed: 8,
  });
});

// Game loop
function gameLoop(deltaTime) {
  pm.update(deltaTime);
  pm.render();
  requestAnimationFrame(gameLoop);
}
requestAnimationFrame(gameLoop);
```

## Available Effects

• **Explosion** - Particles radiate outward and fall under gravity
• **Confetti** - Colorful pieces with sway and rotation (squares, ribbons, circles, stars)
• **Fireworks** - Upward launch particles that burst at peak height

## Documentation

📖 [Complete Documentation](./markjsparticles.md) - Detailed API reference, examples, and configuration options

## Test Application

🎮 Interactive demo showcasing all particle effects and customization options

<img width="1554" height="1431" alt="MarkJSParticles Test Application" src="https://github.com/user-attachments/assets/c0d3cdec-9348-4fcb-b7bf-b5d61fe9416a" />

Open `index.html` in your browser to explore the full range of particle effects and settings.

## License

MIT License - see [LICENSE](./LICENSE) file for details.
npm package: @markhuot/tada
Description: Display confetti on your screen
Latest version: 0.0.6

# tada

Show celebratory particles on macOS.

## Usage

Run with no flags to launch confetti:

```bash
tada
```

Available particle mode flags:

- `--confetti` Force confetti mode.
- `--snow` Launch white snow particles that fall from the top of the screen.
- `--balloons` Launch floating balloon particles instead of confetti.
- `--fire` Launch a one-second flame burst that burns out quickly.
- `--random` Randomly choose confetti, snow, balloons, or fire for each run.

If no particle flag is provided, the default is `--confetti` behavior.

## Balloon mode details

Balloon particles are tuned differently from confetti:

- Balloons rise upward and continue off the top of the screen.
- Balloons use partially transparent colors from the confetti palette.
- Balloons include subtle radial gradients with an offset highlight for a more 3D look.
npm package: @markis/rollup-plugin-typescript
Description: Seamless integration between Rollup and TypeScript.
Author: Oskar Segersvärd
Latest version: 0.8.1-dev.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# rollup-plugin-typescript
[![Build Status](https://travis-ci.org/rollup/rollup-plugin-typescript.svg?branch=master)](https://travis-ci.org/rollup/rollup-plugin-typescript)
![npm-version](https://img.shields.io/npm/v/rollup-plugin-typescript.svg?maxAge=2592000)
![npm-monthly-downloads](https://img.shields.io/npm/dm/rollup-plugin-typescript.svg?maxAge=2592000)
![npm-dependencies](https://img.shields.io/david/rollup/rollup-plugin-typescript.svg?maxAge=2592000)

Seamless integration between Rollup and Typescript.

## Why?
See [rollup-plugin-babel](https://github.com/rollup/rollup-plugin-babel).

## Installation

```bash
npm install --save-dev rollup-plugin-typescript
```

## Usage

```js
// rollup.config.js
import typescript from 'rollup-plugin-typescript';

export default {
  entry: './main.ts',

  plugins: [
    typescript()
  ]
}
```

The plugin loads any [`compilerOptions`](http://www.typescriptlang.org/docs/handbook/compiler-options.html) from the `tsconfig.json` file by default. Passing options to the plugin directly overrides those options.

The following options are unique to `rollup-plugin-typescript`:

* `options.include` and `options.exclude` (each a minimatch pattern, or array of minimatch patterns), which determine which files are transpiled by Typescript (all `.ts` and `.tsx` files by default).

* `tsconfig` when set to false, ignores any options specified in the config file

* `typescript` overrides TypeScript used for transpilation

### TypeScript version
[TypeScript 1.8.9](https://github.com/Microsoft/TypeScript/wiki/Roadmap#18) is used by default. Should your project require it, you can override the TypeScript version used for _transpiling the sources_.

```js
typescript({
  typescript: require('some-fork-of-typescript')
})
```

## Issues
Emit-less types, see [#28](https://github.com/rollup/rollup-plugin-typescript/issues/28).
npm package: @markishh/super-env
Description: Secure environment toolkit - cascading loader, encryption, secret detection, type coercion, and more
Author: Markish R
Latest version: 1.0.0

# super-env

A secure, batteries-included environment variable toolkit for Node.js. Drop-in replacement for `dotenv` with cascading, type coercion, encryption, and more.

## Features

- **Drop-in dotenv replacement** - Works with existing code
- **Cascading file discovery** - Perfect for monorepos
- **JSON config support** - Flatten nested JSON to env vars
- **Type coercion** - int, float, bool, date, json, array, url, port, enum
- **Variable interpolation** - `${VAR}` and `${VAR:-default}`
- **AES-256-GCM encryption** - Secure your `.env` files
- **Secret detection** - Scan for leaked secrets
- **Value redaction** - Mask secrets in logs
- **File watching** - Hot-reload on changes
- **Type generation** - Generate TypeScript from `.env`
- **CLI tools** - encrypt, decrypt, scan, diff, and more

## Installation

```bash
npm install super-env
```

## Quick Start

```typescript
// Drop-in replacement for dotenv
import { config } from 'super-env';
config();

// Or with full features
import { loadEnv } from 'super-env';

const { env } = loadEnv({
  depth: -1,                      // Traverse up to monorepo root
  stopAt: 'pnpm-workspace.yaml',
  files: ['.env', 'config.json'],
  json: { flatten: 'uppercase' },
});

// Typed access
const port = env.port('PORT', 3000);
const debug = env.bool('DEBUG', false);
const hosts = env.array('ALLOWED_HOSTS', ',');
```

## CLI

```bash
super-env check .env          # Validate env file
super-env scan .env           # Detect secrets
super-env encrypt .env        # Encrypt file
super-env decrypt .env.enc    # Decrypt file
super-env types .env          # Generate TypeScript
super-env diff .env .env.prod # Compare files
```

## Documentation

| Guide | Description |
|-------|-------------|
| [Getting Started](docs/getting-started.md) | Installation and basic usage |
| [Type Coercion](docs/type-coercion.md) | Typed env accessors |
| [Cascading](docs/cascading.md) | Monorepo and multi-file support |
| [JSON Config](docs/json-config.md) | Loading JSON configuration files |
| [Interpolation](docs/interpolation.md) | Variable references |
| [Encryption](docs/encryption.md) | Encrypting env files |
| [Secret Detection](docs/secret-detection.md) | Scanning for secrets |
| [Redaction](docs/redaction.md) | Masking sensitive values |
| [File Watching](docs/file-watching.md) | Hot-reload support |
| [Type Generation](docs/type-generation.md) | TypeScript/JS codegen |
| [CLI Reference](docs/cli.md) | Command-line tools |
| [API Reference](docs/api.md) | Full API documentation |

## License

MIT
npm package: @markjm/execr
Description: Utility to streamline exec calls
Author: Mark Molinaro
Latest version: 1.6.0

# Execr
## Simple node process management tool for short-lived processes

**Execr** is intended to simplify the `child_process` `spawn` commands for use in the 99% of cases, where you don't want to worry about the specifics of managing the process.
> Execr is not intended to manage long-running processes.

## Install
```
$ yarn add @markjm/execr
```

## Usage
```js
const { exec, execAsync, wrap } = require('@markjm/execr');

// Sync version to quickly grab
const branch = exec("git", ["branch"]).stdout;

// Async version
execAsync("yarn", ["workspaces", "info"]).then({ stdout } => console.log(stdout));

// Wrap a command for simple access to very nested sub-commands.
const az = wrap("az");
az.artifacts.universal.download(["--file", "my-file"]);

// Actually, this will take a while, lets make it async...
const az = wrapAsync("az");
az.artifacts.universal.download(["--file", "my-file"]).then({ status } => console.log(status));

// If a failure is expected...
const errMsg = exec("git", ["push"], { failOnError: false }).stderr;

// Memoize expensive calls...
const files = exec("git", ["ls-files"], { memoize: true }).stdout.split("\n");
```
npm package: @markjndvlpr/uikit
Description: Set of UI components for fera projects
Latest version: 0.0.4

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
# ui-kit
npm package: @markkauffman/bbrest
Description: Make all REST API calls to Blackboard Learn Server. Based off similar work by Matthew Deakyne for Python.
Author: Mark Bykerk Kauffman
Latest version: 0.2.4

Author: Mark Bykerk Kauffman
Purpose: Convert bbrest.py Matthew Deakyne's Python package to a similar package for JavaScript
Motivation: Matt's library is the most complete/fleixble I've seen. It reads in the Swagger doc 
for the Learn version you are running against and dynamically generates the client at run time.

Reference & Credits:
https://github.com/AinTunez/bb-rest
https://github.com/blackboard/BBDN-REST-AlexaSkill-Node
https://github.com/mdeakyne/BbRest/blob/master/bbrest.py
npm package: @markkevinm690/markktea
Description: Quest for tea.xyz
Author: @markkevinm690
Latest version: 1.0.1

- Cài đặt nodejs và npm tại https://nodejs.org/en

- Tải file và lưu ở desktop

- Truy cập github.com tạo repository với tên tea-xyz-quest (Phải để repo public)

- Truy cập https://www.npmjs.com để tạo tài khoản

- Sửa file package.json, theo format
  - name => @username_npm/tea-xyz-quest 
  - author => @username_npm
  - repository => link tới repo github vừa tạo

- Truy cập repo github vừa tạo và upload cả folder vừa sửa lên Github

- Mở terminal, gõ lệnh "npm -v" để kiểm tra xem đã cài đặt thành công npm ở bước 1 chưa

- Gõ tiếp lệnh "cd Desktop/tea-xyz-quest" để trỏ tới thư mục code 

- "npm login" => Có 1 đường dẫn để bấm vào sẽ mở trình duyệt dẫn tới web login npm

- Sau khi login thành công gõ lệnh "npm publish --access public" để public package lên npm publish. 

- Truy cập app.tea.xyz => Register a New OSS Project

- Tìm kiếm tên package vừa tạo. . Bước này có thể mất tới 2-3 ngày để package mới xuất hiện trên hệ thống của tea.xyz

- Sau đó tea sẽ cho 1 file có tên tea.yaml, tải về và quay lại repo github, upload tiếp file đó lên là xong
npm package: @markkevinm690/mrksum
Description: Một thư viện giúp bạn tính tổng của 2 số bất kỳ
Author: @markkevinm690
Latest version: 1.0.1

- Cài đặt nodejs và npm tại https://nodejs.org/en

- Tải file và lưu ở desktop

- Truy cập github.com tạo repository với tên tea-xyz-quest (Phải để repo public)

- Truy cập https://www.npmjs.com để tạo tài khoản

- Sửa file package.json, theo format
  - name => @username_npm/tea-xyz-quest 
  - author => @username_npm
  - repository => link tới repo github vừa tạo

- Truy cập repo github vừa tạo và upload cả folder vừa sửa lên Github

- Mở terminal, gõ lệnh "npm -v" để kiểm tra xem đã cài đặt thành công npm ở bước 1 chưa

- Gõ tiếp lệnh "cd Desktop/tea-xyz-quest" để trỏ tới thư mục code 

- "npm login" => Có 1 đường dẫn để bấm vào sẽ mở trình duyệt dẫn tới web login npm

- Sau khi login thành công gõ lệnh "npm publish --access public" để public package lên npm publish. 

- Truy cập app.tea.xyz => Register a New OSS Project

- Tìm kiếm tên package vừa tạo. . Bước này có thể mất tới 2-3 ngày để package mới xuất hiện trên hệ thống của tea.xyz

- Sau đó tea sẽ cho 1 file có tên tea.yaml, tải về và quay lại repo github, upload tiếp file đó lên là xong
npm package: @markkevinm690/mrktea
Description: A special Quest for tea.xyz
Author: @markkevinm690
Latest version: 1.0.0

- Cài đặt nodejs và npm tại https://nodejs.org/en

- Tải file và lưu ở desktop

- Truy cập github.com tạo repository với tên tea-xyz-quest (Phải để repo public)

- Truy cập https://www.npmjs.com để tạo tài khoản

- Sửa file package.json, theo format
  - name => @username_npm/tea-xyz-quest 
  - author => @username_npm
  - repository => link tới repo github vừa tạo

- Truy cập repo github vừa tạo và upload cả folder vừa sửa lên Github

- Mở terminal, gõ lệnh "npm -v" để kiểm tra xem đã cài đặt thành công npm ở bước 1 chưa

- Gõ tiếp lệnh "cd Desktop/tea-xyz-quest" để trỏ tới thư mục code 

- "npm login" => Có 1 đường dẫn để bấm vào sẽ mở trình duyệt dẫn tới web login npm

- Sau khi login thành công gõ lệnh "npm publish --access public" để public package lên npm publish. 

- Truy cập app.tea.xyz => Register a New OSS Project

- Tìm kiếm tên package vừa tạo. . Bước này có thể mất tới 2-3 ngày để package mới xuất hiện trên hệ thống của tea.xyz

- Sau đó tea sẽ cho 1 file có tên tea.yaml, tải về và quay lại repo github, upload tiếp file đó lên là xong