Local Development on macOS

Following these instructions will give you a local development network of Pressbooks based on roots/bedrock and roots/trellis, with the following features:

1. Dependencies

Install Homebrew:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Install Homebrew Cask:

brew tap caskroom/cask

Install the version of Ansible in requirements.txt (currently 2.7.12, 2.8 is not supported):

pip install ansible==2.7.12 (or pip install -r requirements.txt)

Install Virtualbox:

brew cask install virtualbox

Install Vagrant:

brew cask install vagrant

Install vagrant-bindfs:

vagrant plugin install vagrant-bindfs

Install vagrant-hostmanager:

vagrant plugin install vagrant-hostmanager

Install Composer:

brew install composer

Install Node with NPM:

brew install node

2. Setup

Create a directory for your local development environment and cd there:

mkdir ~/Code/pressbooks-dev && cd ~/Code/pressbooks-dev

Clone pressbooks/trellis into ~/Code/pressbooks-dev/trellis:

git clone git@github.com:pressbooks/trellis.git

Clone pressbooks/bedrock into ~/Code/pressbooks-dev/site:

git clone git@github.com:pressbooks/bedrock.git site

Add pressbooks/pressbooks, pressbooks/pressbooks-aldine and the required themes to your Bedrock dependencies (for more information on this strategy, see this post)

cd ~/Code/pressbooks-dev/site
composer require pressbooks/pressbooks:dev-dev
composer require pressbooks/pressbooks-aldine:dev-dev
composer require pressbooks/pressbooks-book:dev-dev
composer require pressbooks/pressbooks-clarke:dev-dev
composer require pressbooks/pressbooks-donham:dev-dev
composer require pressbooks/pressbooks-jacobs:dev-dev

3. Configuration

The file ~/Code/pressbooks-dev/trellis/group_vars/development/wordpress_sites.yml reflects your desired local development site URL. It looks like:

wordpress_sites:
  pressbooks.test:
    site_hosts:
      - canonical: pressbooks.test
        redirects:
          - www.pressbooks.test
    local_path: ../site # path targeting local Bedrock site directory (relative to Ansible root)
    admin_email: ops@pressbooks.test
    multisite:
      enabled: true
      subdomains: false
    ssl:
      enabled: true
      provider: self-signed
    cache:
      enabled: false

It should work out-of-the-box. If you want to setup staging or production environments, you will need to update all instances of example.com and pressbooks.test in ~/Code/pressbooks-dev/trellis/group_vars/ to a consistent value. For more info, consult the Trellis docs as that is outside the scope of this tutorial.

4. Launch

Change to the ~/Code/pressbooks-dev/trellis/ directory and run vagrant up:

cd ~/Code/pressbooks-dev/trellis/ && vagrant up

You will be required to enter your macOS password at a certain point in the process. Fully provisioning your development environment may take up to 30 minutes.

5. Development Tools

Login:

The default Pressbooks username:password is admin:admin

Logs:

Acess and error logs are located on the VM in following directory:

/srv/www/example.com/logs/

Unit Testing and Coding Standards

Unit testing in the VM:

vagrant ssh
cd /srv/www/example.com/current/web/app/plugins/pressbooks
bin/install-wp-tests.sh pressbooks_tests pressbooks_test '' 127.0.0.1 latest true
composer test

Coding standards in the VM:

vagrant ssh
cd /srv/www/example.com/current
composer standards

Asset Linting & Building

We use webpack wrapped in Laravel Mix to build plugin assets (CSS and JavaScript) for Pressbooks.

  1. At the command prompt from the Pressbooks plugin directory, e.g. ~/Code/pressbooks-dev/site/web/app/plugins/pressbooks, run npm install to install build tools.
  2. To lint your Javascript and SCSS assets, run npm run lint.
  3. Then, run npm run build or npm run build:production to build your plugin assets (npm run build:production will add a version hash to the asset manifest for browser cache busting).

Updating Plugins & Themes

cd ~/Code/pressbooks-dev/site
composer update pressbooks/pressbooks --with-dependencies
composer update pressbooks/pressbooks-aldine --with-dependencies
composer update pressbooks/pressbooks-book --with-dependencies

Updating Trellis & Bedrock

To update Trellis, it’s best to rename the origin remote to upstream and check out the upstream master branch as a new branch called upstream:

~/Code/pressbooks-dev/trellis
git remote rename origin upstream
git checkout -b upstream upstream/master

Then any time you wish to update Trellis, you can run the following commands:

git checkout upstream && git pull
git checkout master
git merge upstream

Then commit the merge.

For Bedrock, follow the same process:

~/Code/pressbooks-dev/site
git remote rename origin upstream
git checkout -b upstream upstream/master

Then any time you wish to update Bedrock, you can run the following commands:

git checkout upstream && git pull
git checkout master
git merge upstream

Then commit the merge. You may need to regenerate your composer.lock file before you can commit, as there will often be merge conflicts.

Edit this post on GitHub.