open-index/open-npm huggingface dataset:
npm package: @shznet/pdf-sign-standalone
Description: Standalone bundle for @shznet/pdf-sign-control
Author: Chien Tran
Latest version: 1.1.0

# @shznet/pdf-sign-standalone

This package provides a pre-configured entry point for the `@shznet/pdf-sign` ecosystem.

## Installation

```bash
npm install @shznet/pdf-sign-standalone
```

## Usage

```typescript
import { PdfSignControl } from '@shznet/pdf-sign-standalone';

const container = document.getElementById('pdf-root');
const control = new PdfSignControl({
  container: container,
  viewMode: 'scroll'
});

await control.load('https://example.com/doc.pdf');
```

## Versioning

This package follows the version of `@shznet/pdf-sign-control`.
npm package: @sia-ssg/sia-plugin-lightbox
Description: Image Lightbox plugin for Sia static site generator
Author: Terry Moore II
Latest version: 1.0.0

# Image Lightbox

A plugin for [Sia](https://github.com/sia-ssg/sia) static site generator.

## Installation

```bash
npm install sia-plugin-lightbox
```

## Usage

Add the plugin to your site's `_config.yml`:

```yaml
plugins:
  enabled: true
  config:
    sia-plugin-lightbox:
      enabled: true
      outputPath: output.json
```

## Configuration

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| enabled | boolean | true | Enable or disable the plugin |
| outputPath | string | output.json | Path for generated output |

## Features

- [ ] Add your plugin features here

## Development

```bash
# Clone the repository
git clone <repository-url>
cd sia-plugin-lightbox

# Install dependencies
npm install

# Test the plugin
npm test
```

## License

MIT

## Author

Terry Moore II
npm package: @sia-ssg/sia-plugin-scroll-progress
Description: Scroll Progress plugin for Sia static site generator
Author: Terry Moore II
Latest version: 1.0.0

# Scroll Progress

A plugin for [Sia](https://github.com/sia-ssg/sia) static site generator.

## Installation

```bash
npm install sia-plugin-scroll-progress
```

## Usage

Add the plugin to your site's `_config.yml`:

```yaml
plugins:
  enabled: true
  config:
    sia-plugin-scroll-progress:
      enabled: true
      height: "4px"
      color: "#007bff"
      position: "top"
      zIndex: 9999
```

### Example with custom styling

```yaml
plugins:
  enabled: true
  config:
    sia-plugin-scroll-progress:
      enabled: true
      height: "6px"
      color: "#ff6b6b"
      position: "top"
      zIndex: 10000
```

## Configuration

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| enabled | boolean | true | Enable or disable the plugin |
| height | string | "4px" | Height of the progress bar |
| color | string | "#007bff" | Color of the progress bar (CSS color value) |
| position | string | "top" | Position of the progress bar ("top" or "bottom") |
| zIndex | number | 9999 | CSS z-index value for the progress bar |

## Features

- ✅ Scroll progress indicator at the top (or bottom) of the page
- ✅ Smooth animation as you scroll
- ✅ Customizable height, color, and position
- ✅ Automatically updates on scroll and window resize
- ✅ Works with dynamic content
- ✅ Zero dependencies, pure vanilla JavaScript

## Development

```bash
# Clone the repository
git clone <repository-url>
cd sia-plugin-scroll-progress

# Install dependencies
npm install

# Test the plugin
npm test
```

## License

MIT

## Author

Terry Moore II
npm package: @siac/core-ui
Description: collection of react ui components
Latest version: 1.1.0

# Core UI

A collection of React UI Components based on Evergreen UI.

---

## Installation

Install using a package manager such as Yarn:

```shell
yarn add @siac/core-ui
```

---

## Usage

```js
// Modules
import { XXXXX } from "@siac/core-ui";
```

Read the official [documentation](https://evergreen.segment.com) at Evergreen UI website for a list of all the import-ables.
npm package: @siac/logger
Description: simple logger for javascript apps
Latest version: 1.0.0

# Stateful.js

Simple Logger for JavaScript apps.

---

## Installation

Install using a package manager such as Yarn:

```shell
yarn add @siac/logger
```

---

## Usage

Import the library:
```js
import Logger from "@siac/logger";
```

### **Error**
Prints an error message on the console.
```js
Logger.error(message);
```

### **Warning**
Prints a warning message on the console.
```js
Logger.warn(message);
```

### **Log**
Prints a message on the console.
```js
Logger.error(message);
```

### **Info**
Prints an informative message on the console.
```js
Logger.error(message);
```


---

## License

```
Stateful is licensed under the MIT License.
```
npm package: @siac/slug
Description: generate unique slugs using time stamp
Latest version: 1.0.2

# Slug

generate unique slugs using time stamp

---

## Installation

```sh
$ yarn add @siac/slug
```

---

## Usage

```js
import Slug from "@siac/slug";

const mySlug = Slug();
```

This will generate a unique string of six random characters. 

---

## License

```
Slug is licensed under the MIT License.

Made with love by Siac.

(https://siac.io)
```
npm package: @siacashcoin/uikit
Description: Set of UI components for scc project
Latest version: 0.1.2

# SCC Frontend UIkit



SCC UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

yarn 
yarn start build
yarn build

## Setup

### Theme

Before using SCC UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @siacentral/ledgerjs-sia
Description: Ledger hardware wallet Siacoin API.
Author: Nate Maninger
Latest version: 1.2.9

# Sia Ledger

Ledger hardware wallet Sia bindings

## Package Install
```
npm i @siacentral/ledgerjs-sia
```

## Static Install
Static javascript builds are available on the releases page.

## Package Usage
```js
import Sia from '@siacentral/ledgerjs-sia';
import TransportWebHID from '@ledgerhq/hw-transport-webhid';

/**
 * connect connects to the plugged in Ledger using the WebHID transport
 * and returns the first Sia address of the ledger wallet.
 */
async function connect() {
	let sia;
	try {
		const transport = await TransportWebHID.create();
		sia = new Sia(transport);
		
		const address = await sia.getAddress(0);
		console.log(address);
	} catch (ex) {
		// TODO: handle error
	} finally {
		// always close the transport when done.
		if (sia) sia.close();
	}
}

connect();
```

## Static Usage
```html
<script type="text/javascript" src="/js/sia.js"></script>
<script type="text/javscript">
/**
 * connect connects to the plugged in Ledger using the WebHID transport
 * and returns the first Sia address of the ledger wallet.
 */
async function connect() {
	try {
		const transport = await TransportWebHID.create(),
			sia = new Sia(transport),
			address = await sia.getAddress(0);

		console.log(address);
	} catch (ex) {
		// TODO: handle error
	}
}

connect();
</script>
```
npm package: @siafoundation/explored-js
Description: SDK for interacting with `explored`.
Latest version: 0.10.1

# explored-js

A Typescript SDK for interacting with the [`explored`](https://github.com/SiaFoundation/explored) API.

## installation

```sh
npm install @siafoundation/explored-js
```

## usage

```ts
import { Explored } from '@siafoundation/explored-js'

export async function exampleExploredDataFetch() {
  const explored = Explored({
    api: 'http://localhost:9980/api',
    password: 'password1337',
  })

  try {
    const transactionFeeResponse = await explored.txpoolFee()

    if (transactionFeeResponse.status !== 200) throw new Error(transactionFeeResponse.statusText)

    const transactionFee = transactionFeeResponse.data
    // Do Transaction Fee things.
    console.log(transactionFee)
  } catch (e) {
    // Handle the error
    console.log(e)
  }
}
```

## explored libraries

- [types](https://www.npmjs.com/package/@siafoundation/explored-types)
- [sdk](https://www.npmjs.com/package/@siafoundation/explored-js) (this repo)
- [react hooks](https://www.npmjs.com/package/@siafoundation/explored-react)

## API documentation

https://api.sia.tech/explored

#### The Sia Foundation

This library is brought to you by [The Sia Foundation](https://github.com/SiaFoundation), Inc.--a registered 501(c)(3) non-profit dedicated to revolutionizing data storage through decentralization.
npm package: @siafoundation/explored-react
Description: React hooks for interacting with `explored`.
Latest version: 0.9.1

# explored-react

React hooks for interacting with the [`explored`](https://github.com/SiaFoundation/explored) API.

## installation

```sh
npm install @siafoundation/explored-react
```

## usage

```tsx
import { useTxpoolFee } from '@siafoundation/explored-react'
import { LoadingSpinner } from 'some-component-library'

export function TransactionPoolFeeIndicator() {
  const { data: fee, isValidating, error } = useTxpoolFee()

  if (fee) {
    return <span>{fee}<span>
  }
  if (isValidating) {
    return <LoadingSpinner />
  }
  return <span>{error.message}</span>
}
```

## explored libraries

- [types](https://www.npmjs.com/package/@siafoundation/explored-types)
- [sdk](https://www.npmjs.com/package/@siafoundation/explored-js)
- [react hooks](https://www.npmjs.com/package/@siafoundation/explored-react) (this repo)

## API documentation

https://api.sia.tech/explored

#### The Sia Foundation

This library is brought to you by [The Sia Foundation](https://github.com/SiaFoundation), Inc.--a registered 501(c)(3) non-profit dedicated to revolutionizing data storage through decentralization.
npm package: @siafoundation/explored-types
Description: Types for `explored`.
Latest version: 0.21.0

# explored-types

TypeScript types for [`explored`](https://github.com/SiaFoundation/explored) API data structures, parameters, payloads, and responses.

## installation

```sh
npm install @siafoundation/explored-types
```

## explored libraries

- [types](https://www.npmjs.com/package/@siafoundation/explored-types) (this repo)
- [sdk](https://www.npmjs.com/package/@siafoundation/explored-js)
- [react hooks](https://www.npmjs.com/package/@siafoundation/explored-react)

## API documentation

https://api.sia.tech/explored

#### The Sia Foundation

This library is brought to you by [The Sia Foundation](https://github.com/SiaFoundation), Inc.--a registered 501(c)(3) non-profit dedicated to revolutionizing data storage through decentralization.
npm package: @siafoundation/hostd-js
Description: SDK for interacting with `hostd`.
Latest version: 0.6.0

# hostd-js

SDK for interacting with `hostd`.

## Installation

```sh
npm install @siafoundation/hostd-js
```

## Usage

```js
import { Hostd } from '@siafoundation/hostd-js'

export async function example() {
  const hostd = Hostd({
    api: 'http://localhost:9980/api',
    password: 'password1337',
  })
  const state = await hostd.stateHost()
  const volumes = await hostd.volumes()
  console.log(state.data, volumes.data)
}
```
npm package: @siafoundation/renterd-js
Description: SDK for interacting with `renterd`.
Latest version: 0.15.0

# renterd-js

SDK for interacting with `renterd`.

## Installation

```sh
npm install @siafoundation/renterd-js
```

## Usage

```js
import { Bus, Worker, Autopilot } from '@siafoundation/renterd-js'

export async function example() {
  const bus = Bus({
    api: 'http://localhost:9980/api',
    password: 'password1337',
  })
  const autopilot = Autopilot({
    api: 'http://localhost:9980/api',
    password: 'password1337',
  })
  const worker = Worker({
    api: 'http://worker:4444/api',
    password: 'password1337',
  })

  try {
    const buckets = await bus.buckets()
    buckets.data.forEach((bucket) => {
      console.log(bucket.name, bucket.createdAt, bucket.policy)
    })
  } catch (error) {
    console.log(error)
  }

  bus.bucketCreate({
    data: { name: 'my-bucket' },
  })

  bus.bucketPolicyUpdate({
    params: {
      name: 'my-bucket',
    },
    data: {
      policy: {
        publicReadAccess: true,
      },
    },
  })

  const hosts = await bus.hosts({
    data: {
      filterMode: 'allowed',
      usabilityMode: 'usable',
      addressContains: 'example.com',
      keyIn: ['key1', 'key2'],
      offset: 0,
      limit: 50,
    },
  })

  hosts.data?.forEach((host) => {
    console.log(host.publicKey, host.priceTable)
  })

  await worker.objectUpload({
    params: {
      key: 'path/to/file.txt',
      bucket: 'my-bucket',
    },
    data: new File(['file contents'], 'file.txt'),
    config: {
      onUploadProgress: (progress) => {
        console.log(progress.loaded / progress.total)
      },
    },
  })

  await worker.objectDownload({
    params: {
      key: 'path/to/file.txt',
      bucket: 'my-bucket',
    },
  })

  const state = await autopilot.state()
  console.log(state.data.migrating)
}
```
npm package: @siafoundation/sdk
Description: SDK for interacting directly with the Sia network from browsers and web clients.
Latest version: 0.5.0

# sdk

SDK for interacting directly with the Sia network from browsers and web clients.

## Installation

`npm install @siafoundation/sdk`

## Usage

```js
import { initSDK } from '@siafoundation/sdk'

const sdk = await initSDK()
const { phrase, error } = sdk.wallet.generateSeedPhrase()
```
npm package: @siafoundation/sia-central-js
Description: Methods and types for interacting with the Sia Central API.
Latest version: 0.5.3

# sia-central-js

Methods and types for interacting with the Sia Central API.

## Installation

```sh
npm install @siafoundation/sia-central-js
```

## Usage

```js
import { SiaCentral } from '@siafoundation/sia-central-js'

export async function example() {
  const siaCentral = SiaCentral()
  const latestBlock = await siaCentral.blockLatest()
  const metrics = await siaCentral.hostsNetworkMetrics()
  const averages = await siaCentral.hostsNetworkAverages()
  const exchangeRates = await siaCentral.exchangeRates({
    params: {
      currencies: 'sc',
    },
  })
  console.log({ latestBlock, metrics, averages, exchangeRates })
}
```
npm package: @siafoundation/walletd-js
Description: SDK for interacting with `walletd`.
Latest version: 0.5.0

# walletd-js

SDK for interacting with `walletd`.

## Installation

```sh
npm install @siafoundation/walletd-js
```

## Usage

```js
import { Walletd } from '@siafoundation/walletd-js'

const walletd = Walletd({
  api: 'http://localhost:9980/api',
  password: 'password1337',
})

const events = await walletd.walletEvents({
  params: {
    id: 'wallet-1',
    limit: 10,
    offset: 0,
  },
})
const peers = await walletd.syncerPeers()
console.log(events.data, peers.data)
```
npm package: @siaikin/utils
Description: utils. event listener, type def and proxy manager etc.
Author: siaikin
Latest version: 1.2.0

# utils
 
[![codecov](https://codecov.io/gh/siaikin/utils/branch/main/graph/badge.svg?token=Q2J6U2PLGZ)](https://codecov.io/gh/siaikin/utils)
![GitHub Workflow Status](https://img.shields.io/github/workflow/status/siaikin/utils/CI)
![npm](https://img.shields.io/npm/v/@siaikin/utils)
![NPM](https://img.shields.io/npm/l/@siaikin/utils?registry_uri=https%3A%2F%2Fregistry.npmjs.com)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/@siaikin/utils)

日常使用的工具, 补充你的每日所需.

## 概览

```text
├── EventTarget.ts        // 简单的事件监听器实现
├── IEventTarget.ts       // 事件监听器接口定义
├── index.ts
├── proxy-manager         // 对象代理工具
├── reporter              // 日志打印工具
├── reporter-manager      // 日志管理工具
├── state-machine         // 简单状态机实现
├── storage-manager       // 支持Web/微信小程序的数据储存工具
├── task-manager          // 定时任务工具
├── type-utils            // TypeScript类型定义工具函数
└── utils                 // 类型判断工具函数
```
npm package: @siamf/context-menu
Description: React hook for displaying configure able context menu
Author: Siam Ahnaf
Latest version: 1.2.2

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/logo/logo-white.png">
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/logo/logo-black.png">
  <img alt="Siam Ahnaf" src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/logo/logo-black.png" height="auto" width="240">
</picture>

# @siamf/context-menu
React hook and components for displaying fully UI controlled context menu.

This project is fork of [use-context-menu](https://github.com/bvaughn/use-context-menu) with react 19 support.

# Installation

```bash
$ npm i @siamf/context-menu
```

# Usage

### `ImageUpload`

```javascript
"use client"
import { ContextMenuItem, useContextMenu } from "@siamf/context-menu";
import "@siamf/context-menu/styles.css";

const Page = ({ className }: { className: string }) => {
  const { contextMenu, onContextMenu, onKeyDown } = useContextMenu(
    <>
      <ContextMenuItem onSelect={selectOne}>One</ContextMenuItem>
      <ContextMenuItem onSelect={selectTwo}>Two</ContextMenuItem>
      <ContextMenuItem onSelect={selectThree}>Three</ContextMenuItem>
    </>
  );

  return (
    <>
      <button onContextMenu={onContextMenu} onKeyDown={onKeyDown} tabIndex={0}>
        right-click me
      </button>
      {contextMenu}
    </>
  );
}

export default Page;
```

## Connect with me
<div style="display: flex; align-items: center; gap: 3px;">
<a href="https://wa.me/8801611994403"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/whatsapp.png" width="40" height="40"></a>
<a href="https://siamahnaf.com/" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/web.png" width="40" height="40"></a>
<a href="https://www.linkedin.com/in/siamahnaf/" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/linkedin.png" width="40" height="40"></a>
<a href="https://x.com/siamahnaf198" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/x.png" width="40" height="40"></a>
<a href="https://www.facebook.com/siamahnaf198/" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/facebook.png" width="40" height="40"></a>
<a href="https://t.me/siamahnaf198" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/telegram.png" width="40" height="40"></a>
<a href="https://www.npmjs.com/~siamahnaf" style="margin-right: 8px"><img src="https://raw.githubusercontent.com/siamahnaf/assets-kit/main/icons/npm.png" width="40" height="40"></a>
</div>


------------

<p align="center" color="red"><a href="https://www.siamahnaf.com/">www.siamahnaf.com</a></p>