open-index/open-npm huggingface dataset:
npm package: @liquidlink-lab/liquidlink-krilltube-sdk
Description: A lightweight SDK for Liquidlink Krilltube to call the Incentive Backend and manage user points.
Latest version: 0.2.0

# liquidlink-krilltube-sdk

A lightweight SDK for Liquidlink Krilltube to call the Incentive Backend and manage user points.

## Installation

```bash
bun add @liquidlink-lab/liquidlink-krilltube-sdk
# or
npm install @liquidlink-lab/liquidlink-krilltube-sdk
# or
pnpm add @liquidlink-lab/liquidlink-krilltube-sdk
```

## Quick Start

```ts
import { Client } from "@liquidlink-lab/liquidlink-krilltube-sdk";

const client = new Client({
  chain: "sui",
  network: "mainnet",
  apiKey: process.env.API_KEY!,
});

const ping = await client.ping();
console.log(ping.message);

await client.addPoints({ address: "0xabc...", points: 10 });
const points = await client.getPointsByAddress({ address: "0xabc..." });
console.log(points);
```

## API

### `new Client(options)`

- `chain`: `"iota" | "sui"`
- `network`: `"testnet" | "mainnet"`
- `apiKey`: API key

### `client.ping()`

Returns the backend health message.

### `client.addPoints(payload)`

- `payload.address`: User address
- `payload.points`: Points to add

### `client.subPoints(payload)`

- `payload.address`: User address
- `payload.points`: Points to subtract

### `client.getPointsByAddress(query)`

- `query.address`: User address

### `client.getPointsLogs(query)`

- `query.address`: User address
- `query.limit`: Page size
- `query.offset`: Offset
- `query.start_time`: Start timestamp (seconds)
- `query.end_time`: End timestamp (seconds)

### `client.getScoreboard()`

- Fetches the scoreboard for the current `chain`.
- Data is refreshed every 10 minutes.

## Configuration

The SDK selects the built-in API base URL by `chain` and `network`. You can access the current config via `getConfig()`:

```ts
const config = client.getConfig();
console.log(config.API_BASE_URL);
```

## License

MIT
npm package: @liquidmd/core
Description: Core functionality for Liquid Markdown.
Author: Peter Johnson
Latest version: 1.0.7

# LiquidCore
Core functionality for Liquid, utilized by the Liquid CLI tool.

## How does JIT/Hot-Reload work?

Liquid creates a queue of tasks to complete. Once the tasks are finalized, Liquid does all the tasks in the `JITInstance.taskList` until there are none left. Then it passes the `Routes` class back to `@liquidmd/cli` where it is hosted.

## How are pages tracked?

Each page in the `pages/` directory is assigned specific tags at startup:

```ts
interface PageTag {
  name: string, // name of the page
  path: TSPath.Path, // the path to the page
  components: Array<ComponentTag>, // array of components used in the page
  templates: Array<TemplateTag>, // array of templates used in the page,
  html: HTMLObject // most recently compiled html
};
```
So when any component or template is changed, the page is re-rendered. Otherwise, we use the already rendered HTML and pass that to the Router.
npm package: @liquidmetal-ai/lm-raindrop-integrations
Description: TypeScript SDK for integrating LiquidMetal's Raindrop API with popular frameworks and tools
Author: LiquidMetal
Latest version: 0.1.1

# LiquidMetal Raindrop TypeScript Integrations

