Refactor (#862)

* Initial factoring out of parts of the LayerUI component

2360 → 2224 LOC

* Create a Section component

* Break up src/index.tsx

* Refactor actions to reduce duplication, fix CSS

Also consolidate icons

* Move scene/data.ts to its own directory

* Fix accidental reverts, banish further single-character variables

* ACTIVE_ELEM_COLOR → ACTIVE_ELEMENT_COLOR

* Further refactoring the icons file

* Log all errors

* Pointer Event polyfill to make the tests work

* add test hooks & fix tests

Co-authored-by: dwelle <luzar.david@gmail.com>

src/actions/actionMenu.tsx

@@ -1,11 +1,11 @@
-import { Action } from "./types";
 import React from "react";
 import { menu, palette } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
 import { t } from "../i18n";
 import { showSelectedShapeActions } from "../element";
+import { register } from "./register";
 
-export const actionToggleCanvasMenu: Action = {
+export const actionToggleCanvasMenu = register({
   name: "toggleCanvasMenu",
   perform: (_, appState) => ({
     appState: {
@@ -22,9 +22,9 @@ export const actionToggleCanvasMenu: Action = {
       selected={appState.openMenu === "canvas"}
     />
   ),
-};
+});
 
-export const actionToggleEditMenu: Action = {
+export const actionToggleEditMenu = register({
   name: "toggleEditMenu",
   perform: (_elements, appState) => ({
     appState: {
@@ -42,4 +42,4 @@ export const actionToggleEditMenu: Action = {
       selected={appState.openMenu === "shape"}
     />
   ),
-};
+});