OWL Light

OWL Light is an Open-Falcon client-side project. It's based on vue and vue-router 2 worked as SPA (Single Page Application).

Setup

Clone this project

git clone https://github.com/cepave-f2e/owl-light.git && cd owl-light

Install dependencies

Recommend use yarn to install.

yarn install

The Folder Structure

owl-light/
├── build/ (webpack build and dev server config)
├── config/ (all project configs)
├── src/ (source, core code base)
|    ├─── components/ (global common components)
|    ├─── containers/ (page container)
|    ├─── sass/ (global common sass/scss libraries)
|    ├─── store/ (Vuex store management)
|    └─── utils/ (global common utility functions)
├── .babelrc (babel complier config)
├── .editorconfig (editor config)
├── .eslintrc.js (eslint config)
├── .stylelintrc.js (stylelint config)
├── package.json
└── yarn.lock (modules cache file)

Configure

All the related configs are in /config.

API service

Configure you own API service, put the OWL_LIGHT_API_BASE environment variable

OWL UI

OWL UI is a Component Design System based on VueJS 2, used by Cepave to run in monitoring system and OWL Light

Development

npm run dev

Open http://localhost:8080 to view it in the browser.

If you'd like to open browser automation, it just pass the --open arg.

npm run dev -- --open

Build

The build files it'll output in /dist.

npm run build