open-index/open-npm huggingface dataset:
npm package: @ffflorian/ts-boilerplate
Description: A boilerplate for a modern™ TypeScript project.
Author: Florian Keller
Latest version: 2.0.0
Deprecated: This is not maintained anymore.

# ts-boilerplate [![Build Status](https://action-badges.now.sh/ffflorian/ts-boilerplate)](https://github.com/ffflorian/ts-boilerplate/actions/) [![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=ffflorian/ts-boilerplate)](https://dependabot.com)

A boilerplate for a modern™ TypeScript project.

## Usage

```
Usage: ts-boilerplate [options]

A boilerplate for a modern™ TypeScript project.

Options:
  -o, --output <dir>                       set the output directory (default: ".")
  -n, --project-name <name>                set the project name
  -d, --project-description <description>  set the project name
  -y, --yes                                Use default options
  -v, --version                            output the version number
  -h, --help                               output usage information
```
npm package: @ffgflash/badger
Description: ```ts import Badger, { Position } from '#ffgflash/badger'
Author: Drake Taylor
Latest version: 1.1.0

# Badger

## Examples

### Favicons

```ts
import Badger, { Position } from '#ffgflash/badger'

const favicon = document.querySelector<HTMLLinkElement>('link[rel$=icon]')

const badger = new Badger({
  src: favicon.href,
  size: 0.7,
  radius: 10,
  position: Position.TOP_RIGHT,
})

badger.on('draw', url => {
  favicon.href = url
})
```
npm package: @ffgflash/ecs
Description: A simple game engine based on the Entity-Component-System (ECS) architecture, designed for TypeScript and JavaScript.
Author: Drake Taylor
Latest version: 2.0.1

# @FFGFlash/ECS

A simple Entity Component System written in TypeScript for creating games.

## TODO

- [x] Create Entities & Components
- [x] Register Systems
- [x] Efficiently Query for Entities
- [x] Add More System Options
  - [x] Add labels, before and after (system) options to give more control over execution order.
  - [ ] ~~Enable the ability to turn off inferred dependencies~~
    - Decided to make dependencies explicitly inferred.
- [x] Add Resources (Global data for use within systems)
  - ~~Preferably this would work within the existing query system, so probably a refactor.~~
    - Yeah I was tired when I wrote this, no it won't work within the the existing query system xD
- [x] Cleanup, I wrote most of this on no sleep, so some types are a bit all over the place. :3
  - Ended up doing a major overhaul of everything, types are much much cleaner 👍
- [ ] Add quality of life features, such as math libraries like Vector classes and more.

Should I refactor this to be a mono-repo instead and make things like Vectors addons?
npm package: @ffhope/lets
Description: @ffhope/lets - Web Components 组件库，集成 color-palette 配色方案
Author: fufanghao
Latest version: 1.0.2

# Lets - Web Components 组件库

基于 Lit 和 Storybook 的 Web Components 组件库，集成 color-palette 配色方案。

## 安装

```bash
npm install @ffhope/lets
```

## 开发

启动 Storybook：

```bash
npm run dev
```

访问 http://localhost:6006 查看组件文档。

## 构建

构建 Storybook：

```bash
npm run build
```

构建组件库：

```bash
npm run build:lib
```

## 组件

- **Button** - 按钮组件
- **Input** - 输入框组件
- **Card** - 卡片组件
- **Badge** - 徽章组件

## 主题配色

组件库支持 12 种预设主题配色方案：

- cyan (青色科技)
- purple (紫色幻境)
- pink (粉色霓虹)
- green (绿色能量)
- blue (蓝色深海)
- orange (橙色烈焰)
- red (红色激情)
- gold (金色奢华)
- cyberpunk (赛博朋克)
- silver (银色极简)
- teal (青绿自然)
- amber (琥珀暖阳)

在 Storybook 中可以通过工具栏切换主题。

## 使用

### 在 HTML 中使用

```html
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="node_modules/@ffhope/lets/styles/themes.css">
  <link rel="stylesheet" href="node_modules/@ffhope/lets/styles/base.css">
