open-index/open-npm huggingface dataset:
npm package: @pixiv/three-vrm-animation
Description: The implementation of VRM Animation
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-animation

The implementation of VRM Animation

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-animation)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-animation/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-animation)
npm package: @pixiv/three-vrm-core
Description: The implementation of core features of VRM, for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-core

The implementation of core features of VRM, for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-core)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-core/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-core)
npm package: @pixiv/three-vrm-materials-hdr-emissive-multiplier
Description: Support VRMC_hdr_emissiveMultiplier for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-materials-hdr-emissive-multiplier

Support `VRMC_hdr_emissiveMultiplier` for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-materials-hdr-emissive-multiplier)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-materials-hdr-emissive-multiplier/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-materials-hdr-emissive-multiplier)
npm package: @pixiv/three-vrm-materials-mtoon
Description: MToon (toon material) module for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-materials-mtoon

MToon (toon material) module for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-materials-mtoon)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-materials-mtoon/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-materials-mtoon)

## WebGPU Support

Starting from v3, we provide [WebGPURenderer](https://github.com/mrdoob/three.js/blob/master/examples/jsm/renderers/webgpu/WebGPURenderer.js) compatibility.
To use MToon with WebGPURenderer, specify the WebGPU-compatible `MToonNodeMaterial` for the `materialType` option of `MToonMaterialLoaderPlugin`.

`MToonNodeMaterial` only supports Three.js r167 or later.
The NodeMaterial system of Three.js is still under development, so we may break compatibility with older versions of Three.js more frequently than other parts of three-vrm.

```js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { MToonMaterialLoaderPlugin } from '@pixiv/three-vrm-materials-mtoon';
import { MToonNodeMaterial } from '@pixiv/three-vrm-materials-mtoon/nodes';

// ... Setup renderer, camera, scene ...

// Create a GLTFLoader
const loader = new GLTFLoader();

// Register a MToonMaterialLoaderPlugin with MToonNodeMaterial
loader.register((parser) => {

  // create a WebGPU compatible MToonMaterialLoaderPlugin
  return new MToonMaterialLoaderPlugin(parser, {

    // set the material type to MToonNodeMaterial
    materialType: MToonNodeMaterial,

  });

});

// ... Load the VRM and perform the render loop ...
```

See the example for the complete code: https://github.com/pixiv/three-vrm/blob/release/packages/three-vrm-materials-mtoon/examples/webgpu-loader-plugin.html
npm package: @pixiv/three-vrm-materials-v0compat
Description: VRM0.0 materials compatibility layer plugin for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-materials-v0compat

VRM0.0 materials compatibility layer plugin for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-materials-v0compat)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-materials-v0compat)
npm package: @pixiv/three-vrm-node-constraint
Description: Node constraint module for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-node-constraint

Node constraint module for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-node-constraint)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-node-constraint/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-node-constraint)
npm package: @pixiv/three-vrm-springbone
Description: Spring bone module for @pixiv/three-vrm
Author: pixiv
Latest version: 3.5.1

# @pixiv/three-vrm-springbone

Spring bone module for @pixiv/three-vrm

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/three-vrm-springbone)

[Examples](https://pixiv.github.io/three-vrm/packages/three-vrm-springbone/examples)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/three-vrm-springbone)
npm package: @pixiv/types-vrm-0.0
Description: Type definitions of VRM 0.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrm-0.0

Type definitions of VRM 0.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/0.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRM` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrm-0.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrm-0.0)
npm package: @pixiv/types-vrmc-materials-hdr-emissive-multiplier-1.0
Description: Type definitions of VRMC_materials_hdr_emissiveMultiplier 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-materials-hdr-emissive-multiplier-1.0

Type definitions of VRMC_materials_hdr_emissiveMultiplier 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_materials_hdr_emissiveMultiplier-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCMaterialsHDREmissiveMultiplier` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-materials-hdr-emissive-multiplier-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-materials-hdr-emissive-multiplier-1.0)
npm package: @pixiv/types-vrmc-materials-mtoon-1.0
Description: Type definitions of VRMC_materials_mtoon 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-materials-mtoon-1.0

Type definitions of VRMC_materials_mtoon 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_materials_mtoon-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCSpringBone` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-materials-mtoon-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-materials-mtoon-1.0)
npm package: @pixiv/types-vrmc-node-constraint-1.0
Description: Type definitions of VRMC_node_constraint 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-node-constraint-1.0

Type definitions of VRMC_node_constraint 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_node_constraint-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCNodeConstraint` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-node-constraint-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-node-constraint-1.0)
npm package: @pixiv/types-vrmc-springbone-1.0
Description: Type definitions of VRMC_springBone 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-springbone-1.0

Type definitions of VRMC_springBone 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_springBone-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCSpringBone` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-springbone-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-springbone-1.0)
npm package: @pixiv/types-vrmc-springbone-extended-collider-1.0
Description: Type definitions of VRMC_springBone_extended_collider 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-springbone-extended-collider-1.0

Type definitions of VRMC_springBone_extended_collider 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_springBone_extended_collider-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCSpringBoneExtendedCollider` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-springbone-extended-collider-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-springbone-extended-collider-1.0)
npm package: @pixiv/types-vrmc-vrm-1.0
Description: Type definitions of VRMC_vrm 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-vrm-1.0

