Local build

README.md

@@ -24,6 +24,9 @@ react_node_version: 10.x  # the version of node to install
 
 react_git_url: "https://github.com/onaio/kaznet-frontend.git"  # the git repo of your django app which we are installing
 react_git_key:
+
+react_remote_js_build: # whether to compile the app on the target host or on the controlling host. 
+# When compiling the app on the controlling host, you will need to make sure that node and yarn is installed.
 ```
 
 ### Custom environment variables

defaults/main.yml

@@ -1,18 +1,9 @@
-# Yarn
-yarn_download_url: "https://yarnpkg.com/{{ yarn_version }}"
-yarn_install_destination: ""
-
 # user
 react_system_user: "react"
 react_system_group: "www-data"
 react_system_user_home: "/home/{{ react_system_user }}"
-
-# NVM
-react_nvm_node_version: "{{ react_node_version }}"
-react_nvm_nvm_root:  "{{ react_system_user_home }}/.nvm"
-react_nvm_node_dir: "{{ react_nvm_nvm_root }}/versions/node/{{ react_nvm_node_version }}"
-react_nvm_npm_path: "{{ react_node_dir }}/bin/npm"
-react_nvm_version: "v0.34.0"
+react_local_user_home: "{{ lookup('env', 'HOME') }}"
+react_local_user: "{{ lookup('env','USER') }}"
 
 # git
 react_git_url:
@@ -22,18 +13,26 @@ react_git_key_filename: "id_ed25519"
 react_remove_git_key: true
 
 # system-wide dependencies
-react_system_wide_dependencies:
+react_remote_system_wide_dependencies:
   - yarn
+  - git
+react_local_system_wide_dependencies:
+  - git
 react_node_version: 10.x
 
 # app
+react_remote_js_build: True
+react_local_checkout_path: "/tmp/{{ react_local_user }}/reveal"
 react_env_name: "prod"
 react_app_name: "{{ react_system_user }}"
 react_codebase_path: "{{ react_system_user_home }}/app"
 react_versioned_path: "{{ react_codebase_path }}-versioned"
 react_checkout_path: "{{ react_versioned_path }}/{{ ansible_date_time['epoch'] }}"
 react_log_path: "/var/log/{{ react_app_name }}"
+react_max_versioned_folders: 10
 
 # app settings
 react_app_settings:
-  REACT_APP_WEBSITE_NAME: 'React Example App'
+  REACT_APP_WEBSITE_NAME: 'React Example App'
+  GENERATE_SOURCEMAP: "false"
+  SKIP_PREFLIGHT_CHECK: "true"

molecule/default/converge.yml

@@ -0,0 +1,16 @@
+---
+- name: Converge
+  hosts: all
+  roles:
+    - role: ansible-react
+      vars:
+        react_system_user: "react"
+        react_system_group: "www-data"
+        react_system_user_home: "/home/{{ react_system_user }}"
+        react_node_version: 10.x
+        react_git_url: "https://github.com/onaio/reveal-frontend"
+        react_git_version: "v0.6.2-rc1"
+        react_app_settings:
+          GENERATE_SOURCEMAP: "false"
+          SKIP_PREFLIGHT_CHECK: "true"
+        react_remote_js_build: False

molecule/default/molecule.yml

@@ -3,19 +3,21 @@ dependency:
   name: galaxy
 driver:
   name: docker
-lint:
-  name: yamllint
 platforms:
-  - name: ubuntu-16.04
-    image: solita/ubuntu-systemd:16.04
+  - name: ubuntu-18.04
+    image: solita/ubuntu-systemd:18.04
     privileged: true
     command: /sbin/init
 provisioner:
   name: ansible
-  lint:
-    name: ansible-lint
-    enabled: false
+  playbook:
+    prepare: prepare.yml
+  options:
+    verbose: True
 verifier:
   name: testinfra
-  lint:
-    name: flake8
+lint: |
+  set -e
+  yamllint .
+  ansible-lint
+  flake8

molecule/default/prepare.yml

@@ -0,0 +1,13 @@
+---
+- hosts: all
+  become: true
+  become_user: root
+  tasks:
+    - name: Install prerequisites
+      apt:
+        name: " {{ item }} "
+        update_cache: true
+        state: present
+      loop:
+        - curl
+        - gpg-agent

tasks/cleanup.yml

@@ -2,11 +2,15 @@
 - name: Get previous app deploy listing
   command: ls -tr1 chdir={{ react_versioned_path }}
   register: versioned_list
-  changed_when: "versioned_list.stdout_lines|length > 1"
+  changed_when: false
 
-- name: Remove extra files from app directroy
+- name: Remove extra files from app directory
+  when: "versioned_list.stdout_lines|length > react_max_versioned_folders"
   file:
     path: "{{ react_versioned_path }}/{{ versioned_list.stdout_lines[item|int] }}"
     state: absent
-  with_sequence: start=0 end={{ versioned_list.stdout_lines|length - 10 }}
-  ignore_errors: yes
+  # end will be 0 if number of versioned folders is less than the max defined
+  with_sequence: >
+    start=0
+    end="{{ versioned_list.stdout_lines|length - react_max_versioned_folders - 1
+    if versioned_list.stdout_lines|length > react_max_versioned_folders else 0 }}"

tasks/configure.yml

@@ -1,24 +1,78 @@
 ---
-- name: Copy environment variables file
-  template:
-    src: env.j2
-    dest: "{{ react_checkout_path }}/.env"
-    mode: 0644
-    owner: "{{ react_system_user }}"
-    group: "{{ react_system_group }}"
+- name: configure build locally
+  block:
+    - name: Copy environment variables file locally
+      template:
+        src: env.j2
+        dest: "{{ react_local_checkout_path }}/.env"
+        mode: 0644
+      delegate_to: localhost
+      become: True
+      become_user: "{{ react_local_user }}"
+
+    - name: Install Javascript requirements locally
+      yarn:
+        path: "{{ react_local_checkout_path }}"
+        production: false
+      delegate_to: localhost
+      become: True
+      become_user: "{{ react_local_user }}"
+
+    - name: Compile Javascript locally
+      command: yarn build
+      args:
+        chdir: "{{ react_local_checkout_path }}"
+      delegate_to: localhost
+      become: True
+      become_user: "{{ react_local_user }}"
+
+    - name: Remove node_modules before compression
+      file:
+        path: "{{ react_local_checkout_path }}/node_modules"
+        state: absent
+      delegate_to: localhost
+      become: True
+      become_user: "{{ react_local_user }}"
+
+    - name: Compress Build folder locally
+      archive:
+        path: "{{ react_local_checkout_path }}/"
+        dest: "{{ react_local_checkout_path }}.tgz"
+      delegate_to: localhost
+      become: True
+      become_user: "{{ react_local_user }}"
+
+    - name: UnCompress Build folder to remote host
+      unarchive:
+        src: "{{ react_local_checkout_path }}.tgz"
+        dest: "{{ react_checkout_path }}"
+      become: True
+      become_user: "{{ react_system_user }}"
+  when: "not react_remote_js_build|bool"
+
+- name: configure build remotely
+  block:
+    - name: Copy environment variables file
+      template:
+        src: env.j2
+        dest: "{{ react_checkout_path }}/.env"
+        mode: 0644
+
+    - name: Install Javascript requirements
+      yarn:
+        path: "{{ react_checkout_path }}"
+        production: false
+      become: True
+      become_user: "{{ react_system_user }}"
+
+    - name: Compile Javascript
+      command: yarn build
+      args:
+        chdir: "{{ react_checkout_path }}"
+      become: True
+      become_user: "{{ react_system_user }}"
 
-- name: Install Javascript requirements
-  yarn:
-    path: "{{ react_checkout_path }}"
-  become: True
-  become_user: "{{ react_system_user }}"
-
-- name: Compile Javascript
-  command: yarn build
-  args:
-    chdir: "{{ react_checkout_path }}"
-  become: True
-  become_user: "{{ react_system_user }}"
+  when: "react_remote_js_build|bool"
 
 - name: Make the new codebase current
   file: