LEAF

LEAF Development Environment

Prerequisites

Installation

Open up a terminal and enter these commands:

    git config --global core.autocrlf false
    git clone --recurse-submodules https://github.com/department-of-veterans-affairs/LEAF.git LEAF

    cd LEAF/docker

    docker network create leaf
    docker network create leaf-sql
    docker volume create leaf-php-data
    docker volume create leaf-lib

Running

  1. Make sure you’re in the LEAF/docker directory
  2. Run the below command. Note that this can take several minutes the first time it is run.
    docker compose up --build -d
  1. Open your browser and go to https://host.docker.internal/

Development

Vue Development

The leaf_vue_ui container is used for the Form Editor and Site Designer Vue apps, and for the updated admin-side SASS files.

Devlopment mode

Log in to container, access the terminal, and run the command:

    npm run dev

Webpack will watch for changes to /docker/vue-app/src

Remember to build for production if src files have been edited

Production mode

Log in to container, access the terminal, and run the command:

    npm run build

form editor and site designer apps builds to respective folders under /libs/js/vue-dest sass (leaf.css and related fonts and assets) builds to /libs/css