Type definitions of VRM_vrm 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_vrm-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCVRM` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-vrm-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-vrm-1.0)
npm package: @pixiv/types-vrmc-vrm-animation-1.0
Description: Type definitions of VRMC_vrm_animation 1.0 schema
Author: pixiv
Latest version: 3.5.1

# @pixiv/types-vrmc-vrm-animation-1.0

Type definitions of `VRM_vrm_animation` 1.0 schema.

https://github.com/vrm-c/vrm-specification/tree/master/specification/VRMC_vrm_animation-1.0

There should not be any implementation in this package. Just type definitions of the schema.

The extension root is named `VRMCVRMAnimation` .

[GitHub Repository](https://github.com/pixiv/three-vrm/tree/dev/packages/types-vrmc-vrm-animation-1.0)

[API Reference](https://pixiv.github.io/three-vrm/docs/modules/types-vrmc-vrm-animation-1.0)
npm package: @pixkit/native
Description: Pixel-art themed React Native UI components
Author: Ruslan Shayakhmetov
Latest version: 0.4.5

# @pixkit/native

Pixel-art themed React Native UI components for building retro-style mobile applications.

## Installation

```bash
npm install @pixkit/native
# or
yarn add @pixkit/native
# or
pnpm add @pixkit/native
```

## Usage

```tsx
import { Button, Panel } from '@pixkit/native';

function App() {
  return (
    <Panel>
      <Button title="Click me!" onPress={() => console.log('Pressed!')} />
    </Panel>
  );
}
```

## Components

- **Button** - Pixel-art styled button component
- **Panel** - Container component with retro styling

## Peer Dependencies

- `react` >= 18
- `react-native` >= 0.74

## License

MIT © Ruslan Shayakhmetov
npm package: @pixkit/react
Description: Pixel-art themed React UI components
Author: Ruslan Shayakhmetov
Latest version: 0.4.3

# @pixkit/react

Pixel-art themed React UI components for building retro-style applications.

## Installation

```bash
npm install @pixkit/react
# or
yarn add @pixkit/react
# or
pnpm add @pixkit/react
```

## Usage

```tsx
import { Button, Panel, Accordion, Tabs, usePixTokens, pixStyle } from '@pixkit/react';
import '@pixkit/react/index.css';

function App() {
  const tokens = usePixTokens();
  
  return (
    <Panel>
      <Button variant="primary">Click me!</Button>
      
      {/* Use tokens directly */}
      <div style={{ 
        padding: tokens.px * 4,
        color: tokens.colors.accent 
      }}>
        Design tokens in action!
      </div>
      
      {/* Use the helper function */}
      <div style={pixStyle({ p: 4, bg: 'panel', radius: true })}>
        Quick styling!
      </div>
      
      <Accordion>
        <Accordion.Item value="item-1">
          <Accordion.Trigger>Section 1</Accordion.Trigger>
          <Accordion.Content>Content goes here</Accordion.Content>
        </Accordion.Item>
      </Accordion>
    </Panel>
  );
}
```

## Using Design Tokens

PixKit includes integrated design tokens:

```tsx
import { usePixTokens, pixStyle, tokens } from '@pixkit/react';

// Hook (in components)
const tokens = usePixTokens();
const styles = { padding: tokens.px * 4 };

// Helper function
<div style={pixStyle({ p: 4, bg: 'panel', color: 'fg', radius: true })} />

// Direct import
const accentColor = tokens.colors.accent;
```

See [TOKENS_USAGE.md](../../TOKENS_USAGE.md) for detailed examples.

## Components

- **Button** - Pixel-art styled buttons with multiple variants
- **Panel** - Container component with retro styling
- **Card** - Flexible card with composable subcomponents (Header, Title, Description, Content, Footer)
- **Accordion** - Expandable/collapsible sections
- **Tabs** - Tab navigation component
- **Breadcrumb** - Navigation breadcrumb
- **Navigation** - Navigation menu
- **Sidebar** - Side navigation panel
- **CodeView** - Code display component

See [CARD.md](./CARD.md) for detailed Card component usage.

## Peer Dependencies

- `react` >= 18
- `react-dom` >= 18

## License

MIT © Ruslan Shayakhmetov
npm package: @pixkit/styles
Description: CSS styles for PixKit component library
Author: Ruslan Shayakhmetov
Latest version: 0.4.0

# @pixkit/styles

CSS styles for the PixKit component library with a pixel-art aesthetic.

## Installation

```bash
npm install @pixkit/styles
# or
yarn add @pixkit/styles
# or
pnpm add @pixkit/styles
```

## Usage

Import all styles:

```css
@import '@pixkit/styles/index.css';
```

Or import specific component styles:

```css
@import '@pixkit/styles/variables.css';
@import '@pixkit/styles/buttons.css';
@import '@pixkit/styles/accordion.css';
@import '@pixkit/styles/tabs.css';
@import '@pixkit/styles/navigation.css';
@import '@pixkit/styles/sidebar.css';
@import '@pixkit/styles/breadcrumb.css';
@import '@pixkit/styles/code-view.css';
```

## Available Styles

- `index.css` - All styles bundled
- `variables.css` - CSS custom properties
- `buttons.css` - Button styles
- `accordion.css` - Accordion component styles
- `tabs.css` - Tabs component styles
- `navigation.css` - Navigation component styles
- `sidebar.css` - Sidebar component styles
- `breadcrumb.css` - Breadcrumb component styles
- `code-view.css` - Code view component styles

## License

MIT © Ruslan Shayakhmetov
npm package: @pixkit/tokens
Description: Design tokens for PixKit component library
Author: Ruslan Shayakhmetov
Latest version: 0.3.0

# @pixkit/tokens

Design tokens for the PixKit component library.

## Installation

```bash
npm install @pixkit/tokens
# or
yarn add @pixkit/tokens
# or
pnpm add @pixkit/tokens
```

## Usage

```typescript
import { tokens } from '@pixkit/tokens';

