open-index/open-npm huggingface dataset:
npm package: @owowagency/flipdisc
Description: ## Use flipdot in app
Latest version: 1.0.5

# Flipdisc

## Use flipdot in app

```ts
import { Display } from '@owowagency/flipdisc';
import { createCanvas } from "canvas";

const display = new Display({
    layout: [
        [3, 2, 1],
        [4, 5, 6],
        [9, 8, 7],
        [10, 11, 12],
    ],
    isMirrored: true,
    panelWidth: 28,
    transport: {
        type: 'serial',
        path: '/dev/ttyACM0',
        baudRate: 57600,
    },
});
const canvas = createCanvas(display.width, display.height);
const ctx = canvas.getContext('2d');
display.connect();

// Render to canvas
ctx.fillStyle = '#fff';
ctx.fillRect(10, 10, 10, 10);

// Update the display pixels
const data = ctx.getImageData(0, 0, display.width, display.height);
display.setImageData(data);

// Check of any of the panels in the display are marked as "dirty"
if (display.isDirty()) {
    // Flushes "dirty" panel pixel data to the actual display
    display.flush();
}

```

## Start flipdot emulator

```
npx @owowagency/flipdisc --port=3000 --host=0.0.0.0
```
npm package: @owowagency/gsap-motion
Description: ![banner-dark](assets/banner_dark.svg#gh-dark-mode-only) ![banner-light](assets/banner_light.svg#gh-light-mode-only)
Latest version: 2.13.2

![banner-dark](assets/banner_dark.svg#gh-dark-mode-only)
![banner-light](assets/banner_light.svg#gh-light-mode-only)

<br>

<p align="center">
    <img src="https://img.shields.io/npm/v/@owowagency/gsap-motion">
    <img src="https://github.com/owowagency/gsap-motion/actions/workflows/publish.yml/badge.svg">
</p>

<br>

# 📖 Table of contents

1. [Installation](#%EF%B8%8F-installation)
1. [Documentation](#-documentation)
1. [License](#-license)
1. [OWOW](#owow)

# ⚙️ Installation

```
yarn add @owowagency/gsap-motion gsap rxjs
```

```
npm i @owowagency/gsap-motion gsap rxjs
```

# 📄 Documentation

See [Documentation](https://owowagency.github.io/gsap-motion) for code usage and live examples.

See the [Github Wiki](https://github.com/owowagency/gsap-motion/wiki) for code documentation and types.


# 📜 License

The MIT License (MIT). Please see [License File](./docs/LICENSE) for more information.

<br>
<br>

<img id="owow" src="assets/owow_dark.svg#gh-dark-mode-only" width="150" />
<img id="owow" src="assets/owow_light.svg#gh-light-mode-only" width="150" />

This package has been brought to you with much love by the wizkids of [OWOW](https://owow.io/). Do you like this package? We’re still looking for new talent and Wizkids. So do you want to contribute to open source, while getting paid? [Apply now](https://owow.io/careers).
npm package: @owowagency/video-decoder
Description: ## Usage
Latest version: 1.1.0

# @owowagency/video-decoder

## Usage

```ts
import Decoder from '@owowagency/video-decoder'
import VideoUrl from './assets/video.webm';

// Transfer control offscreen, so it can be sent to a web worker
const canvas = document.querySelector('#canvas').transferControlToOffscreen();
const decoder = new Decoder(VideoUrl, {
    codec: 'vp09.00.61.12',
    pageSize: 10,
    preBufferSize: 2,
    postBufferSize: 2,
})

// Sends the renderer code & offscreen canvas to a web worker
decoder.setRenderer(btoa(`
class Renderer {
    constructor(canvas) {
        this.ctx = canvas.getContext('2d');
    }

    draw(frame, image) {
        this.ctx.drawImage(image, 0, 0);
    }
}
`), canvas);

// Load & prepare the video file for decoding
decoder.load();
// Decode the 10th frame, the frame will be passed to the `draw()` as an `ImageBitmap` method of the renderer
decoder.request(10);
// Make sure to dispose the decoder once done, this disposes all buffered frames etc.
decoder.dispose();
```