M2 Dev Tools

About

This is a chrome extension that provides the user with a tree-view of the container/block structure of any page in a Magento 2 website

Usage

• First, install & enable m2-module-jh-block-logger
• Then add this extension via the Chrome Extension Store

Development

Run the following command to launch a version of the Chrome Extension in a regular browser window.

# install dependencies
yarn

# start the development server
yarn start

Crossbow tasks

The following tasks have been defined by this project's Crossbow configuration. Run any of them in the following way

$ crossbow run <taskname>

Task name	Description
test	Alias for: - build-all - mocha - cypress
mocha	Alias for: - @npm mocha -r ts-node/register tests/**
cypress	Alias for: - cypress/setup/run.js
cypress-open	Alias for: - @npm cypress open --env TEST_URL=http://localhost:8080/plain.html
build-all	Build all shells.
webpack	Alias for: - @npm webpack
start	Run the application in a regular Browser window with sample data + cypress
app-watch	Alias for: - @npm webpack-dev-server --inline
lc	Alias for: - @sh /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs https://gg.m2
clean	Alias for: - @sh rm -rf shells/chrome/dist/**