open-index/open-npm huggingface dataset:
npm package: @onephrase/navigator
Description: An awesome fullstack router.
Author: Oxford Harrison
Latest version: 0.1.8

# Navigator

<!-- BADGES/ -->

<span class="badge-npmversion"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@web-native-js/observables.svg" alt="NPM version" /></a></span>
<span class="badge-npmdownloads"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/@web-native-js/observables.svg" alt="NPM downloads" /></a></span>
<span class="badge-patreon"><a href="https://patreon.com/ox_harris" title="Donate to this project using Patreon"><img src="https://img.shields.io/badge/patreon-donate-yellow.svg" alt="Patreon donate button" /></a></span>

<!-- /BADGES -->
npm package: @onephrase/oauth2-node-client
Description: OAuth2 Authorization Code Flow library for Nodejs.
Author: Oxford Harrison
Latest version: 0.0.3

# OAuth2 Node Client

<!-- BADGES/ -->

<span class="badge-npmversion"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@web-native-js/observables.svg" alt="NPM version" /></a></span>
<span class="badge-npmdownloads"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/@web-native-js/observables.svg" alt="NPM downloads" /></a></span>
<span class="badge-patreon"><a href="https://patreon.com/ox_harris" title="Donate to this project using Patreon"><img src="https://img.shields.io/badge/patreon-donate-yellow.svg" alt="Patreon donate button" /></a></span>

<!-- /BADGES -->


OAuth2 Authorization Code Flow library for Nodejs.

## Documentation

Coming soon.

## Issues

To report bugs or request features, please submit an issue to this repository.

## License

MIT.
npm package: @onephrase/play-ui
Description: Utilities for easing DOM-related concerns, UI manipulation, events and gestures, animations, and more.
Author: Oxford Harrison
Latest version: 0.1.2

> The resilient, jQuery-inspired DOM abstraction layer and a UI manipulation library.

# PlayUI

<!-- BADGES/ -->

<span class="badge-npmversion"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@web-native-js/observables.svg" alt="NPM version" /></a></span>
<span class="badge-npmdownloads"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/@web-native-js/observables.svg" alt="NPM downloads" /></a></span>
<span class="badge-patreon"><a href="https://patreon.com/ox_harris" title="Donate to this project using Patreon"><img src="https://img.shields.io/badge/patreon-donate-yellow.svg" alt="Patreon donate button" /></a></span>

<!-- /BADGES -->


PlayUI provides utilities for easing DOM-related concerns, UI manipulation, events and gestures, animations, and more. It offers a minimal footprint with concise APIs that let the platform speak for itself.

## Usage

PlayUI can be used as a *constructible function* (like the jQuery function).

```js
// If PlayUI was installed via npm
import $ from '@web-native-js/play-ui';

// If PlayUI was loaded via a script tag
const $ = window.WebNative.PlayUI;

// Bind to user gestures
$(el1).on('doubletap', e => {
    // Play... then...
    $(el2).play({opacity: 0}).then($el2 => $el2.css('display', 'none'));
});
```

PlayUI's core functions may also be imported individually to use in a project.

```js
import on from '@web-native-js/play-ui/src/evt/on.js';
import play from '@web-native-js/play-ui/src/ani/play.js';
import cssAsync from '@web-native-js/play-ui/src/css/cssAsync.js';

// Bind to user gestures
on(el1, 'doubletap', e => {
    // Play... then...
    play(el2, {opacity: 0}).then(el2 => cssAsync(el2, 'display', 'none'));
});
```

## Documentation

