DEV Community: Sascha Eggenberger

Setup Mautic with lando & composer

Sascha Eggenberger — Fri, 08 Jan 2021 13:03:07 +0000

Update: You can also easily checkout this repo and just lando start to spin it up: https://github.com/saschaeggi/mautic-lando-starterkit

Requirements

lando
composer

Install Mautic via composer

composer create-project mautic/core YOURPROJECTNAME ^3 --no-dev

Replace YOURPROJECTNAME with the name of the projects folder.

Lando

Config

Create .lando.yml with the following content:

name: mautic
recipe: lamp
config:
  webroot: .
  php: '7.3'
  database: mysql:5.7

tooling:
  mt:
    service: appserver
    description: Run Mautic commands
    cmd: bin/console

proxy:
  mailhog:
    - mail.mautic.lndo.site

services:
  appserver:
    type: php
    build_as_root:
      - docker-php-ext-install sockets
    xdebug: true
    config:
      php: .lando/php/php.ini
  database:
    type: mysql:5.7
    portforward: true
    creds:
      user: mautic
      password: mautic
      database: mautic
  mailhog:
    type: mailhog
    portforward: true

Build containers

lando start

This will create the needed docker containers (can take a while).

Once the containers are up and running we can access
https://mautic.lndo.site/

Let's setup Mautic

Let's open https://mautic.lndo.site/
You should see now the following screen:

Step 1

Set Database settings to use the following:

Database: mautic,
Password: mautic,
Username: mautic
Host: database,
Port: 3306

Step 2

Setup your admin user:

Username: admin
Password: SETYOURPASSWORD
Name: Your name
Last name: Your last name

Step 3

We set to use the mailserver to be the mailhog docker container:

Server: mailhog,
Port: 1025

And we can access Mailhog via
http://mail.mautic.lndo.site/

Login

You can now login to your freshly installed Mautic setup with the credentials from the previous step.

Fix Brew (Homebrew) on M1 Macs

Sascha Eggenberger — Fri, 18 Dec 2020 08:19:03 +0000

You upgraded to a shiny new M1 Mac (MacBook, MacBook Pro or Mac Mini) but now brew is broken on your new ARM machine. You can easily fix this:

Depending if you use zsh or bash you need to put the following in either ~/.zshrc or ~/.bashrc:

alias brew='arch -x86_64 brew'

If you haven't installed Rosetta 2 on your machine yet, you will automatically get an installation prompt the first time you run brew.

This will emulate brew (for now) using Rosetta 2 until brew officially supports ARM on Mac.

Downgrade composer from 2.x to 1.x via brew

Sascha Eggenberger — Fri, 11 Dec 2020 08:56:57 +0000

You just upgraded your brew packages and composer updated itself to version 2.x but you still need version 1.x? This is how you can downgrade (& upgrade again):

Show available versions of composer:

brew log composer

For me the latest 1.x version to date is: composer 1.10.15

Let's downgrade

composer self-update 1.10.15

To switch back to the 2.x version use

composer self-update --rollback

Fix Homebrew (Brew) on macOS 11 Big Sur

Sascha Eggenberger — Fri, 11 Dec 2020 08:55:13 +0000

If you encounter issues with brew on macOS 11 Big Sur, than it has a high chance of being a similar issue that I ran into.

One of the many error messages regarding brew on macOS 11:

Traceback (most recent call last):
 11: from /usr/local/Homebrew/Library/Homebrew/brew.rb:23:in `<main>'
 10: from /usr/local/Homebrew/Library/Homebrew/brew.rb:23:in `require_relative'
  9: from /usr/local/Homebrew/Library/Homebrew/global.rb:37:in `<top (required)>'
  8: from /usr/local/Homebrew/Library/Homebrew/vendor/portable-ruby/2.6.3/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
  7: from /usr/local/Homebrew/Library/Homebrew/vendor/portable-ruby/2.6.3/lib/ruby/2.6.0/rubygems/core_ext/kernel_require.rb:54:in `require'
  6: from /usr/local/Homebrew/Library/Homebrew/os.rb:3:in `<top (required)>'
  5: from /usr/local/Homebrew/Library/Homebrew/os.rb:21:in `<module:OS>'
  4: from /usr/local/Homebrew/Library/Homebrew/os/mac.rb:58:in `prerelease?'
  3: from /usr/local/Homebrew/Library/Homebrew/os/mac.rb:24:in `version'
  2: from /usr/local/Homebrew/Library/Homebrew/os/mac.rb:24:in `new'
  1: from /usr/local/Homebrew/Library/Homebrew/os/mac/version.rb:26:in `initialize'
/usr/local/Homebrew/Library/Homebrew/version.rb:368:in `initialize': Version value must be a string; got a NilClass () (TypeError)

How to fix this?

Remove old xcode command line tools

sudo rm -rf /Library/Developer/CommandLineTools

Install new xcode command line tools

sudo xcode-select --install

Update brew

brew upgrade

Note: I had to run it twice

If you still get an error message try to reinstall brew via:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Test if brew works

brew doctor

Now brew should work just fine under macOS Big Sur!

Fix issue with scroll position after loading data in Chrome 56+

Sascha Eggenberger — Fri, 11 Dec 2020 08:51:01 +0000

Chrome 56 executes some computations to make the scroll position stay in the same position. This currently looks like this:

What you would expect instead

How to change this behavior?

overflow-anchor to the rescue! https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor

overflow-anchor: none;

It’s as easy as this.

How to serve WebP images with a Drupal 8/Drupal 9 site

Sascha Eggenberger — Fri, 11 Dec 2020 08:46:13 +0000

Requirements

PHP

Your web server needs to support WebP through PHP.
PHP 5 >= 5.4.0
GD Library

Check your PHP setup

How to check if everything is working as expected:

php -i | grep 'WebP'

If everything is working fine you should see

WebP Support => enabled

We should be ready to go on, yay 🎉

If you get another output, you might need to enable/install libgd and enable it in your PHP.ini.

Drupal

This tutorial only works with Drupal 8/9. As a start you'll need to enable/install some modules:

ImageAPI Optimize

https://www.drupal.org/project/imageapi_optimize
The module has built in support for core Image styles and a service allowing use in third party modules.

ImageAPI Optimize WebP

https://www.drupal.org/project/imageapi_optimize_webp
⚠️ Make sure to enable the "ImageAPI Optimize WebP Responsive" submodule if you're using the Responsive Image module in Drupal Core.

ImageAPI Optimize Binaries

https://www.drupal.org/project/imageapi_optimize_binaries
This module is optional but it provides support for popular binary image processors like JpegOptim, PngQuant, AdvPNG etc.

Drupal Configuration

Head over to /admin/config/media/imageapi-optimize-pipelines for the Image API configuration.

Let's create a new pipeline

Add a new optimization pipeline
By clicking on + Add optimization pipeline
Name your pipeline
I will call the pipeline optimize images but you can name it whatever you would like.
Choose your processor
We choose WebP Deriver.
Set image quality
You can set the image quality here, 80–90% should serve with good overall quality. 100% will be lossless.
Save
Click on "Save configuration" and you're done.
⚠️ Don't forget to clear the Drupal cache after this.

You should place the WebP processor before any other compression processors to avoid multiple compression of an image. This can have an inverse affect and provide a lower quality image at a larger file size.

Enjoy WebP images with your Drupal site!