## @zeniai/web-cockpit-ui
Implements various UI screens by connecting business logic (from `@zeniai/client-epic-state`) and UI components (from the `@zeniai/web-components`)

## How to deploy ?
Do NOT deploy this project to google cloud. The project `zeni-web-app-v2` pulls the optmised react bundle of this project via NPM and deploys it into the google gcloud. Refer to [How to deploy ?](https://github.com/zeni-ai/zeni-web-app-v2#how-to-deploy-)

## Publishing to NPM:
Optimised bundle of this repo is published to NPM. Note that this bundle can be built & published for any of the 4 supported environments,<br /><br />
#### Publish Production: 
PROD - @zeniai/web-cockpit-ui, to be published with the tag `latest`, and with no version suffix ex. `1.0.0`.<br />
Command: `pnpm publish_prod` .<br />
#### Publish DEV: 
DEV - @zeniai/web-cockpit-ui@dev, to be published with the tag `dev`, and with `-dev` version suffix ex. `1.0.0-dev`.<br />
Command: `pnpm publish_dev` .<br />
#### Publish QA:
QA - @zeniai/web-cockpit-ui@qa, to be published with the tag `qa`, and with `-qa` version suffix ex. `1.0.0-qa`.<br />
Command: `pnpm publish_qa` .<br />
#### Publish NEXT:
NEXT - @zeniai/web-cockpit-ui@next, to be published with the tag `next`, and with `-next` version suffix ex. `1.0.0-next`.<br />
Command: `pnpm publish_next` .<br />

So the command `pnpm add @zeniai/web-cockpit-ui@latest` gets the latest bundle pointing to `production` environment. 

## How to run in Dev mode.

In the project directory, you can run:

### `pnpm start_dev`

Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br />
You will also see any lint errors in the console.

### `pnpm test`

Launches the test runner in the interactive watch mode.<br />
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.