+ [Installation](https://docs.web-native.dev/play-ui/installation).
+ [API](https://docs.web-native.dev/play-ui/api).

## Issues

To report bugs or request features, please submit an [issue](https://github.com/web-native/play-ui/issues).

## License

MIT.
npm package: @onephrase/util
Description: Utility functions used accross multiple JS libraries.
Author: Oxford Harrison
Latest version: 0.6.3

# Commons

<!-- BADGES/ -->

<span class="badge-npmversion"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@web-native-js/observables.svg" alt="NPM version" /></a></span>
<span class="badge-npmdownloads"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/@web-native-js/observables.svg" alt="NPM downloads" /></a></span>
<span class="badge-patreon"><a href="https://patreon.com/ox_harris" title="Donate to this project using Patreon"><img src="https://img.shields.io/badge/patreon-donate-yellow.svg" alt="Patreon donate button" /></a></span>

<!-- /BADGES -->


Natural resources (utilities) used accross WebNative modules.

## Documentation
[The Commons Official Guide](https://docs.web-native.dev/commons/)

## Issues
To report bugs or request features, please submit an issue to this repository.

## License
MIT.
npm package: @onephrase/webflo
Description: An awesome fullstack router.
Author: Oxford Harrison
Latest version: 0.1.9

# Webflo

<!-- BADGES/ -->

<span class="badge-npmversion"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/v/@web-native-js/observables.svg" alt="NPM version" /></a></span>
<span class="badge-npmdownloads"><a href="https://npmjs.org/package/@web-native-js/observables" title="View this project on NPM"><img src="https://img.shields.io/npm/dm/@web-native-js/observables.svg" alt="NPM downloads" /></a></span>
<span class="badge-patreon"><a href="https://patreon.com/ox_harris" title="Donate to this project using Patreon"><img src="https://img.shields.io/badge/patreon-donate-yellow.svg" alt="Patreon donate button" /></a></span>

<!-- /BADGES -->
npm package: @onepick/nestjs-keycloak
Description: nestjs keycloak module
Latest version: 1.3.9

# nestjs-keycloak

NestJs share library allow services integrate with keycloak.
The code cloned from https://github.com/codejamninja/nestjs-keycloak, version 1.3.7

Customized resources at `src/auth/*`:

- CurrentUser: Current user parsed from keycloak token
- AuthenticatedGuard to verify & set `userInfo` from the token to request

## Features

- nestjs
- keycloak

## Use

In a NestJS API service

```
npm install @onepick/nestjs-keycloak
```

Check user has specific roles. At method of \*controller.ts, resolver.ts. E.g.

```sh
@Authenticated(ROLES.SUPERADMIN, ROLES.SELLER)
```

Check user can request on a resource (resource & scope must have defined in keycloak). At method of \*controller.ts, resolver.ts. E.g.

```sh
@Resource('resource_name')
export class MyResolver {

  @Scope('create')
  async create(@User() user: CurrentUser, dto: DTO) {
    ...
  }
}
```

## Build

```sh
npm install --save reflect-metadata rxjs
npm run-script build
```

## Publish the library

The library has published as `@onepick/nestjs-keycloak` by devonepick@gmail.com

```sh
npm login

npm publish --access public
```

## Installation

```sh
npm install --save onepick/nestjs-keycloak
```

## Dependencies

- [NodeJS](https://nodejs.org)
npm package: @onepieceswap/uikit
Description: Set of UI components for OnePieceSwap projects
Latest version: 0.0.5

# ⛩ TokyoSwap UIkit

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

## Types

This project is built with Typescript and export all the relevant types.
npm package: @onepilothq/icons
Description: Onepilot Design icons as SVG React components.
Author: MUI Team
Latest version: 6.4.1

# @mui/icons-material

This package contains Google's [Material Icons](https://fonts.google.com/icons?icon.set=Material+Icons) converted to Material UI [SVG Icon](https://mui.com/material-ui/icons/#svgicon) components.

> Google also offers [Material Symbols](https://fonts.google.com/icons?icon.set=Material+Symbols) as the successor of Material Icons. `@mui/icons-material` only covers Icons at this time, there are no support for Symbols yet.

## Installation

The Material Icons package depends on Material UI—install both with the following command:

<!-- #default-branch-switch -->

```bash
npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
```

<!-- #default-branch-switch -->

## Documentation

<!-- #default-branch-switch -->

- Learn more about Material UI's [SVG Icon component](https://mui.com/material-ui/icons/#svgicon).
- Browse the available icons on the [Material Icons page](https://mui.com/material-ui/material-icons/).

## Contributing

The Icons package is updated via a script that reads through Google's Material Icons set and extracts the SVG elements from there. Because of this, we don't accept new icons that diverge from the source.

To update the `@mui/icons-material` package with the latest Material Icons set, run the following commands:

1. In the "mui-icons-material" directory, run `pnpm src:download`
2. In the "mui-icons-material" directory, run `pnpm src:icons`
3. In the root of the Material UI repo, run `pnpm docs:mdicons:synonyms`
4. If the number of icons changes significantly, edit the icons/icons.md and material-icons/material-icons.md under docs/data/material/components and update the numbers.

This process is performed by the maintainers on a quarterly basis.
npm package: @onepipe/cli
Description: Command-line interface for OnePipe development platform
Latest version: 0.4.0

# @onepipe/cli

Command-line interface for OnePipe development.

## Installation

```bash
bun add -g @onepipe/cli
```

Or use directly:
```bash
bunx @onepipe/cli dev --app ./src/server.ts
```

## Quick Start

```bash
# Start dev server with dashboard (single command!)
onepipe dev --app ./src/server.ts

# This starts:
# - Your app on http://localhost:3001
# - Dashboard on http://localhost:4000
```

## Commands

```bash
# Development (with dashboard)
onepipe dev --app ./src/server.ts

# Development (without dashboard)
onepipe dev --app ./src/server.ts --no-dashboard

# Custom ports
onepipe dev --app ./src/server.ts --app-port 3000 --dashboard-port 8080

# Show help
onepipe --help
```

## Dev Options

| Option | Default | Description |
|--------|---------|-------------|
| `-a, --app` | `./src/index.ts` | App entry file |
| `--app-port` | `3001` | App server port |
| `--dashboard-port` | `4000` | Dashboard port |
| `--no-dashboard` | - | Disable dashboard |

## License

MIT
npm package: @onepipe/client
Description: Type-safe client SDK for OnePipe with React hooks
Latest version: 0.4.0

# @onepipe/client

Type-safe client SDK for OnePipe applications.

## Installation

```bash
bun add @onepipe/client
```

For React:
```bash
bun add @onepipe/client @tanstack/react-query
```

## Usage

```typescript
import { createClient } from '@onepipe/client'
import type { App } from './server' // Your server type

const client = createClient<App>({
  baseUrl: 'http://localhost:3000',
  token: 'optional-auth-token',
})

// Flows - fully typed
const events = await client.flows.orderEvents.read({ tail: 10 })
client.flows.orderEvents.subscribe({
  onEvent: (e) => console.log(e),
})

// Signals - fully typed
const config = await client.signals.appConfig.get()
await client.signals.appConfig.patch({ feature: true })
```

## React Hooks

```tsx
import { OnePipeProvider, useFlow, useSignal } from '@onepipe/client/react'

function App() {
  return (
    <OnePipeProvider client={client}>
      <Dashboard />
    </OnePipeProvider>
  )
}

function Dashboard() {
  const { events, isConnected } = useFlow<App>('events', { live: true })
  const { value, patch } = useSignal<App>('config', { live: true })

  return <div>...</div>
}
```

## License

MIT
npm package: @onepipe/runtime
Description: Bun-native HTTP server for OnePipe applications
Latest version: 0.4.0

# @onepipe/runtime

Bun-native HTTP server for OnePipe applications.

## Installation

```bash
bun add @onepipe/runtime @onepipe/sdk
```

## Usage

```typescript
import { REST, Flow, Signal } from '@onepipe/sdk'
import { serve } from '@onepipe/runtime'

const api = REST.create('api').basePath('/api').build()
const events = Flow.create('events').build()

serve({
  port: 3000,
  rest: [api],
  flows: [events],
})
```

## Options

```typescript
serve({
  port: 3000,              // Server port
  hostname: '0.0.0.0',     // Bind address
  rest: [],                // REST API instances
  flows: [],               // Flow instances
  projections: [],         // Projection instances
  signals: [],             // Signal instances
  channels: [],            // Channel instances
  embeddedStreams: true,   // Enable embedded stream server
})
```

## License

MIT
npm package: @onepipe/sdk
Description: Stream-first developer platform SDK for Bun
Latest version: 0.4.0

# @onepipe/sdk

Core SDK for OnePipe - a stream-first developer platform for Bun.

## Installation

```bash
bun add @onepipe/sdk
```

## Features

- **REST** - Fluent API builder with routing, CORS, OpenAPI
- **Flow** - Durable event streams with SSE
- **DB** - Database abstraction (PostgreSQL, MySQL, SQLite)
- **Projection** - Materialized views from events
- **Signal** - Reactive state with schema validation
- **Channel** - RPC handlers with retry
- **Cache** - Redis integration
- **Storage** - S3-compatible object storage

## Quick Start

```typescript
import { REST, DB, Flow, Signal, APIError } from '@onepipe/sdk'
import { z } from 'zod'

const db = DB.create('app').sqlite(':memory:').build()

const events = Flow.create('events')
  .schema(z.object({ type: z.string() }))
  .build()

const api = REST.create('api')
  .basePath('/api')
  .db(db)
  .get('/health', () => ({ status: 'ok' }))
  .build()
```

See the [main README](https://github.com/ancs21/onepipe#readme) for full documentation.

## License

MIT
npm package: @oneplatformdev/plate
Description: plate library
Author: One Platform Development Team
Latest version: 0.0.53

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      ...tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      ...tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      ...tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @oneplatformdev/ui
Description: UI component library for OnePlatform
Author: One Platform Development Team
Latest version: 0.1.99-beta.257

# @oneplatformdev/ui

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @oneplatformdev/ui` to execute the unit tests via [Vitest](https://vitest.dev/).
npm package: @oneplatformdev/utils
Description: Utility functions for React components.
Author: One Platform Development Team
Latest version: 0.1.99-beta.257

# @oneplatformdev/utils

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @oneplatformdev/utils` to execute the unit tests via [Vitest](https://vitest.dev/).