open-index/open-npm huggingface dataset:
npm package: @rise4fun/docusaurus-plugin-application-insights
Description: Microsoft Application Insights plugin for Docusaurus.
Latest version: 4.0.0

# `@rise4fun/docusaurus-plugin-application-insights`

Docusaurus plugin to support Microsoft Application Insights ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-plugin-application-insights)).

## Usage

See [docusaurus-plugin-application-insights documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-plugin-application-insights).
npm package: @rise4fun/docusaurus-plugin-rise4fun
Description: Docusaurus plugin for Microsoft projects.
Latest version: 4.0.0

# `@rise4fun/docusaurus-plugins`

Docusaurus plugin for Microsoft Research Rise4fun web sites ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-plugin-rise4fun)).

## Usage

See [docusaurus-plugin-rise4fun documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-plugin-rise4fun).
npm package: @rise4fun/docusaurus-remark-plugin-code-element
Description: Run tool and show output.
Latest version: 4.0.0

# `@rise4fun/docusaurus-remark-plugin-code-element`

Docusaurus plugin to convert fenced code section into MDX snippets ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-remark-plugin-code-element)).

## Usage

See [docusaurus-remark-plugin-code-element documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-remark-plugin-code-element).
npm package: @rise4fun/docusaurus-remark-plugin-code-tabs
Description: Remark docusaurus plugin that assembles code sections in tabs.
Latest version: 4.0.0

# `@rise4fun/docusaurus-remark-plugin-code-tabs`

Docusaurus remark plugin that assembles code sections into tabs, with optional CodeSandbox button ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-remark-plugin-code-tabs)).

## Usage

See [docusaurus-remark-plugin-code-tabs documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-remark-plugin-code-tabs).
npm package: @rise4fun/docusaurus-remark-plugin-compile-code
Description: Run tool and show output.
Latest version: 4.0.0

# `@rise4fun/docusaurus-remark-plugin-compile-code`

Docusaurus plugin to run a tool against code snippets at build time ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-remark-plugin-compile-code)).

## Usage

See [docusaurus-remark-plugin-compile-code documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-remark-plugin-compile-code/).
npm package: @rise4fun/docusaurus-remark-plugin-extract-code
Description: Extract code snippets to files.
Latest version: 1.0.0

# Remark plugin extract code

## Usage

See [docusaurus-remark-plugin-extract-code documentation](https://microsoft.github.io/microsoft/docusaurus-plugins-rise4fun/docs/plugins/remark-plugin-extract-code).
npm package: @rise4fun/docusaurus-remark-plugin-import-file
Description: Import markdown file
Latest version: 4.0.0

# `@rise4fun/docusaurus-remark-plugin-import-file`

Docusaurus plugin to import markdown files ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-remark-plugin-import-files)).

## Usage

See [docusaurus-remark-plugin-import-file documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-remark-plugin-import-file).
npm package: @rise4fun/docusaurus-remark-plugin-side-editor
Description: Remark docusaurus plugin that assembles code sections in tabs.
Latest version: 4.0.0

# `@rise4fun/docusaurus-remark-plugin-side-editor`

Docusaurus remark plugin that injects `Edit` button after code section that open snippet in side editor ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-theme-side-editor)).

## Usage

See [docusaurus-remark-plugin-side-editor documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-remark-plugin-side-editor).
npm package: @rise4fun/docusaurus-theme-codesandbox-button
Description: CodeSandbox components for Docusaurus.
Latest version: 4.0.0

# `@rise4fun/docusaurus-theme-codesandbox-button`

Docusaurus theme component that displays a button to create/open a CodeSandbox project ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-theme-codesandbox-button)).

![Demo of the feature in Docusaurus](./demo.png)

## Usage

See [documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-theme-codesandbox-button).
npm package: @rise4fun/docusaurus-theme-side-editor
Description: Side editor components for Docusaurus.
Latest version: 4.0.0

# `@rise4fun/docusaurus-theme-side-editor`

