# eryk-sandecki-test-test-3

> A package containing generic components, utils for application

Latest version **1.0.14** (published 2024-03-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install eryk-sandecki-test-test-3
pnpm add eryk-sandecki-test-test-3
yarn add eryk-sandecki-test-test-3
bun add eryk-sandecki-test-test-3
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.14 |
| Published | 2024-03-21 |
| First published | 2024-03-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 18 |
| Unpacked size | 3.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | eryk.sandecki |

## Links

- npm: https://www.npmjs.com/package/eryk-sandecki-test-test-3
- Repository: https://github.com/Crypto-Trading-Hub/trading-bot-frontend-shared
- Homepage: https://Crypto-Trading-Hub.github.io/trading-bot-frontend-shared/
- Issues: https://github.com/Crypto-Trading-Hub/trading-bot-frontend-shared/issues
- npm.io page: https://npm.io/package/eryk-sandecki-test-test-3

## Dependencies (18)

- [exenv](https://npm.io/package/exenv.md) ^1.2.2
- [react](https://npm.io/package/react.md) ^18.2.0
- [redux](https://npm.io/package/redux.md) ^4.1.2
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [moment](https://npm.io/package/moment.md) ^2.30.1
- [uniqid](https://npm.io/package/uniqid.md) ^5.4.0
- [history](https://npm.io/package/history.md) ^5.3.0
- [reselect](https://npm.io/package/reselect.md) ^5.1.0
- [react-dom](https://npm.io/package/react-dom.md) ^18.2.0
- [classnames](https://npm.io/package/classnames.md) ^2.5.1
- [redux-saga](https://npm.io/package/redux-saga.md) ^1.3.0
- [react-redux](https://npm.io/package/react-redux.md) ^7.2.6
- [react-router](https://npm.io/package/react-router.md) ^5.2.1
- [react-i18next](https://npm.io/package/react-i18next.md) ^14.0.5
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.3.0
- [react-device-detect](https://npm.io/package/react-device-detect.md) ^2.2.3
- [react-loading-skeleton](https://npm.io/package/react-loading-skeleton.md) ^3.4.0
- [redux-devtools-extension](https://npm.io/package/redux-devtools-extension.md) ^2.13.9

## Recent versions

- 1.0.14 (latest) — 2024-03-21
- 1.0.13 — 2024-03-21
- 1.0.12 — 2024-03-21

## README

# trading-bot-frontend-shared

## Table of Contents

- [Installation](#Installation)
- [Build Library](#Build-Library)
- [Start](#Start)
- [Publish](#Publish)
- [Instruction](#Instruction)
- [Integration](#Integration)
- [Bump Up Packages](#Bump-Up-Packages)

## Installation

Recommend you to use this version Node v21.7.1.

1. Node_Modules

```
npm install or npm i
```

2. Commit lint required global for commit

```
npm install -g @commitlint/cli @commitlint/config-conventional
```

## Deploy

```
npm run build-storybook
```

After build

```
npm run deploy
```

## Build Library

```
npm run build-library
```

## Start

```
npm run start
```

```
npm run storybook
```

After run local environment you can use some component in sample/index.tsx.

## Publish

Publish requires authorize users before publish.

Before publish you need to bump up version in package.json.

```
npm publish
```

## Instruction

Before commit are call actions:

- branch name lint
- stylelint
- eslint ts
- eslint tsx
- prettier
- commit syntax

If you need skip linters, after the commit message you have to put command:

```
git commit -m "<message>" --no-verify
```

## Integration

1. We need to extends types in types/reducers.ts

```
//@crypto-trading-hub
import { TMainState as TLibraryState } from '@crypto-trading-hub/trading-bot-frontend-shared';

export type TMainState = TLibraryState & { ...restReducers }
```

2. Add reducers to store/reducers.ts

```
// @crypto-trading-hub
import { reducers as libraryReducers } from '@crypto-trading-hub/trading-bot-frontend-shared';

const reducers = {
  ...libraryReducers,
  ...restReducers,
};
```

3. Add watcher store/watchers.ts

```
// @crypto-trading-hub
import { watchers as libraryWatchers } from '@crypto-trading-hub/trading-bot-frontend-shared';

const watchers: Array<Saga<any>> = [
  ...libraryWatchers,
  ...restWatchers,
];
```

4. Import scss file to apply styles index.scss

```
@import '@crypto-trading-hub/trading-bot-frontend-shared/src/styles/common.scss';
```

## Bump Up Packages

After bump up, please make sure that these elements of application works correctly:

```
- npm run build
- npm run build-library
- npm run build-storybook
- npm run storybook
- npm run test
- npm start
- (linters: branch, commit, eslint, prettier)
```

---
_Source: https://npm.io/package/eryk-sandecki-test-test-3 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._