open-index/open-npm huggingface dataset:
npm package: @pixability-ui/federated-types
Description: share typings for your federated typescript packages around your mono-repo
Author: Jonathan Greene
Latest version: 0.2.0

## What is this for?

With Webpack 5's ModuleFederationPlugin, module federation is easy to implement. Coupling it with a mono-repo is powerful, but if your project uses TypeScript, it's tedious to manually create/maintain ambient type definitions for your packages so TypeScript can resolve the dynamic imports to their proper types. While using @ts-ignore on your imports works, it is a bummer to lose intellisense and type-checking capabilities.

This package exposes a node CLI command called `make-federated-types`. Once installed, you can run that command within a package, and it will write a typings file for your package into you node_modules directory that will be resolved by the TypeScript compiler.

## How is this used?

You'll need to install this module with either NPM or yarn:

```
yarn add @pixability-ui/federated-types
```

You'll also need to place a `federation.config.json` in each package being federated. It will contain the remote name and exported members. These properties are used in Webpack's `ModuleFederationPlugin` configuration object. An example:

#### `federation.config.json`

```json
{
    "name": "app2",
    "exposes": {
        "./Button": "./app2/Button"
    }
}
```

It's recommended that you spread these properties into your ModuleFederationPlugin configuration, like so:

#### `webpack.config.js`

```javascript

const deps = require('../package.json').dependencies;
const federationConfig = require('./federation.config.json');

module.exports = {
    ...

    plugins: [
        new ModuleFederationPlugin({
            ...federationConfig,
            filename: "remoteEntry.js",
            shared: {
                ...deps,
            },
        }),
    ],

    ...
}

```

Then you can call `make-federated-types` from your `scripts` block in your package's `package.json` file:

#### `package.json`

```json
scripts: {
    "make-types": "make-federated-types"
}
```

This will write new package to the `node_modules/@types/__federated_types` in your project. Since TypeScript will resolve typings in the `node_modules/@types` directory by default, you won't have to set up any other resolution or pathing in your tsconfig files to start using your typings.

If you would rather specify a directory in which to write the typing files, you can pass an `--outputDir` parameter to the command like so:

#### `package.json`

```json
scripts: {
    "make-types": "make-federated-types --outputDir ../../my_types/"
}
```

#### `package.json`

If you would like to specify custom path to the config, you can pass `--config` parameter like so:

```json
scripts: {
    "make-types": "make-federated-types --config ./path/to/my/config.json --outputDir ../../my_types/"
}
```
npm package: @pixagram/turbobase64
Description: Ultra-optimized JavaScript base64. SIMD optimization.
Author: Affolter Matias
Latest version: 0.0.2

@pixagram/turbobase64
=====================

A high-performance JavaScript implementation of Base64 encoding and decoding, inspired by the SIMD-accelerated C library, TurboBase64. This module is designed for speed, processing data in large chunks to optimize performance.

Features
--------

-   High-Speed Encoding & Decoding: Optimized for performance by processing data in large blocks.

-   Pure JavaScript: No native dependencies, runs in Node.js and modern browsers.

-   Uint8Array Support: Works directly with Uint8Array for efficient binary data handling.

-   Inspired by TurboBase64: Aims to bring the performance philosophy of the original C library to the JavaScript ecosystem.

Installation
------------

Install the package using npm:

npm install @pixagram/turbobase64

Usage
-----

Here's a quick example of how to use the TurboBase64 class to encode and decode data.

import TurboBase64 from '@pixagram/turbobase64';

// Or if you are using CommonJS:\
// const TurboBase64 = require('@pixagram/turbobase64');

const turboB64 = new TurboBase64();

// --- Encoding ---\
const originalString = "Fast and efficient Base64 encoding!";\
const textEncoder = new TextEncoder();\
const originalData = textEncoder.encode(originalString);

const encodedString = turboB64.encode(originalData);\
console.log("Encoded:", encodedString);\
// Output: "RmFzdCBhbmQgZWZmaWNpZW50IEJhc2U2NCBlbmNvZGluZyE="

// --- Decoding ---\
const decodedData = turboB64.decode(encodedString);\
const textDecoder = new TextDecoder();\
const decodedString = textDecoder.decode(decodedData);

