open-index/open-npm huggingface dataset:
npm package: @ppphiiil/mvp-system
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: ppphiiil
Latest version: 0.1.112

# Getting Started

## Available Scripts

In the project directory, you can run:

### `npm run storybook`
to see the components


### update Library

`npm storybook` - Test your component
`npm run build` - Build with rollup
Update your package.json version
`npm login` - Login to your npm Account
`npm publish --access public` - publish 


### Install Package
`npm i @ppphiiil/mvp-system`


### link firebase
npm link firebase
npm package: @ppreeper/neokit
Description: An Astro component library extending DaisyUI and Tailwind CSS v4.
Author: Peter Preeper
Latest version: 1.0.3

# neokit

An [Astro](https://astro.build) component library built on [DaisyUI](https://daisyui.com) and [Tailwind CSS v4](https://tailwindcss.com). Adds an Astro integration that automatically injects Tailwind + DaisyUI into your project — no manual CSS imports needed.

## Installation

```sh
bun add @ppreeper/neokit
# or
npm install @ppreeper/neokit
```

## Setup

Add the integration to your `astro.config.mjs`:

```js
// astro.config.mjs
import { defineConfig } from 'astro/config';
import neokit from '@ppreeper/neokit';

export default defineConfig({
  integrations: [
    neokit({
      themes: ['light', 'dark'],  // DaisyUI themes — true = all, false = none
      fontSize: '16px',           // base font-size on <html>, or false to skip
    }),
  ],
});
```

That's it. Tailwind CSS v4 and DaisyUI are injected automatically — no `@import` in your layouts required.

## Usage

Import any component directly by path:

```astro
---
import Button from '@ppreeper/neokit/components/Button.astro';
import Card from '@ppreeper/neokit/components/Card.astro';
import Badge from '@ppreeper/neokit/components/Badge.astro';
---

<Button color="primary">Click me</Button>

<Card classes="w-80 card-border shadow">
  <div class="card-body">
    <h2 class="card-title">Hello</h2>
    <Badge color="success">New</Badge>
  </div>
</Card>
```

You can also import from the barrel (named exports):

```ts
import { Button, Card, Badge } from '@ppreeper/neokit';
```

## Components

All 61 components map 1:1 to DaisyUI's component list.

### Actions
`Button` · `Dropdown` · `Modal` · `Swap` · `ThemeController`

### Data Display
`Accordion` · `Avatar` · `Badge` · `Card` · `Carousel` · `ChatBubble` · `Collapse` · `Countdown` · `Diff` · `Kbd` · `List` · `Stat` · `Stats` · `Status` · `Table` · `Timeline`

### Navigation
`Breadcrumbs` · `Dock` · `Menu` · `Navbar` · `Pagination` · `Steps` · `Tabs`

### Feedback
`Alert` · `Loading` · `Progress` · `Skeleton` · `Toast` · `Tooltip`

### Data Input
`Checkbox` · `FileInput` · `Input` · `Radio` · `Range` · `Rating` · `Select` · `Textarea` · `Toggle`

### Layout
`Artboard` · `Divider` · `Drawer` · `Footer` · `Hero` · `Indicator` · `Join` · `Mask` · `Stack`

### Mockup
`MockupBrowser` · `MockupCode` · `MockupPhone` · `MockupWindow`

## Integration options

| Option | Type | Default | Description |
|---|---|---|---|
| `themes` | `boolean \| string[]` | `["light", "dark"]` | DaisyUI themes to enable. `true` = all, `false` = none. |
| `fontSize` | `string \| false` | `"16px"` | Base font-size set on `<html>`. Pass `false` to skip. |

## Peer dependencies

- `astro >= 5.0.0`
- `@tailwindcss/vite >= 4.0.0`

Both are `devDependencies` in your Astro project and do not need to be added separately if you already have Astro installed.

## License

MIT
npm package: @ppsh-ui/image-tools
Description: Tiny browser image utils (rotate, grayscale, threshold, brightness/contrast, crop, fit-to-page).
Author: Your Name
Latest version: 0.1.4

# @ppsh-ui/image-tools

Tiny browser image utils for rotating, grayscale, threshold, brightness/contrast, cropping, and fitting images to page using canvas.

## Features

- Rotate images by any angle
- Apply grayscale filter
- Apply black & white threshold
- Adjust brightness and contrast
- Crop images to a rectangle
- Fit images to A4 page size

## Install

```sh
npm i @ppsh-ui/image-tools
```

## Usage

```ts
import {
  rotateBlob,
  applyGrayscale,
  applyThresholdBW,
  adjustContrast,
  adjustBrightness,
  cropBlob,
  fitToPage,
  Rect
} from "@ppsh-ui/image-tools";

// Rotate an image blob by 90 degrees
const rotated = await rotateBlob(fileBlob, 90);

// Convert image blob to grayscale
const gray = await applyGrayscale(fileBlob);

// Apply black & white threshold
const bw = await applyThresholdBW(fileBlob, 128);

// Adjust contrast [-100..100]
const contrast = await adjustContrast(fileBlob, 50);

// Adjust brightness [-100..100]
const bright = await adjustBrightness(fileBlob, 30);

// Crop image blob to rectangle
const rect: Rect = { x: 10, y: 10, width: 100, height: 100 };
const cropped = await cropBlob(fileBlob, rect);

// Fit image to A4 page (default 2480x3508 px at 300dpi)
const fitted = await fitToPage(fileBlob);
```

## API

See [src/index.ts](src/index.ts) for full API documentation.

## License

MIT
npm package: @ppsteven/vsopen
Description: Generate and open VS Code remote SSH URLs for local files
Author: ppsteven
Latest version: 1.0.0

# vsopen

Generate and open VS Code remote SSH URLs for local files.

## Installation

Install globally via npm:

```bash
npm install -g vsopen
```

Or use directly with npx (no installation required):

```bash
npx vsopen <file>
```

## Usage

```bash
vsopen <file>
vsopen --alias <alias> <file>
vsopen -a <alias> <file>
```

### Environment Variable

You can also set a default alias via environment variable:

```bash
export VSOPEN_ALIAS=mini
vsopen <file>
```

## Options

- `-a, --alias <alias>` - Override username@ip with custom alias
- `-h, --help` - Display help message
- `-V, --version` - Display version

## Examples

### Basic Usage

```bash
$ vsopen ./test.js
点击下方链接跳转打开本地 VS Code:
vscode://vscode-remote/ssh-remote+ppsteven@192.168.1.100/Users/ppsteven/projects/test.js:1
```

Opens VS Code automatically at line 1.

### With Alias Flag

```bash
$ vsopen --alias mini ./test.js
点击下方链接跳转打开本地 VS Code:
vscode://vscode-remote/ssh-remote+mini/Users/ppsteven/projects/test.js:1
```

### With Environment Variable

```bash
$ export VSOPEN_ALIAS=mini
$ vsopen ./test.js
点击下方链接跳转打开本地 VS Code:
vscode://vscode-remote/ssh-remote+mini/Users/ppsteven/projects/test.js:1
```

### Absolute Paths

Both relative and absolute paths work:

```bash
$ vsopen /absolute/path/to/file.txt
$ vsopen ./relative/path/file.txt
$ vsopen ../parent/file.txt
```

All paths are automatically resolved to absolute paths.

## Platform Support

- **macOS**: Full support with automatic IP detection (en0 → en1 → hostname)
- **Linux**: Full support with automatic IP detection via `hostname -I`
- **Windows**: Basic support (uses hostname instead of IP)

## How It Works

1. Resolves the file path to an absolute path
2. Detects your username and IP address (or uses provided alias)
3. Determines if the path is a file or directory
4. Generates a VS Code remote SSH URL: `vscode://vscode-remote/ssh-remote+{host}{path}`
5. For files, appends `:1` to open at the first line
6. Prints the URL to stdout
7. Automatically opens the URL in VS Code

## Requirements

- Node.js >= 14
- VS Code installed with Remote-SSH extension

## Error Handling

- **File not found**: Shows clear error message with the path
- **Missing file argument**: Displays help message
- **Failed to open VS Code**: Prints URL for manual copying
- **IP detection failure**: Gracefully falls back to hostname

## License

MIT

## Author

Created as a Node.js port of the shell `vlink` function.