open-index/open-npm huggingface dataset:
npm package: @setreuid/react-naver-login
Description: A Naver Login Component for React
Author: Teamin Moon, Peoplefund company
Latest version: 0.1.3-alpha2

# React Naver Login

> A Naver oAuth Log-in Component for React


## Install
```
npm install @setreuid/react-naver-login
```
## How to use
---

### copy your application's client ID and Callback URL.
If you have not yet registered your application, you must go to A and register your application.
> testing on local environment, use not http://localhost:3000 but http://127.0.0.1:3000


```js
import React from 'react';
import ReactDOM from 'react-dom';
import NaverLogin from 'react-naver-login';

ReactDOM.render(
  <NaverLogin 
    clientId="sdffdNNFDSjsddiosd"
    callbackUrl="http://127.0.0.1:3000/login"
    render={(props) => <div onClick={props.onClick}>Naver Login</div>}
    onSuccess={(naverUser) => console.log(naverUser)}
    onFailure={() => console.error(result)}
  />,
  document.getElementById('root')
);
```

## onSuccess / onFailure callback
---

if response is success, it will call the onSuccess with naver user object.
or not, it will call the onFailure and return nothing.

You can also access the returned values via the following properties on the returned object.

### Required 
| property name |  value   |             definition               |     sample      |
|:-------------:|:--------:|:------------------------------------:|:---------------:|
|   email       |  string  |           Naver user email           | "abc@gmail.com" |
|   id          |  string  |              Naver User ID           |   "371972918"   |
|   name        |  string  |            user name                 |      "홍길동"     |
| profile_image |  string  |        Naver profile image           |"http://img.na.."|  

### Optional
| property name |        value         |             definition               |     sample      |
|:-------------:|:--------------------:|:------------------------------------:|:---------------:|
|     age       |  string / undefined  |               User Age               |     "20-29"     |
|   birthday    |  string / undefined  |           User Birthday              |     "05-14"     |
|     gender    |  string / undefined  |             User Gender              |       "M"       |
|   nickname    |  string / undefined  |             User Nickname            |    "tmmoond8"   |

## Run on your machine
---
### Prerequistes
- Node.js v8^
- npm

## Installation
---
**1. Clone the project**
```
$ git clone https://github.com/peoplefund-tech/react-naver-login.git
```
**2. Install packages from npm**
```
$ cd react-naver-login 
$ npm i
```

**3. Build packages**
```
$ npm run build
# then, create dist directory that contains modules
```
**4. Demo run**
```
$ cd demo
$ npm i
$ npm run start
$ open http://127.0.0.1:3000, not http://localhost:3000
```
npm package: @sets/difference
Description: return the difference between two sets
Author: Chris Dickinson
Latest version: 1.0.1

# @sets/difference

Return the difference between two sets, or the symmetric difference between two
sets.

```javascript
const difference = require('@sets/difference')

console.log(difference(
  new Set('hello'),
  new Set('world'))
)) // "he"

console.log(difference.symmetric(
  new Set('hello'),
  new Set('world'))
)) // "hewrd"
```

## Installation

```
$ npm install --save @sets/difference
```

## API

### `difference(lhs, rhs) -> Set`

Return the difference between the sets represented by `lhs` and `rhs`. The
resulting set will contain all elements from `lhs` that do not appear in `rhs`.

### `difference.symmetric(lhs, rhs) -> Set`

Return the symmetric difference between the sets represented by `lhs` and `rhs`. The
resulting set will contain all elements from `lhs` that do not appear in `rhs` and
all elements from `rhs` that do not appear in `lhs`.

## License

MIT
npm package: @sets/intersection
Description: Return the intersection between two sets.
Author: Chris Dickinson
Latest version: 1.0.1

# @sets/intersection

Return the intersection between two sets.

```javascript
const intersection = require('@sets/intersection')

console.log(intersection(
  new Set('hello'),
  new Set('world')
)) // "lo"
```

## Installation

```
$ npm install --save @sets/intersection
```

## API

### `intersection(lhs, rhs) -> Set`

Return the intersection between the sets represented by `lhs` and `rhs`. The
resulting set will contain all elements that appear in both `lhs` and `rhs`.

## License

MIT
npm package: @sets/union
Description: return the union of two sets
Author: Chris Dickinson
Latest version: 1.0.1

# @sets/union

Return the union between two sets.

```javascript
const union = require('@sets/union')

console.log(union(
  new Set('hello'),
  new Set('world')
)) // "helowrd"
```

## Installation

```
$ npm install --save @sets/union
```

## API

### `union(lhs, rhs) -> Set`

Return the union between the sets represented by `lhs` and `rhs`. The
resulting set will contain all elements that appear in either `lhs` and `rhs`.