console.log("Decoded:", decodedString);\
// Output: "Fast and efficient Base64 encoding!"

console.log("Match:", originalString === decodedString);\
// Output: true

How It Works
------------

This library's performance comes from its strategy of processing data in large, fixed-size chunks (12 bytes for encoding, 16 bytes for decoding). While the original C library relies on SSE/AVX intrinsics for maximum speed, this JavaScript version uses highly optimized scalar operations on these chunks. This approach avoids the overhead of processing byte-by-byte, resulting in a significant speed advantage for large data sets compared to more traditional Base64 implementations in JavaScript.

A simd.js polyfill is included for compatibility, but the core transformation logic relies on proven scalar bitwise operations for correctness and reliability across all JavaScript environments.

API
---

### new TurboBase64()

Creates a new TurboBase64 instance. The constructor initializes the necessary lookup tables for encoding and decoding.

### turboB64.encode(input)

-   input: Uint8Array - The binary data to encode.

-   Returns: string - The Base64 encoded string.

### turboB64.decode(input)

-   input: string - The Base64 encoded string.

-   Returns: Uint8Array - The decoded binary data.

License
-------

The original C source code for TurboBase64 is licensed under the GPL v3 License. This JavaScript adaptation is also released under the GPL v3 License.
npm package: @pixai-art/client
Description: ### Installation
Author: Andy Frank
Latest version: 0.4.0

# PixAI Client

### Installation

Our package name is `@pixai-art/client` and
you can use any of your preferred package managers to install it.

```bash
@pixai-art/client
```

### Usage

Following is a simple example of how you can use the client to generate an image.

For more examples, please refer to the [example](./example) directory.

