open-index/open-npm huggingface dataset:
npm package: @pixelheads-ui/components
Description: PixelHeads UI – Angular UI component library
Author: PixelHeads Ltd
Latest version: 0.1.0

# Components

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.

## Running unit tests

Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @pixelhue/event-controller-sdk
Description: Node service for PixelHue Event Controller device
Latest version: 0.0.14

# PixelHue Event Control

Node service for PixelHue Event Control device.

## 项目结构

```
pixelhue-event-controller-sdk/
├── src/              # 源代码目录
│   └── index.ts      # 主文件
├── dist/             # 编译输出目录 (自动生成)
├── package.json
├── tsconfig.json     # TypeScript 配置
├── jest.config.js    # Jest 测试配置
├── .eslintrc.js      # ESLint 配置
├── .prettierrc.json  # Prettier 配置
├── .editorconfig     # 编辑器配置
├── .npmrc            # npm 配置
└── README.md
```

## 安装依赖

```bash
yarn install
# 或简写
yarn
```

## 开发

```bash
yarn start:dev

yarn dev

yarn build

yarn start
```

## 测试

```bash
# 运行测试
yarn test

# 监听模式测试
yarn test:watch

# 生成覆盖率报告
yarn test:coverage
```

## 技术栈

- **TypeScript**: 类型安全的 JavaScript
- **ES Modules**: 现代模块系统
- **Jest**: 测试框架
- **ESLint**: 代码检查
- **Prettier**: 代码格式化

## 配置文件说明

项目包含以下配置文件，参考了 umi/dumi 项目的最佳实践：

- `.editorconfig`: 统一编辑器配置（缩进、换行符等）
- `.gitattributes`: Git 文件处理配置（文本/二进制文件处理）
- `.npmrc`: npm 配置（可配置 registry、lockfile 版本等）
- `jest.config.js`: Jest 测试框架配置
- `.eslintrc.js`: ESLint 代码检查配置
- `.prettierrc.json`: Prettier 代码格式化配置

## License

MIT
npm package: @pixelindustries/eslint-config
Description: ESLint configuration package for maintaining Javascript code style consistent across projects, and compliant with the Pixelindustries coding guidelines
Author: Jeffrey Westerkamp
Latest version: 0.10.3