</head>
<body data-theme="cyan">
  <ui-button variant="primary">按钮</ui-button>
  <ui-input label="邮箱" type="email" placeholder="example@email.com"></ui-input>
  <ui-card title="标题" subtitle="副标题">
    <p>内容</p>
  </ui-card>
  <ui-badge variant="primary">徽章</ui-badge>
  
  <script type="module">
    import 'lets';
  </script>
</body>
</html>
```

### 在 JavaScript/TypeScript 中使用

```javascript
import '@ffhope/lets/styles/themes.css';
import '@ffhope/lets/styles/base.css';
import { UIButton, UIInput, UICard, UIBadge } from '@ffhope/lets';
```

## 技术栈

- Lit - Web Components 框架
- Storybook - 组件文档工具
- TypeScript - 类型支持
- Vite - 构建工具
npm package: @ffhub/n8n-nodes-ffhub
Description: n8n node for FFHub - Cloud FFmpeg transcoding service
Author: FFHub
Latest version: 0.1.0

# n8n-nodes-ffhub

This is an n8n community node for [FFHub](https://ffhub.io) - a cloud-based FFmpeg transcoding service.

[FFHub](https://ffhub.io) lets you run FFmpeg commands in the cloud without managing servers. Simply submit your FFmpeg command and get the output files via URL.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/reference/license/) workflow automation platform.

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

```bash
npm install @ffhub/n8n-nodes-ffhub
```

## Operations

This node supports the following operations:

| Operation | Description |
|-----------|-------------|
| **Create Task** | Submit a new FFmpeg transcoding task |
| **Get Task** | Get status and result of a specific task |
| **List Tasks** | List all your tasks with optional filters |
| **Wait for Completion** | Poll until a task completes or fails |

## Credentials

To use this node, you need an FFHub API key:

1. Sign up at [ffhub.io](https://ffhub.io)
2. Go to Dashboard → API Keys
3. Create a new API key
4. Use this key in your n8n credentials

## Usage Examples

### Basic Video Compression

```
FFmpeg Command:
ffmpeg -i https://example.com/input.mp4 -c:v libx264 -crf 23 output.mp4
```

### Convert to Different Format

```
FFmpeg Command:
ffmpeg -i https://example.com/input.mov -c:v libx264 -c:a aac output.mp4
```

### Extract Audio

```
FFmpeg Command:
ffmpeg -i https://example.com/video.mp4 -vn -c:a libmp3lame audio.mp3
```

### Create Thumbnail

```
FFmpeg Command:
ffmpeg -i https://example.com/video.mp4 -ss 00:00:05 -vframes 1 thumbnail.jpg
```

### Typical Workflow

1. **Create Task** - Submit your FFmpeg command
2. **Wait for Completion** - Wait until the task finishes
3. **Use Output** - The output contains URLs to your processed files

## Compatibility

- n8n version: 1.0.0+
- Node.js version: 18.0.0+

## Resources

- [FFHub Documentation](https://docs.ffhub.io)
- [FFHub API Reference](https://api.ffhub.io/swagger)
- [n8n Community Nodes](https://docs.n8n.io/integrations/community-nodes/)

## License

[MIT](LICENSE)
npm package: @ffilip/chan180-utils
Description: Lightweight TypeScript utilities with shared types, models, and browser helpers (like fullscreen and DOM tools).
Author: Phillip K.
Latest version: 3.4.19

# @ffilip/chan180-utils

[![npm version](https://img.shields.io/npm/v/@ffilip/chan180-utils.svg)](https://www.npmjs.com/package/@ffilip/chan180-utils)
[![npm downloads](https://img.shields.io/npm/dt/@ffilip/chan180-utils.svg)](https://www.npmjs.com/package/@ffilip/chan180-utils)

Lightweight TypeScript utilities with shared tools and browser helpers (like fullscreen and DOM tools).

## Installation

with npm:

```bash
npm install @ffilip/chan180-utils
```

or with yarn:

```bash
yarn add @ffilip/chan180-utils
```

## Usage

```ts
import { isPlainObject } from "@ffilip/chan180-utils/types";
import { toggleFullScreen } from "@ffilip/chan180-utils/helpers";
```

<!-- ### Optional global styles

To include the default styles, import them manually in your app entry:

```ts
import "@ffilip/chan180-utils/styles.css";
``` -->

## Features

🧩 Shared TypeScript types and models

⚙️ Browser helpers (fullscreen, DOM utilities, etc.)

🧠 Built-in typings — no @types needed

## License

MIT © 2025 Phillip K.
npm package: @ffilip/mui-react-utils
Description: React components and hooks. MUI utilities.
Author: Phillip K.
Latest version: 2.6.8

# @ffilip/mui-react-utils

[![npm version](https://img.shields.io/npm/v/@ffilip/mui-react-utils.svg)](https://www.npmjs.com/package/@ffilip/mui-react-utils)
[![npm downloads](https://img.shields.io/npm/dt/@ffilip/mui-react-utils.svg)](https://www.npmjs.com/package/@ffilip/mui-react-utils)

React components and hooks. MUI utilities.

## Requirements

This library requires **React 18 or newer** and **MUI v5 or newer** to be installed in your project.

If you don’t have them already:

```bash
npm install react @mui/material
```

## Installation

with npm:

```bash
npm install @ffilip/mui-react-utils
```

or with yarn:

```bash
yarn add @ffilip/mui-react-utils
```

## Usage

```ts
import { useDidUpdateEffect } from "@ffilip/mui-react-utils/react";
import { Centered } from "@ffilip/mui-react-utils/components";
import { useIsThemeDark } from "@ffilip/mui-react-utils/mui";
```

## Optional global styles

To include the default styles, import them manually in your app entry:

```ts
import "@ffilip/mui-react-utils/styles.css";
```

## Features

🧩 **Composable utilities** — ready-to-use React hooks and helpers built around MUI and modern React patterns.

🧱 **MUI integration** — utilities designed to extend or simplify Material UI usage (e.g., theme mode detection, layout helpers).

⚙️ **Browser helper** — lightweight React hook for tracking page visibility that works seamlessly across environments.

🧠 **Fully typed with TypeScript** — all exports include built-in type definitions; no `@types` packages required.

## 🎨 Available style modules

| Import path                          | Description              |
| ------------------------------------ | ------------------------ |
| `@ffilip/mui-react-utils/global.css` | All-in-one global styles |

## License

MIT © 2025 Phillip K.
npm package: @ffly4u/leaflet-tocoordinates
Description: A simple control to center map on specific coordinates to leaflet
Author: Sébastien Rodriguez
Latest version: 1.0.7

# leaflet-toCoordinates

A simple control to center map on specific coordinates to leaflet

## Installation

with npm:
```bash
npm install --save @ffly4u/leaflet-tocoordinates
```

or yarn:
```bash
yarn add @ffly4u/leaflet-tocoordinates
```

## Usage

```js
import L from 'leaflet';
import LeafletToCoordinates from '@ffly4u/leaflet-tocoordinates';
import '@ffly4u/leaflet-tocoordinates/dist/leaflet.css';

