tiagosampaio

Magento 2: UI Components Debug Reference Sheet

Here are some examples of how to debug UI Components in Magento 2.

Get all UI Components registered on the page

require('uiRegistry').get(ui => console.log(ui.name));

Inspect a single given component

tiagosampaio

#!/usr/bin/env bash

LANGUAGES="en_US pt_BR"

# production or developer
ENVIRONMENT="production"

COMPOSER=$(which composer)
PHP=$(which php)
ROOT=$(pwd)

tiagosampaio

AUTO_INCREMENT grows on every INSERT ... ON DUPLICATE on InnoDB tables #28387

magento/magento2#28387

Symptom:

General system exception happened. SQLSTATE[22003]: Numeric value out of range: 167 Out of range value for column 'value_id' at row 1, query was: INSERT INTO catalog_product_entity_varchar (row_id,attribute_id,store_id,value) VALUES (?, ?, ?, ?), (?, ?, ?, ?), (?, ?, ?, ?), (

tiagosampaio

Tabs and Windows

Function	Shortcut
New Tab	⌘ + T
Close Tab or Window	⌘ + W (same as many mac apps)
Go to Tab	⌘ + Number Key (ie: ⌘2 is 2nd tab)
Go to Split Pane by Direction	⌘ + Option + Arrow Key
Cycle iTerm Windows	⌘ + backtick (true of all mac apps and works with desktops/mission control)

tiagosampaio

Breaking Linux files into pieces with the split command

Some simple Linux commands allow you to break up files and reassemble them as needed in order to accommodate size restrictions on file size for storage or email attachments

Linux systems provide a very easy-to-use command for breaking files into pieces. This is something that you might need to do prior to uploading your files to some storage site that limits file sizes or emailing them as attachments. To split a file into pieces, you simply use the split command.

$ split bigfile

tiagosampaio

Change Docker root directory /var/lib/docker to another location

By default, Docker stores most of its data inside the /var/lib/docker directory on Linux systems. There may come a time when you want to move this storage space to a new location. For example, the most obvious reason might be that you’re running out of disk space.

In this tutorial, we’ll show you how to change the storage directory for Docker to some other location on your Linux system. Most of the configuration that will need done is with systemd, and then moving the directory to a new location. Follow the step by step instructions below to get started.

In this tutorial you will learn:

• How to edit systemd to accommodate new Docker location
• How to move your Docker installation to a new location

tiagosampaio

Creating a Custom Logger in Magento 2

We first need to create a virtual type for the custom log handler.

    <virtualType name="MyModule\CustomLogger\Log\Handler" type="Magento\Framework\Logger\Handler\Base">
        <arguments>
            <argument name="fileName" xsi:type="string">/var/log/my_custom_log.log</argument>
        </arguments>
    </virtualType>

tiagosampaio

List of Countries without a Postcode

Here is a list of countries that do not have postcodes. Yeah, not all the countries have postcodes. For more information, check the references in the end of this document.

• Angola
• Antigua and Barbuda
• Aruba
• Ascension island
• Bahamas
• Belize

tiagosampaio

CSS Media queries in Magento 2

It’s highly unlikely that there are some frontend developers involved in a responsive website development who are not familiar with the concept of CSS Media queries. In this post, I’ll be looking at Magento 2 way of implementing this functionality in its default theme development workflow.

How do Magento 2 media queries work?

In the heart of Magento 2 media queries mechanism, defined in Magento UI library, is a .media-width() mixin.

.media-width(<@extremum>, <@break>);

tiagosampaio

Creating a Patch

Checking the diff

diff -Naur vendor/magento/module/original-file.php vendor/magento/module/modified-file.php

Creating a patch file