// Access design tokens
const primaryColor = tokens.colors.accent; // '#8be9fd'
const spacing = tokens.px; // 4
const borderRadius = tokens.radius; // 8
const borderWidth = tokens.border; // 4

// Colors
const colors = {
  background: tokens.colors.bg,      // '#1b1e2b'
  panel: tokens.colors.panel,        // '#24283b'
  foreground: tokens.colors.fg,      // '#e1e3ed'
  muted: tokens.colors.muted,        // '#a6accd'
  accent: tokens.colors.accent,      // '#8be9fd'
  danger: tokens.colors.danger,      // '#ff5555'
  success: tokens.colors.success,    // '#50fa7b'
};
```

## Available Tokens

- `px` - Base spacing unit (4px)
- `radius` - Border radius (8px)
- `border` - Border width (4px)
- `colors` - Color palette object
  - `bg` - Background color
  - `panel` - Panel background color
  - `fg` - Foreground/text color
  - `muted` - Muted text color
  - `accent` - Accent/primary color
  - `danger` - Danger/error color
  - `success` - Success color

## TypeScript

The package includes TypeScript definitions. The `PixTokens` type is exported for type safety.

```typescript
import { tokens, type PixTokens } from '@pixkit/tokens';
```

## License

MIT © Ruslan Shayakhmetov
npm package: @pixmama/ngx-light-color-picker
Description: Angular 7 lightweight color picker
Latest version: 0.0.5

# Angular Light Color Picker

Angular 7 Color Picker Component with no dependencies required.
This is a Color Picker Component for Angular 7.

## Installation

`npm i @pixmama/ngx-light-color-picker`

## Usage

Use it inside your components, for example:

`<ngx-light-color-picker class="color-picker" [height]="300" [width]="300" (colorSelected)="onColorSelected($event)"></ngx-light-color-picker>`

- Add NgxLightColorPickerModule in your app.module.ts:

```
import {NgxLightColorPickerModule} from 'angular2-color-picker';
 
 @NgModule({
     ...
     imports: [NgxLightColorPickerModule]
 })
 ```
 
## Build
```
git clone https://github.com/pixmama/ngx-light-color-picker.git
npm install
cd ngx-light-color-picker
npm run build
gulp copylib
```


## Optional parameters
```
  [height] = 300
  [width]  = 300
```
## Available events
(colorSelected) = onColorSelected($event)
npm package: @pixmason/nest-lingxing-sdk
Description: NestJS module for Lingxing OpenAPI
Author: PixMason
Latest version: 0.1.0

# @pixmason/nest-lingxing-sdk

NestJS 版LingXing OpenAPI SDK。

## 安装

### npm

```bash
npm install @pixmason/nest-lingxing-sdk
```

### pnpm

```bash
pnpm add @pixmason/nest-lingxing-sdk
```

### yarn

```bash
yarn add @pixmason/nest-lingxing-sdk
```

## 快速开始

### 1. 同步配置（forRoot）

```ts
import { Module } from '@nestjs/common'
import { LingxingModule } from '@pixmason/nest-lingxing-sdk'

@Module({
	imports: [
		LingxingModule.forRoot({
			appId: 'xxx',
			appSecret: 'xxx',
			timeout: 30000,
		}),
	],
})
export class AppModule {}
```

### 2. 异步配置（forRootAsync）

```ts
import { Module } from '@nestjs/common'
import { ConfigModule, ConfigService } from '@nestjs/config'
import { LingxingModule } from '@pixmason/nest-lingxing-sdk'

@Module({
	imports: [
		ConfigModule.forRoot({ isGlobal: true }),
		LingxingModule.forRootAsync({
			imports: [ConfigModule],
			inject: [ConfigService],
			useFactory: (configService: ConfigService) => ({
				appId: configService.get<string>('APP_ID')!,
				appSecret: configService.get<string>('APP_SECRET')!,
				timeout: Number(configService.get<string>('LINGXING_TIMEOUT') ?? 30000),
			}),
		}),
	],
})
export class AppModule {}
```

## 支持的调用方式

目前仅提供两种请求方法：

```ts
await lingxingService.get('/api/xxx', params)
await lingxingService.post('/api/xxx', data)
```

说明：

- SDK 会自动处理 access_token 获取与刷新。
- SDK 会自动完成签名。
- 返回值为凌星接口的完整响应对象（即原始 `data`）。

## 完整接入示例

```ts
import { Injectable } from '@nestjs/common'
import { LingxingService } from '@pixmason/nest-lingxing-sdk'

@Injectable()
export class DemoService {
	constructor(private readonly lingxingService: LingxingService) {}

	async getExample() {
		return this.lingxingService.get('/erp/sc/routing/data/local_inventory/category', {
			offset: 5,
		})
	}

	async postExample() {
		return this.lingxingService.post('/bd/sp/api/open/settlement/summary/list', {
			dateType: 1,
			startDate: '2026-01-01',
			endDate: '2026-01-31',
		})
	}
}
```

## .env 示例

```dotenv
APP_ID=Your_LINGXING_APP_ID
APP_SECRET=Your_LINGXING_APP_SECRET
LINGXING_TIMEOUT=30000
```

## 配置项

`LingxingModuleOptions` 支持以下字段：

- `appId: string` 必填，企业 AppID。
- `appSecret: string` 必填，企业 AppSecret。
- `baseHost?: string` 可选，默认 `https://openapi.lingxing.com`。
- `timeout?: number` 可选，请求超时毫秒数，默认 `30000`。