This package provides integrations between [LiquidMetal's Raindrop API](https://docs.liquidmetal.ai/) and popular TypeScript frameworks and tools.

## Installation

```bash
npm install @liquidmetal-ai/lm-raindrop-integrations
```

## Features

### LangChain SmartBucket Retriever

A retriever for LangChain that uses the SmartBucket API to perform semantic search across your saved documents.

```typescript
import { LangchainSmartBucketRetriever } from '@liquidmetal-ai/lm-raindrop-integrations';

// Using API key from environment variable RAINDROP_API_KEY
const retriever = new LangchainSmartBucketRetriever({ 
  bucketName: "my-bucket"
});

// Or with explicit API key
const retriever = new LangchainSmartBucketRetriever({ 
  bucketName: "my-bucket",
  apiKey: "your-api-key"
});

// Get relevant documents
const documents = await retriever.invoke("your query");
```

## Requirements

- Node.js 16+
- An API key for LiquidMetal's Raindrop service. You can obtain one by signing up at [raindrop.run](https://raindrop.run)

## License

MIT
npm package: @liquidrain/stokin
Description: Adds GSAP custom animation
Latest version: 1.1.2

# @liquidrain/stokin

[![npm (scoped)](https://img.shields.io/npm/v/@liquidrain/stokin.svg)](https://www.npmjs.com/package/@liquidrain/tiny)

Adds GSAP custom animation

## Install

```
$ npm install @liquidrain/stokin
```

## Usage
test test
npm package: @liquidrain/tiny
Description: Removes all spaces from a string
Latest version: 2.0.0

# @liquidrain/tiny

[![npm (scoped)](https://img.shields.io/npm/v/@liquidrain/tiny.svg)](https://www.npmjs.com/package/@liquidrain/tiny)

Removes all spaces from a string.

## Install

```
$ npm install @liquidrain/tiny
```

## Usage

```js
const tiny = require("@liquidrain/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @liquidrazor/rtsk
Description: Client-side streaming helpers for NDJSON, SSE, and WebSockets with a unified TypeScript API.
Latest version: 0.1.1

# RTSK

Lightweight client-side helpers for consuming streaming APIs (NDJSON, SSE, WebSockets) with a consistent TypeScript-friendly interface.

## Features
- Stream lifecycle controller (`start`, `stop`, status inspection) built on top of browser transports.
- Unified error model (`RTSKError`) that distinguishes protocol, hydration, transport, and internal issues.
- Declarative stream definitions that keep payload mapping and hydration logic close to the transport configuration.

## Installation
```bash
npm install @liquidrazor/rtsk
```

## Usage
Create a stream definition, hydrate messages, subscribe, and start streaming:

```ts
import { createStream, type NdjsonStreamDefinition } from "@liquidrazor/rtsk";

type TodoUpdate = { id: string; status: string };

const todos: NdjsonStreamDefinition<void, TodoUpdate, TodoUpdate> = {
  mode: "ndjson",
  endpoint: "https://api.example.com/todos/stream",
  responseHydrator: (raw) => raw,
};

const stream = createStream(todos);
stream.subscribe({ onNext: console.log });
stream.start();
```

## Documentation
For complete API details, usage patterns, and publishing notes, see the [full documentation](./docs/index.md).

## Publishing
The package is configured for publishing with compiled output in `dist/`, type declarations, and included docs. Run `npm run build` before `npm publish` to ensure the `dist/` folder matches the sources.
npm package: @liquidslabs/gravyswap-sdk
Description: 🛠 An SDK for building applications on top of Pancakeswap.
Latest version: 2.4.0

# Pancakeswap SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancake-swap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @liquidslabs/testnet_pancakeswap_v2_sdk
Description: 🛠 An SDK for building applications on top of Pancakeswap.
Latest version: 2.4.6

# Specify TESTNET Pancakeswap SDK

`WBNB`: 0x0dE8FCAE8421fc79B29adE9ffF97854a424Cad09

`PancakeFactory`: 0x5Fe5cC0122403f06abE2A75DBba1860Edb762985

`INIT_CODE_HASH`: 0xbb600ba95884f2c2837114fd2f157d00137e0b65b0fe5226523d720e4a4ce539

`PancakeRouter01`: 0x3E2b14680108E8C5C45C3ab5Bc04E01397af14cB

`PancakeRouter`: 0xCc7aDc94F3D80127849D2b41b6439b7CF1eB4Ae0

`Frontend`: link(https://pcs.nhancv.com)

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/pancakeswap/pancake-swap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd pancakeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @liquidsolid/eslint-config
Description: ### Установка
Latest version: 0.3.4

# @liquidsolid/eslint-config

### Установка

```sh
npm i --save-dev @liquidsolid/eslint-config
# Также может понадобиться: eslint-plugin-import @typescript-eslint/parser @typescript-eslint/eslint-plugin
```

### Использование

Указать в конфиге `eslint` список расширений:

```json
{
  "extends": [
    "@liquidsolid/eslint-config/base",
    "@liquidsolid/eslint-config/typescript",
    "@liquidsolid/eslint-config/vue",
    "@liquidsolid/eslint-config/vue-2"
  ]
}
```

**Важно**: конфиг для TypeScript **должен идти раньше** конфига для Vue, потому что во Vue свой парсер.

### Пакеты

Друг друга в себя не включают, т. е. если нужен и `typescript`, и `vue`, и `base`, их все надо подключать по отдельности.

#### `@liquidsolid/eslint-config/base`

Конфиг `airbnb-base/whitespace`. Может использоваться самостоятельно.

#### `@liquidsolid/eslint-config/typescript`

Набор правил для TypeScript. Может использоваться самостоятельно.

#### `@liquidsolid/eslint-config/vue`

Набор правил для Vue 3

#### `@liquidsolid/eslint-config/vue-2`

Правила для Vue 2. Просто чтобы были.

## Cookbook

### Добавить алиас `@` на `./src` в eslint

Сначала установить резолвер:

```sh
npm i --save-dev eslint-import-resolver-alias
```

И добавить в конфиг:

```js
module.exports = {
  settings: {
    'import/resolver': {
      alias: {
        map: [
          ['@', './src']
        ],
        extensions: ['.ts', '.js', '.json' /* etc */ ]
      }
    }
  }
}
```

### JTS/TSX

Добавить в конфиг:

```js
module.exports = {
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    }
  }
}
```
npm package: @liquidspirit/react-native-boring-avatars
Description: React Native implementation of boring avatars
Author: Luke Hartman
Latest version: 1.0.5

# @liquidspirit/react-native-boring-avatars

React Native implementation of [boring avatars](https://boringavatars.com/)

## Installation

```sh
yarn add @liquidspirit/react-native-boring-avatars
```

## Usage

```js
// ...
import Avatar from 'react-native-boring-avatars';

<Avatar
  size={40}
  name="Sacagawea"
  variant="pixel"
  colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>;
```

## Caveat

The marble variant is not suppported. This is because `react-native-svg` does not support the SVG `filter` attribute which the marble variant depends on. 🙁 Check [here](https://github.com/react-native-svg/react-native-svg/issues/150) for more details on react-native-svg on this issue.

## License

MIT
npm package: @liquidspirit/react-native-lightbox
Description: Images etc in Full Screen Lightbox Popovers for React Native
Author: Joel Arvidsson
Latest version: 0.8.3

# react-native-lightbox

## Installation

```
yarn add react-native-lightbox
```

## Usage

`navigator` property is optional but recommended on iOS, see next section for `Navigator` configuration.

```js
import Lightbox from 'react-native-lightbox';

const LightboxView ({ navigator }) => (
  <Lightbox navigator={navigator}>
    <Image
      style={{ height: 300 }}
      source={{ uri: 'http://knittingisawesome.com/wp-content/uploads/2012/12/cat-wearing-a-reindeer-hat1.jpg' }}
    />
  </Lightbox>
);
```

### Navigator setup/Android support

For android support you must pass a reference to a `Navigator` since it does not yet have the `Modal` component and is not on the official todo list. See the `Example` project for a complete example.

```js
const renderScene = (route, navigator) => {
  const Component = route.component;

  return (
    <Component navigator={navigator} route={route} {...route.passProps} />
  );
};

const MyApp = () => (
  <Navigator
    ref="navigator"
    style={{ flex: 1 }}
    renderScene={renderScene}
    initialRoute={{
      component: LightboxView,
    }}
  />
);
```

## Properties

| Prop | Type | Description |
|---|---|---|
|**`activeProps`**|`object`|Optional set of props applied to the content component when in lightbox mode. Usable for applying custom styles or higher resolution image source.|
|**`renderHeader(close)`**|`function`|Custom header instead of default with X button|
|**`renderContent`**|`function`|Custom lightbox content instead of default child content|
|**`willClose`**|`function`|Triggered before lightbox is closed|
|**`onClose`**|`function`|Triggered when lightbox is closed|
|**`onOpen`**|`function`|Triggered when lightbox is opened|
|**`didOpen`**|`function`|Triggered after lightbox is opened|
|**`underlayColor`**|`string`|Color of touchable background, defaults to `black`|
|**`backgroundColor`**|`string`|Color of lightbox background, defaults to `black`|
|**`swipeToDismiss`**|`bool`|Enables gestures to dismiss the fullscreen mode by swiping up or down, defaults to `true`.|
|**`springConfig`**|`object`|[`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) configuration, defaults to `{ tension: 30, friction: 7 }`.|

## Demo

![Demo](https://cloud.githubusercontent.com/assets/378279/9074360/16eac5d6-3b09-11e5-90af-a69980e9f4be.gif)

## Example

Check full example in the `Example` folder.

## License

[MIT License](http://opensource.org/licenses/mit-license.html). © Joel Arvidsson
npm package: @liquify/eslint-config
Description: Sharable ESLint config consumed within the Liquify monorepo workspace.
Author: Νίκος Σαβίδης
Latest version: 1.2.0

# ESLint Config

An shareable config for eslint to maintain a code style aesthetic across the Liquify project. ESLint [Standard](https://github.com/standard/eslint-config-standard) is extended with additional rule sets.

### Install

[pnpm](https://pnpm.js.org/en/cli/install)

```cli
pnpm add @liquify/eslint-config -D
```

### Usage

Extend the `package.json` file of each module and/or project.

```json
{
  "extends": ["@liquify/eslint-config"]
}
```

> Required peer dependency on eslint

### Related

- [@liquify/prettier-config](https://github.com/panoply/liquify/tree/next/build/eslint-config)
- [@liquify/tsconfig](https://github.com/panoply/liquify/tree/next/build/tsconfig)
- [@liquify/rollup-config](https://github.com/panoply/liquify/tree/next/build/rollup-config)


### Author

🥛 <small>[Νίκος Σαβίδης](mailto:n.savvidis@gmx.com)</small> <img align="right" src="https://img.shields.io/badge/-@sisselsiv-1DA1F2?logo=twitter&logoColor=fff" />
npm package: @liquify/highlight
Description: Syntax highlighting for Liquid on the command line
Author: Νίκος Σαβίδης
Latest version: 0.1.0

# @liquify/highlight

Syntax highlighting for Liquid on the command line. Uses [cli-highlight](https://github.com/felixfbecker/cli-highlight) under the hood but does some extra post-processing when dealing with contained syntaxes. It applies Potion themed token colorization.

### Why?

This module was created for usage by the [Prettify](https://github.com/panoply/prettify) CLI but has been appropriated in different packages and projects across the [Liquify](https://liquify.dev) monorepo workspace.

### Install

```bash
pnpm add @liquify/highlight ava -D
```

# Usage

<!-- prettier-ignore -->
```ts
import highlight from '@liquify/highlight';

const string = `
{% if condition %}

  <div class="xxx">
    {{ object.prop | filter: 'something' }}
  </div>

{% endif %}
`

// Returns a coloured string
highlight(string)

// Logs the coloured string
highlight.log(string)
```
npm package: @liquify/prettier-config
Description: Sharable Prettier config consumed within the Liquify monorepo workspace.
Author: Νίκος Σαβίδης
Latest version: 1.2.1

## @brixtol/prettier-config

An shareable config for Prettier consumed by Liquify and various projects contained within the monorepo workspace.

### Install

[pnpm](https://pnpm.js.org/en/cli/install)

```cli
pnpm add prettier @liquify/prettier-config -D
```

> Prettier is an `peerDependency` so you will need to install it within your project.

### Usage

We extend configuration from within `package.json` files.

```json
{
  "prettier": "@liquify/prettier-config"
}
```

### Ignored Files

Prettier is not leveraged for various file types because it is extremely opinionated and conflicts with my code styles, especially that found in JavaScript and TypeScript based projects. In almost all packages within the monorepo a `.prettierignore` file is included to prevent prettier from wreaking havoc in the development workspace. Below is standard ignores asserted:

```

_.toml
_.mjs
_.js
_.ts
_.css
_.scss
_.liquid
_.html

```

### Related

- [@liquify/eslint-config](https://github.com/panoply/liquify/tree/next/build/eslint-config)
- [@liquify/tsconfig](https://github.com/panoply/liquify/tree/next/build/tsconfig)
- [@liquify/rollup-config](https://github.com/panoply/liquify/tree/next/build/rollup-config)

### License

[MIT](#LICENSE)
npm package: @liquify/stylelint-config
Description: Sharable Stylelint config consumed within the Liquify monorepo workspace.
Latest version: 1.0.0

## @liquify/stylelint-config

Shareable config for [Stylelint](https://stylelint.io/) to maintain a code style aesthetic in SASS/SCSS files across the Liquify project.

### Install

[pnpm](https://pnpm.js.org/en/cli/install)

```cli
pnpm add stylelint @liquify/stylelint-config -D
```

> [Stylelint](https://stylelint.io/) is included as a dependency in the module. The same logic for all plugins.

### Usage

We extend configuration from within `package.json` files.

```json
{
  "stylelint": {
    "extends": "@liquify/stylelint-config",
    "ignoreFiles": ["**/node_modules"]
  }
}
```

### Text Editor (VSCode)

Install the [stylelint.vscode-stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) extension from the marketplace. Depending on how your editor is configured, one may require setting global configuration in a user `settings.json` file:

```jsonc
{
  "stylelint.validate": ["scss", "sass"],
  "stylelint.packageManager": "pnpm",
  "stylelint.enable": true,
  "scss.validate": false, // important to disable vscode validation
  "scss.scannerExclude": ["**/.git", "**/node_modules"],
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
  }
}
```

### License

[MIT](#LICENSE)
npm package: @liquify/tsconfig
Description: Liquify TypeScript Configuration
Author: ΝΙΚΟΛΑΣ ΣΑΒΒΙΔΗΣ
Latest version: 1.0.1

# @liquify/tsconfig

Shareable TypeScript configuration consumed within the Liquify monorepo workspace.

### Install

[pnpm](https://pnpm.js.org/en/cli/install)

```cli
pnpm add @liquify/tsconfig typescript -D

```

### Usage

Provide to the `extends` option within a package `tsconfig.json`

```json
{
  "extends": "@liquify/tsconfig"
}
```

### Author

🥛 <small>[Νίκος Σαβίδης](mailto:nicos@gmx.com)</small> <img align="right" src="https://img.shields.io/badge/-@sisselsiv-1DA1F2?logo=twitter&logoColor=fff" />
npm package: @liquity/lib-base
Description: Liquity SDK shared interfaces
Author: Daniel Simon
Latest version: 3.0.0

# @liquity/lib-base

Shared interfaces and classes of the Liquity SDK.

Needs to be installed in order to use other Liquity SDK packages, for example [@liquity/lib-ethers](https://www.npmjs.com/package/@liquity/lib-ethers).

## API Reference

For now, it can be found in the public Liquity [repo](https://github.com/liquity/liquity/blob/master/docs/sdk/lib-base.md).
npm package: @liquity/lib-ethers
Description: Liquity SDK Ethers-based implementation
Author: Daniel Simon
Latest version: 3.4.0

# @liquity/lib-ethers

[Ethers](https://www.npmjs.com/package/ethers)-based library for reading Liquity protocol state and sending transactions.

## Quickstart

Install in your project:

```
npm install --save @liquity/lib-base @liquity/lib-ethers ethers@^5.0.0
```

Connecting to an Ethereum node and sending a transaction:

```javascript
const { Wallet, providers } = require("ethers");
const { EthersLiquity } = require("@liquity/lib-ethers");

async function example() {
  const provider = new providers.JsonRpcProvider("http://localhost:8545");
  const wallet = new Wallet(process.env.PRIVATE_KEY).connect(provider);
  const liquity = await EthersLiquity.connect(wallet);

  const { newTrove } = await liquity.openTrove({
    depositCollateral: 5, // ETH
    borrowLUSD: 2000
  });

  console.log(`Successfully opened a Liquity Trove (${newTrove})!`);
}
```

## More examples

See [packages/examples](https://github.com/liquity/liquity/tree/master/packages/examples) in the repo.

Liquity's [Dev UI](https://github.com/liquity/liquity/tree/master/packages/dev-frontend) itself contains many examples of `@liquity/lib-ethers` use.

## API Reference

For now, it can be found in the public Liquity [repo](https://github.com/liquity/liquity/blob/master/docs/sdk/lib-ethers.md).
npm package: @liqvid/gsap
Description: GSAP bindings for Liqvid
Author: Yuri Sulyma
Latest version: 1.0.1

# @liqvid/gsap

This module provides [GSAP](https://greensock.com/gsap/) integration for Liqvid.

## Installation

    $ npm install @liqvid/gsap

## Usage

See the [GSAP docs](https://greensock.com/docs/) and especially the [React section](https://greensock.com/react).

```tsx
import {useTimeline} from "@liqvid/gsap";
import {useEffect} from "react";

export function Demo() {
  const tl = useTimeline();
  
  useEffect(() => {
    tl.to(".box", {duration: 3, x: 800});
    tl.to(".box", {duration: 3, rotation: 360, y: 500});
    tl.to(".box", {duration: 3, x: 0});
  }, []);
  
  return (
    <section>
      <div className="box orange"></div>
      <div className="box grey"></div>
      <div className="box green"></div>
    </section>
  );
}
```
npm package: @liqvid/magic
Description: Templating functions for Liqvid
Author: Yuri Sulyma <yuri@liqvidjs.org>
Latest version: 1.1.2

# @liqvid/magic

This package provides template macros for [Liqvid](https://liqvidjs.org). See https://liqvidjs.org/docs/cli/macros/ for documentation.
npm package: @liqvid/react-three
Description: @react-three integration for Liqvid
Author: Yuri Sulyma <yuri@liqvidjs.org>
Latest version: 2.0.0

# @liqvid/react-three

This provides integration of [@react-three/fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) with [Liqvid](https://liqvidjs.org/). See https://liqvidjs.org/docs/integrations/three/ for examples.
npm package: @liradb2000/markdown-it-mermaid
Description: Forked Package markdown-it-mermaid (Newely).
Author: DB KIM
Latest version: 0.4.4

Mermaid plugin for markdown-it.(Forked)

## 0.4.4
-   Update [Mermaid-js](https://mermaid-js.github.io/mermaid/#/) 8.13.0

## Installation

```
npm install @liradb2000/markdown-it-mermaid
```

## Usage

```js
import markdownIt from "markdown-it";
import markdownItMermaid from "@liradb2000/markdown-it-mermaid";
const mdi = markdownIt();
mdi.use(markdownItMermaid);
mdi.render(`~~~mermaid
  graph TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[Car]
~~~`);
```

The word `mermaid` after the fence code block opening indicates that the
rest of the fenced block should be passed to mermaid for processing.
This example used the `~~~` fence marker since the multi-line string
in javascript is the same character,
but either `~~~` or ` ``` ` works.

## Customize mermaid

```js
import MarkdownIt from 'markdown-it';
import MarkdownItKatex from '@liradb2000/markdown-it-mermaid';

var md = MarkdownIt({
        html: false,
        linkify: true,
        typographer: true,
        breaks: true,
        xhtmlOut: false,
    });

md.use(MarkdownItMermaid,{
  startOnLoad: false,
  securityLevel: true,
  theme: "default",
  flowchart:{
    htmlLabels: false,
    useMaxWidth: true,
  },
  dictionary:{
    token: "mermaid",
    graph:"graph",
    sequenceDiagram: "sequenceDiagram",
  }
  ...or any options
})
```

### Dictionary option (New ver. 0.4.3)

````
```mermaid (<- token)
graph TD (<- Replacable)
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[Car]
```
````

-   Example  
If you setup like below,
```javascript
md.use(MarkdownItMermaid,{
  ...,
  dictionary:{
    token: "diagram",
    gra:"graph",
    seq:"sequenceDiagram",
    seqDiagram: "sequenceDiagram",
  }
  ...or any options
})
```

you can use like
````
```diagram
gra TD 
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[Car]
```

or

```diagram
seq
    participant John
    participant Alice
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
```

or

```diagram
seqDiagram
    participant John
    participant Alice
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
```

````

## ✔Migrate v0.3.x to v0.4.x

Change the token (like grpah TD, sequenceDiagram or something) to "mermaid"!

```js
- mdi.render(`\`\`\`graph TD
+ mdi.render(`\`\`\`mermaid
+  graph TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[Car]
\`\`\``);
```

## Alternative packages

-   https://github.com/DatatracCorporation/markdown-it-mermaid
    -   (Recommend) Supports title and more rich funcs!

## Thanks to

@DatatracCorporation
@nojaja
npm package: @liron-0654/react-lib-modal
Description: React Modal component
Author: liron-0654
Latest version: 0.0.24

# @liron-0654/react-lib-modal

## À propos de ce projet

Ce composant Modal React a été conçu pour faciliter l'intégration de modales.

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

#### Pour installer ce package  
```bash
npm install @liron-0654/react-lib-modal
```
### 🎨 Import du style (obligatoire)

```js
import '@liron-0654/react-lib-modal/style.css';
```

### 🚀 Utilisation rapide
```bash
import React from 'react';
import { Modal, useModal } from '@liron-0654/react-lib-modal';

function App() {
  const modal = useModal();

  return (
    <div>
      <button onClick={() => modal.openModal({
        content: "Votre contenu ici !",
        size: "medium"
      })}>
        Ouvrir la modal
      </button>

      <Modal
        isOpen={modal.isOpen}
        onClose={modal.closeModal}
        options={modal.options}
      />
    </div>
  );
}
```

### `useModal()`
Le hook retourne :
```js
{
  isOpen: boolean;
  options: ModalOptions;
  openModal: (options?: Partial<ModalOptions>) => void;
  closeModal: () => void;
  toggleModal: (options?: Partial<ModalOptions>) => void;
  updateOptions: (options: Partial<ModalOptions>) => void;
}
```

### `<Modal />`
Les Props du composnat Modal :
```js
{
  isOpen: boolean;
  onClose: () => void;
  options?: ModalOptions;
}
```

### ModalOptions

```js
{
  position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'custom';
  size?: 'small' | 'medium' | 'large' | 'fullscreen' | 'auto';
  content?: string
  overlay?: boolean;
  overlayClosable?: boolean;
  escapeClosable?: boolean;
  className?: string;
}
```
npm package: @lirx/promise
Description: Description
Author: Valentin Richard
Latest version: 1.0.0

[![npm (scoped)](https://img.shields.io/npm/v/@lirx/promise.svg)](https://www.npmjs.com/package/@lirx/promise)
![npm](https://img.shields.io/npm/dm/@lirx/promise.svg)
![NPM](https://img.shields.io/npm/l/@lirx/promise.svg)
![npm type definitions](https://img.shields.io/npm/types/@lirx/promise.svg)

## @lirx/promise


## 📦 Installation

```bash
yarn add @lirx/promise
# or
npm install @lirx/promise --save
```

This library supports:

- **common-js** (require): transpiled as es2015, with .cjs extension, useful for old nodejs versions
- **module** (esm import): transpiled as esnext, with .mjs extension (requires node resolution for external packages)

In a **node** environment the library works immediately (no extra tooling required),
however, in a **browser** environment, you'll probably need to resolve external imports thought a bundler like
[snowpack](https://www.snowpack.dev/),
[rollup](https://rollupjs.org/guide/en/),
[webpack](https://webpack.js.org/),
etc...
or directly using [skypack](https://www.skypack.dev/):
[https://cdn.skypack.dev/@lirx/promise](https://cdn.skypack.dev/@lirx/promise)
npm package: @lirx/rxjs-bridge
Description: Bridge between RxJS and @lirx/core
Author: Valentin Richard
Latest version: 1.0.0

[![npm (scoped)](https://img.shields.io/npm/v/@lirx/rxjs-bridge.svg)](https://www.npmjs.com/package/@lirx/rxjs-bridge)
![npm](https://img.shields.io/npm/dm/@lirx/rxjs-bridge.svg)
![NPM](https://img.shields.io/npm/l/@lirx/rxjs-bridge.svg)
![npm type definitions](https://img.shields.io/npm/types/@lirx/rxjs-bridge.svg)

## @lirx/rxjs-bridge

Bridge between RxJS and [@lirx/core](https://core.lirx.org/docs/documentation/getting-started/introduction/).

## 📦 Installation

```bash
yarn add @lirx/rxjs-bridge
# or
npm install @lirx/rxjs-bridge --save
```
npm package: @lirx/unsubscribe
Description: Description
Author: Valentin Richard
Latest version: 1.0.0

[![npm (scoped)](https://img.shields.io/npm/v/@lirx/unsubscribe.svg)](https://www.npmjs.com/package/@lirx/unsubscribe)
![npm](https://img.shields.io/npm/dm/@lirx/unsubscribe.svg)
![NPM](https://img.shields.io/npm/l/@lirx/unsubscribe.svg)
![npm type definitions](https://img.shields.io/npm/types/@lirx/unsubscribe.svg)

## @lirx/unsubscribe


## 📦 Installation

```bash
yarn add @lirx/unsubscribe
# or
npm install @lirx/unsubscribe --save
```
npm package: @lirx/utils
Description: Various util functions
Author: Valentin Richard
Latest version: 1.3.0

[![npm (scoped)](https://img.shields.io/npm/v/@lirx/utils.svg)](https://www.npmjs.com/package/@lirx/utils)
![npm](https://img.shields.io/npm/dm/@lirx/utils.svg)
![NPM](https://img.shields.io/npm/l/@lirx/utils.svg)
![npm type definitions](https://img.shields.io/npm/types/@lirx/utils.svg)

## @lirx/utils

Contains various utilities functions.

## 📦 Installation

```bash
yarn add @lirx/utils
# or
npm install @lirx/utils --save
```
npm package: @liry-ccc/koa-trace-id-middleware
Description: ## 环境需求
Author: Liry
Latest version: 1.1.0

# 用于生成trace id的koa中间件

## 环境需求

- `nodejs` >= 20
- `koa` 为 `2` 或 `3`
- `dayjs` 大于 `1`
npm package: @lis355/muxjs
Description: NodeJS duplex streams multiplexer
Latest version: 1.0.0

# muxjs
NodeJS duplex streams multiplexer

Simple examle:

```js
import mux from "@lis355/muxjs";

const mux1 = new mux();
const mux2 = new mux();

mux2
	.on("stream", stream => {
		console.log(`mux2 stream ${stream.id} opened`);

		stream
			.on("data", data => {
				console.log(`mux2 stream ${stream.id} data: ${data}`);

				stream.write("PONG");
				stream.end();
			})
			.on("end", () => console.log(`mux2 stream ${stream.id} closed`));
	});

mux1
	.pipe(mux2)
	.pipe(mux1);

const stream = mux1.openStream();
console.log(`mux1 stream ${stream.id} opened`);

stream
	.on("data", data => {
		console.log(`mux1 stream ${stream.id} data: ${data}`);
	})
	.on("end", () => console.log(`mux1 stream ${stream.id} closed`));

stream.write("PING");
```

Output will be:

```
mux1 stream 42733:0 opened
mux2 stream 42733:0 opened
mux2 stream 42733:0 data: PING
mux1 stream 42733:0 data: PONG
mux2 stream 42733:0 closed
mux1 stream 42733:0 closed
```

Where `42733:0` is the stream internal id
npm package: @lisandromindel/eslint-config-linter-reactnative
Description: React Native ESLint
Author: Lisandro Mindel
Latest version: 0.0.7

# @lisandromindel/eslint-config-linter-reactnative

## Usage

`npm i @lisandromindel/eslint-config-linter-reactnative -D`

or

`yarn add @lisandromindel/eslint-config-linter-reactnative --dev`

Then add a `.eslintrc` file to your project that contains:

```
{
  "extends": "@lisandromindel/eslint-config-linter-reactnative"
}
```
npm package: @lisba/data-structures-js
Description: Common data structures implementation in Javascript.
Author: Lisbaldy Ojeda
Latest version: 0.2.8

# @lisba/data-structures-js

![npm](https://img.shields.io/npm/v/@lisba/data-structures-js)
![GitHub last commit](https://img.shields.io/github/last-commit/Lisba/data_structures_javascript)
![npm](https://img.shields.io/npm/dm/@lisba/data-structures-js)
![NPM](https://img.shields.io/npm/l/@lisba/data-structures-js)

#### Common data structures implementation in Javascript.

- #### [Contents](#contents)
  - [Installation](#installation)
  - [Usage](#usage)
  - [Collaborate](#collaborate)
  - [License](#license)

## Installation

yarn: `yarn add @lisba/data-structures-js`

npm: `npm install @lisba/data-structures-js`

## Usage

```js
import {
  Stack,
  Queue,
  HashTable,
  MySinglyLinkedList,
  MyDoublyLinkedList,
  BinarySearchTree,
  UndirectedGraph,
} from '@lisba/data-structures-js';

const myStack = new Stack();
const myQueue = new Queue();
const myHashTable = new HashTable(50);
const mySinglyLinkedList = new MySinglyLinkedList(1);
const myDoublyLinkedList = new MyDoublyLinkedList(1);
const myTree = new BinarySearchTree();
const myGraph = new UndirectedGraph();
```

## Collaborate

In order to collaborate with the proyect you need to:

1. Fork the repo.
2. Clone the repo to work locally with `git clone repo-url`.
3. Install dependencies with `yarn install`.
4. Develop suggested changes in a new branch (make sure you are using the prettier config, you can run `yarn format` or install the prettier extension if you are using vsc editor to format on save).
5. Run `yarn build` and `yarn start` to verify your changes doesn't has errors.
6. Push your changes to your repo `git push remote-repo branch-name`.
7. Make the pull request.

## License

The MIT License. Full License [here](https://github.com/Lisba/data_structures_javascript/blob/master/LICENSE)