open-index/open-npm huggingface dataset:
npm package: @naeemur/react-native-audio-toolkit
Description: Cross-platform audio library for React Native
Latest version: 2.0.2

## Forked from @react-native-community/react-native-audio-toolkit
- added event callback for audio recording visualization
- not tested on iOS
```
npm install --save @naeemur/react-native-audio-toolkit
```

![banner](/banner.png)

[![npm version](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit.svg)](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit)

This is a cross-platform (Android and iOS) audio library for React Native.
Both audio playback and recording is supported. In addition to basic
functionality, many useful features are implemented such as seeking,
looping and streaming audio files over the network.

An example how to use this library is included in the [ExampleApp](/ExampleApp)
directory. The demo showcases most of the functionality that is available, with
documentation under [docs](/docs). In the simplest case, playing media is as
easy as:

```js
new Player('filename.mp4').play();
```

and recording media to filename.mp4 similarly
```js
new Recorder(‘filename.mp4’).record();
```

How to get this stuff running?
------------------------------

* For a quick test drive, check out the [demo application](/ExampleApp)
* [Include the library](/docs/SETUP.md) in your project

Documentation
-------------

* Find the API documentation [here](/docs/API.md)
* Examples on playback from various [media sources](/docs/SOURCES.md)
* Notes on [developing the library itself](/docs/DEVELOPING.md)
* Rough [state diagram](/docs/state_diagram.svg) of the [Player](src/Player.js)
* View the [changelog](/CHANGELOG.md)

License
-------

All JavaScript, Android and iOS code licensed under MIT license, see LICENSE
file. Some of the files are from React Native templates and are licensed
accordingly.
npm package: @naeil/ui
Description: Design system for naeil.dev — React components, design tokens, and i18n support built with Next.js, Radix UI, and Tailwind CSS.
Latest version: 0.2.0

# @naeil/ui

Design system and component library for [naeil.dev](https://naeil.dev) — a portfolio, blog, and project showcase with cross-subdomain SSO authentication.

## Tech Stack

- **Framework:** Next.js 16 (App Router)
- **UI:** React 19, Tailwind CSS v4, Radix UI
- **Language:** TypeScript (strict)
- **Auth:** Supabase Auth (OAuth via Google/GitHub)
- **i18n:** next-intl (en, ko, ja)
- **3D:** React Three Fiber (hero scene)
- **Hosting:** Vercel (Hobby)

## Prerequisites

- Node.js 22+
- pnpm

## Environment Variables

| Variable | Description |
|---|---|
| `NEXT_PUBLIC_SUPABASE_URL` | Supabase project URL |
| `NEXT_PUBLIC_SUPABASE_ANON_KEY` | Supabase anonymous/public key |

## Getting Started

```bash
pnpm install
pnpm dev
# Open http://localhost:3000
```

## Project Structure

```
src/
├── app/                  # Next.js App Router pages & API routes
│   ├── [locale]/         # Locale-prefixed pages (en/ko/ja)
│   ├── api/health/       # Health check endpoint
│   └── auth/callback/    # OAuth callback handler
├── components/           # Shared UI components
│   └── ui/               # Primitive components (button, card, etc.)
├── i18n/                 # Internationalization config & routing
├── lib/
│   ├── auth/             # Auth utilities (cookie domain, redirect, avatar, routes)
│   └── supabase/         # Supabase client (server, middleware, browser)
├── styles/               # Theme tokens & global CSS
└── proxy.ts              # Middleware (auth guard, i18n, cookie sync)
```

## Auth / SSO Architecture

The auth system enables cross-subdomain SSO between `naeil.dev` and `esg.naeil.dev`:

- OAuth flow: Login page → Supabase OAuth → `/auth/callback` → redirect to original page
- Cookie domain is set to `.naeil.dev` in production, enabling session sharing across subdomains
- Protected routes (e.g., `/sa/reports/:id`) redirect unauthenticated users to login with a `?next` param
- The middleware (`proxy.ts`) handles session refresh, route protection, i18n routing, and cookie sync

## Available Scripts

| Script | Description |
|---|---|
| `pnpm dev` | Start development server |
| `pnpm build` | Production build |
| `pnpm lint` | Run ESLint |
| `pnpm test` | Run unit tests (Vitest) |
| `pnpm build:tokens` | Generate design tokens |
| `pnpm check:contrast` | Check color contrast ratios |

## Deployment

Auto-deploys from `main` via Vercel (Hobby plan). Push to `main` triggers a production deployment.