[![npm version](https://badge.fury.io/js/%40pixelindustries%2Feslint-config.svg)](https://badge.fury.io/js/%40pixelindustries%2Feslint-config)

## About

This configuration for ESLint mirrors the [Javascript code style guide](https://code.pixelindustries.com/pxl-tech/pxl-guidelines/blob/jeffrey/Javascript/Javascript%20-%20Code%20style.md) of Pixelindustries, and allows developers to get started quickly.

## Installation

Install the package with npm:
	
```bash
$ npm install @pixelindustries/eslint-config --save-dev
```

Create a `.eslintrc.json` file in the root of your project, and place the contents below:

```json
{
  "extends": "@pixelindustries"
}
```

That's it! Any eslint process running from within your project root will now automatically pick up the PXL configuration.

## Peer dependencies

###eslint

This package is useless without `eslint@^4.0.0`. Read more on getting started with eslint in the [Pixelindustries ESLint guide](https://code.pixelindustries.com/pxl-tech/pxl-guidelines/blob/jeffrey/Javascript/Javascript%20-%20ESLint%20guide.md). Take special note of the section about *module scope for global installations* when using this package.
npm package: @pixelium/web-vue
Description: A pixel-art UI component library for Vue, built with TypeScript and Vite. Nostalgic aesthetics, tree-shakable components, dark and light themes, full type safety, ready to use right out of the box.
Author: Shika Kokou
Latest version: 0.1.4

# Pixelium Design

Pixelium Design – 基于 Vue 的像素风 UI 组件库，使用 TypeScript 与 Vite 构建。怀旧像素美学、可树摇组件、深浅主题、开箱即用、类型安全。

[English](./README.md)

[API 文档](https://shika-works.github.io/pixelium-design/)

## 🚀 技术栈

- **Vue 3** ‑ 支持 Composition API ⚗️ 等全部现代特性
- **TypeScript** ‑ 基于 TS 类型系统，开箱即用的类型安全 ✅
- **Vite** ‑ ⚡ 极速冷启动 + 热更新 🔥，生产环境基于 Rollup 构建 📦
- **oxlint** ‑ 🦀 用 Rust 编写的超快 Lint 工具，保障代码质量与一致性 ✨

## 🎨 功能特性

- **像素美学** ‑ 复古像素外观 👾，可自定义分辨率与调色 🎮
- **OKlab 调色板** ‑ 基于 OKlab 色彩模型的主题生成器 🌈，一键生成自定义调色板 🎨
- **树摇优化** ‑ 每个组件独立导出 🧩，未使用代码自动剔除 🗑️
- **暗黑模式** ‑ 🌙 支持暗黑模式，可跟随系统或手动切换 🔦

## 文档与支持

- **文档**：[查看文档](https://shika-works.github.io/pixelium-design/)以了解更多功能和使用方法。
- **支持**：在使用过程中遇到问题？欢迎提交 [Issue](https://github.com/shika-works/pixelium-design/issues) 或 [Pull Request](https://github.com/shika-works/pixelium-design/pulls)。
- 提交前请阅读 [Conventional Commits](./conventional-commits.zh.md) 规范。

## 许可证

Pixelium Design 使用[ MIT 许可证](./LICENSE)发布。  
本项目使用的第三方资源：

- **字体**：[Fusion Pixel](https://github.com/TakWolf/fusion-pixel-font)，采用 [SIL OFL 1.1](https://github.com/TakWolf/fusion-pixel-font/blob/master/LICENSE-OFL) 许可证。
- **图标**：
  - Icons from Pixel Icon Library by HackerNoon，[pixel-icon-library](https://github.com/hackernoon/pixel-icon-library)，采用 [CC BY 4.0 International](https://pixeliconlibrary.com/license/) 许可证。
  - [pixelarticons](https://pixelarticons.com/) 的开源版本，开源版本许可证采用了 [MIT](https://github.com/halfmage/pixelarticons/blob/master/LICENSE) 协议。

---

感谢您使用 Pixelium Design。
npm package: @pixellka/router-dom
Description: Router for single-spa applications, based on react-router-dom
Latest version: 6.6.2

# Modified React Router v6.61

This is a slightly modified version of react router, which allows to use URL GET param instead of pathname.

Requires prop *argumentName* for both *BrowserRouter* and *createBrowserRouter*.

```
<BrowserRouter argumentName="path">
  ...
</BrowserRouter>
```

```
    const router = createBrowserRouter(routes, {argumentName: "path"});
    ...
    <BrowserProvider router="router"> 
    ...
    </BrowserProvider>
```


Links and Navlinks do still look wrong.

Based on React-router v.6.61
npm package: @pixelmakers/cli
Description: Create Vite + Webflow / Shopify projects.
Author: Pixelmakers
Latest version: 0.0.13

# @pixelmakers/cli

🚀 A CLI tool to quickly scaffold Vite + Webflow / Shopify projects.

## Usage

```bash
npm install -g @pixelmakers/cli
pixelmakers my-app

# or use npx directly
npx @pixelmakers/cli my-app

# or use yarn
yarn global add @pixelmakers/cli
pixelmakers my-app
```

Then follow the prompts to select your preferred template!

## Platform Support

### 🌐 Webflow
- **Website Projects**: Vite frontend with Cloudflare Workers backend
  - Basic WF + Vite setup
  - WF + Vite + D1 Database  
  - WF + Vite + Supabase Database
- **App Projects**: Full Webflow app development with OAuth and API integration

### 🛍️ Shopify  
- **Theme Development**: Shopify theme scaffold with Vite + TailwindCSS + Cloudflare Workers backend

## Optional Add-ons (Webflow Websites)
- **GSAP**: Professional animations and interactions
- **Swiper JS**: Modern touch slider library
- **@pixelmakers/elements**: Pixelmakers UI component library

## Features

✅ **Multiple Database Options**: Choose between Cloudflare D1 or Supabase  
✅ **Drizzle ORM Integration**: Optional type-safe database queries  
✅ **TypeScript Ready**: Full TypeScript support out of the box  
✅ **Hot Reload**: Development server with hot reload for both frontend and backend  
✅ **Production Ready**: Optimized build pipeline for deployment  
✅ **Webflow Integration**: Easy integration with Webflow via custom code injection  

## Getting Started

1. Create a new project:
   ```bash
   npx @pixelmakers/cli my-webflow-app
   cd my-webflow-app
   ```

2. Install dependencies:
   ```bash
   npm install
   ```

3. Start development:
   ```bash
   npm run dev
   ```

## Template Documentation

| Template | Description | Documentation |
|----------|-------------|---------------|
| `basic-workers` | Basic WF + Vite setup | [Readme](templates/basic-workers) |
| `workers-d1` | WF + Vite + D1 Database | [Readme](templates/workers-d1) |
| `workers-d1-drizzle` | WF + Vite + D1 Database with Drizzle ORM | [Readme](templates/workers-d1-drizzle) |
| `workers-supabase` | WF + Vite + Supabase Database | [Readme](templates/workers-supabase) |
| `workers-supabase-drizzle` | WF + Vite + Supabase Database with Drizzle ORM | [Readme](templates/workers-supabase-drizzle) |
| `webflow-app-starter` | Full Webflow app development with OAuth | [Readme](templates/webflow-app-starter) |
| `shopify-theme-starter` | Shopify app scaffold with Cloudflare Workers | [Readme](templates/shopify-theme-starter) |

## License

MIT License - see [LICENSE](LICENSE) for details.