Codegen: Add column to existing list

[jozef-slezak]

Description:

We need to extend current solution to be able not only generate table from scratch, but also to be able to add new column at specific position.

Proposed solution:

• check if component exists at given position
• every generator must implement function insertColumn
• need to implement WidgetContext from codegen interfaces diagram and use it in generators
• parse existing react typescript source code from parent context - SourceFileContext (it will contains source code of generated page) using Abstract Syntax Tree (AST - use typescript compiler API)
• transform source code by adding new column to table (we need to preserve original formatting)
• create code snippet using typescript compiler factory API (https://ts-ast-viewer.com/)

insertColumn(componentPosition: SourcePosition, property: Property, columnIndex?: number)

Aceptance criteria:

• GIVEN have defined interface
  WHEN i use generator to generate table
  THEN it use methods from implemented interface
• GIVEN have defined tests for add new column
  WHEN i run these tests
  THEN all tests will pass
• GIVEN have generated table without column field1
  and columnIndex is not defined
  WHEN i call insertColumn with field1
  THEN generated table will contains field1 at the end of the table
• GIVEN have generated table without column field1
  and columnIndex is defined
  WHEN i call insertColumn with field1
  THEN generated table will contains field1 at the defined position
• GIVEN have generated table with column field1
  WHEN i call insertColumn with field1
  THEN field1 wont be added again
• GIVEN have any type of supported table type
  WHEN i call insertColumn
  THEN all tables support this action
• GIVEN already generated table
  and using specific formatting within table
  WHEN i insert new column
  THEN inserted column will preserve defined formatting

[jozef-slezak]

Useful functions in existing codebase:

3a7d7b4#diff-722ffe81d10ea05a849cc753ac0a939d99433539e148e85dc9c97f57807f018aR19

1f78b37#diff-96dab814d3ba51e56b4087d42c76afaba52f68cb551edd8d235a152f7dea7391R38

lowcode/packages/react-lowcode/src/ast/find.ts

Line 17 in 1f78b37

export function startOfJsxIdentifier(code: string, source: SourceLineCol) {

[jozef-slezak]

@mat-app, think about adding same column twice. Please, check the presence of the key in the json and second time ad a suffix to the key.