## 异常说明

SDK 会抛出错误信息，常见场景包括：

- 配置缺失（例如 `appId` 或 `appSecret` 为空）
- 鉴权失败
- 网络异常或业务接口调用异常
npm package: @pixmi-game/cocos-toolbox
Description: 一个专为 Cocos Creator 开发的常用辅助函数合集工具库，旨在提升游戏开发效率和代码质量。
Latest version: 1.0.4

# @pixmi-game/cocos-toolbox

一个专为 Cocos Creator 开发的常用辅助函数合集工具库，旨在提升游戏开发效率和代码质量。

## 特性

- 🎮 专为 Cocos Creator 优化
- 📦 TypeScript 支持，完整的类型定义
- 🔧 模块化设计，按需导入
- 🚀 零依赖，轻量级

## 安装

```bash
npm install @pixmi-game/cocos-toolbox
```

或使用 pnpm:

```bash
pnpm add @pixmi-game/cocos-toolbox
```

## 使用方法

```typescript
import { Logger } from '@pixmi-game/cocos-toolbox/logger';
```

## 开发

### 环境要求

- Node.js >= 14
- TypeScript >= 5.0

### 本地开发

```bash
# 克隆项目
git clone <repository-url>

# 安装依赖
pnpm install

# 开发模式（实时编译）
pnpm dev

# 构建
pnpm build
```

### 发布

```bash
# 构建项目
pnpm build

# 发布到 npm
pnpm publish
```

### 本地测试

使用 yalc 进行本地包测试：

```bash
# 发布到本地
pnpm yalc:publish

# 推送更新
pnpm yalc:push
```

## 项目结构

```
src/
├── index.ts          # 主入口文件
└── logger/
    └── index.ts      # 日志模块
```

## 贡献指南

1. Fork 本项目
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 开启 Pull Request

## 许可证

本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。

## 更新日志

### v1.0.0

- 🎉 初始版本发布
- ✨ 添加 Logger 日志系统
- 📦 支持 TypeScript
- 🔧 模块化架构

---

**注意**: 该工具库专为 Cocos Creator 项目优化，建议在 Cocos Creator 环境中使用以获得最佳体验。
npm package: @pixolith/percy-cli
Description: ## How to use
Author: pixolith GmbH & Co. KG
Latest version: 1.0.5

# Percy Cli

## How to use

Put the following percy object inside the projects `package.json`. Setup percy.io and connect the project to github. Builds will run on every deployment.
## Options
Optional parameters can be omitted and will be filled with the default percy configuration of this package.

If you only want to use the default settings from this package, just place the following object inside your projects `package.json`
```json
"percy": {
  "version": 2
}
```

Full Config Example
```json
"percy": {
  // percy version (required)
  "version": 2,
  // percy snapshot options (optional) (default see package json)
  "snapshot": {
    // screen widths to be snapshotted by percy (max-width is 2000)
    "widths": [
        320,
        468,
        768,
        1024,
        1920
    ],
    // screen min-height to be applied in snapshots
    "minHeight": 2000,
    // add custom css to e.G hide an iframe or layer (css string only)
    "percyCss": "iframe { display: none; }",
    // number specifying the pixel density to render the page in (default=1)
    "device-pixel-ratio": 1
  },
  // discovery options to use for this snapshot's asset discovery (optional) (default see percy docs)
  "discovery": {
    // additional hostnames to save asset contents from (no default)
    "allowedHostnames": [],
    // hostnames to immediately abort requests from (no default)
    "disallowedHostnames": [],
    // HTTP headers to be sent for each request made during asset discovery (no default)
    "requestHeaders": {
      "Authorization": ""
    },
    // username/password combo to authenticate requests for Percy (no default)
    "authorization": {
      "username": "",
      "password": ""
    },
    // amount of time in miliseconds when the snapshot gets canceled after the page had zero network requests (no default)
    "networkIdleTimeout": 500,
    // maximum concurrency in snapshotting - usually this is fine (should not exceed 6) (no default)
    "concurrency": 3,
    // Disables asset discovery caches (no default)
    "disableCache": false,
    // Options for the asset discovery (default see below)
    "launchOptions": {
      // Path to a Chromium browsers executable on disk (no default)
      "executable": "/path/to/chromium/executable",
      // Hide or show browser (default=true)
      "headless": true,
      // Browser args (no default)
      "args": [],
      // Timeout for how long the browser will try to launch (default=30000) 
      "timeout": 30000
    }
  },
  // Percy stage (optional) (default see package json)
  "stage": {
    // Server environment (optional)
    "staging": {
      // Urls to test (optional)
      "urls": [
        "/",
        "/kontakt",
        "/saisonale-dekoration",
      ]
    },
    "production": {
      "urls": [
        "/",
        "/kontakt",
        "/saisonale-dekoration",
      ]
    }
  }
}
```
npm package: @pixolith/percy-runner
Description: ## How to use
Latest version: 3.0.6

# Percy Runner

## How to use

put the following object inside a projects root or respective extension `package.json`. Setup percy.io and connect the project to github. Builds will run on every deployment.

## Options

