Chart Studio

Chart Studio is a web app that enables users to create customizable charts of Merapi monitoring data using BMA Web Services.

Environment Variable Settings

There are several required environment variables that need to be set in .env.[mode].local file:

• VITE_BMA_URL

  BMA web services URL, e.g. https://bma.cendana15.com to fetch various monitoring data.

• VITE_BMA_API_KEY

  BMA API key credentials to grant access to the APIs. You can contact BMA administrator to get the key.

• VITE_CENDANA_URL

  Cendana15 web services URL, e.g. https://cendana15.com. This is used to get user account info and grant permissions to access the resources provided by Cendana15 web services.

• VITE_PLOTREQUEST_URL

  Plotrequest service URL, e.g https://plotrequest.cendana15.com to request predetermined charts of monitoring data.

• VITE_PLOTREQUEST_API_KEY

  Plotrequest service API key credentials.

Project Setup

Clone the project from GitHub repository:

git clone https://github.com/bpptkg/chart-studio.git

Install all package dependencies:

npm install

Compiles and hot-reloads for development:

npm run dev

Compiles and minifies for production:

npm run build

Lints and fixes files if you made a change to the script:

npm run lint

Deployment

Create .env.production.local file and setup environment variable settings. Finally, run npm run build to compile and minify for production.

Then, configure the Nginx location path to the following:

location /chart-studio {
    alias /path/to/chart-studio/dist/;
    try_files $uri $uri/ /index.html = 404;
}

License

MIT