[IMP] Core: downgrage build to es2017

Currently Odoo is configured to suppot maximum es2017.

Author: Goaman

packages/plugin-devtools/src/components/CommandsComponent.ts

@@ -2,7 +2,7 @@ import { OwlComponent } from '../../../plugin-owl/src/OwlComponent';
 import { CommandIdentifier } from '../../../core/src/Dispatcher';
 import { CommandParams } from '../../../core/src/Dispatcher';
 import { CommandImplementation } from '../../../core/src/Dispatcher';
-import { nodeName } from '../../../utils/src/utils';
+import { nodeName, flat } from '../../../utils/src/utils';
 import { Keymap, Mapping } from '../../../plugin-keymap/src/Keymap';
 import { argsRepr } from '../utils';
 
@@ -107,9 +107,8 @@ export class CommandsComponent extends OwlComponent<CommandsProps> {
      * @param commandIdentifier
      */
     matchingMappings(commandIdentifier: string): Mapping[] {
-        return this.env.editor.plugins
-            .get(Keymap)
-            .mappings.flat()
-            .filter(mapping => mapping.configuredCommand.commandId === commandIdentifier);
+        return flat(this.env.editor.plugins.get(Keymap).mappings).filter(
+            mapping => mapping.configuredCommand.commandId === commandIdentifier,
+        );
     }
 }

packages/plugin-devtools/src/components/ShortcutsComponent.ts

@@ -1,16 +1,14 @@
 import { OwlComponent } from '../../../plugin-owl/src/OwlComponent';
 import { Keymap } from '../../../plugin-keymap/src/Keymap';
 import { argsRepr } from '../utils';
+import { flat } from '../../../utils/src/utils';
 
 export class ShortcutsComponent extends OwlComponent<{}> {
-    mappings = this.env.editor.plugins
-        .get(Keymap)
-        .mappings.flat()
-        .sort((a, b) => {
-            if (a.configuredCommand.commandId < b.configuredCommand.commandId) return -1;
-            if (a.configuredCommand.commandId > b.configuredCommand.commandId) return 1;
-            return 0;
-        });
+    mappings = flat(this.env.editor.plugins.get(Keymap).mappings).sort((a, b) => {
+        if (a.configuredCommand.commandId < b.configuredCommand.commandId) return -1;
+        if (a.configuredCommand.commandId > b.configuredCommand.commandId) return 1;
+        return 0;
+    });
     localStorage = ['currentTab'];
     argsRepr = argsRepr;
     stringifyPattern = this.env.editor.plugins.get(Keymap).stringifyPattern;

packages/plugin-dom-layout/src/DomLayoutEngine.ts

@@ -15,6 +15,7 @@ import { DomReconciliationEngine } from './DomReconciliationEngine';
 import { LayoutContainer } from './LayoutContainerNode';
 import { DomObject } from '../../plugin-renderer-dom-object/src/DomObjectRenderingEngine';
 import { VElement } from '../../core/src/VNodes/VElement';
+import { flat } from '../../utils/src/utils';
 
 export type DomPoint = [Node, number];
 export type DomLayoutLocation = [Node, DomZonePosition];
@@ -53,11 +54,7 @@ export class DomLayoutEngine extends LayoutEngine {
                 throw new Error('Layout component "' + componentId + '" not found.');
             }
         }