```json
{
    // percy project name (required)
    "project": "wurm-shopware",
    // percy stage (required)
    "stage": {
        // should match the $STAGE var of the deployment
        "staging": {
            // urls to test (required)
            "urls": [
                "/",
                "/saisonale-deko/",
                "/adler-apotheke-bernkastel-porz-b12-x-t15-x-h19-cm/10055366",
                "/unternehmen/",
                "/kontakt/"
            ],
            // additional tests to be run (via the test interface)
            "tests": [
                "./e2e/test.js"
            ],
        },
        "production": {
            "urls": [
                "/",
                "/saisonale-deko/",
                "/adler-apotheke-bernkastel-porz-b12-x-t15-x-h19-cm/10055366",
                "/unternehmen/",
                "/kontakt/"
            ],
            // additional tests to be run (via the test interface)
            "tests": [
                "./e2e/test.js"
            ],
        }
    },
    // the target has always open connections like WS? Set this to true (default = false)
    "noNetworkIdle": false,
    // screen widths to be snapshotted by percy (required)
    "widths": [480, 768, 1024, 1920],
    // screen min-height to be applied in snapshots (default)
    "minHeight": 2000,
    // device scale factor (default)
    "deviceScaleFactor": 1,
    // add custom css to e.G hide an iframe or layer (css string only) (default = "")
    "additionalCSS": "iframe { display: none; }",
    // maximum concurrency in snapshotting - usually this is fine (should not exceed 6) (default)
    "concurrency": 3,
    // options to pass directly to the puppeteer instance (https://github.com/puppeteer/puppeteer/blob/v2.1.1/docs/api.md#puppeteerlaunchoptions) (default)
    "puppeteer": {
        "headless": true,
        "args": ["--window-size=1920,1080"],
    },
};
```
npm package: @pixolith/webpack-assets-copy-plugin
Description: ## How to use
Latest version: 12.0.0

# Webpack Assets Copy Plugin (Shopware 6 Administration)

## How to use

### Install

```bash
npm install @pixolith/webpack-assets-copy-plugin --save-dev
```

### Add the plugin

```javascript
const AssetsCopyPlugin = require('@pixolith/webpack-assets-copy-plugin');
```

### Add this to the `plugins` section of your webpack.config.js

```javascript
new AssetsCopyPlugin({
    includes: ['js', 'css'],
    ignoreFiles: [/\*.hot-update.js/],
    from: 'public/bundles',
    to: 'custom/plugins/{plugin}/src/Resources/public',
}),
```
npm package: @pixolith/webpack-filename-linter-plugin
Description: ## How to use
Latest version: 12.0.0

# Webpack Filename Linter Plugin

## How to use

### Install

```bash
npm install @pixolith/webpack-filename-linter-plugin --save-dev
```

### Add the plugin

```javascript
const FilenameLinterPlugin = require('@pixolith/webpack-filename-linter-plugin');
```

### Add this to the `plugins` section of your webpack.config.js

```javascript
new FilenameLinterPlugin({
    ignoreFiles: [/w/],
    rules: {
        css: 'kebab',
        js: 'kebab',
    },
});
```
npm package: @pixolith/webpack-hook-plugin
Description: ## How to use
Latest version: 12.0.0

# Webpack Hook Plugin

## How to use

### Install

```bash
npm install @pixolith/webpack-hook-plugin --save-dev
```

### Add the plugin

```javascript
const HookPlugin = require('@pixolith/webpack-hook-plugin');
```

### Add this to the `plugins` section of your webpack.config.js

```javascript
new HookPlugin({
    failed() {
        // run this when compilation fails
    },
    beforeRun() {
        // run this before compilation starts
    },
    //... more hooks
});
```

### What hooks are available

