build-before: Checkout project source code to local temporary directo…

…ry and compile multiple sage themes

CHANGELOG.md

@@ -1,4 +1,5 @@
 ### HEAD
+* build-before: Checkout project source code to local temporary directory and compile multiple sage themes ([#1030](https://github.com/roots/trellis/pull/1030))
 * Allow customizing Nginx `worker_connections` ([#1021](https://github.com/roots/trellis/pull/1021))
 * Update wp-cli to 2.0.1 ([#1019](https://github.com/roots/trellis/pull/1019))
 * [BREAKING] Update wp-cli to 2.0.0 and verify its PGP signature ([#1014](https://github.com/roots/trellis/pull/1014))

deploy-hooks/build-before.yml

@@ -1,33 +1,56 @@
-# Placeholder `deploy_build_before` hook for building theme assets on the
+# `deploy_build_before` hook for building theme assets on the
 # host machine and then copying the files to the remote server
 #
-# ⚠️ This example assumes your theme is using Sage 9
+# ⚠️ This assumes your theme is using Sage 9
 # An example for themes built with Sage 8 can be found at: https://git.io/vdgUt
 #
 # Uncomment the lines below and replace `sage` with your theme folder
 #
-# ---
-# - name: Install npm dependencies
-#   command: yarn
-#   connection: local
-#   args:
-#     chdir: "{{ project_local_path }}/web/app/themes/sage"
-#
-# - name: Install Composer dependencies
-#   command: composer install --no-ansi --no-dev --no-interaction --no-progress --optimize-autoloader --no-scripts
-#   args:
-#     chdir: "{{ deploy_helper.new_release_path }}/web/app/themes/sage"
+# Define an array of `sage_themes` in `group_vars/<env>/wordpress_sites.yml`, e,g:
+# wordpress_sites:
+#   example.com:
+#     sage_themes:
+#       - my-first-sage-theme-name
+#       - my-second-sage-theme-name
 #
-# - name: Compile assets for production
-#   command: yarn build:production
-#   connection: local
-#   args:
-#     chdir: "{{ project_local_path }}/web/app/themes/sage"
-#
-# - name: Copy production assets
-#   synchronize:
-#     src: "{{ project_local_path }}/web/app/themes/sage/dist"
-#     dest: "{{ deploy_helper.new_release_path }}/web/app/themes/sage"
-#     group: no
-#     owner: no
-#     rsync_opts: --chmod=Du=rwx,--chmod=Dg=rx,--chmod=Do=rx,--chmod=Fu=rw,--chmod=Fg=r,--chmod=Fo=r
+# ---
+- block:
+  - name: Clone project files
+    git:
+      repo: "{{ project_git_repo }}"
+      version: "{{ project_version }}"
+      dest: "{{ project_build_path }}"
+      force: yes
+    no_log: true
+    connection: local
+
+  - name: Install npm dependencies
+    command: yarn
+    connection: local
+    args:
+      chdir: "{{ project_build_site_path }}/web/app/themes/{{ item }}"
+    with_items: "{{ project.sage_themes }}"
+
+  - name: Install Composer dependencies
+    command: composer install --no-ansi --no-dev --no-interaction --no-progress --optimize-autoloader --no-scripts
+    args:
+      chdir: "{{ deploy_helper.new_release_path }}/web/app/themes/{{ item }}"
+    with_items: "{{ project.sage_themes }}"
+
+  - name: Compile assets for production
+    command: yarn build:production
+    connection: local
+    args:
+      chdir: "{{ project_build_site_path }}/web/app/themes/{{ item }}"
+    with_items: "{{ project.sage_themes }}"
+
+  - name: Copy production assets
+    synchronize:
+      src: "{{ project_build_site_path }}/web/app/themes/{{ item }}/dist"
+      dest: "{{ deploy_helper.new_release_path }}/web/app/themes/{{ item }}"
+      group: no
+      owner: no
+      rsync_opts: --chmod=Du=rwx,--chmod=Dg=rx,--chmod=Do=rx,--chmod=Fu=rw,--chmod=Fg=r,--chmod=Fo=r
+    with_items: "{{ project.sage_themes }}"
+
+  when: project.sage_themes is defined

group_vars/production/wordpress_sites.yml

@@ -19,3 +19,6 @@ wordpress_sites:
       provider: letsencrypt
     cache:
       enabled: false
+     # sage_themes:
+     #   - my-first-sage-theme-name
+     #   - my-second-sage-theme-name

group_vars/staging/wordpress_sites.yml

@@ -19,3 +19,6 @@ wordpress_sites:
       provider: letsencrypt
     cache:
       enabled: false
+    # sage_themes:
+    #   - my-first-sage-theme-name
+    #   - my-second-sage-theme-name

roles/deploy/defaults/main.yml

@@ -51,8 +51,8 @@ update_db_on_deploy: true
 # Helpers
 project: "{{ wordpress_sites[site] }}"
 project_root: "{{ www_root }}/{{ site }}"
-project_local_path: "{{ (lookup('env', 'USER') == 'vagrant') | ternary(project_root + '/' + project_current_path, project.local_path) }}"
-
+project_build_path: "{{ lookup('env', 'TMPDIR') | default('/tmp/', true) }}trellis/{{ (project_git_repo + project_version) | hash('md5') }}"
+project_build_site_path: "{{ project_build_path }}/{{ '/' + project.repo_subtree_path if 'repo_subtree_path' in project else '' }}"
 
 # Deploy hooks
 # For list of hooks and explanation, see https://roots.io/trellis/docs/deploys/#hooks