open-index/open-npm huggingface dataset:
npm package: @onlyworlds/mcp-client
Description: MCP client for OnlyWorlds API schema access
Author: OnlyWorlds
Latest version: 1.1.1

# OnlyWorlds MCP Client

Model Context Protocol (MCP) client for accessing OnlyWorlds API schema and tools.

## Installation

```bash
npm install -g @onlyworlds/mcp-client
```

Or use directly with npx:
```bash
npx @onlyworlds/mcp-client
```

## Usage

### Claude Desktop

Add to your `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "onlyworlds": {
      "command": "npx",
      "args": ["-y", "@onlyworlds/mcp-client"]
    }
  }
}
```

### Environment Variables

- `ONLYWORLDS_API_URL` - API base URL (optional, defaults to https://www.onlyworlds.com)
- `ONLYWORLDS_API_KEY` - Your API key (optional, only for world-specific data)
- `ONLYWORLDS_API_PIN` - Your API PIN (optional, only for world-specific data)

Note: Authentication is not required for accessing the OnlyWorlds schema and tools.

## What It Does

This NPM package is a lightweight bridge that connects Claude/Cursor to the OnlyWorlds MCP server. It forwards requests to `https://www.onlyworlds.com/mcp/messages/` where the actual MCP implementation runs.

The package enables AI assistants to access:

### Resources
- Access complete OnlyWorlds API documentation
- Get schemas for all 22 element types
- View field formatting guides and examples
- Access authentication and endpoint information

### Tools (v1.1.0+)
- **list_element_types** - List all available element types
- **get_element_schema** - Get complete field list for any element type
- **get_field_relationships** - Get relationship field mappings
- **search_schema_fields** - Search for fields across all schemas
- **get_field_info** - Get detailed information about any field
- **get_api_quickstart** - Get API documentation with examples
- **get_onlyworlds_overview** - Get comprehensive OnlyWorlds overview
- **get_category_icons** - Get icon mappings for categories
- **get_element_sections** - Get field section organization

## Version History

- **v1.1.0** - Added full tool support (10 tools for schema exploration)
- **v1.0.1** - Bug fixes and improvements
- **v1.0.0** - Initial release with resource support

## License

MIT
npm package: @onmars/lunar
Description: CLI for Lunar — install globally and run 'lunar' to start your AI companion
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar

CLI for [Lunar](https://github.com/onmars-tech/lunar) — turn any AI agent into a personal companion.

## Install

```bash
bun install -g @onmars/lunar
```

## Quick Start

```bash
# Initialize a new workspace
lunar init

# Start the daemon
lunar start

# Background mode
lunar start --detach

# Check status
lunar status
```

## Requirements

- [Bun](https://bun.sh) >= 1.2
- [Claude CLI](https://docs.anthropic.com/en/docs/claude-cli) with active subscription

## Commands

| Command | Description |
|---------|-------------|
| `lunar init` | Interactive workspace setup |
| `lunar start` | Start daemon (foreground) |
| `lunar start --detach` | Start as background process |
| `lunar stop` | Stop running daemon |
| `lunar status` | Show daemon status |
| `lunar logs` | View logs (`-f` to follow) |
| `lunar doctor` | Diagnose configuration issues |
| `lunar clean` | Remove store and session data |

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-agent-claude
Description: Claude CLI agent adapter for Lunar
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-agent-claude

Claude CLI agent adapter for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-core
Description: Core runtime for Lunar — types, config loader, session store, router, and plugin system
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-core

Core runtime for [Lunar](https://github.com/onmars-tech/lunar) — types, config loader, session store, router, and plugin system.

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-discord
Description: Discord platform adapter for Lunar
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-discord

Discord platform adapter for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-mcp
Description: MCP (Model Context Protocol) client for Lunar
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-mcp

MCP (Model Context Protocol) client for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-memory-brain
Description: Brain memory provider for Lunar (Supabase-backed long-term memory)
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-memory-brain

Brain memory provider (Supabase-backed) for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-memory-engram
Description: Engram memory provider for Lunar (MCP-based local memory)
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-memory-engram

Engram memory provider (MCP-based local memory) for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmars/lunar-voice
Description: Voice synthesis adapter for Lunar (ElevenLabs TTS)
Author: onMars Tech
Latest version: 0.4.5

# @onmars/lunar-voice

Voice synthesis adapter (ElevenLabs TTS) for [Lunar](https://github.com/onmars-tech/lunar).

This package is used internally by `@onmars/lunar-cli`. Install the CLI instead:

```bash
bun install -g @onmars/lunar-cli
```

## License

MIT — [onMars Tech](https://github.com/onmars-tech)
npm package: @onmau/sdk
Description: Onmau AI database javascript SDK
Author: Alexandr Slavinskii
Latest version: 0.0.9

# Onmau JavaScript SDK

This SDK allows you to access Onmau platform data using a more developer-friendly syntax. The SDK will
automatically maintain the connection and update the authentication data.

## Documentation

Complete SDK documentation: https://gitlab.kurai.foundation/onmau/js-sdk/-/wikis/home

## License

You can copy and paste a summary of the MIT license below.

```text
MIT License

Copyright (c) 2022-2024 Kurai Foundation

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.
```
npm package: @onmax/wt
Description: Git worktrees CLI with GitHub integration and Claude Code support
Author: Max
Latest version: 0.1.0

# wt

Git worktrees CLI with GitHub integration and Claude Code support.

## Installation

```bash
npm install -g @onmax/wt
```

## Prerequisites

- [GitHub CLI](https://cli.github.com/) (`gh`) installed and authenticated
- [Claude Code](https://claude.ai/code) (optional, for issue investigation)
- Git repository with a GitHub remote

## Usage

Run `wt` in any git repository to start the interactive mode:

```bash
wt
```

The CLI guides you through creating worktrees from issues, PRs, or custom branches.

### Commands

| Command | Description |
|---------|-------------|
| `wt` | Interactive mode with prompts |
| `wt create <branch>` | Create a worktree with a new branch |
| `wt create <branch> --pr` | Create worktree and open a draft PR |
| `wt clone` | Clone an existing PR as a worktree |
| `wt list` | Show all worktrees with PR status |
| `wt sync` | Pull latest changes from the base branch |
| `wt clean [pr]` | Verify CI and prepare for merge |

### Interactive Mode

When you run `wt` without arguments, the CLI presents an interactive menu:

1. **Create from Issue** - Select an open GitHub issue, auto-generates branch name
2. **Create from PR** - Clone an existing PR's branch as a worktree
3. **Create Custom** - Enter a custom branch name

When creating from an issue, the CLI:
- Creates a worktree at `../{repo}-worktrees/{branch}`
- Copies `.env` from the main repo if present
- Pushes to your fork if you lack write access
- Launches Claude Code in plan mode to investigate the issue

## Configuration

Custom worktree paths can be configured per repository in `~/.config/wt/config.json`:

```json
{
  "nuxt-hub/core": "~/nuxt/hub-worktrees",
  "unjs/nitro": "~/nuxt/nitro-worktrees"
}
```

## How It Works

The CLI uses [git worktrees](https://git-scm.com/docs/git-worktree) to maintain multiple working directories linked to a single repository. This approach:

- Eliminates the need to re-clone repositories
- Allows instant switching between branches via `cd`
- Shares fetched objects across all worktrees
- Enables working on multiple branches simultaneously

### Fork Workflow

When you lack push access to a repository, the CLI automatically:

1. Creates or uses your existing fork
2. Adds the fork as a `fork` remote
3. Pushes to the fork instead of origin
4. Creates PRs with the correct `user:branch` head reference

## License

MIT
npm package: @onmeta/react-native-sdk
Description: React native sdk to integrate onmeta
Author: Onmeta
Latest version: 1.1.2

# Onmeta React native SDK

## Installation

Install via Yarn:``` yarn add @onmeta/react-native-sdk```

Install via npm:```  npm install @onmeta/react-native-sdk ```

## peer dependencies

 ``` npm install @pusher/pusher-websocket-react-native@^1.2.2 ```

## Quick Start

```javascript
import MetaWidget from "@onmeta/react-native-sdk";

const eventHandler = async (event, data) => {
  switch (event) {
    // example to open the upi apps
    case "upi-intent": {
      const Linkdata = await JSON.parse(data);
      void Linking.openURL(Linkdata.link);
    }
    default: {
      // Default code
    }
  }
};

<MetaWidget
  queryParams={{
    apiKey: "*****MERCHANT_API_KEY********",
    environment: "STAGING/PRODUCTION",
  }}
  onEventHandler={eventHandler}
/>;
```

## Contact us

<p align="center">
  <a href="https://github.com/onmetahq" target="_blank">
    <img src="https://img.shields.io/badge/GitHub-%40onmetahq-181717?style=for-the-badge&logo=github" alt="GitHub">
  </a>
  <a href="https://twitter.com/onmetahq" target="_blank">
    <img src="https://img.shields.io/badge/X-%40onmetahq-1DA1F2?style=for-the-badge&logo=X" alt="X">
  </a>
</p>
npm package: @onmyway133/github-trending
Description: Terminal UI for browsing GitHub trending repositories
Latest version: 0.1.1

# github-trending

Browse GitHub trending repositories in your terminal.

![](images/github.png)

## Usage

Run without installing:

```bash
bunx @onmyway133/github-trending
```

Or install globally:

```bash
npm install -g @onmyway133/github-trending
github-trending
```

Requires [Bun](https://bun.sh).

## Options

```
--since daily|weekly|monthly   Time range (default: daily)
--lang  <language>             Filter by language (e.g. typescript, rust, python)
--help                         Show help
```

Examples:

```bash
github-trending --lang typescript
github-trending --since weekly
github-trending --lang rust --since monthly
```

## Key Bindings

| Key | Action |
|-----|--------|
| `j` / `↓` | Move down |
| `k` / `↑` | Move up |
| Mouse scroll | Scroll list |
| `t` | Cycle time: daily → weekly → monthly |
| `/` | Filter by name or description |
| `Esc` | Cancel filter |
| `Enter` | Open selected repo in browser |
| `r` | Refresh |
| `q` / `Ctrl+C` | Quit |

## License

MIT
npm package: @onmyway133/hacker-news
Description: Terminal Hacker News reader — stories, comments, and article previews in your terminal
Latest version: 0.1.3

# hacker-news

Terminal Hacker News reader built with Bun + TypeScript + Ink.

Two-pane layout with story list, article preview, and full-screen comment threads.

![](images/hackernews.png)

## Install

```sh
bun add -g @onmyway133/hacker-news
```

## Usage

```sh
bunx @onmyway133/hacker-news           # Open front page
bunx @onmyway133/hacker-news new       # New stories
bunx @onmyway133/hacker-news ask       # Ask HN
bunx @onmyway133/hacker-news show      # Show HN
bunx @onmyway133/hacker-news jobs      # Jobs
bunx @onmyway133/hacker-news best      # Best stories
```

Or if installed globally:

```sh
hacker-news
hacker-news new
```

## Keyboard Shortcuts

### Browse mode

| Key | Action |
|-----|--------|
| `j` / `↓` | Move down |
| `k` / `↑` | Move up |
| `Tab` | Switch panes (stories ↔ preview) |
| `[` / `]` | Previous / next feed |
| `1`–`6` | Jump to feed (Top/New/Best/Ask/Show/Jobs) |
| `n` / `p` | Next / prev page |
| `/` | Search |
| `Enter` | Open comment thread |
| `o` | Open article in browser |
| `O` | Open HN discussion page in browser |
| `r` | Refresh |
| `q` | Quit |

### Comments mode

| Key | Action |
|-----|--------|
| `j` / `k` | Move through comments |
| `Space` | Collapse / expand thread |
| `o` | Open article in browser |
| `O` | Open HN discussion page in browser |
| `Esc` | Back to stories |
| `q` | Quit |

## Features

- Six feeds: Top, New, Best, Ask HN, Show HN, Jobs
- Two-pane layout with live article preview
- Full-screen threaded comment reader with collapse/expand
- Algolia-powered search
- Score-based color coding (red=hot, yellow=warm, cyan=notable)
- Read state tracking (dimmed stories)
- SQLite cache (`~/.hackernews/cache.db`) — 5 min TTL for feeds, 24h for articles
- Mouse/trackpad scroll support
- Responsive layout (collapses preview pane on narrow terminals)

## Requirements

- [Bun](https://bun.sh) 1.0+

## Local Development

```sh
git clone <repo>
cd hacker-news-cli
bun install
bun run dev
```

```sh
bun run build      # Build to dist/
./bin/hacker-news  # Run built binary
```
npm package: @onna-soft/stripe-bun
Description: A Stripe client implementation for Bun runtime
Author: Julio Torres
Latest version: 1.0.6

# stripe-bun

A Stripe client implementation optimized for the Bun runtime.

## Description

stripe-bun is a lightweight and efficient Stripe API client designed specifically for use with the Bun JavaScript runtime. It provides a custom HTTP client implementation that works seamlessly with Bun's networking capabilities.

## Installation

You can install stripe-bun using npm:

```
npm install @onna-soft/stripe-bun
```

Or using Bun:

```
bun add @onna-soft/stripe-bun
```

## Usage

Here's a basic example of how to use stripe-bun:

```javascript
import Stripe from 'stripe';
import { CustomHttpClient } from '@onna-soft/stripe-bun';

const stripe = new Stripe('your_stripe_secret_key', {
    httpClient: new CustomHttpClient(),
});

async function createCustomer() {
  try {
    const customer = await stripe.customers.create({
      email: 'customer@example.com',
      name: 'John Doe'
    });
    console.log('Customer created:', customer);
  } catch (error) {
    console.error('Error creating customer:', error);
  }
}

createCustomer();
```

## Features

- Custom HTTP client optimized for Bun
- Full TypeScript support
- Comprehensive Stripe API coverage
- Efficient error handling

## API Documentation

For detailed API documentation, please refer to the [Stripe API Reference](https://stripe.com/docs/api).

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Support

If you encounter any problems or have any questions, please open an issue on the [GitHub repository](https://github.com/juliotorresmoreno/stripe-bun/issues).

## Acknowledgements

- [Stripe](https://stripe.com) for their excellent payment processing API
- [Bun](https://bun.sh) for the fast JavaScript runtime

## Disclaimer

This project is not officially associated with or endorsed by Stripe, Inc.
npm package: @onnimonni/notion-types
Description: TypeScript types for core Notion data structures.
Author: Travis Fischer
Latest version: 6.17.0-alpha.1

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-types

> TypeScript types for core Notion data structures.

[![NPM](https://img.shields.io/npm/v/notion-types.svg)](https://www.npmjs.com/package/notion-types) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-types
```

This package only exports types and is compatible with both Node.js and browsers.

## Usage

```ts
import * as notion from '@onnimonni/notion-types'
```

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @onnimonni/notion-utils
Description: Useful utilities for working with Notion data. Isomorphic.
Author: Travis Fischer
Latest version: 6.17.0-alpha.1

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-utils

> Useful utilities for working with Notion data. Isomorphic.

[![NPM](https://img.shields.io/npm/v/notion-utils.svg)](https://www.npmjs.com/package/notion-utils) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-utils
```

This package is compatible with both Node.js and client-side web usage.

## Usage

```ts
import { parsePageId } from '@onnimonni/notion-utils'

parsePageId(
  'https://www.notion.so/Notion-Tests-067dd719a912471ea9a3ac10710e7fdf'
)
// '067dd719-a912-471e-a9a3-ac10710e7fdf'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04')
// 'd9ae0c6e-7cad-49a7-8e21-d240cf2e3d04'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04', { uuid: false })
// 'd9ae0c6e7cad49a78e21d240cf2e3d04'
```

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @onnimonni/react-notion-x
Description: Fast and accurate React renderer for Notion.
Author: Travis Fischer
Latest version: 6.17.0-alpha.1

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# React Notion X

> Fast and accurate React renderer for Notion.

[![NPM](https://img.shields.io/npm/v/react-notion-x.svg)](https://www.npmjs.com/package/react-notion-x) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @ono-lean-logistics/typegraphql-prisma
Description: ![integration logo](https://raw.githubusercontent.com/MichalLytek/typegraphql-prisma/main/img/integration.png)
Author: Michał Lytek
Latest version: 0.25.1-fix.19

![integration logo](https://raw.githubusercontent.com/MichalLytek/typegraphql-prisma/main/img/integration.png)

# TypeGraphQL & Prisma integration

Prisma generator to emit TypeGraphQL types and CRUD resolvers from your Prisma schema.

[**https://prisma.typegraphql.com/**](https://prisma.typegraphql.com/)

## Documentation

The documentation, installation guide, detailed description of the API and all of its features is [available on the website](https://prisma.typegraphql.com/).

## Examples

You can check out some usage examples on this repo:

https://github.com/MichalLytek/typegraphql-prisma/blob/main/examples/Readme.md

## Feedback

Currently released version `0.x` is just a preview of the upcoming integration. For now it lacks some customization option - picking models or fields of object types to expose in the schema, hiding input fields as well as picking exposed args fields. However, the base functionality is working well, so I strongly encourage you to give it a try and play with it.

Any feedback about the developers experience or ideas about new features or enhancements are very welcome - please feel free to put your two cents by using the [GitHub Discussions feature](https://github.com/MichalLytek/typegraphql-prisma/discussions/new):

<img src="https://raw.githubusercontent.com/MichalLytek/typegraphql-prisma/main/img/feedback.png" width="327"/>

## Security contact information

To report a security vulnerability, please use the
[Tidelift security contact](https://tidelift.com/security).
Tidelift will coordinate the fix and disclosure.

## Future of this project

This project is not sponsored by Prisma anymore, so there will be provided only bug fixes and Prisma compatibility upgrades.
You can read more about this in the GitHub issue [#385](https://github.com/MichalLytek/typegraphql-prisma/issues/385).

Let's keep `typegraphql-prisma` alive together! 💪
npm package: @onodi-miklos/logger
Description: Simple logger to file or/and console.
Author: Ónodi Miklós
Latest version: 1.0.0

# @onodi-miklos/logger

Simple logger utility for Node.js. You can log messages to console and/or a file.

## Installation

```bash
npm install @onodi-miklos/logger
```
### Usage

const logger = require('@onodi-miklos/logger');

// Log to console only
logger(['console']);

// Log to file only
logger(['file']);

// Log to both
logger(['console', 'file']);
npm package: @onoffcanvas/core
Description: core package, required by other packages
Author: onokumus
Latest version: 0.1.0-alpha.1

# @onoffcanvas/core [![NPM version](https://img.shields.io/npm/v/@onoffcanvas/core.svg?style=flat)](https://www.npmjs.com/package/@onoffcanvas/core) [![NPM monthly downloads](https://img.shields.io/npm/dm/@onoffcanvas/core.svg?style=flat)](https://npmjs.org/package/@onoffcanvas/core) [![NPM total downloads](https://img.shields.io/npm/dt/@onoffcanvas/core.svg?style=flat)](https://npmjs.org/package/@onoffcanvas/core)  

> core package, required by other packages

Please consider following this project's author, [onokumus](https://github.com/onokumus), and consider starring the project to show your :heart: and support.

## Getting started

### Install
Install with [npm](https://www.npmjs.com/):

```sh
$ npm install --save @onoffcanvas/core
```

Install with [yarn](https://yarnpkg.com):

```sh
$ yarn add @onoffcanvas/core
```

### Usage

> node

The "onoffcanvas.css" file in the "dist" folder is available.

> cdn

  ```html
  <link rel="stylesheet" href="https://unpkg.com/@onoffcanvas/core/dist/onoffcanvas.min.css">
  ```

### Canvas Options

1. Position Options : `onoffcanvas` is in absolute position by default
  - add class `is-fixed` to fixed position

  ```html
  <div class="onoffcanvas is-fixed"></div>
  ```

2. Direction Options : `onoffcanvas` is in full-screen by default
  - `is-top`
  - `is-right`
  - `is-bottom`,
  - `is-left`
  - `is-center`

  ```html
  <div class="onoffcanvas is-{top|right|bottom|left|center}" id="side-canvas"></div>
  ```

3. Opened/Closed Options : `onoffcanvas` is closed by default
  - add class `is-open` to open.

  ```html
  <div class="onoffcanvas is-open" id="side-canvas"></div>
  ```

4. Hoverable Options :
  - add class `onoffcanvas-container` to parent element
  - add class `is-hoverable` to `onoffcanvas`

```html
<div class="onoffcanvas-container">
    <div class="onoffcanvas is-hoverable" id="side-canvas"></div>
</div>
  ```

### Author
**onokumus**
+ [GitHub Profile](https://github.com/onokumus)
+ [Twitter Profile](https://twitter.com/onokumus)
+ [LinkedIn Profile](https://linkedin.com/in/onokumus)

### License
Copyright © 2018, [onokumus](https://github.com/onokumus).
Released under the MIT License.

***

_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on September 19, 2018._
npm package: @onoja64/bmckit
Description: Set of UI components for projects
Latest version: 0.10.3

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/boomui
Description: Set of UI components for projects
Latest version: 0.10.2

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/boomuikit
Description: Set of UI components for projects
Latest version: 0.10.1

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/dgfkit
Description: Set of UI components for DGF projects
Latest version: 0.10.21

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/dgfuikit
Description: Set of UI components for DGF projects
Latest version: 0.10.22

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/longevityui
Description: Set of UI components for Longevity Intime projects
Latest version: 0.2.3

# Zaigar Finance UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Zaigar Finance UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @zaigar-finance/uikit`

## Setup

### Theme

Before using Zaigar Finance UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@zaigar-finance/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@zaigar-finance/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onoja64/longevityuikit
Description: Set of UI components for Longevity Intime projects
Latest version: 0.2.3

# Zaigar Finance UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Zaigar Finance UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @zaigar-finance/uikit`

## Setup

### Theme

Before using Zaigar Finance UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@zaigar-finance/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@zaigar-finance/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onoja64/longuikit
Description: Set of UI components for Longevity Intime projects
Latest version: 0.2.4

# Zaigar Finance UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Zaigar Finance UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @zaigar-finance/uikit`

## Setup

### Theme

Before using Zaigar Finance UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@zaigar-finance/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@zaigar-finance/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onoja64/omni-uikit
Description: Set of UI components for zaigar finance projects
Latest version: 0.2.4

# Zaigar Finance UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Zaigar Finance UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @zaigar-finance/uikit`

## Setup

### Theme

Before using Zaigar Finance UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@zaigar-finance/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@zaigar-finance/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onoja64/ui
Description: Set of UI components for Ygdrasil network projects
Latest version: 0.1.1

# YGDL Network UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

YGDL Network UIkit is a set of React components and hooks used to build pages on Zaigar Finance's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @ygdl/ui`

## Setup

### Theme

Before using YGDL NETWORK UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@ygdl/ui'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@ygdl/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onoja64/uikit
Description: Set of UI components for projects
Latest version: 0.10.2

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake 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 add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake 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.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @onoja64/uikit-v2
Description: Set of UI components for Ygdrasil projects
Latest version: 0.13.82

# ❄️ YGDRASIL UIkit

YGDRASIL UIkit is a set of React components and hooks used to build pages on Ygdrasil's apps. It also contains a theme file for dark and light mode.
This project is fork from pancakeswap-uikit

## Install

`yarn add @onoja64/uikit-v2`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@onoja64/uikit-v2'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.
npm package: @onomatope/core
Description: Onomatopoeia as micro-interaction. Tiny visible sound effects for UI.
Author: taichi-1
Latest version: 0.1.0

# @onomatope/core

Onomatopoeia as micro-interaction. Tiny visible sound effects for UI.

Zero dependencies. Framework-agnostic.

## Install

```bash
npm install @onomatope/core
```

## Usage

```ts
import onomatope from '@onomatope/core'

button.addEventListener('click', (e) => {
  onomatope(e, { texts: ['POW'] })
})
```

## Tones

| Tone | Feel |
|------|------|
| `pop` | Bouncy, snappy (default) |
| `static` | Minimal, fade only |
| `drift` | Flowing, slow |
| `rush` | Fast, directional |
| `drop` | Falling, gravity |

## Options

```ts
onomatope(target, {
  texts: ['POW'],       // What to display (random pick)
  tone: 'pop',          // Animation feel
  color: '#666',        // Text color
  size: 16,             // Font size (px)
  duration: 600,        // Animation duration (ms)
  fontFamily: 'serif',  // Font family
})
```

## License

MIT
npm package: @onomatope/react
Description: React hooks for onomatope — visible sound effects as micro-interaction.
Author: taichi-1
Latest version: 0.1.0

# @onomatope/react

React hooks for [onomatope](https://github.com/taichi-1/onomatope) — visible sound effects as micro-interaction.

## Install

```bash
npm install @onomatope/react
```

Requires React 19+.

## Usage

```tsx
import { useClickEffect } from '@onomatope/react'

function Button() {
  const ref = useClickEffect({ texts: ['POW'] })
  return <button ref={ref}>Click me</button>
}
```

## Hooks

| Hook | Trigger |
|------|---------|
| `useClickEffect` | Click / tap |
| `useHoverEffect` | Mouse enter |
| `useKeydownEffect` | Keyboard input |
| `useDragEffect` | Drag movement |
| `useOnomatope` | Manual spawn |

All hooks return a callback ref. Pass options like `{ texts, tone, color, size }`.

## License

MIT
npm package: @onomy/react-hub
Description: React utils for @onomy/hub
Latest version: 18.1.0

# React Hub

## Form Hooks

@onomy/react-hub provides form hooks for blockchain interactions.

### useTransferAssetForm

Used to transfer an asset to another address

Supported for Onomy, Ether, and ERC20 tokens

### useDelegateAssetForm

Used to stake assets (NOM only currently) with a validator
Also used for unstaking if undelegate:true is passed to this hook

### useClaimRewardForm

Used to claim earned rewards from staking.
Can also be used to redelegate accumulated rewards by passing redelegate: true to this hook

### useGasPriceForm

This form is included in all the above forms, it allows the selection
and estimation of gas prices
npm package: @onosendi/eslint-config
Description: My shareable ESLint config
Author: Daniel Lindegren
Latest version: 3.1.0

# eslint-config

My shareable `eslint` config.

## Install
```
npm i -D @onosendi/eslint-config
```

## Usage

Extend in your `.eslintrc`

Default
```json
{
  "extends": ["@onosendi/eslint-config/esm"]
}
```

TypeScript
```json
{
  "extends": ["@onosendi/eslint-config/ts"]
}
```
See http://eslint.org/docs/developer-guide/shareable-configs for more information.
npm package: @onout/capacitor-kakao-login
Description: capacitor for kakao login
Latest version: 1.0.2

# @onout/capacitor-kakao-login

[![NPM version][npm-image]][npm-url]
[![Downloads][downloads-image]][npm-url]

[npm-url]: https://npmjs.org/package/@onout/capacitor-kakao-login
[downloads-image]: http://img.shields.io/npm/dm/@onout/capacitor-kakao-login.svg
[npm-image]: http://img.shields.io/npm/v/@onout/capacitor-kakao-login.svg

## Install

```bash
npm install @onout/capacitor-kakao-login
npx cap sync
```

## API

<docgen-index>

* [`goLogin()`](#gologin)
* [`goLogout()`](#gologout)
* [`getUserInfo()`](#getuserinfo)
* [`sendLinkFeed(...)`](#sendlinkfeed)
* [`talkInChannel(...)`](#talkinchannel)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### goLogin()

```typescript
goLogin() => Promise<{ "accessToken": string; "expiredAt": string; "expiresIn": string; "refreshToken": string; "idToken": string; "refreshTokenExpiredAt": string; "refreshTokenExpiresIn": string; "tokenType": string; }>
```

**Returns:** <code>Promise&lt;{ accessToken: string; expiredAt: string; expiresIn: string; refreshToken: string; idToken: string; refreshTokenExpiredAt: string; refreshTokenExpiresIn: string; tokenType: string; }&gt;</code>

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


### goLogout()

```typescript
goLogout() => Promise<any>
```

**Returns:** <code>Promise&lt;any&gt;</code>

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


### getUserInfo()

```typescript
getUserInfo() => Promise<{ value: any; }>
```

**Returns:** <code>Promise&lt;{ value: any; }&gt;</code>

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


### sendLinkFeed(...)

```typescript
sendLinkFeed(options: { title: string; description: string; imageUrl: string; imageLinkUrl: string; buttonTitle: string; imageWidth?: number; imageHeight?: number; }) => Promise<void>
```

| Param         | Type                                                                                                                                                         |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **`options`** | <code>{ title: string; description: string; imageUrl: string; imageLinkUrl: string; buttonTitle: string; imageWidth?: number; imageHeight?: number; }</code> |

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


### talkInChannel(...)

```typescript
talkInChannel(options: { publicId: string; }) => Promise<any>
```

| Param         | Type                               |
| ------------- | ---------------------------------- |
| **`options`** | <code>{ publicId: string; }</code> |

**Returns:** <code>Promise&lt;any&gt;</code>

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

</docgen-api>
npm package: @onout/iamport-capacitor
Description: Capacitor plugin for Iamport (onout)
Author: onout
Latest version: 1.0.2


# iamport-capacitor
[ ![alt text](https://img.shields.io/badge/capacitor-latest-orange.svg?longCache=true&style=flat-square) ](https://github.com/ionic-team/capacitor)
[ ![alt text](https://img.shields.io/badge/query--string-v6.8.3-yellow.svg?longCache=true&style=flat-square) ](https://github.com/sindresorhus/query-string)

아임포트 캐패시터 모듈입니다.

## 버전정보
최신버전은 [v1.0.1-hotfix01](https://github.com/iamport/iamport-capacitor/tree/master)입니다. 버전 히스토리는 [버전정보](manuals/VERSION.md)를 참고하세요.

## 지원정보

아임포트 캐패시터 모듈은 `일반결제`, `정기결제` 그리고 `휴대폰 본인인증` 기능을 모두 제공합니다. 또한 아이오닉이 제공하는 UI프레임워크(`리액트JS`, `앵귤러 JS`)에서 모두 연동 가능합니다. 지원하는 PG사와 결제수단에 대한 자세한 내용은 [지원정보](manuals/SUPPORT.md)를 참고하세요.

## 설치하기
아래 명령어를 통해 아임포트 캐패시터 모듈을 귀하의 캐패시터 프로젝트에 추가할 수 있습니다.

```
$ npm install iamport-capacitor --save
```

앱을 빌드하고 빌드한 내용을 네이티브 코드에 카피합니다.

```
$ npm run build 또는 ionic build
$ npx cap copy
```

## 설정하기
캐패시터 프로젝트에서 아임포트 캐패시터 모듈을 사용하려면, 각 디바이스 환경에 맞는 설정이 필요합니다. 아래 내용을 참고해 필요한 설정을 완료해주세요.

- [IOS 설정하기](manuals/SETTING_IOS.md)
- [안드로이드 설정하기](manuals/SETTING_ANDROID.md)

## 예제코드

- [리액트 예제코드](manuals/EXAMPLE_REACT.md)
- [앵귤러 예제코드](manuals/EXAMPLE_ANGULAR.md)
- 뷰 예제코드 (준비중)

## 예제 프로젝트

- [리액트 예제 프로젝트](example/README.md)
- [앵귤러 예제 프로젝트](exampleForAngular/README.md)
- 뷰 예제 프로젝트 (준비중)
npm package: @onoya/eslint-config
Description: My personal eslint config
Author: Naoya Ono
Latest version: 1.0.0

# @onoya/eslint-config

My personal ESLint config.

## Install

```sh
npx install-peerdeps --dev @onoya/eslint-config
```

## Usage

### .eslintrc

```json
{
  "extends": ["@onoya"]
}
```

### .eslintrc (React apps)

```json
{
  "extends": ["@onoya/eslint-config/react"]
}
```
npm package: @onpageideas/write-build-info-json-webpack-plugin
Description: Webpack plugin that generates a BUILD_INFO.json file with timestamp and other custom info after compilation is done
Author: Radu Cugut
Latest version: 1.1.2

# WriteBuildInfoJsonFilePlugin
> package: `write-build-info-json-webpack-plugin`

A webpack plugin that generates a BUILD_INFO.json file with timestamp, git-sha and other custom info after compilation is done.



## Install

```
# npm
npm i write-build-info-json-webpack-plugin -D

# yarn
yarn add write-build-info-json-webpack-plugin -D
```


## Usage


```
const WriteBuildInfoJsonFilePlugin = require('write-build-info-json-webpack-plugin');

const buildTime = new Date(); 
const gitSha = ... extract head git commit SHA, eg via simple-git 


# then later, add to the `plugins` section of the webpack config

plugins = [

    new WriteBuildInfoJsonFilePlugin(buildTime, gitSha),

]
```

The plugin hooks into the `done` part of the webpack compilation and will produce a file named `BUILD_INFO.json` in the root of the webpack output folder.

You can read the contents of the `BUILD_INFO.json` file in your app and display some of that info in an "About" or "Version" page/section.




## Contribute
PRs accepted.

## License
MIT (see LICENSE file)