Check this list here: [Webpack 4 Hooks](https://webpack.js.org/api/compiler-hooks)
npm package: @pixolith/webpack-sw6-config
Description: ## How to use
Latest version: 12.0.2

# Webpack Shopware 6 Config

## How to use

### Install

```bash
npm install @pixolith/webpack-sw6-config --save-dev
```

### Require the plugin

Require the plugin in your projects `webpack.config.js` in the version you desire;

```javascript
const sw6Config = require('webpack-sw6-config');
```
npm package: @pixolith/webpack-sw6-plugin-map-emitter
Description: ## How to use
Latest version: 12.0.0

# Webpack Shopware 6 Config

## How to use

### Install

```bash
npm install @pixolith/webpack-sw6-plugin-map-emitter --save-dev
```

### Require the plugin

Require the plugin in your projects `webpack.config.js` in the version you desire;

```javascript
const sw6Config = require('webpack-sw6-config');
```
npm package: @pixolith/webpack-twig-assets-emitter-plugin
Description: ## How to use
Latest version: 12.0.0

# Webpack Twig Assets Emitter Plugin

## How to use

### Install

```bash
npm install @pixolith/webpack-twig-assets-emitter-plugin --save-dev
```

### Add the plugin

```javascript
const TwigAssetEmitterPlugin = require('@pixolith/webpack-twig-assets-emitter-plugin');
```

### Add this to the `plugins` section of your webpack.config.js

```javascript
new TwigAssetEmitterPlugin({
    includes: ['js', 'css'],
    ignoreFiles: [],
    template: {
        scripts: {
            namespace: '@Storefront/storefront',
            path: '',
            filename: '_px_base.html.twig',
        },
        styles: {
            namespace: '@Storefront/storefront',
            path: 'layout',
            filename: '_px_meta.html.twig',
        },
        hints: {
            namespace: '@Storefront/storefront',
            path: 'layout',
            filename: '_px_meta.html.twig',
        },
    },
}),
```
npm package: @pixolith/webpack-typo3-config
Description: ## How to use
Latest version: 12.0.0

# Webpack TYPO 3 Config

## How to use

### Install

```bash
npm install @pixolith/webpack-typo3-config--save-dev
```

### Require the plugin

Require the plugin in your projects `webpack.config.js` in the version you desire;

```javascript
const typo3Config = require('webpack-typo3-config');
```
npm package: @pixonui/react
Description: Modern, decoupled, glassmorphic UI library for React with zero heavy dependencies.
Author: PixonUI Team
Latest version: 0.5.35

# @pixonui/react

<div align="center">
  <p align="center">
    <strong>Modern. Decoupled. Glassmorphic. Native-First.</strong>
  </p>
  <p align="center">
    The core React component library for PixonUI, built for performance and aesthetics.
  </p>
</div>

## 🚀 Key Philosophies

- **Native-First**: We prefer native browser APIs (like `<dialog>`, `IntersectionObserver`, and `ValidityState`) over heavy JavaScript polyfills.
- **Zero Dependencies**: We don't use Radix or other headless libraries. Every component is built from scratch for maximum control and minimum bundle size.
- **Ultra-Performance**: Optimized for 120fps interactions using CSS variables for mouse tracking and `content-visibility` for large datasets.
- **Full Theme Support**: Native support for Light and Dark modes with theme-aware patterns and glassmorphism.

## 📦 Installation

```bash
npm install @pixonui/react
```

## 🔧 Configuration

Add the package to your `tailwind.config.js` content array:

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@pixonui/react/dist/**/*.{js,mjs}"
  ],
  theme: {
    extend: {
      // PixonUI looks best with a dark background
      colors: {
        background: '#0A0A0A',
      }
    },
  },
  plugins: [require("tailwindcss-animate")],
}
```

## 🛠️ Usage Examples

### Native Dialog (Modal)
```tsx
import { Dialog, DialogHeader, DialogTitle, Button } from '@pixonui/react';

function MyModal() {
  const [open, setOpen] = React.useState(false);
  
  return (
    <>
      <Button onClick={() => setOpen(true)}>Open Dialog</Button>
      <Dialog isOpen={open} onClose={() => setOpen(false)}>
        <DialogHeader>
          <DialogTitle>Native Dialog</DialogTitle>
        </DialogHeader>
        <p>This uses the native HTML5 &lt;dialog&gt; tag!</p>
      </Dialog>
    </>
  );
}
```

### Advanced Motion
```tsx
import { Reveal, Magnetic, NumberTicker } from '@pixonui/react';

function Hero() {
  return (
    <div>
      <Reveal direction="up">
        <h1>Welcome to the Future</h1>
      </Reveal>
      
      <Magnetic>
        <button>I follow your mouse</button>
      </Magnetic>
      
      <p>
        Users joined: <NumberTicker value={10000} />
      </p>
    </div>
  );
}
```

## 📄 License

MIT
npm package: @pixore/eslint-config
Description: Official pixore lint config
Author: Jose Albizures
Latest version: 0.0.1

# eslint-plugin-pixore

Official pixore lint config

## Installation

You'll first need to install [ESLint](http://eslint.org):

```
$ npm i eslint --save-dev
```

Next, install `@pixore/eslint-config`:

```
$ npm install @pixore/eslint-config --save-dev
```

**Note:** If you installed ESLint globally (using the `-g` flag) then you must also install `@pixore/eslint-config` globally.

## Usage

Add `pixore` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:

```json
{
  "plugins": ["@pixore"]
}
```

If your are using React, add the specific configuration for it:

```json
{
  "plugins": ["@pixore/eslint-config/react"]
}
```
npm package: @pixorize/pixorize-quetzalcoatl-react
Description: React wrapper for the @pixorize/pixorize-quetzalcoatl library
Author: pixorize
Latest version: 1.1.2

# Build specifications

Built using node `21.6.0`
Built using npm `10.2.4`

# Pixorize Quetzalcoatl React
A [React](https://reactjs.org/) wrapper component for the
[@pixorize/pixorize-quetzalcoatl](https://www.npmjs.com/package/@pixorize/pixorize-quetzalcoatl) library.


## Instalation
```shell
npm install @pixorize/pixorize-quetzalcoatl-react
```
or
```shell
yarn add @pixorize/pixorize-quetzalcoatl-react
```


## Usage
```jsx
import React from 'react';
import PixorizeQuetzalcoatlReact from '@pixorize/pixorize-quetzalcoatl-react';

const data = '../path/to/data';
const imageUrl = 'https://via.placeholder.com/1280x720';

const InteractiveImage = () => {
  render(
    <div className="my-class-name">
      <PixorizeQuetzalcoatlReact
        data={data}
        imageUrl={imageUrl}
      />
    </<div>
  );
};