## License

MIT
npm package: @setsnail-erik/assetpack-core
Description: <p style="text-align:center;" align="center">   <picture align="center">       <source media="(prefers-color-scheme: dark)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-light.svg">       <source media="(prefers-color
Latest version: 1.7.15

<p style="text-align:center;" align="center">
  <picture align="center">
      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-light.svg">
      <source media="(prefers-color-scheme: light)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-dark.svg">
      <img align="center" src="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-dark.svg" alt="Shows a dark AssetPack logo in light mode and a white logo in dark mode" width="60%"/>
  </picture>
  <div align="center" style="margin-top: -20px">
      <h3>A configurable asset pipeline for the web!</h3>
  </div>
</p>
<br>

AssetPack is a tool for optimising assets for the web. It can be used to transform, combine, compress assets.
Any asset that you want to transform or optimise into something else can be done with AssetPack.

AssetPack is framework agnostic, and can be used with any framework you like, such as PixiJS, Threejs, Phaser, etc.
It uses a plugin based system to allow you to create your own plugins to do whatever you want with your assets.

---

Check out the docs on how to get started with AssetPack: https://pixijs.io/assetpack/
npm package: @setsnail-erik/assetpack-patched
Description: <p style="text-align:center;" align="center">   <picture align="center">       <source media="(prefers-color-scheme: dark)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-light.svg">       <source media="(prefers-color
Latest version: 1.7.0

<p style="text-align:center;" align="center">
  <picture align="center">
      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-light.svg">
      <source media="(prefers-color-scheme: light)" srcset="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-dark.svg">
      <img align="center" src="https://github.com/pixijs/assetpack/blob/main/.github/assets/assetpack-logo-dark.svg" alt="Shows a dark AssetPack logo in light mode and a white logo in dark mode" width="60%"/>
  </picture>
  <div align="center" style="margin-top: -20px">
      <h3>A configurable asset pipeline for the web!</h3>
  </div>
</p>
<br>

AssetPack is a tool for optimising assets for the web. It can be used to transform, combine, compress assets.
Any asset that you want to transform or optimise into something else can be done with AssetPack.

AssetPack is framework agnostic, and can be used with any framework you like, such as PixiJS, Threejs, Phaser, etc.
It uses a plugin based system to allow you to create your own plugins to do whatever you want with your assets.

---

Check out the docs on how to get started with AssetPack: https://pixijs.io/assetpack/
npm package: @setsnail-erik/pixi-tilemap
Description: A low-level, optimized rectangular tilemap implementation for PixiJS.
Author: Ivan Popelyshev
Latest version: 5.0.4

# @pixi/tilemap - PixiJS Tilemap Kit