-        if (
-            !Object.values(this.componentZones)
-                .flat()
-                .includes('root')
-        ) {
+        if (!flat(Object.values(this.componentZones)).includes('root')) {
             this.componentDefinitions.editor = this.defaultRootComponent;
             this.componentZones.editor = ['root'];
         }

packages/plugin-dom-layout/src/DomReconciliationEngine.ts

@@ -1,5 +1,5 @@
 import { VNode, Point, RelativePosition } from '../../core/src/VNodes/VNode';
-import { nodeName, nodeLength, FlattenUnion } from '../../utils/src/utils';
+import { nodeName, nodeLength, FlattenUnion, flat } from '../../utils/src/utils';
 import { styleToObject } from '../../utils/src/Dom';
 import { AbstractNode } from '../../core/src/VNodes/AbstractNode';
 import { ContainerNode } from '../../core/src/VNodes/ContainerNode';
@@ -1218,16 +1218,18 @@ export class DomReconciliationEngine {
             // Insert children in the dom which locate with the placeholder.
             for (const [ref, position, childIds] of object.domNodesChildren) {
                 if (position === RelativePosition.INSIDE) {
-                    const childDomNodes = childIds
-                        .map(childId => this._getDomChild(childId, ref as Element | ShadowRoot))
-                        .flat();
+                    const childDomNodes = flat(
+                        childIds.map(childId =>
+                            this._getDomChild(childId, ref as Element | ShadowRoot),
+                        ),
+                    );
                     for (const domNode of childDomNodes) {
                         ref.appendChild(domNode);
                     }
                 } else {
-                    const childDomNodes = childIds
-                        .map(childId => this._getDomChild(childId, ref.parentElement))
-                        .flat();
+                    const childDomNodes = flat(
+                        childIds.map(childId => this._getDomChild(childId, ref.parentElement)),
+                    );
                     if (position === RelativePosition.BEFORE) {
                         for (const domNode of childDomNodes) {
                             ref.parentElement.insertBefore(domNode, ref);

packages/plugin-dom-layout/test/DomLayout.test.ts

@@ -45,6 +45,7 @@ import { InlineNode } from '../../plugin-inline/src/InlineNode';
 import { Attributes } from '../../plugin-xml/src/Attributes';
 import { parseElement } from '../../utils/src/configuration';
 import { Html } from '../../plugin-html/src/Html';
+import { flat } from '../../utils/src/utils';
 
 const container = document.createElement('div');
 container.classList.add('container');
@@ -3011,7 +3012,7 @@ describe('DomLayout', () => {
                 await engine.redraw(
                     div,
                     ...div.childVNodes,
-                    ...div.childVNodes.map(n => n.childVNodes).flat(),
+                    ...flat(div.childVNodes.map(n => n.childVNodes)),
                 );
 
                 expect(sectionDom.innerHTML).to.equal('<div><p>ab</p><p>cdz</p></div>');
@@ -3083,7 +3084,7 @@ describe('DomLayout', () => {
                 await engine.redraw(
                     div,
                     ...div.childVNodes,
-                    ...div.childVNodes.map(n => n.childVNodes).flat(),
+                    ...flat(div.childVNodes.map(n => n.childVNodes)),
                 );
 
                 expect(sectionDom.innerHTML).to.equal('<div><p>ab</p><p>cd</p></div>');

packages/plugin-list/src/ListDomObjectRenderer.ts

@@ -28,7 +28,7 @@ export class ListDomObjectRenderer extends AbstractRenderer<DomObject> {
             }
         }
         const renderedChildren = await this.engine.renderChildren(node);
-        domObject.children.push(...renderedChildren.flat());
+        domObject.children.push(...renderedChildren);
         return domObject;
     }
 }

packages/plugin-renderer-dom-object/src/DomObjectRenderingEngine.ts

@@ -5,6 +5,7 @@ import { AtomicNode } from '../../core/src/VNodes/AtomicNode';
 import { Attributes } from '../../plugin-xml/src/Attributes';
 import { AbstractNode } from '../../core/src/VNodes/AbstractNode';
 import { Format } from '../../core/src/Format';
+import { flat } from '../../utils/src/utils';
 
 /**
  * Renderer a node can define the location when define the nodes attributes.
@@ -378,12 +379,12 @@ export class DomObjectRenderingEngine extends RenderingEngine<DomObject> {
 
                 // Render wrapped nodes.
                 const renderingGroups = this._renderBatched(newRenderingUnits);
-                const nodes = renderingGroups.map(u => u[0]).flat();
+                const nodes = flat(renderingGroups.map(u => u[0]));
 
                 const promises = renderingGroups.map(u => u[1]);
                 const promise = Promise.all(promises);
                 const unitPromise = promise.then(async domObjectLists => {
-                    const flatten = domObjectLists.flat();
+                    const flatten = flat(domObjectLists);
                     const domObjects: DomObject[] = [];
                     for (const domObject of flatten) {
                         if (!domObjects.includes(domObject)) {

packages/plugin-renderer/src/AbstractRenderer.ts

@@ -1,6 +1,7 @@
 import { Renderer, RenderingIdentifier, RendererConstructor } from './RenderingEngine';
 import { RenderingEngine } from './RenderingEngine';
 import { VNode, Predicate } from '../../core/src/VNodes/VNode';
+import { flat } from '../../utils/src/utils';
 
 class SuperRenderer<T> implements Renderer<T> {
     static id = 'super';
@@ -26,7 +27,7 @@ class SuperRenderer<T> implements Renderer<T> {
         for (const [, rendering] of groups) {
             renderings.push(rendering);
         }
-        return (await Promise.all(renderings)).flat();
+        return flat(await Promise.all(renderings));
     }
 }
 

packages/utils/src/utils.ts

@@ -34,6 +34,13 @@ export function deepEqualObjects(a: object, b: object): boolean {
     return true;
 }
 
+/**
+ * Creates a new array with all sub-array elements concatenated into it.
+ */
+export function flat<T>(arr: T[][]): T[] {
+    return [].concat(...arr);
+}
+
 /**
  * Convert certain special characters to unicode.
  */

tsconfig.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-        "target": "es2019",
+        "target": "es2017",
         "incremental": true,
         "moduleResolution": "node",
         "sourceMap": true