@claspo/common 7.3.1-dev.3 → 7.3.1-dev.4

package/src/document/DocumentCssVarsReplace.ts

@@ -0,0 +1,31 @@
+import {ClDocumentCssVarsI, ClDocumentI} from './Document.interface';
+
+export default class DocumentCssVarsReplace {
+    static replaceVars(document: ClDocumentI, colorsMap: ClDocumentCssVarsI): ClDocumentI {
+        const cssVarsMap = {...document.shared.cssVars, ...colorsMap};
+        let documentString = JSON.stringify(document);
+
+        Object.keys(cssVarsMap)
+            .forEach((varName) => {
+                let search = `var(--${varName})`;
+                let replacement = cssVarsMap[varName];
+                documentString = documentString.split(search).join(replacement);
+            });
+
+        return JSON.parse(documentString);
+    }
+
+    static replaceValues(document: ClDocumentI, cssVarsMap: ClDocumentCssVarsI): ClDocumentI {
+        let documentString = JSON.stringify(document);
+        Object.keys(cssVarsMap)
+            .forEach((varName) => {
+                let search = cssVarsMap[varName];
+                let replacement = `var(--${varName})`;
+                documentString = documentString.split(search).join(replacement);
+            });
+
+        return JSON.parse(documentString);
+
+    }
+
+}

package/src/document/DocumentUtils.test.ts

