# gc-ui-storybook-mobile-app

> ## Description

Latest version **0.0.2** (published 2021-08-19) · 0 weekly downloads

## Install

```sh
npm install gc-ui-storybook-mobile-app
pnpm add gc-ui-storybook-mobile-app
yarn add gc-ui-storybook-mobile-app
bun add gc-ui-storybook-mobile-app
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2021-08-19 |
| First published | 2021-08-19 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | nigelfeng |

## Links

- npm: https://www.npmjs.com/package/gc-ui-storybook-mobile-app
- npm.io page: https://npm.io/package/gc-ui-storybook-mobile-app

## Dependencies (6)

- [lodash-es](https://npm.io/package/lodash-es.md) ^4.17.21
- [native-base](https://npm.io/package/native-base.md) ^3.0.7
- [react-hook-form](https://npm.io/package/react-hook-form.md) ^7.12.2
- [@hookform/resolvers](https://npm.io/package/@hookform/resolvers.md) ^2.7.1
- [@react-spring/native](https://npm.io/package/@react-spring/native.md) ^9.2.4
- [react-native-status-bar-height](https://npm.io/package/react-native-status-bar-height.md) ^2.6.0

## Recent versions

- 0.0.2 (latest) — 2021-08-19
- 0.0.1 — 2021-08-19

## README

# gc-ui-storybook-mobile-app

## Description

gc Mobile App Universal UI Components

## Add stories

Stories will be generated by `scripts/route.js`, it will auto-load stories on stories folder. It does not require manually configuring routes. Instead, the file system defines the routing. The routing configuration is derived from directories, files and their naming.

## Usage

1. Import from Github private Repository

```sh
npm install gc-ui-storybook-mobile-app@x.x.x
```

2. Import by tgz module file, then copy the tgz file to your project and import by `file:`

```sh
npm run build && npm run package
```

Your package.json

```json
{
	"name": "project-name",
	"dependencies": {
		"gc-ui-storybook-mobile-app": "file:<Your-tgz-file-path>"
	}
}
```

## Build

```sh
npm run build
```

## Publish to Github Package

1. Create a GitHub token(token need enable SSO).

```text
Github -> Settings -> Developer Setting -> Personal access tokens -> Generate new token
```

2. Change `.npmrc`, copy your token to `<Your token>`

```diff
- # //npm.pkg.github.com/:_authToken=<Your token>
+ //npm.pkg.github.com/:_authToken=xxxxxx
```

3. Publish to Github Package

```sh
npm run publish:github
```

4. If you don't want to use import from Github packages

```sh
npm run build && npm run package
```

## Publish to Expo

```sh
npm run expo:publish
```

This will publish to Expo default channel.

```sh
expo:publish-channel <special channel>
```

This will publish on Expo special channel.

## View Storybook on Expo App

By default, you can find project on

`Expo App -> Profile -> gc-mobile -> gc-mobile-storybook -> default.`

---
_Source: https://npm.io/package/gc-ui-storybook-mobile-app · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._