export default InteractiveImage;
```


## Documentation

### Props
`data`: `JSON`
The interactive image JSON data. See
[@pixorize/pixorize-quetzalcoatl](https://www.npmjs.com/package/@pixorize/pixorize-quetzalcoatl)
docs for more details.

`imageUrl`: `string`
The image URL.


---


## License
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

- [MIT license](https://bitbucket.org/pixorize/pixorize-quetzalcoatl-react/src/master/LICENSE.md)
- Copyright 2020 © [Pixorize Inc.](https://pixorize.com/)
npm package: @pixpa/laravel-mix
Description: Laravel Mix 5.0.9 is an elegant wrapper around Webpack for the 80% use case.
Author: Pixpateam
Latest version: 5.0.9

<p align="center"><img src="https://laravel.com/assets/img/components/logo-mix.svg" alt="Laravel Mix"></p>

<p align="center">
<a href="https://www.npmjs.com/package/laravel-mix"><img src="https://img.shields.io/npm/v/laravel-mix.svg" alt="NPM"></a>
<a href="https://npmcharts.com/compare/laravel-mix?minimal=true"><img src="https://img.shields.io/npm/dt/laravel-mix.svg" alt="NPM"></a>
<a href="https://www.npmjs.com/package/laravel-mix"><img src="https://img.shields.io/npm/l/laravel-mix.svg" alt="NPM"></a>
</p>

## Introduction

Laravel Mix provides a clean, fluent API for defining basic [webpack](http://github.com/webpack/webpack) build steps for your Laravel application. Mix supports several common CSS and JavaScript pre-processors.

If you've ever been confused about how to get started with module bundling and asset compilation, you will love Laravel Mix!

## Documentation

You may review the initial documentation [here](https://laravel-mix.com/docs/5.0/basic-example).

## License

Laravel Mix is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT).
npm package: @pixpilot/changeset
Description: A utility for changesets
Author: m.doaie
Latest version: 0.1.3

# @pixpilot/changeset

A tool for publishing packages using Changesets with automated NPM authentication.

## Installation

```bash
pnpm add -D @pixpilot/changeset
```

## Usage

This package provides a CLI tool to publish packages with Changesets. It automatically reads the NPM_TOKEN from a `.env` file and creates a temporary `.npmrc` file for authentication.

### CLI Usage

```bash
changeset-publish [options]
```

#### Options

- `--dry-run, -d` Run changeset publish with --dry-run flag
- `--next` Publish to the next tag
- `--help, -h` Show this help message

#### Examples

```bash
# Dry run publish
changeset-publish --dry-run

# Publish to next tag
changeset-publish --next

# Show help
changeset-publish --help
```

### Programmatic Usage

```typescript
import { publish } from '@pixpilot/changeset';

publish({ isDryRun: false, isNext: false });
```

## Setup

1. Create a `.env` file in your project root with your NPM token:

   ```
   NPM_TOKEN=your_npm_token_here
   ```

2. Run the publish command:
   ```bash
   pnpm run publish
   ```
npm package: @pixpilot/chrome-testing-tools
Description: Testing utilities and helpers for Chrome extension development.
Latest version: 0.5.0

# @pixpilot/chrome-testing-tools

A package providing mocks for Chrome extension APIs to facilitate testing with Vitest.

## Usage

Import the mocks in your test setup:

```typescript
import '@pixpilot/chrome-testing-tools';
```

This will set up global mocks for `chrome` and `browser` APIs.

### Advanced Usage

You can also import the mock objects directly for more control:

```typescript
import { mockBrowser, mockChrome } from '@pixpilot/chrome-testing-tools';

describe('my extension', () => {
  beforeEach(() => {
    vi.clearAllMocks();
    mockChrome.runtime.lastError = null;
  });

  it('should send a message', async () => {
    mockChrome.runtime.sendMessage.mockImplementation((message, callback) => {
      callback({ result: 'success' });
    });

    // Your extension code that calls chrome.runtime.sendMessage
    const result = await sendMessage({ type: 'test' });

    expect(mockChrome.runtime.sendMessage).toHaveBeenCalledWith(
      { type: 'test' },
      expect.any(Function),
    );
    expect(result).toEqual({ result: 'success' });
  });
});
```

The mocks include:

- `chrome.runtime.sendMessage`
- `chrome.runtime.onMessage`
- `chrome.tabs.sendMessage`
- `chrome.windows.getCurrent`
- And corresponding `browser` APIs for Firefox compatibility.
npm package: @pixpilot/date
Description: A collection of utility functions for date manipulation and parsing.
Author: Pixpilot
Latest version: 1.2.0

# @pixpilot/date

A collection of utility functions for working with JavaScript dates.

## Installation

```bash
pnpm add @pixpilot/date
```

## Usage

```typescript
import {
  addDays,
  diffDays,
  formatISODate,
  isDate,
  isValidDate,
  parseDateOrNull,
} from '@pixpilot/date';

// Parse dates safely
const date = parseDateOrNull('2023-01-15'); // Date or null

// Type guards
if (isValidDate(value)) {
  // value is a valid Date object
}

// Date manipulation
const tomorrow = addDays(new Date(), 1);
const daysDiff = diffDays(new Date('2023-01-01'), new Date('2023-01-10')); // 9