const control = new LeafletToCoordinates();

const map = new L.Map('map');
map.addControl(LeafletToCoordinates);
```

## Options

| Parameters | Type | Default |
|-----------------|---------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|
| position | String | topleft |
| style | String | button |
| retainZoomLevel | Boolean | false |
| animateZoom | Boolean | true |
| inputLabel | String | Enter GPS coordinates |
| zoomLevel | Int | 18 |
| classNames | Object | { container: 'leaflet-bar leaflet-control leaflet-control-tocoordinates', button: 'leaflet-bar-part fa fa-dot-circle-o', resetButton: 'reset', form: '', input: '' } |

## License

[MIT](https://github.com/ffly4u-open-source/leaflet-toCoordinates/blob/master/LICENSE)
npm package: @ffmpeg-binary/ffmpeg
Description: Node.js module providing path of ffmpeg binary for various platforms.
Author: sanhoe
Latest version: 2.0.1

# ffmpeg-binary

Node.js module providing path of [ffmpeg](https://ffmpeg.org/) binary for various platforms.

This project install binary dependencies for the current platform using the optionalDependencies, cpu, and os fields of the package.json file.

The project is currently using the ffmpeg 7.0 release, and the list of supported platforms is as follows.

- Windows x64
- Linux x64
- Linux ARM64
- macOS x64
- macOS ARM64

## Installation

```bash
npm install @ffmpeg-binary/ffmpeg
```

## Usage

```javascript
import ffmpeg from '@ffmpeg-binary/ffmpeg';
console.log(ffmpeg); // [Project]/node_modules/@ffmpeg-binary/[Platform]-[Architecture]/ffmpeg
```

## Sources of the binaries

- Windows x64 / Linux x64 / Linux ARM64: https://github.com/BtbN/FFmpeg-Builds
- macOS x64 / macOS ARM64: https://www.osxexperts.net
npm package: @ffmpeg-kit/group-trimer
Description: trim several video fragment with ffmpeg
Author: gineff
Latest version: 1.0.4

# group-trimer

### install global

npm i -g @ffmpeg-kit/group-trimer

yarn global add @ffmpeg-kit/group-trimer

### command

group-trimer -i video.mp4 00:06:00-20 00:20:10-15 01:00:11-40

### video fragments in

./tmp
npm package: @ffmpeg-kit/trimmer
Description: trim video (torrent video also) into fragments with ffmpeg
Author: gineff
Latest version: 1.1.8

# 📼 group-trimmer

`group-trimmer` is a CLI tool that allows you to extract specific fragments from a video file — locally, via HTTP, or even from a `.torrent` — **without downloading the full video**.

All trimmed video segments are saved to the `./tmp` directory.

---

## 📦 Installation (global)

With **npm**:

```bash
npm install -g @ffmpeg-kit/trimmer
```

With **yarn**:

```bash
yarn global add @ffmpeg-kit/trimmer
```

---

## 🚀 Usage

```bash
ffmpeg-kit-trimmer -i <input> <start1>-<duration1> <start2>-<duration2> ...
```

### Arguments:

- `-i <input>` — Path to a local video file, HTTP/HTTPS stream, or `.torrent` file.
- `<start>-<duration>` — Start time and duration in seconds for each fragment to extract.

### Time Format:

- `<start>` is in the format `HH:MM:SS` (e.g. `00:06:00`)
- `<duration>` is in seconds (e.g. `20`)

---

## 📂 Examples

Trim fragments from a **local video file**:

```bash
ffmpeg-kit-trimmer -i video.mp4 00:06:00-20 00:20:10-15 01:00:11-40
```

Trim fragments from a **web stream**:

```bash
ffmpeg-kit-trimmer -i http://localhost:3000/stream 00:06:00-20 00:20:10-15 01:00:11-40
```

Trim fragments from a **`.torrent` file** (no full download required):

```bash
ffmpeg-kit-trimmer -i video.torrent 00:06:00-20 00:20:10-15 01:00:11-40
```

---

## 📁 Output

All trimmed fragments will be saved to the `./tmp` directory by default.

---

## 🛠 Requirements

- [FFmpeg](https://ffmpeg.org/download.html) must be installed and available in your system's PATH.

---

## 📃 License

MIT
npm package: @fformkit/react-native
Description: FFormkit SDK for React Native & Expo
Latest version: 1.1.4

# @fformkit/react-native

Official React Native & Expo SDK for [FFormkit](https://fformkit.com) — drop-in feedback forms for your mobile app.

## Installation

```bash
npm install @fformkit/react-native
# or
yarn add @fformkit/react-native
# or
pnpm add @fformkit/react-native
```

## Usage

### Expo

No extra setup needed. `expo-image-picker` is already part of Expo and image attachment works out of the box.

```tsx
import { FFormkit } from '@fformkit/react-native'

