open-index/open-npm huggingface dataset:
npm package: @orderly.network/orderbook-shimmer-plugin
Description: Template for creating a new Orderly.network package
Latest version: 0.0.1

# OrderBook Shimmer Plugin

This package adds a desktop orderbook "shimmer/flash" effect to Orderly by intercepting the rendered orderbook lists and applying CSS animations when visible values change.

## What it intercepts

The plugin registers two interceptors:

- `OrderBook.Desktop.Asks`
- `OrderBook.Desktop.Bids`

## Install

In your target project (or when consuming from a monorepo):

```bash
pnpm add @orderly.network/orderbook-shimmer-plugin
```

## Developer integration (recommended)

### 1) Import styles

The flash/stripe styles are built into `dist/styles.css`. Import them once in your app (e.g. in your root layout).

```ts
import "@orderly.network/orderbook-shimmer-plugin/dist/styles.css";
```

### 2) Register the plugin via `OrderlyAppProvider`

Use `registerPlugin()` and pass it in the `plugins` array.

```tsx
import { registerPlugin } from "@orderly.network/orderbook-shimmer-plugin";

export function Root() {
  return (
    <OrderlyAppProvider
      plugins={[
        registerPlugin({
          animationHighlightColor: "rgba(255, 200, 100, 0.25)",
          stripedRowBackgroundColor: "rgb(var(--oui-color-line) / 0.03)",
        }),
        //... other plugins
      ]}
    >
      {/* Your app content */}
    </OrderlyAppProvider>
  );
}
```

## Plugin options

`registerPlugin(options?: Partial<OrderBookShimmerPluginOptions>)`

Compatibility: the plugin registers with `orderlyVersion: ">=3.0.0"`.

`options` is optional: pass nothing to use defaults, or pass a partial object to override only the colors.

### Options

- `animationHighlightColor`
  - Default: `rgba(255, 200, 100, 0.25)`
  - Used as the CSS animation "from" color.
- `stripedRowBackgroundColor`
  - Default: `rgb(var(--oui-color-line) / 0.03)`
  - Used as:
    - the even-row base background color
    - the animation "to" color for even rows

### Type exports

This package exports the `OrderBookShimmerPluginOptions` type from `src/components/orderbook.tsx`.

```ts
import type { OrderBookShimmerPluginOptions } from "@orderly.network/orderbook-shimmer-plugin";
```

## Behavior notes

- The wrapper diffs rows using display-precision rounding (so flashes match what the UI shows).
- Flash animations do not run on the initial mount (or first precision change after mount).
- Only the desktop orderbook asks/bids are affected; other views/components are not intercepted.
npm package: @orderly.network/prettier-config
Description: Shared Prettier configuration used across Orderly projects to enforce a consistent code style and import order.
Latest version: 0.2.6

## @orderly.network/prettier-config

Shared Prettier configuration used across Orderly projects to enforce a consistent code style and import order.

This package wraps a Prettier config and the `@trivago/prettier-plugin-sort-imports` plugin, so you can reuse the same setup in multiple repositories or packages.

## Installation

Install Prettier (peer dependency) and this config as dev dependencies:

```bash
npm install --save-dev prettier @orderly.network/prettier-config
# or
pnpm add -D prettier @orderly.network/prettier-config
# or
yarn add -D prettier @orderly.network/prettier-config
```

> **Note**  
> This package requires `prettier >= 3.0.0`.

## Usage

### Basic setup

Create a `prettier.config.mjs` (or any Prettier-supported config file) in your project root and re-export the shared config:

```js
import config from "@orderly.network/prettier-config";

export default config;
```

After that, you can run Prettier as usual, for example:

```bash
npx prettier . --write
```

### Monorepo usage

In a monorepo, you can either:

- Put `prettier.config.mjs` at the workspace root so all packages share the same configuration, or
- Add a small `prettier.config.mjs` in each package that re-exports the shared config:

```js
import config from "@orderly.network/prettier-config";

export default config;
```

## Import sorting behavior

This config enables `@trivago/prettier-plugin-sort-imports` to automatically sort your ES module imports.

The `importOrder` is configured to group imports in the following order:

1. `react` core package (`^react$`)
2. Other React-related imports (`^react`)
3. Third-party modules (`<THIRD_PARTY_MODULES>`)
4. Internal packages under `@orderly.network/*` (excluding `.css`)
5. UI library imports from `@orderly.network/ui` (excluding `.css`)
6. Aliased imports starting with `@/` (excluding `.css`)
7. Relative imports (`./` or `../`, excluding `.css`)
8. CSS imports (any `*.css`), always placed last

This helps keep imports organized and predictable across the codebase.

## Configuration details

The exported Prettier config currently sets:

- `semi: true` – always add semicolons.
- `tabWidth: 2` – use 2 spaces for indentation.
- `singleQuote: false` – use double quotes for strings.
- `plugins` – includes `@trivago/prettier-plugin-sort-imports` for import sorting.
- `importOrder` – import grouping as described above.

## Requirements

- `prettier >= 3.0.0`

It is recommended to run Prettier (with this shared config) both locally and in CI to ensure a consistent code style across the team and all Orderly projects.
npm package: @orderlycode/env
Description: 환경변수 초기화에 schema 검증을 한다. dotenv를 사용하기 때문에 그에 맞춰서 .env 파일을 생성하면 된다.
Latest version: 1.0.4

# env
환경변수 초기화에 schema 검증을 한다.
dotenv를 사용하기 때문에 그에 맞춰서 .env 파일을 생성하면 된다.

## 예제
```typescript
import * as dotenv from "dotenv";
import {initEnv, z} from '@orderlycode/env';

dontenv.config();
const env = initEnv({
  name: z.string(),
  age: z.string().transform(Number),
});
```
npm package: @orderlycode/schematics
Description: Nest - modern, fast, powerful node.js web framework (@schematics)
Latest version: 10.0.3

<p align="center">
  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>

  <p align="center">A progressive <a href="http://nodejs.org" target="blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
    <p align="center">
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/v/@nestjs/schematics.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/l/@nestjs/schematics.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/dm/@nestjs/schematics.svg" alt="NPM Downloads" /></a>
  <a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>

## Description

The Nest CLI is a command-line interface tool that helps you to initialize, develop, and maintain your Nest applications. It assists in multiple ways, including scaffolding the project, serving it in development mode, and building and bundling the application for production distribution. It embodies best-practice architectural patterns to encourage well-structured apps. Read more [here](https://docs.nestjs.com/cli/overview).

## Installation

```bash
$ npm install -g @nestjs/schematics
```

## Usage

Learn more in the [official documentation](https://docs.nestjs.com/).

## Stay in touch

- Website - [https://nestjs.com](https://nestjs.com/)
- Twitter - [@nestframework](https://twitter.com/nestframework)

## License

Nest is [MIT licensed](LICENSE).