[![Automation CI](https://github.com/pixijs-userland/tilemap/actions/workflows/main.yml/badge.svg)](https://github.com/pixijs-userland/tilemap/actions/workflows/main.yml)
<p align="center">
<img src="https://i.imgur.com/hfoiBRk.png" width="1280px" />
<p/>

This package provides a low-level rectangular tilemap implementation, optimized for high performance rendering and a
out-of-the-box canvas fallback.

## Version Compatiblity

| PixiJS | PixiJS Tilemap Kit |
|--------|--------------------|
| v4.x   | v1.x               |
| v5.x   | v2.x               |
| v6.x   | v3.x               |
| v7.x   | v4.x               |
| v8.x   | v5.x               |

## Installation :package:

```bash
npm install --save @pixi/tilemap
```

You can also use the browser bundle:

```
<script src="https://cdn.jsdelivr.net/npm/@pixi/tilemap@latest/dist/pixi-tilemap.js"></script>
```

## Usage

In short, the tilemap you create will render each tile texture at the provided position and dimensions. Generally, a
spritesheet is used to load the tileset assets:

```ts
import { Assets } from 'pixi.js';
import { CompositeTilemap } from '@pixi/tilemap';

Assets.add('atlas', 'atlas.json');
Assets.load(['atlas']).then(() =>
{
    const tilemap = new CompositeTilemap();

    // Render your first tile at (0, 0)!
    tilemap.tile('grass.png', 0, 0);
});
```

`CompositeTilemap` is actually a lazy composite of layered `Tilemap` instances. A `Tilemap` has a fixed number of tile
textures (the tileset) it can render in one go. Usually, `CompositeTilemap` abstracts away this limitation in a robust
enough manner.

### Demos

* [Basic Demo (WebGL)](https://userland.pixijs.io/tilemap/examples/basic.html)
* [Basic Demo (WebGPU)](https://userland.pixijs.io/tilemap/examples/basic.html?preference=webgpu)

### Settings

```ts
import { settings } from '@pixi/tilemap';
```

| Setting | Description |
|---------|-------------|
| `TEXTURES_PER_TILEMAP` | Temporarily switched off |
| `TEXTILE_UNITS` | Temporarily switched off |
| `use32bitIndex` | There's also a limitation on 16k tiles per one tilemap. If you want to lift it, please use PixiJS v5.1.0 and following setting `settings.use32bitIndex = true;` |

## RPGMaker

Canvas fallback is 5x slower than vanilla rpgmaker. WebGL version is faster and doesnt use extra textures.

### RPGMaker Demo

* [WebGL Demo](https://userland.pixijs.io/tilemap/examples/)
  * [60% Scale](https://userland.pixijs.io/tilemap/examples/?scale=0.6)
  * [140% Scale](https://userland.pixijs.io/tilemap/examples/?scale=1.4)
* [WebGL Retina Demo](https://userland.pixijs.io/tilemap/examples/?resolution=2)
  * [60% Scale](https://userland.pixijs.io/tilemap/examples/?resolution=2&scale=0.6)
  * [140% Scale](https://userland.pixijs.io/tilemap/examples/?resolution=2&scale=1.4)
* [WebGPU Demo](https://userland.pixijs.io/tilemap/examples/?preference=webgpu)

## More Tutorials

* [Alan01252 Tutorial](https://github.com/Alan01252/pixi-tilemap-tutorial)
npm package: @setsunajs/observable
Description: An implementation that conforms to the 'setsuna/observable' specification
Author: @顾弦笙/usagisah
Latest version: 0.2.4

# observable
An implementation that conforms to the '@setsunajs/observable' specification

https://github.com/setsunajs/observable/tree/main/scripts
<p align="center">
  <a href="https://github.com/setsunajs/observable/tree/main/docs/zh.md">中文</a>
</p>
npm package: @settinghead/pi-voxlert
Description: SHODAN, the StarCraft Adjutant, and GLaDOS narrate your pi coding sessions. LLM-generated voice notifications spoken by game characters — know which agent needs you, by ear.
Author: settinghead
Latest version: 0.2.0

# pi-voxlert

**SHODAN, the StarCraft Adjutant, and GLaDOS narrate your pi coding sessions.**

Voice notifications for [pi](https://github.com/badlogic/pi) powered by [Voxlert](https://github.com/settinghead/voxlert). When your agent finishes a task or hits an error, you hear a contextual phrase in a game character's voice — instead of silence or a generic chime.

> "Awaiting further orders, Commander. Build process complete."

## Install

```bash
pi install npm:@settinghead/pi-voxlert
```

That's it. On first session, the extension detects that the Voxlert CLI is missing and offers to install + configure it automatically:

- Installs `@settinghead/voxlert` globally
- Downloads default voice packs (SHODAN, Adjutant, Kerrigan, etc.)
- Auto-detects your TTS backend (Qwen3-TTS on Apple Silicon, Chatterbox on CUDA)

You can also trigger setup manually anytime with `/voxlert setup`, or run `voxlert setup` in a terminal for full interactive configuration.

## What it does

| pi event | Voxlert action |
|----------|---------------|
| **Agent finishes** (`agent_end`) | Speaks a contextual in-character phrase |
| **Tool error** (`tool_result` with error) | Announces the error in character |

Phrases are generated per-event by an LLM, so you hear things like *"Pathetic authentication corrected"* (SHODAN) or *"Warning, Commander. Test suite failure detected"* (Adjutant) — not canned sounds.

## Commands

| Command | Description |
|---------|-------------|
| `/voxlert setup` | Install CLI + configure with defaults |
| `/voxlert test` | Fire a test voice notification |
| `/voxlert status` | Check if Voxlert CLI is available |
| `/voxlert` | Show help |

The LLM can also call the `voxlert_speak` tool to say something aloud on demand.

## Configuration

All voice pack, TTS backend, and LLM settings are managed through the Voxlert CLI:

```bash
voxlert config           # interactive configuration
voxlert packs            # list available voice packs
voxlert test "Hello"     # test your setup
```

Supports local TTS (Qwen3-TTS on Apple Silicon, Chatterbox on CUDA) and multiple LLM backends (OpenRouter, OpenAI, Anthropic, Gemini).

## Requirements

- [pi](https://github.com/badlogic/pi) coding agent
- [Voxlert CLI](https://github.com/settinghead/voxlert) installed and configured (`npm install -g @settinghead/voxlert && voxlert setup`)
- A TTS backend running (or Voxlert falls back to text notifications)

## Links

- [Voxlert repo](https://github.com/settinghead/voxlert)
- [Demo video](https://youtu.be/5xFXGijwJuk)
- [Available voice packs](https://github.com/settinghead/voxlert#voice-packs)