export default function FeedbackScreen() {
  return (
    <FFormkit
      apiKey="your-api-key"
      onSubmit={(id) => console.log('Submitted:', id)}
    />
  )
}
```

---

### Bare React Native

Image attachment requires passing your own `onPickImage` function. Install any image picker you like and wire it up:

```bash
npm install react-native-image-picker
cd ios && pod install
```

```tsx
import { FFormkit } from '@fformkit/react-native'
import { launchImageLibrary } from 'react-native-image-picker'

export default function FeedbackScreen() {
  return (
    <FFormkit
      apiKey="your-api-key"
      onPickImage={() =>
        new Promise((resolve) => {
          launchImageLibrary({ mediaType: 'photo', includeBase64: true, quality: 0.4 }, (response) => {
            const base64 = response.assets?.[0]?.base64
            resolve(base64 ? `data:image/jpeg;base64,${base64}` : null)
          })
        })
      }
      onSubmit={(id) => console.log('Submitted:', id)}
    />
  )
}
```

You can use any image picker you already have in your project — `react-native-image-picker`, `react-native-vision-camera`, or anything else. Just return a base64 data URI string or `null`.

---

## Props

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| `apiKey` | `string` | Yes | Your FFormkit project API key |
| `onPickImage` | `() => Promise<string \| null>` | No | Bare RN only: provide your own image picker. Return a base64 data URI or `null` |
| `onSubmit` | `(id: string) => void` | No | Called with the submission ID on success |
| `onError` | `(err: Error) => void` | No | Called when an error occurs |
| `style` | `ViewStyle` | No | Custom style for the container |
| `placeholderTextColor` | `string` | No | Override placeholder text color |
| `screenshotLabel` | `string` | No | Custom label for the screenshot button |
| `screenshotIcon` | `string` | No | Custom icon for the screenshot button |
| `successText` | `string` | No | Custom success message text |
| `successColor` | `string` | No | Custom success message color |

## Peer dependencies

| Package | Version | Required |
|---------|---------|----------|
| `react` | `>=18` | Yes |
| `react-native` | `>=0.73` | Yes |

## Form configuration

The form's appearance and fields (title, colors, rating, email, screenshot toggle, etc.) are configured from the [FFormkit dashboard](https://fformkit.com) — no code changes needed.

## License

MIT
npm package: @fforres/pokemon-local-database
Description: Scripts para generar un dataset con pokemones (E imagenes, en base64)
Author: @fforres
Latest version: 1.3.0

# pokemon-local-database

Scripts para generar un dataset con pokemones (E imagenes, en base64)

(Dataset original obtenido de: https://github.com/fanzeyi/pokemon.json)

(Libreria armada con https://github.com/bitjson/typescript-starter)
npm package: @fforres/vite-plugin-dx
Description: [![Github test badge](https://github.com/fforres/vite-plugin-dx-metrics/workflows/test/badge.svg)](https://github.com/fforres/vite-plugin-dx-metrics/actions?query=workflow%3Atest) [![npm version](https://badge.fury.io/js/%40fforres%2Fvite-plugin-dx.svg)](
Author: fforres
Latest version: 0.0.8
npm package: @fforres/webpack-plugin-dx
Description: [![Github test badge](https://github.com/fforres/webpack-plugin-dx-metrics/workflows/test/badge.svg)](https://github.com/fforres/webpack-plugin-dx-metrics/actions?query=workflow%3Atest) [![npm version](https://badge.fury.io/js/%40fforres%2Fwebpack-plugin-
Author: fforres
Latest version: 0.0.11