open-index/open-npm huggingface dataset:
npm package: @imgix/ix-player
Description: An imgix video custom element that works anywhere
Author: imgix, Inc.
Latest version: 1.0.0

<p align="center">
  <a href="https://imgix.com/">
    <img src="https://avatars.githubusercontent.com/u/2793044?s=200&v=4" alt="imgix Logo">
    <h1 align="center">&lt;ix-player/&gt;</h1>
  </a>
  <a href="https://npmcharts.com/compare/@imgix/ix-player?interval=30"><img src="https://img.shields.io/npm/dm/@imgix/ix-player.svg?sanitize=true" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@imgix/ix-player"><img src="https://img.shields.io/npm/v/@imgix/ix-player.svg?sanitize=true" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@imgix/ix-player"><img src="https://img.shields.io/npm/l/@imgix/ix-player.svg?sanitize=true" alt="License"></a>
</p>

# Introduction

`<ix-player>` is the official imgix video player web component that works anywhere.

The player UI is built on [Media Chrome](https://media-chrome.org) and [`<ix-video>`](../ix-video) drives the core video logic used to play videos.

# Installation

```shell
npm install @imgix/ix-player
```

or

```shell
yarn add @imgix/ix-player
```

# Usage

```html
<style>
  ix-player {
    display: block;
    width: 100%;
    margin: 1rem 0 2rem;
    background-color: #000;
    line-height: 0;
  }

  ix-player:not([audio]) {
    aspect-ratio: 16 / 9;
  }
</style>

<ix-player
  src="https://assets.imgix.video/videos/alexa_ski_big_bear_mountain.MOV?fm=hls"
  type="hls"
  gif-preview
  poster-params="video-thumbnail-time=2"
></ix-player>
```

# Docs

API reference lives [on Github](./REFERENCE.md).
npm package: @imgix/ix-player-react
Description: An imgix video custom element for React
Author: imgix, Inc.
Latest version: 1.0.0

<p align="center">
  <a href="https://imgix.com/">
    <img src="https://avatars.githubusercontent.com/u/2793044?s=200&v=4" alt="imgix Logo">
    <h1 align="center">&lt;IxPlayer/&gt;</h1>
  </a>
  <a href="https://npmcharts.com/compare/@imgix/ix-player-react?interval=30"><img src="https://img.shields.io/npm/dm/@imgix/ix-player-react.svg?sanitize=true" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@imgix/ix-player-react"><img src="https://img.shields.io/npm/v/@imgix/ix-player-react.svg?sanitize=true" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@imgix/ix-player-react"><img src="https://img.shields.io/npm/l/@imgix/ix-player-react.svg?sanitize=true" alt="License"></a>
</p>

# Introduction

`<IxPlayer />` is the official imgix React video player component, built on top of our [ix-player web component](../ix-player) and [Media Chrome](https://media-chrome.org).

# Installation

```shell
npm install @imgix/ix-player-react
```

or

```shell
yarn add @imgix/ix-player-react
```

# Usage

```jsx
import IxPlayer from '@imgix/ix-player-react';

<IxPlayer
  src="my.domain.imgix.video/my-video.mp4?fm=hls"
  type="hls"
/>;
```

### Lazy-loading

Defer loading of IxPlayer by importing from `@imgix/ix-player-react/lazy`.

```jsx
import IxPlayer from '@imgix/ix-player-react/lazy';

<IxPlayer
  loading="viewport"
  src="https://assets.imgix.video/videos/alexa_ski_big_bear_mountain.MOV?fm=hls"
  type="hls"
  gifPreview
  posterParams="video-thumbnail-time=2"
/>;
```

If you are generating your pages with a Node.js server (for example, [Next.js](https://nextjs.org/docs/basic-features/data-fetching/)), consider using `@imgix/ix-player-react/lazy` with a blurhash library and imgix Video API's `video-generate` parameter to generate a placeholder to display during loading.

# Docs

API reference lives [on Github](./REFERENCE.md).
npm package: @imgjeits/prettier-config
Description: Prettier Config
Latest version: 1.0.2

# Prettier configuration

[_@imgjeits/prettier-config_](https://www.npmjs.com/package/@imgjeits/prettier-config)

This is my personal [Prettier](https://prettier.io/) configuration file. Will be changed depending on what I'm working on, use with caution.

## Usage

1. Install

    ```s
    yarn add --dev @imgjeits/prettier-config
    ```

2. Add to your package.json

    ```json
    {
    	"prettier": "@imgjeits/prettier-config"
    }
    ```
npm package: @imgly/psd
Description: lightweight psd file parser with no dependency written in typescript
Author: W FE Tech
Latest version: 0.4.0-imgly.1

# @webtoon/psd

[![Package on NPM](https://img.shields.io/npm/v/@webtoon/psd)](https://www.npmjs.com/package/@webtoon/psd) [![Minified size](https://img.shields.io/bundlephobia/min/@webtoon/psd)](https://bundlephobia.com/package/@webtoon/psd)

> A lightweight Adobe Photoshop .psd/.psb file parser in typescript with zero-dependency for web browsers and NodeJS

`@webtoon/psd` is a fast, lightweight parser for Adobe Photoshop PSD/PSB files. It uses standard (ES2015+) features and can be used both in web browsers and in Node.js. It pulls in zero dependencies, making it smaller than other PSD parsers.

Check out:

- [GitHub repo](https://github.com/webtoon/psd/) for documentation.
- [Live demo](https://webtoon.github.io/psd/)
- [Benchmark page](https://webtoon.github.io/psd/benchmark/)

## License

`@webtoon/psd` is released under the [MIT license](https://github.com/webtoon/psd/blob/main/LICENSE).

```
Copyright 2021-present NAVER WEBTOON

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
```