A Docusaurus theme component that creates a side editor ([npm.js](https://www.npmjs.com/package/@rise4fun/docusaurus-theme-side-editor)).

## Usage

See [documentation](https://microsoft.github.io/docusaurus-plugins/docs/plugins/docusaurus-theme-side-editor).
npm package: @rise8/mock-test-kit-core
Description: A library for creating mock-test-kit json files programmatically.
Author: Joshua Nathaniel Miller
Latest version: 1.6.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# mock-test-kit-core

A library for creating Mock Test Kit .json files programmatically.

## Introduction

Mock Test Kit is a set of tools that allow you to create REST and GraphQL Federated mock data APIs.
Mock Test
Kit Core helps you build the mocked data to be served using the Mock Test Kit
API (`ghcr.io/rise8-us/mock-test-kit-api:latest`).

## Getting Started

See extended [documentation](docs/index.md) for more details on usage.

### Installing

```sh
npm install @rise8/mock-test-kit-core --save-dev
# or 
yarn add @rise8/mock-test-kit-core --dev
```

### Configuration

```yaml
# docker-compose.yml
services:
  mock-api:
    image: ghcr.io/rise8-us/mock-test-kit-api:latest
    ports:
      - "8080:8080"
    volumes:
      - "./infra/mock-data:/tmp/mock-data"
    environment:
      - PORT=8080
      - API_NAME=mock-api
      - WATCH=true // Used to watch for changes in the mock data directory
      - HEADERS=false // Used to enable pattern matching on headers
```

```javascript
// global-setup.js
import mtk from '@rise8/mock-test-kit-core';

mtk.initialize({
  outputDir: './infra/mock-data', // Set the output directory for json files
  development: false, // Set this to allow core library code to run during development
})
```

### Usage

```javascript
// page.test.js
import mtk, {
  Expr,
  Fn,
  Ctx,
  Match,  
} from '@rise8/mock-test-kit-core';

describe('page', () => {
  it('should load with "Hello ${name}" message', () => {
    mtk.generate(
        new Builder.RestRequest({
          service: 'mock-api',
          path: '/hello/:name',
          method: 'GET',
        })
        .withParam('name', Match.any())
        .addResponses(
            new Builder.RestResponse()
            .withStatus(200)
            .withBody({
              message: `Hello ${Expr.create(Ctx.getParam('name'))}`
            }).build()
        ).build()
    );
    // ... the rest of the test
  })
});
```

## Careers

Explore new opportunities with [Rise8](https://rise8.us/careers/).
npm package: @rise8/mock-test-kit-utils
Description: Utils to be used with rise8/mock-test-kit-api and rise8/mock-test-kit-gateway
Author: Joshua Nathaniel Miller
Latest version: 1.6.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# mock-test-kit-utils
These are utils used to create mock test kit docker images.

## Careers

Explore new opportunities with [Rise8](https://rise8.us/careers/).
npm package: @rise8/tailwind-pixel-perfect-preset
Description: A Tailwind CSS preset that replaces rem with px.
Author: Joshua Nathaniel Miller
Latest version: 1.0.1

# tailwind-pixel-perfect-preset
A Tailwind CSS preset that replaces rem with px.

## Install
```shell
npm install --save-dev @rise8/tailwind-pixel-perfect-preset
# or
yarn add --dev @rise8/tailwind-pixel-perfect-preset
```

Update your `tailwind.config.js` to use the preset:

```js
//cjs
module.exports = {
  presets: [
    require('@rise8/tailwind-pixel-perfect-preset')
  ],
  // ...
}
```
```js 
//esm
import tailwindPixelPerfectPreset from '@rise8/tailwind-pixel-perfect-preset'

export default {
  presets: [
    tailwindPixelPerfectPreset
  ],
  // ...
}
```

## Careers
Explore new opportunities with [Rise8](https://rise8.us/careers/).
npm package: @rise8/tailwindcss-uswds-tokens
Description: A TailwindCSS plugin for USWDS design tokens.
Author: Joshua Nathaniel Miller
Latest version: 0.14.1

# tailwindcss-uswds-tokens

A TailwindCSS preset for USWDS design tokens.

## Install

```shell
npm install --save-dev @rise8/tailwindcss-uswds-tokens
# or
yarn add --dev @rise8/tailwindcss-uswds-tokens
# or
pnpm add --save-dev @rise8/tailwindcss-uswds-tokens
```

Update your `tailwind.config.js` to use the preset:

```js
//cjs
module.exports = {
  presets: [require('@rise8/tailwindcss-uswds-tokens')],
  // ...
};
```

```js
//esm
import tailwindUSWDSTokenPreset from '@rise8/tailwindcss-uswds-tokens';

export default {
  presets: [tailwindUSWDSTokenPreset],
  // ...
};
```

## Careers

Explore new opportunities with [Rise8](https://rise8.us/careers/).
npm package: @rise8/uswds-tw-react
Description: A library of U.S. Web Design Standards React components that use TailwindCSS.
Author: Rise8
Latest version: 0.14.1

# U.S. Web Design System TailwindCSS React

React components for the U.S. Web Design System using TailwindCSS.

Please visit the [Storybook](https://rise8-us.github.io/uswds-tw) for a list of components and examples.

## Installation

```shell
pnpm install --save-dev tailwindcss
pnpm install react @rise8/uswds-tw-react
```

## Configuration

### Adding Design Tokens

Highly recommended to use `@rise8/tailwindcss-uswds-tokens` preset with your TailwindCSS config.

```js
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
import USWDSTokens from '@rise8/tailwindcss-uswds-tokens';
export default {
  // ...
  plugins: [USWDSTokens],
};
```

### Adding the Global CSS

In your global css file, import the `@rise8/uswds-tw-react/globals.css` css file.

```css
@import '@rise8/uswds-tw-react/globals.css';

/** @tailwind base should not be included, 
as it is provided through uswds-tw-react **/
@tailwind components;
@tailwind utilities;
```

## Testing

This library is ESM only. Testing configuration may vary depending on your testing framework.

### Jest Config

To use with Jest, it is recommended to use `@swc/jest` for transforming the library.

- [@swc/jest](https://swc.rs/docs/usage/jest)
- [ts-jest](https://kulshekhar.github.io/ts-jest/)

```shell
pnpm install --save-dev jest @swc/core @swc/jest
```

```js
// jest.config.js
export default {
  // ...
  transformIgnorePatterns: ['node_modules/(?!@rise8/uswds-tw-react)/'],
  transform: {
    '^.+\\.(t|j)sx?$': [
      '@swc/jest',
      {
        jsc: {
          parser: {
            syntax: 'typescript',
            tsx: true,
            dynamicImport: true,
          },
          transform: {
            react: {
              runtime: 'automatic',
              importSource: 'react',
            },
          },
        },
      },
    ],
  },
};
```

You can use `ts-jest` but it is not as performant as `@swc/jest`.

```js
// jest.config.js
export default {
  // ...
  transformIgnorePatterns: ['node_modules/(?!@rise8/uswds-tw-react)/'],
  transform: {
    '^.+\\.(t|j)sx?$': 'ts-jest',
  },
};
```

## Careers

Explore new opportunities with [Rise8](https://rise8.us/careers/).
npm package: @riseact/app-portal
Description: React components and utils to communicate with Riseact from your frontend
Author: Riseact
Latest version: 1.0.0

# @riseact/app-portal

React components and utils to communicate with Riseact from your frontend

## Installation


```npm install @riseact/app-portal```
```yarn add @riseact/app-portal```

## Usage

```tsx
import { usePortalToast } from "@riseact/app-portal"


function ToastButton() {
    const toast = usePortalToast()

    function handleClick = () => {
        toast.success("This is rendered by Riseact!")
    }

    return (
        <button onClick={handleClick}>
            Click me
        </button>
    )
}
```

```tsx
import { NavbarMenu } from "@riseact/app-portal"
import { useNavigate } from "react-router-dom"


function Page({ children }) {
    const navigate = useNavigate()

    return (
        <div>
            <NavbarMenu>
                <MenuItem onClick={() => navigate("/home")}>Home</MenuItem>
                <MenuItem onClick={() => navigate("/about")}>About</MenuItem>
            </NavbarMenu>   
            {children}
        <div>
    )
}
```

## License

MIT © Metadonors
npm package: @riseact/elements
Description: React components for building Riseact apps
Author: Metadonors
Latest version: 1.6.6

# @riseact/elements

React components for building riseact apps.

## Installation


```npm install @riseact/elements```


```yarn add @riseact/elements```

## Usage

```js
import { ThemeProvider } from "@riseact/elements"
import { Button } from "@chakra-ui/react"

const ThemeProvider = () => {
    <ThemeProvider>
        <Button>RA styled button</Button>
    </ThemeProvider>
}
```

## License

MIT © Metadonors 2022
npm package: @riseact/nextjs-sdk
Description: Riseact SDK for Next.js
Author: Metadonors
Latest version: 1.4.4

# Riseact SDK

## Next helpers

### Configure Riseact

Create a file called [...riseact].js in pages/api/auth. This contains the dynamic route handler for Riseact which will also contain all of your global Riseact configurations.

```javascript
import { AuthHandler } from "riseact";

export default AuthHandler({
  nextHost: "http://localhost:3000",
  riseactHost: "https://riseact.org",
  clientId: "<your-client-id>",
  clientSecret: "<your-client-secret>",
  errorPagePath: "/error",
  successPagePath: "/",
  callback: async (accessToken, refreshToken) => {
    // do something with the user's credentials
    // if error is thrown, user will be redirected to /error
    await saveCredentials(accessToken, refreshToken);
  },
});

```

All requests to /api/auth/* (install, redirect) will automatically be handled by Riseact.

### Install the app

Visit `localhost:3000/api/auth/install`
npm package: @risecorejs/app-cli
Description: `rcjs` is a command-line tool designed to simplify the process of managing and scaffolding projects. It offers a set of commands to initialize projects, create modules, services, controllers, models, perform database migrations, and more.
Author: Risecorejs
Latest version: 1.0.7

# @risecorejs/app-cli

`rcjs` is a command-line tool designed to simplify the process of managing and scaffolding projects. It offers a set of commands to initialize projects, create modules, services, controllers, models, perform database migrations, and more.

## Installation

You can install `rcjs` globally using npm or yarn:

```bash
npm install -g @risecorejs/app-cli
# or
yarn global add @risecorejs/app-cli
```

## Usage

```bash js
rcjs <command> [options]
```

## Commands
- `rcjs init`: Initializing the Project.
- `rcjs make:module`: Generate a new module.
- `rcjs make:service`: Generate a service in a module.
- `rcjs make:controller`: Generate a controller in a module.
- `rcjs make:middleware`: Generate a middleware in a module.
- `rcjs make:model`: Generate a model in a module.
- `rcjs make:migration`: Generate a database migration file in a module.
- `rcjs make:migrations`: Generate database migration files based on module models.
- `rcjs db:migrate`: Execute database migration files of modules.
- `rcjs db:rollback`: Rollback the last database migration files of modules.

For a quick list of all commands, run:

```bash
rcjs --help
```

## Explore Commands and Options

To discover available commands and their options, use `--help` with any command:

```bash
rcjs <command> --help
```
npm package: @risecx/pose-estimation-component
Description: pose-estimation-component React component
Latest version: 3.2.19

# pose-estimation-component1

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

How to build the coach module:

<!-- COACH pose-estimation build -->

1- Open the file package.json to edit the version (sample: 1.0.7).
2 - On terminal add the follow command: npm run build
3 - On terminal add the follow command: npm run deploy

<!-- CARESPACE UI pose-estimation build -->

4 - On Carespace UI repository, open the package.jason and uptate the version of pose-estimation-component to the same version (sample 1.0.7).
5 - On Carespace UI repository terminal, add the follow command: npm install
6 - On Carespace UI repository: Do commit and pull of the package.jason

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo
[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package
[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @risedle/chains
Description: <h2>     <span>@risedle/chains</span>     <span><a href="https://www.npmjs.com/package/@risedle/chains"><img src="https://badgen.net/npm/v/@risedle/chains?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="https://
Author: bayu
Latest version: 2.0.0

<h2>
    <span>@risedle/chains</span>
    <span><a href="https://www.npmjs.com/package/@risedle/chains"><img src="https://badgen.net/npm/v/@risedle/chains?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

List of supported chains and its utility functions to interact with the chain.

### Installation

```sh
# npm
npm install --save-exact @risedle/chains@latest

# pnpm
pnpm add --save-exact @risedle/chains@latest
```

### Usage

You can use `@risedle/chains` like the following:

```typescript
import { Binance } from "@risedle/chains";
```
npm package: @risedle/eslint-config
Description: <h2>     <span>@risedle/eslint-config</span>     <span><a href="https://www.npmjs.com/package/@risedle/eslint-config"><img src="https://badgen.net/npm/v/@risedle/eslint-config?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.co
Author: bayu
Latest version: 0.1.2

<h2>
    <span>@risedle/eslint-config</span>
    <span><a href="https://www.npmjs.com/package/@risedle/eslint-config"><img src="https://badgen.net/npm/v/@risedle/eslint-config?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

Shared [ESLint](https://eslint.org/) configuration.

### Installation

Use the following command to install `@risedle/eslint-config`:

```sh
# npm
npm install --save-dev --save-exact eslint typescript @risedle/eslint-config@latest

# pnpm
pnpm add --save-dev --save-exact eslint typescript @risedle/eslint-config@latest
```

### Usage

Add the following fields in your `.eslintrc.js`:

```js
module.exports = {
    extends: ["@risedle/eslint-config"],
    ignorePatterns: ["dist/*", ".eslintrc.js"],
};
```

Adjust the `ignorePatterns` based on your project requirements.

Then add the following script in your `package.json`:

```json
{
    "scripts": {
        "lint": "eslint ."
    }
}
```

You can use `pnpm lint` or `npm run lint` to run the linter.

### Resources

-   [ESLint - Shareable config](https://eslint.org/docs/latest/developer-guide/shareable-configs)
npm package: @risedle/prettier-config
Description: <h2>     <span>@risedle/prettier-config</span>     <span><a href="https://www.npmjs.com/package/@risedle/prettier-config"><img src="https://badgen.net/npm/v/@risedle/prettier-config?color=black&labelColor=black"></a></span>     <span><a href="https://rise
Author: bayu
Latest version: 0.2.0

<h2>
    <span>@risedle/prettier-config</span>
    <span><a href="https://www.npmjs.com/package/@risedle/prettier-config"><img src="https://badgen.net/npm/v/@risedle/prettier-config?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

Shared [Prettier](https://prettier.io) configuration.

### Installation

Use the following command to install `@risedle/prettier-config`:

```sh
# npm
npm install --save-dev --save-exact prettier @risedle/prettier-config@latest

# pnpm
pnpm add --save-dev --save-exact prettier @risedle/prettier-config@latest
```

### Usage

Add the following fields in your `package.json`:

```json
{
    "scripts": {
        "check": "prettier --check ."
    },
    "prettier": "@risedle/prettier-config"
}
```

> **Note** You can ignore files by adding it to `.prettierignore`.

Then you can use `pnpm check` or `npm run check` to check the file formatting.

### Resources

-   [Prettier - Shareable config](https://prettier.io/docs/en/configuration.html)
npm package: @risedle/quotes
Description: <h2>     <span>@risedle/quotes</span>     <span><a href="https://www.npmjs.com/package/@risedle/quotes"><img src="https://badgen.net/npm/v/@risedle/quotes?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="https://
Author: bayu
Latest version: 2.0.0

<h2>
    <span>@risedle/quotes</span>
    <span><a href="https://www.npmjs.com/package/@risedle/quotes"><img src="https://badgen.net/npm/v/@risedle/quotes?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

### Installation

```sh
# npm
npm install --save-exact @risedle/quotes@latest

# pnpm
pnpm add --save-exact @risedle/quotes@latest
```

### Usage

Docs coming soon
npm package: @risedle/tokens
Description: <h2>     <span>@risedle/tokens</span>     <span><a href="https://www.npmjs.com/package/@risedle/tokens"><img src="https://badgen.net/npm/v/@risedle/tokens?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="https://
Author: bayu
Latest version: 2.0.0

<h2>
    <span>@risedle/tokens</span>
    <span><a href="https://www.npmjs.com/package/@risedle/tokens"><img src="https://badgen.net/npm/v/@risedle/tokens?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

List of all verified tokens by Risedle.

### Installation

```sh
# npm
npm install --save-exact @risedle/tokens@latest

# pnpm
pnpm add --save-exact @risedle/tokens@latest
```

### Usage

Docs coming soon
npm package: @risedle/tsconfig
Description: <h2>     <span>@risedle/tsconfig</span>     <span><a href="https://www.npmjs.com/package/@risedle/tsconfig"><img src="https://badgen.net/npm/v/@risedle/tsconfig?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="ht
Author: bayu
Latest version: 1.0.1

<h2>
    <span>@risedle/tsconfig</span>
    <span><a href="https://www.npmjs.com/package/@risedle/tsconfig"><img src="https://badgen.net/npm/v/@risedle/tsconfig?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

Shared
[Typescript](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)
configuration.

### Installation

Use the following command to install `@risedle/tsconfig`:

```sh
# npm
npm install --save-dev --save-exact @risedle/tsconfig@latest

# pnpm
pnpm add --save-dev --save-exact @risedle/tsconfig@latest
```

### Usage

Use available json as the baseline of your `tsconfig.json`. For example:

```json
{
    "extends": "@risedle/tsconfig/shared-library.json",
    "compilerOptions": {
        "outDir": "dist"
    },
    "include": ["src/**/*.ts"],
    "exclude": ["node_modules", "dist"]
}
```

You can use various pre-made config for Node, React etc.

Here is the example on how to use `@risedle/tsconfig` for node project:

```json
{
    "extends": "@risedle/tsconfig/node.json",
    "compilerOptions": {
        "outDir": "dist"
    },
    "include": ["src/**/*.ts"],
    "exclude": ["node_modules", "dist"]
}
```

### Resources

-   [Using Changesets with pnpm](https://pnpm.io/using-changesets)
npm package: @risedle/types
Description: <h2>     <span>@risedle/types</span>     <span><a href="https://www.npmjs.com/package/@risedle/types"><img src="https://badgen.net/npm/v/@risedle/types?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="https://bad
Author: bayu
Latest version: 2.0.0

<h2>
    <span>@risedle/types</span>
    <span><a href="https://www.npmjs.com/package/@risedle/types"><img src="https://badgen.net/npm/v/@risedle/types?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

Shared type definitions.

### Installation

```sh
# npm
npm install --save-exact @risedle/types@latest

# pnpm
pnpm add --save-exact @risedle/types@latest
```

### Usage

Here is the example on how to use `@risedle/types`:

```typescript
// Like this
import { ChainId, Chain } from "@risedle/types";
```
npm package: @risedle/ui
Description: <h2>     <span>@risedle/ui</span>     <span><a href="https://www.npmjs.com/package/@risedle/ui"><img src="https://badgen.net/npm/v/@risedle/ui?color=black&labelColor=black"></a></span>     <span><a href="https://risedle.com"><img src="https://badgen.net/b
Author: bayu
Latest version: 2.0.0

<h2>
    <span>@risedle/ui</span>
    <span><a href="https://www.npmjs.com/package/@risedle/ui"><img src="https://badgen.net/npm/v/@risedle/ui?color=black&labelColor=black"></a></span>
    <span><a href="https://risedle.com"><img src="https://badgen.net/badge/icon/Made%20By%20Risedle%20Labs?label&color=black&labelColor=black"></a></span>
</h2>

Risedle UI is a reusable [React.js](https://reactjs.org/) component library
that help us work together to build a great experience for all of our users.

Live demo is available at [https://ui.risedle.com](https://ui.risedle.com)

### Goals

Risedle UI goals are:

1. Create reusable UI components to accelerate frontend development.
2. Create UI consistency for all components within Risedle.

> **Warning** This library is still WIP. We are actively working on it. Our
> goal is to have an easy to use UI system. This includes an exhaustive
> documentation, improved DX, confidence in testing and a lot of refactoring to
> have consistency across our components.

### Installation

```sh
# npm
npm install --save-exact @risedle/ui@latest

# pnpm
pnpm add --save-exact @risedle/ui@latest
```

### Usage

See [documentation](https://ui.risedle.com).

### Development

Use the following command to run storybook:

```sh
pnpm storybook:start
```
npm package: @risemaxi/api-client
Description: Client Library for Rise
Latest version: 0.4.1

# Rise API client

This package contains an api client for Risevest. The contract is generated from an OpenAPI file, and then a client is built around this contract.

It uses [typebox](https://github.com/sinclairzx81/typebox-codegen "typebox") to generate the contract from an OpenAPI file, and also `react-query`

## Installation

```shell
npm install @risemaxi/api-client --save
```

OR

```shell
yarn add @risemaxi/api-client
OR
```

```shell
bun install @risemaxi/api-client
```

## Usage

This lib also ships with a cli `rise-api`, so you can use it to generate the contract at will, just run:

```shell
bunx rise-api generate <input-file>
```

The input file can be a local file or a url pointing to a file.
For example

```shell
bunx rise-api generate ./swagger.yaml
```
## Example
```ts
import { createRiseApiClient, createRiseApiHooks } from '@risemaxi/api-client'

const apiClient = createRiseApiClient(async (method, url, params) => {
  const data = await fetch(url)
  const res = await data.json()
  return data
} , 'api.com' false)

const apiHooks = createRiseApiHooks(riseApi);
...

// Then later use the client like so:
apiClient.get('/plans', {
    query: {},
})
apiClient.post('/plans', {
    body: { id: "some-uuid" },
})

// Or use the hooks like so:
const { data } = apiHooks.useGet('/plans', {
    query: {},
})
```

## Parameters

| Name           | Type     | Default
|----------------|----------|---------
| `fetcher`      | Function |
| `baseUrl`      | String  <sup>Optional</sup> | ""
| `enableParsing`| Boolean <sup>Optional</sup> | true
npm package: @risemaxi/octonet
Description: Web toolkit for rise macro services
Latest version: 0.13.2

# Octonet

![Github Actions](https://github.com/risevest/octonet/actions/workflows/build-test.yml/badge.svg)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

## About

octonet is a library that provides utility functions for building microservices such as:

- Interservice communication (via REST)
- Subscribing to events from RabbitMQ queues and NATS servers.
- Logging
- Distributed Tracing
- Authentication

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development purposes.

### Prerequisites

The following are required for the best use of Octonet:

- Package Dependencies
  - NodeJs (v14 or higher)
  - Yarn
  - Typescript (v4.4 or higher)
- A basic understanding of dependency injection with Inversify

### Installation

To install Octonet, run the following command in your terminal

```bash
yarn install --save @risemaxi/octonet reflect-metadata
```

To upgrade to a specific version run this command

```bash
yarn upgrade @risemaxi/octonet@version
```

To upgrade to latest version run this command

```bash
yarn upgrade @risemaxi/octonet --latest
```

> Note: Octonet requires Typescript (>= v4.4), as well as the `Decorator` experimental feature. Therefore, the following config options should be present in your `tsconfig.json` file:

```json
{
  "compilerOptions": {
    "target": "ES2017",
    "lib": ["es2017", "esnext.asynciterable", "dom"],
    "types": ["reflect-metadata"],
    "module": "commonjs",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  }
}
```

## Guides

Below are links to detailed explanations to the various features of Octonet as well as practical examples:

- [HTTP (Interservice Comunication)](docs/HTTP.md)
- [NatsConsumer (subscribing to Nats topics)](docs/Consumer.md)
- [QueueManager (subscribing to RabbitMQ queues)](docs/Manager.md)
- [Authentication](docs/Authentication.md)
- [Logging & Tracing](docs/Logging.md)
- [Job Scheduling](docs/Jobs.md)

## References and Helpful Links

The following links would further aid the understanding of Octonet

- [Inversify](https://github.com/inversify/InversifyJS#readme)
- [Reflect Metadata](https://rbuckton.github.io/reflect-metadata/)
- [Typescript Decorators](https://www.typescriptlang.org/docs/handbook/decorators.html)
- [AMPQ Client docs for NodeJs](http://www.squaremobius.net/amqp.node/channel_api.html)
- [Bunyan](https://github.com/trentm/node-bunyan#readme)
- [Axios](https://axios-http.com/docs/intro)
- [RabbitMQ messaging queues](https://www.rabbitmq.com/)
- [NATS Messaging](https://docs.nats.io/nats-concepts/what-is-nats)