@@ -0,0 +1,595 @@
+// @ts-nocheck
+import DocumentUtils from "./DocumentUtils";
+import {ComponentInsertType} from "./ComponentInsertType";
+
+function getDocument(): any {
+  return {
+    views: [
+      {
+        id: 'id1',
+        path: [0],
+        children: [
+          {
+            id: 'id2',
+            path: [0, 0],
+          },
+          {
+            id: 'id3',
+            path: [0, 1],
+            children: [
+              {
+                id: 'id4',
+                path: [0, 1, 0],
+              }
+
+            ]
+          },
+          {
+            id: 'id5',
+            path: [0, 2]
+          }
+
+        ]
+      },
+      {
+        id: 'id12',
+        path: [1],
+        children: [
+          {
+            id: 'id22',
+            path: [1, 0],
+          },
+          {
+            id: 'id32',
+            path: [1, 1],
+            children: [
+              {
+                id: 'id42',
+                path: [1, 1, 0],
+              }
+
+            ]
+          },
+          {
+            id: 'id52',
+            path: [1, 2]
+          }
+
+        ]
+      },
+    ]
+  };
+}
+
+describe('DocumentUtils', () => {
+
+  it('removeNode', function () {
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id1',
+          path: [0],
+          children: [
+            {
+              id: 'id3',
+              path: [0, 0],
+              children: [
+                {
+                  id: 'id4',
+                  path: [0, 0, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+              path: [0, 1]
+            }
+
+
+          ]
+        },
+        ...document.views.slice(1),
+      ]
+    };
+
+    const removedNode = DocumentUtils.removeNode(document.views, [0, 0]);
+
+    expect(removedNode.id).toEqual('id2');
+    expect(document).toEqual(expectedModel);
+  });
+
+  it('removeNode VIEW', function () {
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id12',
+          path: [0],
+          children: [
+            {
+              id: 'id22',
+              path: [0, 0],
+            },
+            {
+              id: 'id32',
+              path: [0, 1],
+              children: [
+                {
+                  id: 'id42',
+                  path: [0, 1, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id52',
+              path: [0, 2]
+            }
+
+          ]
+        }]
+    };
+
+    const removedNode = DocumentUtils.removeNode(document.views, [0]);
+
+    expect(removedNode.id).toEqual('id1');
+    expect(document).toEqual(expectedModel);
+  })
+
+  it('insertNode before first', function () {
+
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id1',
+          path: [0],
+          children: [
+            {
+              id: 'Inserted',
+              path: [0, 0],
+            },
+            {
+              id: 'id2',
+              path: [0, 1],
+            },
+            {
+              id: 'id3',
+              path: [0, 2],
+              children: [
+                {
+                  id: 'id4',
+                  path: [0, 2, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+              path: [0, 3]
+            }
+
+          ]
+        },
+        ...document.views.slice(1),
+      ]
+    };
+
+    const node = {
+      id: 'Inserted'
+    };
+
+    DocumentUtils.insertNode(node, [0, 0], document.views, ComponentInsertType.BEFORE);
+
+    expect(document).toEqual(expectedModel);
+  });
+  it('insertNode in the middle', function () {
+
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id1',
+          path: [0],
+          children: [
+            {
+              id: 'id2',
+              path: [0, 0],
+            },
+            {
+              id: 'Inserted',
+              path: [0, 1],
+            },
+            {
+              id: 'id3',
+              path: [0, 2],
+              children: [
+                {
+                  id: 'id4',
+                  path: [0, 2, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+              path: [0, 3]
+            }
+
+          ]
+        },
+        ...document.views.slice(1),
+      ]
+    };
+
+    const node = {
+      id: 'Inserted'
+    };
+
+    DocumentUtils.insertNode(node, [0, 1], document.views, ComponentInsertType.BEFORE);
+
+    expect(document).toEqual(expectedModel);
+  });
+  it('insertNode after last', function () {
+
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id1',
+          path: [0],
+          children: [
+            {
+              id: 'id2',
+              path: [0, 0],
+            },
+            {
+              id: 'id3',
+              path: [0, 1],
+              children: [
+                {
+                  id: 'id4',
+                  path: [0, 1, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+              path: [0, 2]
+            },
+            {
+              id: 'Inserted',
+              path: [0, 3]
+            }
+          ]
+        },
+        ...document.views.slice(1),
+      ]
+    };
+
+    const node = {
+      id: 'Inserted'
+    };
+
+    DocumentUtils.insertNode(node, [0, 2], document.views, ComponentInsertType.AFTER);
+
+    expect(document).toEqual(expectedModel);
+  });
+  it('insertNode VIEW', function () {
+
+    const document = getDocument();
+    const expectedModel = {
+      views: [
+        {
+          id: 'id1',
+          path: [0],
+          children: [
+            {
+              id: 'id2',
+              path: [0, 0],
+            },
+            {
+              id: 'id3',
+              path: [0, 1],
+              children: [
+                {
+                  id: 'id4',
+                  path: [0, 1, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+              path: [0, 2]
+            }
+
+          ]
+        },
+        {
+          id: 'inserted',
+          path: [1],
+          children: [
+            {
+              id: 'inserted',
+              path: [1, 0],
+            },
+            {
+              id: 'inserted',
+              path: [1, 1],
+              children: [
+                {
+                  id: 'inserted',
+                  path: [1, 1, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'inserted',
+              path: [1, 2]
+            }
+
+          ]
+        },
+        {
+          id: 'id12',
+          path: [2],
+          children: [
+            {
+              id: 'id22',
+              path: [2, 0],
+            },
+            {
+              id: 'id32',
+              path: [2, 1],
+              children: [
+                {
+                  id: 'id42',
+                  path: [2, 1, 0],
+                }
+
+              ]
+            },
+            {
+              id: 'id52',
+              path: [2, 2]
+            }
+          ]
+        }
+      ]
+    };
+
+    const node = {
+      id: 'inserted',
+      path: [22],
+      children: [
+        {
+          id: 'inserted',
+          path: [1, 0],
+        },
+        {
+          id: 'inserted',
+          path: [1, 1],
+          children: [
+            {
+              id: 'inserted',
+              path: [1, 1, 0],
+            }
+
+          ]
+        },
+        {
+          id: 'inserted',
+          path: [1, 2]
+        }
+
+      ]
+    };
+
+    DocumentUtils.insertNode(node, [1], document.views, ComponentInsertType.BEFORE);
+
+    expect(document).toEqual(expectedModel);
+  });
+
+  it('move node from first to last position', () => {
+    const views = [{
+      id: 'view1',
+      path: [0],
+      children: [
+        {
+          id: 'child1',
+          path: [0, 0],
+        },
+        {
+          id: 'child2',
+          path: [0, 1],
+        },
+        {
+          id: 'child3',
+          path: [0, 2],
+        },
+      ]
+    }];
+
+    DocumentUtils.moveNode(
+      views,
+      [0, 0],
+      [0, 2],
+      ComponentInsertType.AFTER,
+    );
+
+    expect(views[0].children[0].id).toEqual('child2');
+    expect(views[0].children[1].id).toEqual('child3');
+    expect(views[0].children[2].id).toEqual('child1');
+  });
+
+  it('move node from last to first position', () => {
+    const views = [{
+      id: 'view1',
+      path: [0],
+      children: [
+        {
+          id: 'child1',
+          path: [0, 0],
+        },
+        {
+          id: 'child2',
+          path: [0, 1],
+        },
+        {
+          id: 'child3',
+          path: [0, 2],
+        },
+      ]
+    }];
+
+    DocumentUtils.moveNode(
+      views,
+      [0, 2],
+      [0, 0],
+      ComponentInsertType.BEFORE,
+    );
+
+    expect(views[0].children[0].id).toEqual('child3');
+    expect(views[0].children[1].id).toEqual('child1');
+    expect(views[0].children[2].id).toEqual('child2');
+  });
+
+  it('move node from first view to second one', () => {
+    const views = [
+      {
+        id: 'view1',
+        path: [0],
+        children: [
+          {
+            id: 'child1',
+            path: [0, 0],
+          },
+          {
+            id: 'child2',
+            path: [0, 1],
+          },
+        ]
+      },
+      {
+        id: 'view2',
+        path: [1],
+        children: [
+          {
+            id: 'child3',
+            path: [1, 0],
+          },
+        ]
+      }
+    ];
+
+    DocumentUtils.moveNode(
+      views,
+      [0, 0],
+      [1, 0],
+      ComponentInsertType.BEFORE,
+    );
+
+    expect(views[0].children[0].id).toEqual('child2');
+    expect(views[1].children[0].id).toEqual('child1');
+    expect(views[1].children[1].id).toEqual('child3');
+  });
+
+  it('iterateDepthFirst', function () {
+    const node = {
+      children: [
+        {},
+        {},
+        {}
+      ]
+    };
+    const expected = {
+      upd: true,
+      children: [
+        {upd: true,},
+        {upd: true,},
+        {upd: true,}
+      ]
+    }
+
+    DocumentUtils.iterateDepthFirst(node, (node) => node.upd = true);
+    expect(node).toEqual(expected);
+
+  });
+
+  it('reIndex', function () {
+    const expectedModel = getDocument();
+    const document = {
+      views: [
+        {
+          id: 'id1',
+
+          children: [
+            {
+              id: 'id2',
+              path: [23],
+            },
+            {
+              id: 'id3',
+              children: [
+                {
+                  id: 'id4',
+                }
+
+              ]
+            },
+            {
+              id: 'id5',
+            }
+          ]
+        },
+        ...expectedModel.views.slice(1),
+      ]
+    };
+
+    DocumentUtils.reIndex(document.views[0], [0]);
+
+    expect(document).toEqual(expectedModel);
+  });
+
+  it('getRelativePath', function () {
+    expect(DocumentUtils.getRelativePath([0, 1])).toEqual([1]);
+  });
+
+  it('getParentPath', function () {
+    expect(DocumentUtils.getParentPath([0, 1])).toEqual([0]);
+  });
+
+  it('getNodeByPath', function () {
+
+    const node1 = DocumentUtils.getNodeByPath(getDocument().views, [0, 1, 0]);
+    expect(node1.id).toEqual('id4');
+
+    const node2 = DocumentUtils.getNodeByPath(getDocument().views, [1, 1, 0]);
+    expect(node2.id).toEqual('id42');
+  });
+
+  it('getNodeById', function () {
+
+    const node = DocumentUtils.getNodeById(getDocument().views, 'id4');
+    expect(node.path).toEqual([0, 1, 0]);
+  });
+
+  it('getPathToInsert', function () {
+    const pathToInsert = DocumentUtils.getPathToInsert([0, 0], ComponentInsertType.BEFORE, getDocument().views);
+    expect(pathToInsert).toEqual([0, 0]);
+
+    const pathToInsert1 = DocumentUtils.getPathToInsert([0, 2], ComponentInsertType.AFTER, getDocument().views);
+    expect(pathToInsert1).toEqual([0, 3]);
+
+    const pathToInsert2 = DocumentUtils.getPathToInsert([0, 1], ComponentInsertType.AFTER, getDocument().views);
+    expect(pathToInsert2).toEqual([0, 2]);
+
+    const pathToInsert3 = DocumentUtils.getPathToInsert([0], ComponentInsertType.INSIDE, getDocument().views);
+    expect(pathToInsert3).toEqual([0, 3]);
+  });
+})