open-index/open-npm huggingface dataset:
npm package: @filecage/rollup-plugin-image-import-optimize
Description: This is a [rollup](https://github.com/rollup/rollup) plugin to support importing of images, similar to what [@rollup/plugin-image](https://github.com/rollup/plugins/tree/master/packages/image) does.
Author: David Beuchert
Latest version: 0.1.0

# Rollup Plugin Image Import Optimize
This is a [rollup](https://github.com/rollup/rollup) plugin to support importing of images, similar to
what [@rollup/plugin-image](https://github.com/rollup/plugins/tree/master/packages/image) does.

However, this plugin does not import the image into your bundle. Instead, your image is emitted as asset and
your import is an object containing URLs to your image in different file formats:
```js
import {webp, png} from './picture.svg';

document.write(`<img src="${webp}" />`);
document.write(`<img src="${png}" />`);
```

Optimization of images can be configured. The plugin uses [sharp](https://github.com/lovell/sharp) internally
to process images.
npm package: @filecoin-foundation/ui-filecoin
Description: Filecoin branded UI components for the Filecoin ecosystem created by Filecoin Foundation
Author: Filecoin Foundation
Latest version: 0.9.0

# @filecoin-foundation/ui-filecoin

Filecoin branded UI components for the Filecoin ecosystem created by Filecoin Foundation.

## Description

Component library providing reusable React components with Filecoin branding, built with TypeScript and Tailwind CSS. Includes navigation, tables, cards, forms, and utility components designed for Filecoin Foundation web properties.

## Development

### Testing

Run tests:

```bash
npm test
```

Watch mode:

```bash
npm test -- --watch
```

Coverage:

```bash
npm test -- --coverage
```

### Building

Build the package:

```bash
npm run build
```

Lint:

```bash
npm run lint
```

## Publishing

This package uses [Changesets](https://github.com/changesets/changesets) for version management.

### 1. Create Changeset

```bash
npm run changeset
```

Select the package and change type (patch/minor/major), then provide a description.

### 2. Version Packages

```bash
npm run changeset version
```

This updates package versions and CHANGELOG.md.

### 3. Publish

```bash
npm run changeset publish
```

Builds and publishes to npm registry.

## License

MIT
npm package: @filecoin-renewable-energy-purchases/js-api
Description: JS API for Filecoin Renewable Energy purchases
Author: Momcilo Dzunic
Latest version: 0.0.7

# Filecoin renewable energy purchases IPFS API

## Examples
### CLI
https://github.com/adgsm/filecoin-renewable-purchases-api-usage-example
### Web app
https://github.com/adgsm/filecoin-renewable-purchases-api-web-app-usage-example

### License
Licensed under the MIT license.
http://www.opensource.org/licenses/mit-license.php
npm package: @filecoin-shipyard/use-filecoin-config
Description: React hook to load config via Filecoin API
Author: Jim Pick
Latest version: 0.0.11

@filecoin-shipyard/use-filecoin-config
======================================

React hook to load config via Filecoin API

Uses [js-filecoin-api-client](https://github.com/filecoin-shipyard/js-filecoin-api-client) to
connect to the go-filecoin HTTP API running on localhost.

Note: Even though it is a React hook, it was built to be used in command-line apps
that run in a Node.js environment, it has not yet been used in the browser.

# Example

From [filecoin-big-head](https://github.com/filecoin-shipyard/filecoin-big-head) which
uses React with [Ink](https://github.com/vadimdemedes/ink) in a Node.js interactive
command-line app:

```js
import useFilecoinConfig from '@filecoin-shipyard/use-filecoin-config'

const Main = () => {
  const [nickError, nickname] = useFilecoinConfig('heartbeat.nickname')

  return <Box>{nickname && nickname}</Box>
}
```

# API

### `useFilecoinConfig(key, [options])`

#### Parameters

| Name | Type | Description |
|------|------|-------------|
| key | `String` | Dot separated key to config value to retrieve |
| options | `Object` | Optional options |
| options.interval | `Number` | Requery the config value every `interval` milliseconds (Default: 1000) |

#### Returns

Returns an array of values, like other React hooks.

| Index | Type | Description |
|-------|------|-------------|
| 0     | `Error` | Error object or null |
| 1     | `?` | Value from config |

# License

MIT/Apache-2 ([Permissive License Stack](https://protocol.ai/blog/announcing-the-permissive-license-stack/))
npm package: @filecoin-shipyard/use-filecoin-head
Description: React hook to query head blocks and chain height via Filecoin API
Author: Jim Pick
Latest version: 0.0.10

@filecoin-shipyard/use-filecoin-head
====================================

React hook to query head blocks and chain height via Filecoin API

# License

MIT/Apache-2 ([Permissive License Stack](https://protocol.ai/blog/announcing-the-permissive-license-stack/))
npm package: @filecoin-shipyard/use-filecoin-network-info
Description: React hook to query network info via Filecoin API
Author: Jim Pick
Latest version: 0.0.11

@jimpick/use-filecoin-network-info
==================================

React hook to query network info via Filecoin API

# License

MIT/Apache-2 ([Permissive License Stack](https://protocol.ai/blog/announcing-the-permissive-license-stack/))
npm package: @fileglass/arach-node
Description: node.js wrapper for the Arachnid CSAM filter
Author: Fileglass
Latest version: 2.0.2

# arach-node
A modern, promise based Node.js wrapper around the [Project Arachnid CSAM API](https://projectarachnid.ca/en/#shield).


## Options:
```ts
	apikey: string (required)
	url: string (required)
	trueOnError: boolean (default: true)
	exitOnErr: boolean (default: false)
```
Typescript example:
```ts
import Filter from "arach-node"
const arach = new Filter(options)
const file = someBuffer()
const resp = await arach.isImageSafe(file, "test.png", "image/png")
//resp =
/*
     safe: boolean
     rawResponse: Object[]
     errored: boolean
*/
```
Generics: The `isImageSafe` method has 2 generics (type arguments), both to manage the type safety. <br>
Usage: <br>
`await arach.isImageSafe<true, true>(file, "test.png", "image/png")` <br>
The example above turns off the strict typings of both string arguments, so any string format can be passed (normally `${string}.${string}` and `${string}/${string}` is allowed)

## Error handling:
```ts
arach.onError((err: string, rawErr: any) => {
    //do something
})
```

## Using streams:
Native streams are supported since V2, the `convertStreamToBuffer` function is deprecated.
```ts
const resp = await arach.isImageSafe(stream, "test.png", "image/png")
```
npm package: @filego/js
Description: A file splitting & merging solution
Author: Alpheus Tang
Latest version: 0.8.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# FileGo

A file splitting & merging solution.

## Quick Start

Split file from a path with `split` function.

```ts
import { split } from "@filego/js";

const file: File | Blob | Uint8Array | string = "";

await split({
    file,
    chunkSize: 2 * 1024 * 1024,
});
```

## License

This project is licensed under the terms of the MIT license.
npm package: @filego/node
Description: A file splitting & merging solution
Author: Alpheus Tang
Latest version: 0.8.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# FileGo

A file splitting & merging solution.

## Quick Start

Split file from a path to a directory directly with `split` function.

```ts
import { split } from "@filego/node";

await split({
    inFile: "/path/to/file.txt",
    outDir: "/path/to/dir",
    chunkSize: 2 * 1024 * 1024,
});
```

## License

This project is licensed under the terms of the MIT license.
npm package: @filego/ts
Description: A solution for splitting, checking and merging files
Author: Alpheus Tang
Latest version: 0.3.1
Deprecated: Package renamed, use @filego/js instead.

# FileGo

Solution for splitting, checking and merging files.

## Install

npm:

```bash
npm i @filego/ts
```

yarn:

```bash
yarn add @filego/ts
```

pnpm:

```bash
pnpm add @filego/ts
```

## License

This project is MIT licensed, you can find the license file [here](./LICENSE).
npm package: @filejet/sdk
Description: Filejet SDK.
Latest version: 1.0.0

# Filejet SDK

Filejet SDK

## Installation

```
yarn add @filejet/sdk
```

## Utils

**Generate `<img / >` attributes:**

To generate the correct `src` and `srcSet` attributes for the `<img />` tag, you can use the `filejetImg` function.

It will return urls with the correct mutations to fit your requirements.

```ts
import { filejetImg } from '@filejet/sdk/utils';

const attributes = filejetImg({
  src: 'https://myapp.com/image.jpg', // Either URL or file ID.
  width: 128,
  height: 128,
  dpiScale: [1, 1.5, 2],
  fit: 'cover',
  backgroundColor: 'transparent',
  filejetDomain: 'cdn.myapp.com',
});

// {
//   src: '...',
//   srcSet: '...',
//   width: 128,
//   height: 128
// }
}
console.log(attributes);
```

## React

To use the Filejet integration, you need to initialize the Filejet and
provide it through the `<FilejetProvider />`.

```tsx
import { Filejet, FilejetProvider, LruCache } from '@filejet/sdk/react';

const filejet = new Filejet({
  domain: 'cdn.app.com',
  Img: {
    dpiScale: [1, 1.5, 2],
    placeholderNode: <div style={{ background: '#eeeded', width: '100%', height: '100%' }}></div>,
    errorNode: (
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          flexDirection: 'column',
          backgroundColor: `rgba(255,255,255, 0.4)`
        }}
      >
        <WarningIcon color="primary" />
        Failed to load
      </div>
    )
  },
  ThumbhashImg: {
    cache: new LruCache({ maxSize: 512 }),
    intersectRootMargin: 100
  }
});

ReactDOM.render(
  <FilejetProvider filejet={filejet}>
    <App />
  </FilejetProvider>,
  document.getElementById('root')
);
```

### Img component

`<Img>` component will render the image in the most optimized way.

`src` property can be either a filejet ID or HTTPs URL to external file.

```tsx
import { Img } from '@filejet/sdk/react';

<Img
  src="KRhBC0tycdeENyP1PQkgBA"
  thumbhash="HBkSHYSIeHiPiHh8eJd4eTN0EEQG"
  height={168}
  fit="cover"
  alt="Photo"
/>;
```

**Recommended usage:**

It is recommended to alway use `thumbhash` in a combination with `height` to ensure dimensions are known before the image is loaded to prevent layout shift.

Thumbhash encodes both the blurred placeholder and its ratio, so client can avoid layout shifts even when the ratio is not known as it can be calculated from the thumbhash.

**Rendering process:**
Image starts with the single-color placeholder calculated from the average color of thumbhash. Then, when the image is in the viewport, the original image is fetched (scaled based on DPI). If the image is in browser's cache, it is rendered immediately. If not, the blurred placeholder is rendered until the image is loaded.

**Rendering priority:**
`priority` prop can be used to prioritize the image fetching, decoding and blurred placeholder rendering. Recommended value is `auto` (default). Using `low` will lead into longer time between the single-color placeholder and the real image.
npm package: @filen/react-native-argon2
Description: React Native Wrapper around Argon2
Author: zanechua
Latest version: 2.0.4

# @filen/react-native-argon2

React Native Wrapper around native Argon2 implementations:

iOS: [CatCrypto](//github.com/ImKcat/CatCrypto)

Android: [argon2kt](//github.com/lambdapioneer/argon2kt)

## Getting started

```bash
npm install @filen/react-native-argon2 --save
```

Compatibility Table

| React Native Version | Package Version |
| -------------------- | --------------- |
| 0.60 - 0.63.2        | ~0.1.0          |
| 0.63.3               | ^1.0.0          |

## Usage

```javascript
import argon2 from "@filen/react-native-argon2"
const password = "password"
const salt = "1234567891011121314151617181920212223242526272829303132333435363"
const result = await argon2(password, salt, {})
const { rawHash, encodedHash } = result
// rawHash: 031d6c82ddede1200f4794605052745dd562bd4db358e23dac1b11c052eff8d9
// encodedHash: $argon2id$v=19$m=32768,t=2,p=1$MTIzNDU2Nzg5MTAxMTEyMTMxNDE1MTYxNzE4MTkyMDIxMjIyMzI0MjUyNjI3MjgyOTMwMzEzMjMzMzQzNTM2Mw$Ax1sgt3t4SAPR5RgUFJ0XdVivU2zWOI9rBsRwFLv+Nk
```

### Input

The package takes in the following variables:

| Parameter            | Type         |
| -------------------- | ------------ |
| password             | string       |
| salt                 | string       |
| config               | object       |
| config.iterations    | integer      |
| config.memory        | integer      |
| config.parallelism   | integer      |
| config.hashLength    | integer      |
| config.mode          | string       |
| config.version       | number       |
| config.inputEncoding | "hex" "utf8" |

You are not required to configure the third parameter which is the `config` object, however you do have to provide an empty object to it if you are not changing any of the values. You can set config values with the following example:

```javascript
const result = await argon2(password, salt, {
	iterations: 5,
	memory: 16 * 1024,
	parallelism: 2,
	hashLength: 20,
	mode: "argon2i"
})
```

### Output

`rawHash` is the hexadecimal representation

`encodedHash` is the string representation