// Formatting
const formatted = formatISODate(new Date()); // '2023-01-15'
```

## API

### Type Guards

- `isDate(value: unknown): value is Date` - Check if value is a Date object
- `isValidDate(value: unknown): value is Date` - Check if value is a valid Date (not Invalid Date)

### Parsing

- `parseDateOrNull(value: unknown): Date | null` - Parse a value as a Date, return null if invalid

### Date Arithmetic

- `addDays(date: Date, days: number): Date` - Add days to a date
- `addMonths(date: Date, months: number): Date` - Add months to a date
- `addYears(date: Date, years: number): Date` - Add years to a date
- `addHours(date: Date, hours: number): Date` - Add hours to a date
- `addMinutes(date: Date, minutes: number): Date` - Add minutes to a date

### Date Difference

- `diffDays(date1: Date, date2: Date): number` - Calculate difference in days
- `diffHours(date1: Date, date2: Date): number` - Calculate difference in hours
- `diffMinutes(date1: Date, date2: Date): number` - Calculate difference in minutes

### Date Boundaries

- `startOfDay(date: Date): Date` - Get start of day (00:00:00.000)
- `endOfDay(date: Date): Date` - Get end of day (23:59:59.999)
- `startOfMonth(date: Date): Date` - Get start of month
- `endOfMonth(date: Date): Date` - Get end of month

### Date Comparison

- `isSameDay(date1: Date, date2: Date): boolean` - Check if dates are on the same day
- `isPast(date: Date): boolean` - Check if date is in the past
- `isFuture(date: Date): boolean` - Check if date is in the future
- `isToday(date: Date): boolean` - Check if date is today

### Date Formatting

- `formatISODate(date: Date): string` - Format as ISO date string (YYYY-MM-DD)
- `formatISODateTime(date: Date): string` - Format as ISO datetime string (YYYY-MM-DDTHH:mm:ss)

### Date Utilities

- `getDaysInMonth(year: number, month: number): number` - Get number of days in a month
- `isLeapYear(year: number): boolean` - Check if year is a leap year

## Contributing

We welcome contributions! Please see the [main contributing guide](../../CONTRIBUTING.md) for details.

## License

This project is licensed under the MIT License. See the [LICENSE](../../LICENSE) file for details.
npm package: @pixpilot/dev-config
Description: Modern, opinionated development configurations.
Author: m.doaie
Latest version: 3.17.0

# @pixpilot/dev-config

Modern, opinionated configurations for TypeScript projects.

> **Note**: These configurations are designed for our organization's projects but are adaptable for your needs. Settings may evolve to enhance our codebase.

## 🚀 Installation

Getting started is simple. Your project needs to have `prettier` and `typescript` installed, as they are peer dependencies.

1.  **Install the necessary packages:**

    ```bash
    npm install -D @pixpilot/dev-config
    ```

2.  **Install Jest (Optional):**
    If your project uses Jest for testing, install it separately.

    ```bash
    npm install -D jest ts-jest
    ```

## ⚙️ Usage

All the required Prettier plugins are bundled in this package. The easiest way to get started is to use the shared Prettier setup and TypeScript base config.

### Prettier Usage

Create `prettier.config.js` to use the shared Prettier setup.

```javascript
import config from '@pixpilot/dev-config/prettier';

export default config;
```

### TypeScript

Create `tsconfig.json` to extend the base configuration.

```json
{
  "extends": "@pixpilot/dev-config/typescript",
  "compilerOptions": {
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}
```

### Jest

If you are using Jest, you must install both `jest` and `ts-jest`:

```bash
npm install -D jest ts-jest
```

Create a `jest.config.js` file:

```javascript
import config from '@pixpilot/dev-config/jest';

export default config;
```

### MarkdownLint

1.  **Install:** `npm install -D markdownlint-cli`
2.  **Create `.markdownlint.json`:**

    ```json
    {
      "extends": "@pixpilot/dev-config/markdownlint"
    }
    ```

### Commitlint

1.  **Install:** `npm install -D @commitlint/cli @commitlint/config-conventional`
2.  **Create `commitlint.config.mjs` in your project root:**

    ```javascript
    import config from '@pixpilot/dev-config/commitlint';

    export default config;
    ```

### Vitest

1. **Install:**

   ```bash
   npm install -D vitest @vitest/coverage-v8
   ```

2. **Create `vitest.config.ts` in your project root:**

   ```typescript
   import defineConfig from '@pixpilot/dev-config/vitest';

   export default defineConfig();
   ```

> Coverage is enabled by default. Reports are generated in text, JSON, and HTML formats.
npm package: @pixpilot/eslint-config
Description: This is the base ESLint config for JavaScript/TypeScript projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!
Author: m.doaie
Latest version: 2.8.0

# @pixpilot/eslint-config

This is the base ESLint config for JavaScript/TypeScript projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!

## Usage

Add to your `eslint.config.mjs`:

```js
import config from '@pixpilot/eslint-config';

export default config();
```
npm package: @pixpilot/eslint-config-next
Description: This ESLint configuration provides recommended rules and settings for Next.js projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!
Author: m.doaie
Latest version: 0.0.25

# @pixpilot/eslint-config-next

This ESLint configuration provides recommended rules and settings for Next.js projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!

## Usage

Add to your `eslint.config.mjs`:

```js
import config from '@pixpilot/eslint-config-next';

export default config();
```
npm package: @pixpilot/eslint-config-react
Description: This ESLint configuration provides recommended rules and settings for React projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!
Author: m.doaie
Latest version: 0.4.6

# @pixpilot/eslint-config-react

This ESLint configuration provides recommended rules and settings for React projects at Pixpilot. While it is designed for our internal use, you are welcome to use it in your own projects as well!

## Usage

Add to your `eslint.config.mjs`:

```js
import config from '@pixpilot/eslint-config-react';

export default config();
```
npm package: @pixpilot/eslint-test-utils
Description: Test utilities for ESLint rule testing at Pixpilot. While designed for our internal use, you are welcome to use them in your own projects as well!
Author: m.doaie
Latest version: 0.4.1

# @pixpilot/eslint-test-utils

Test utilities for ESLint rule testing at Pixpilot. While designed for our internal use, you are welcome to use them in your own projects as well!

## Usage

Import and use in your test files:

```js
import { runEslintRuleTests } from '@pixpilot/eslint-test-utils';
// See documentation for usage examples.
```