[3936] Add FormDescriptionEditor support in vs-code extension

Bug: #3936
Signed-off-by: Michaël Charfadi <[email protected]>

CHANGELOG.adoc

@@ -1151,6 +1151,7 @@ An error message is now displayed if the _Shape_ is not set.
 - https://github.com/eclipse-sirius/sirius-web/issues/2429[#2429] [sirius-web] Ensure that view models can be successfully uploaded by loading the default color palettes
 - https://github.com/eclipse-sirius/sirius-web/issues/2433[#2433] [form] Fix an issue where the readonly property of FlexboxContainerPropertySection was not correctly dispatched to children.
 - https://github.com/eclipse-sirius/sirius-web/issues/3943[#3943] [vs-code] Fix an issue with widget reference
+- https://github.com/eclipse-sirius/sirius-web/issues/3936[#3936] [vs-code] Add FormDescriptionEditor support in vs-code extension
 
 === New Features
 

packages/sirius-web/frontend/sirius-web-application/src/index.ts

@@ -16,6 +16,7 @@ export type { SiriusWebApplicationProps } from './application/SiriusWebApplicati
 export { DiagramRepresentationConfiguration } from './diagrams/DiagramRepresentationConfiguration';
 export type { NodeTypeRegistry } from './diagrams/DiagramRepresentationConfiguration.types';
 export { DefaultExtensionRegistryMergeStrategy } from './extension/DefaultExtensionRegistryMergeStrategy';
+export { referenceWidgetDocumentTransform } from './extension/ReferenceWidgetDocumentTransform';
 export type { FooterProps } from './footer/Footer.types';
 export { footerExtensionPoint } from './footer/FooterExtensionPoints';
 export {

vscode-extension/src/view/app/App.tsx

@@ -17,6 +17,7 @@ import {
   SelectionContextProvider,
 } from '@eclipse-sirius/sirius-components-core';
 import { DiagramRepresentation } from '@eclipse-sirius/sirius-components-diagrams';
+import { FormDescriptionEditorRepresentation } from '@eclipse-sirius/sirius-components-formdescriptioneditors';
 import { FormRepresentation } from '@eclipse-sirius/sirius-components-forms';
 import { DetailsView } from '@eclipse-sirius/sirius-web-application';
 import { Theme, ThemeProvider } from '@mui/material';
@@ -123,6 +124,14 @@ export const App = ({
         readOnly={false}
       />
     );
+  } else if (representationKind.startsWith('siriusComponents://representation?type=FormDescriptionEditor')) {
+    component = (
+      <FormDescriptionEditorRepresentation
+        editingContextId={state.editingContextId}
+        representationId={state.representationId}
+        readOnly={false}
+      />
+    );
   } else if (representationKind.startsWith('siriusComponents://representation?type=Form')) {
     component = (
       <FormRepresentation

vscode-extension/src/view/app/index.tsx

@@ -15,12 +15,12 @@ import { ApolloClient, ApolloProvider, DefaultOptions, HttpLink, InMemoryCache,
 import { WebSocketLink } from '@apollo/client/link/ws';
 import { getMainDefinition } from '@apollo/client/utilities';
 import { ExtensionProvider, ServerContext } from '@eclipse-sirius/sirius-components-core';
+import { referenceWidgetDocumentTransform } from '@eclipse-sirius/sirius-web-application';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './App';
 import './index.css';
 import { defaultExtensionRegistry } from './registry/DefaultExtensionRegistry';
-import { referenceWidgetDocumentTransform } from './registry/ReferenceWidgetDocumentTransform';
 import { ToastProvider } from './toast/ToastProvider';
 
 declare global {