For more information on the API, please refer to the [documentation](https://platform.pixai.art/docs).

> [!NOTE]
> By design, this library can be used in both Node.js and browser environments. However, since the Node.js environment does not come with a WebSocket implementation, you'll need to install the `ws` or any other similar libraries additionally if you need to use WebSocket to listen for changes in real-time tasks.

```typescript
import assert from 'node:assert'
import fs from 'node:fs/promises'
import { createInterface } from 'node:readline/promises'
import PixAIClient from '@pixai-art/client'

const rl = createInterface({
  input: process.stdin,
  output: process.stdout,
})

const client = new PixAIClient({
  apiKey: 'YOUR_API_KEY',
  webSocketImpl: require('ws'),
})

const main = async () => {
  const prompts = await rl.question(
    'What do you want to generate an image of? ',
  )
  const task = await client.generateImage(
    {
      prompts,
      modelId: '1648918127446573124',
      width: 512,
      height: 512,
    },
    {
      onUpdate: task => {
        console.log(new Date(), 'Task update:', task)
      },
    },
  )
  console.log('Task completed: ', task)

  const media = await client.getMediaFromTask(task)

  assert(media && !Array.isArray(media))

  console.log('downloading generated image...')
  const buffer = await client.downloadMedia(media)

  await fs.writeFile('output.png', Buffer.from(buffer))

  console.log('done! check image named output.png')

  process.exit(0)
}

main()
```
npm package: @pixart/text-to-pixel-converter
Description: Turn your text into stunning pixel art with PixArt! Our library provides an easy-to-use function that converts any text into a matrix of pixel data, allowing you to create beautiful pixel art with ease. Whether you're a graphic designer, game developer, o
Author: Rkobuki
Latest version: 1.0.0

# textToPixel

Convert your text into pixel art!

## Description

textToPixel is a simple and innovative JavaScript library that converts any text into pixel art. It uses the HTML5 canvas element and its getImageData method to retrieve the pixel data of the text's rendered image. The resulting data can be used to create pixel art-style graphics, animations, and more!

## Features

- Fast and efficient conversion of text to pixel art
- Fully customizable font size and style
- Easy integration with existing projects
- Supports all modern browsers

## Installation

To use textToPixel in your project, simply install it via npm:

```
npm install @pixart/text-to-pixel-converter
```

## Usage

Using textToPixel is as easy as calling the `textToPixel` function with your desired text and font size:

```javascript
import { textToPixel } from '@pixart/text-to-pixel-converter';

const pixels = textToPixel('Hello, world!', 16);
```

The `pixels` variable will contain a two-dimensional array of 1s and 0s, representing the black and white pixels of the rendered text.


## License

textToPixel is licensed under [the MIT License](https://en.wikipedia.org/wiki/MIT_License). See LICENSE for more information.

## Contributing

If you find a bug or have a feature request, please create an issue or submit a pull request. We welcome all contributions!
npm package: @pixby-analytics/analytics-sdk
Description: Lightweight browser SDK for Pixby product analytics
Latest version: 0.1.1

# @pixby-analytics/analytics-sdk

Browser SDK for sending product analytics events to Pixby.

## Install

Published package:

```bash
pnpm add @pixby-analytics/analytics-sdk
```

Local workspace package during development:

```bash
pnpm add /Users/aryankhan/Desktop/Work/pixby/sdk
```

## Usage

```ts
import analytics from "@pixby-analytics/analytics-sdk";

analytics.init("demo_project_key", {
  apiUrl: "http://localhost:8080"
});

analytics.identify("user_1", {
  orgId: "org_1",
  role: "admin",
  plan: "pro"
});

analytics.track("project_created", {
  project_id: "123"
});
```

## API

### `init(projectKey, options?)`

Initializes the client and starts the background flush loop.

Options:

- `apiUrl`
- `flushIntervalMs`
- `flushAt`
- `storageKey`
- `headers`

### `identify(userId, traits?)`

Associates future events with a known user and event-time traits.

### `track(event, properties?, context?)`

Queues an event for delivery.

### `flush()`

Immediately attempts to send queued events.

## Build

```bash
pnpm --filter @pixby-analytics/analytics-sdk build
```

The package outputs:

- `dist/index.js` for ESM consumers
- `dist/index.cjs` for CommonJS consumers
- `dist/index.d.ts` for TypeScript

## Versioning and publish flow

Create a changeset:

```bash
pnpm changeset
```

Review version updates:

```bash
pnpm version:sdk
```

Publish:

```bash
pnpm release:sdk
```

Dry-run the package before publishing:

```bash
pnpm --filter @pixby-analytics/analytics-sdk pack:check
pnpm --filter @pixby-analytics/analytics-sdk publish:dry-run
```

The dry-run script uses a temporary npm cache under `/tmp` so it can succeed even if your local `~/.npm` cache has permission issues.

## Real npm publish checklist

1. Log into npm:

```bash
npm login
```

2. Confirm the package name you want is available:

```bash
npm view @pixby-analytics/analytics-sdk
```

3. Build and inspect the tarball:

```bash
pnpm --filter @pixby-analytics/analytics-sdk pack:check
```

4. Run a publish dry run:

```bash
pnpm --filter @pixby-analytics/analytics-sdk publish:dry-run
```

5. Publish for real:

```bash
cd sdk
npm publish --access public
```

## Notes before public publish

- The SDK is licensed under MIT.
- If you want richer npm metadata later, add `repository`, `homepage`, and `bugs` fields once the public repo URL is final.

## Next.js example

App Router client bootstrap:

```tsx
"use client";

import { useEffect } from "react";
import analytics from "@pixby-analytics/analytics-sdk";

export function PixbyProvider() {
  useEffect(() => {
    analytics.init(process.env.NEXT_PUBLIC_PIXBY_PROJECT_KEY!, {
      apiUrl: process.env.NEXT_PUBLIC_PIXBY_API_URL
    });
  }, []);

  return null;
}
```

Mount the provider near the root layout and call `identify()` and `track()` from client components after user or feature actions are known.
npm package: @pixby/ui
Description: Pixby UI is a UI library built on top of [Tailwind CSS](https://tailwindcss.com). You can read more about the project here; <https://pixby-ui.vercel.app>.
Latest version: 1.9.5

# @pixby/ui

Pixby UI is a UI library built on top of [Tailwind CSS](https://tailwindcss.com). You can read more about the project here; <https://pixby-ui.vercel.app>.

## Folder structure

The two most important folders in this project are:

- **`/src`** - The source code for all the components
- **`/website`** - The code that powers this documentation website

The documentation website is powered by [docusaurus](https://docusaurus.io/).

## Contributing

The repo consists of two projects – the UI library (located in the root) and the documentation website (located in `./website`). Both have their own `package.json` file and their own commands.

#### Root folder

- **`yarn build`** - Builds the UI library
- **`yarn watch`** - Builds the UI library whenever a file changes
- **`yarn lint`** - Lints the code

#### In `./website`

- **`yarn dev`** - Starts docusaurus
- **`yarn build`** - Creates a production build of docusaurus
- **`yarn serve`** - Serves the production build of docusaurus

If you want to bring up this documentation page simply run **`yarn dev`** in `./website`. This will allow you to browse, but also develop components.

## Quick start guide

#### 1. Install Tailwind CSS

Pixby UI is a UI library built on top of Tailwind CSS, and therefore it requires you to install [Tailwind CSS] first. Please follow the [installation instructions](https://tailwindcss.com/docs/installation) provided here.

#### 2. Install package

```console
# yarn
yarn add @pixby/ui

# npm
npm install @pixby/ui
```

#### 3. Update `tailwind.config.js`

`@pixby/ui` uses some custom theme properties that you have to add:

```js
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#ED6489',
          50: '#FFFFFF',
          100: '#FFFFFF',
          200: '#FDEDF1',
          300: '#F8BFCE',
          400: '#F292AB',
          500: '#ED6489',
          600: '#E83666',
          700: '#D3184A',
          800: '#A5133A',
          900: '#770E2A',
        },
      },
    },
  },
};
```

#### 4. Import components

You should now be able to use the library:

```tsx
import { Button } from '@pixby/ui';
```

## Use local version of `@pixby/ui` in another project

To work with a local version of `@pixby/ui` in another project do the following:

```
cd ~/projects/pixby-ui
yarn link

cd ~/projects/your-awesome-project
yarn link @pixby/ui

cd ~/projects/pixby-ui
yarn watch
```

If you do the above, any change you do to `@pixby/ui` will now be built and reflected in your project. You can of course use `npm link` / `yalc` or whatever is your preference for linking.
npm package: @pixcai/make-api
Description: Make a promise-based API use RESTful style
Author: pixcai
Latest version: 0.0.5

make-api
=========
Make a promise-based API use RESTful style

Installing
---------

Using npm:

`npm install @pixcai/make-api -S`

Using yarn:

`yarn add @pixcai/make-api`

Example
---------

Basic usage:
```js
import { GET, POST } from '@pixcai/make-api';

const user = {
  register: POST('http://localhost:3000/user/register'),
  query: GET('http://localhost:3000/user/:id'),
};

user.register({
  data: {
    username: 'admin',
    password: '123456',
  },
}).then(({ data }) => console.log(data));

user.query({}, { id: 1 }).then(({ data }) => console.log(data));
```
`make-api` default uses `axios` for request. We can configure axios options by `API.request`:
```js
import API, { POST } from '@pixcai/make-api';

API.request.defaults.baseURL = 'http://localhost:3000';

const user = {
  register: POST('/user/register'),
};

user.register({
  data: {
    username: 'admin',
    password: '123456',
  },
}).then(({ data }) => console.log(data));
```
And we can use different config for different API:
```js
import API from '@pixcai/make-api';

const userAPI = new API({ baseURL: 'http://localhost:3000' });
const user = {
  register: userAPI.POST('/user/register'),
};

const adminAPI = new API({ baseURL: 'http://localhost:8001' });
const admin = {
  register: adminAPI.POST('/register'),
};
```
Or custom request function:
```js
import API, { POST } from '@pixcai/make-api';

API.request = ({ baseURL, url, ...config }) => window.fetch(baseURL + url, config);

const user = {
  register: POST('/user/register'),
};
```
```js
import API from '@pixcai/make-api';

const userAPI = new API({
  baseURL: 'http://localhost:3000',
}, {
  request: ({ baseURL, url, ...config }) => window.fetch(baseURL + url, config),
});
```

API
---------

### `DELETE(url)`
### `GET(url)`
### `HEAD(url)`
### `OPTIONS(url)`
### `PATCH(url)`
### `POST(url)`
### `PUT(url)`
### `API.request(config)`

### `new API(defaultConfig, factory = API)`

Make an instance that have all the above methods and uses `defaultConfig` and `factory`.

- `defaultConfig`: request config.

- `factory`: An object that must have field `request`.

License
---------

MIT
npm package: @pixdif/cli
Description: Command-Line Interface of PixDif
Author: Kazuichi Takashiro
Latest version: 0.10.2

# Pixdif Command-Line Interface
[![Build Status](https://github.com/pixdif/cli/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/cli/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/cli.svg)](https://npmjs.org/package/@pixdif/cli)

This is a command-line tool aimed to compare visual differences of files and generate test reports.

## License

[MIT](http://opensource.org/licenses/MIT)

## Installation

```sh
npm install @pixdif/cli
npm install @pixdif/png-parser # If you need to compare PNG images.
npm install @pixdif/pdf-parser # If you need to compare PDF documents.
npm install @pixdif/html-reporter # If you need to generate a test report into a web page.
```

## Features

Compare two files.

```ts
pixdif cmp <expected> <actual>
```

Convert a file (e.g. PDF) into multiple PNG images.

```sh
pixdif convert <input>
```

Compare some files in 2 directories.

```sh
pixdif diff <expected directory> <actual directory> <file glob pattern>
```

Start a server to view test reports and update baselines.

```sh
pixdif serve
```

Check more details with `--help`. It's powered by and documented with [yargs](https://yargs.js.org/).

```sh
pixdif --help
pixdif <command> --help
```
npm package: @pixdif/core
Description: Core Library of Pixdif
Author: Kazuichi Takashiro
Latest version: 0.10.1

# Pixdif
[![Build Status](https://github.com/pixdif/pixdif/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/pixdif/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/core.svg)](https://npmjs.org/package/@pixdif/core)

This is a project aimed to compare visual differences of files, originally created to compare PDF files in automated tests.

## License

[MIT](http://opensource.org/licenses/MIT)

## Key Features

	- Compare 2 files and generate diff images.
	- Search for files in 2 directories and compare them to generate a test report.
	- Save caches for baselines to speed up tests.
	- Manage baselines in test reports.
npm package: @pixdif/html-reporter
Description: PixDif HTML Reporter
Author: Kazuichi Takashiro
Latest version: 0.10.2

# Pixdif HTML Reporter
[![Build Status](https://github.com/pixdif/html-reporter/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/html-reporter/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/html-reporter.svg)](https://npmjs.org/package/@pixdif/html-reporter)

This is an extension for [pixdif](https://github.com/pixdif/pixdif) to display test results as a web page, and update baseline files in visual test reports. The web page is super tiny (unpacked size < 60KB) and fast because it is built with only a few [web components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) based on [lit](https://lit.dev).

## License

[MIT](http://opensource.org/licenses/MIT)


### Features
- Display all test cases in a table with brief test results.
- Click a test case to view all visual differences.
- Update baselines with one click (via REST APIs from [pixdif](https://github.com/pixdif/pixdif)).
- Scroll up and down to view all visual differences in one page.
- Add custom extra columns to the table.

## Installation

```sh
npm install @pixdif/html-reporter
```

## Example

```ts
import type { TestReport } from '@pixdif/model';
import generateReport from '@pixdif/html-reporter';

const sample: TestReport = {
	// your test results
};
await generateReport(sample, 'output');
```
npm package: @pixdif/model
Description: Data Models of PixDif
Author: Kazuichi Takashiro
Latest version: 0.10.1

# Pixdif Models
[![Build Status](https://github.com/pixdif/pixdif/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/pixdif/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/core.svg)](https://npmjs.org/package/@pixdif/core)

The package contains all typings for [pixdif](https://github.com/pixdif/pixdif). It can be used to visualize test results.

## License

[MIT](http://opensource.org/licenses/MIT)

## Installation

```sh
npm install @pixdif/model
```

## Examples

- [HTML Reporter](https://github.com/pixdif/html-reporter)
npm package: @pixdif/parser
Description: Abstract Parser of Different Data Formats
Author: Kazuichi Takashiro
Latest version: 0.10.1

# Pixdif Parser Toolkit
[![Build Status](https://github.com/pixdif/pixdif/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/pixdif/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/core.svg)](https://npmjs.org/package/@pixdif/core)

This is an interface of pixdif parser to convert a file into one or more multiple PNG images.

## License

[MIT](http://opensource.org/licenses/MIT)

## Installation

```sh
npm install @pixdif/parser
```

## Examples

- [PDF Parser](https://github.com/pixdif/pdf-parser)
npm package: @pixdif/pdf-parser
Description: PDF Parser
Author: Kazuichi Takashiro
Latest version: 0.10.3

# Pixdif PDF Parser
[![Build Status](https://github.com/pixdif/pdf-parser/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/pdf-parser/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/pdf-parser.svg)](https://npmjs.org/package/@pixdif/pdf-parser)

A PDF parser for [pixdif](https://github.com/pixdif/pixdif) to read PDF files and render each page into an image (PNG format), inspired by [pdf.js](https://github.com/mozilla/pdf.js) and [node-canvas](https://github.com/Automattic/node-canvas).

You can install it as a [pixdif](https://github.com/pixdif/pixdif) plugin, or just use it to convert PDF files into images so that any other frameworks can compare or consume them, such as [Playwright](https://playwright.dev), [WebDriver.IO](https://webdriver.io) or [Allure Report](https://allurereport.org).

## License

[MIT](http://opensource.org/licenses/MIT)

## Installation

```sh
npm install @pixdif/pdf-parser
```

## Example

```ts
import { finished } from 'stream/promises';

const parser = new PdfParser('test/sample/shape.pdf');
await parser.open();

const pageNum = await parser.getPageNum();

for (let i = 0; i < pageNum; i++) {
	const page = await parser.getPage(0);
	console.log(page.getTitle());
	const output = fs.createWriteStream(`output/Page ${i + 1} - ${page.getTitle()}.png`);
	const image = await page.render();
	image.pipe(output);
	await finished(output);
}

await parser.close();
```
npm package: @pixdif/png-parser
Description: A pass-through reader for PNG images. Pixdif has already built-in support for PNG.
Author: Kazuichi Takashiro
Latest version: 0.10.1

# Pixdif PNG Parser
[![Build Status](https://github.com/pixdif/pixdif/workflows/Node.js%20CI/badge.svg?branch=main)](https://github.com/pixdif/pixdif/actions?query=workflow%3ANode.js%20CI+branch%3Amain)
[![Npm Package](https://img.shields.io/npm/v/@pixdif/core.svg)](https://npmjs.org/package/@pixdif/core)

This is a pass-through package for [pixdif](https://github.com/pixdif/pixdif) to read PNG images from hard disk.

## License

[MIT](http://opensource.org/licenses/MIT)

## Installation

```sh
npm install @pixdif/png-parser
```
npm package: @pixdif/sevenzip
Description: Use your 7-Zip at ease
Author: Kazuichi Takashiro
Latest version: 0.3.0

# Node.js Library for 7-Zip ![Node.js CI](https://github.com/pixdif/sevenzip/workflows/Node.js%20CI/badge.svg)

This is a Node.js Library to find and run 7-Zip.

## License
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.

## Environment
* Node v18.x or later versions

## Get Started

### Find installed 7-Zip
```TypeScript
import { SevenZip } from '@pixdif/sevenzip';

const zip = new SevenZip();
await zip.findInstalled();
```

### Compress and extract files
```TypeScript
import { SevenZip, Archive } from '@pixdif/sevenzip';

const zip = new SevenZip({ executable: '7z' });
const example = new Archive(zip, 'my-archive.7z');
await example.add('file1.txt', 'file2.txt');

await example.extract({
	outputDir: 'my-archive',
	ignoreDirs: true,
});
```
npm package: @pixeen/reset
Description: Scoped CSS Reset
Author: Jeroen Gerits
Latest version: 0.0.46

<!-- ⚠️ This README has been generated from the file(s) "../../blueprint.md" ⚠️--><h1 align="center">@pixeen/reset</h1>
<p align="center">
		<a href="https://npmcharts.com/compare/@pixeen/reset?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@pixeen/reset.svg" height="20"/></a>
<a href="https://www.npmjs.com/package/@pixeen/reset"><img alt="NPM Version" src="https://img.shields.io/npm/v/@pixeen/reset.svg" height="20"/></a>
<a href="https://david-dm.org/pixeen/ui"><img alt="Dependencies" src="https://img.shields.io/david/pixeen/ui.svg" height="20"/></a>
<a href="https://github.com/pixeen/ui/graphs/contributors"><img alt="Contributors" src="https://img.shields.io/github/contributors/pixeen/ui.svg" height="20"/></a>
	</p>

<p align="center">
  <b>Scoped CSS Reset</b></br>
  <sub><sub>
</p>

<br />



[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#usage)

## ➤ Usage

```html
<Reset>Hello</Reset>
```



[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#getting-started)

## ➤ Getting Started

### Install Component

```bash
yarn add @pixeen/reset goober
```

### Import in your project

```typescript jsx
import { setup } from 'goober';
```

### Setup the component

```typescript jsx
setup(React.createElement);
```


[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#license)

## ➤ License
	
Licensed under [MIT](https://opensource.org/licenses/MIT).
npm package: @pixeen/text
Description: Text component
Author: Jeroen Gerits
Latest version: 0.0.46

<!-- ⚠️ This README has been generated from the file(s) "../../blueprint.md" ⚠️--><h1 align="center">@pixeen/text</h1>
<p align="center">
		<a href="https://npmcharts.com/compare/@pixeen/reset?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@pixeen/reset.svg" height="20"/></a>
<a href="https://www.npmjs.com/package/@pixeen/reset"><img alt="NPM Version" src="https://img.shields.io/npm/v/@pixeen/reset.svg" height="20"/></a>
<a href="https://david-dm.org/pixeen/ui"><img alt="Dependencies" src="https://img.shields.io/david/pixeen/ui.svg" height="20"/></a>
<a href="https://github.com/pixeen/ui/graphs/contributors"><img alt="Contributors" src="https://img.shields.io/github/contributors/pixeen/ui.svg" height="20"/></a>
	</p>

<p align="center">
  <b>Text component</b></br>
  <sub><sub>
</p>

<br />



[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#usage)

## ➤ Usage

```html
<Text>Hello</Text>
```



[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#getting-started)

## ➤ Getting Started

### Install Component

```bash
yarn add @pixeen/text goober
```

### Import in your project

```typescript jsx
import { setup } from 'goober';
```

### Setup the component

```typescript jsx
setup(React.createElement);
```


[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/solar.png)](#license)

## ➤ License
	
Licensed under [MIT](https://opensource.org/licenses/MIT).
npm package: @pixel-craft/engine
Description: This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.
Latest version: 0.8.1

# @story75/pixel-craft

This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.

This package contains the following:

- A TextureLoader to load textures from the network
- Math utilities for vectors and matrices
- A renderer based on WebGPU to render textures to a canvas
- A Sprite class to render textures

Please check the README.md in the root of the repository for general information.
If you want to go more in depth, check the TSDoc annotations in the source code.
npm package: @pixel-craft/pixel-craft
Description: This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.
Latest version: 0.9.4

# @story75/pixel-craft

This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.

This package contains the following:

- A TextureLoader to load textures from the network
- Math utilities for vectors and matrices
- A renderer based on WebGPU to render textures to a canvas
- A Sprite class to render textures

Please check the README.md in the root of the repository for general information.
If you want to go more in depth, check the TSDoc annotations in the source code.
npm package: @pixel-craft/renderer
Description: This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.
Latest version: 0.9.4

# @story75/pixel-craft

This is the main package for Pixel Craft. It contains the core functionality to create 2D pixel art games.

This package contains the following:

- A TextureLoader to load textures from the network
- Math utilities for vectors and matrices
- A renderer based on WebGPU to render textures to a canvas
- A Sprite class to render textures

Please check the README.md in the root of the repository for general information.
If you want to go more in depth, check the TSDoc annotations in the source code.