[3756] Add an extension point to contribute custom footer

Bug: #3756
Signed-off-by: Florian ROUËNÉ <[email protected]>

CHANGELOG.adoc

@@ -30,8 +30,9 @@
 
 === Improvements
 
-- https://github.com/eclipse-sirius/sirius-web/issues/3744[#3744] [diagram] Add support for helper lines during multi selection move.
-- https://github.com/eclipse-sirius/sirius-web/issues/3770[#3770] [diagram] Enable helper lines by default.
+- https://github.com/eclipse-sirius/sirius-web/issues/3744[#3744] [diagram] Add support for helper lines during multi selection move
+- https://github.com/eclipse-sirius/sirius-web/issues/3770[#3770] [diagram] Enable helper lines by default
+- https://github.com/eclipse-sirius/sirius-web/issues/3756[#3756] [sirius-web] Add an extension point to contribute custom footer
 
 
 == v2024.7.0

packages/sirius-web/frontend/sirius-web-application/src/footer/Footer.types.ts

@@ -0,0 +1,14 @@
+/*******************************************************************************
+ * Copyright (c) 2024 Obeo.
+ * This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *     Obeo - initial API and implementation
+ *******************************************************************************/
+
+export interface FooterProps {}

packages/sirius-web/frontend/sirius-web-application/src/footer/FooterExtensionPoints.tsx

@@ -0,0 +1,20 @@
+/*******************************************************************************
+ * Copyright (c) 2024 Obeo.
+ * This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *     Obeo - initial API and implementation
+ *******************************************************************************/
+import { ComponentExtensionPoint } from '@eclipse-sirius/sirius-components-core';
+import { FooterProps } from './Footer.types';
+import { SiriusWebFooter } from './SiriusWebFooter';
+
+export const footerExtensionPoint: ComponentExtensionPoint<FooterProps> = {
+  identifier: 'footer',
+  FallbackComponent: SiriusWebFooter,
+};

packages/sirius-web/frontend/sirius-web-application/src/footer/Footer.tsx → packages/sirius-web/frontend/sirius-web-application/src/footer/SiriusWebFooter.tsx

@@ -13,6 +13,7 @@
 import Link from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
+import { FooterProps } from './Footer.types';
 
 const useFooterStyles = makeStyles((theme) => ({
   footer: {
@@ -26,7 +27,7 @@ const useFooterStyles = makeStyles((theme) => ({
   },
 }));
 
-export const Footer = () => {
+export const SiriusWebFooter = ({}: FooterProps) => {
   const classes = useFooterStyles();
   return (
     <footer className={classes.footer}>

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

@@ -15,6 +15,8 @@ export { SiriusWebApplication } from './application/SiriusWebApplication';
 export type { SiriusWebApplicationProps } from './application/SiriusWebApplication.types';
 export { DiagramRepresentationConfiguration } from './diagrams/DiagramRepresentationConfiguration';
 export type { NodeTypeRegistry } from './diagrams/DiagramRepresentationConfiguration.types';
+export type { FooterProps } from './footer/Footer.types';
+export { footerExtensionPoint } from './footer/FooterExtensionPoints';
 export { DefaultExtensionRegistryMergeStrategy } from './extension/DefaultExtensionRegistryMergeStrategy';
 export {
   type ApolloClientOptionsConfigurer,

packages/sirius-web/frontend/sirius-web-application/src/views/new-project/NewProjectView.tsx

@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2019, 2023 Obeo.
+ * Copyright (c) 2019, 2024 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -11,7 +11,7 @@
  *     Obeo - initial API and implementation
  *******************************************************************************/
 import { gql, useMutation } from '@apollo/client';
-import { Toast } from '@eclipse-sirius/sirius-components-core';
+import { Toast, useComponent } from '@eclipse-sirius/sirius-components-core';
 import Button from '@material-ui/core/Button';
 import Container from '@material-ui/core/Container';
 import Paper from '@material-ui/core/Paper';
@@ -21,7 +21,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import { useMachine } from '@xstate/react';
 import { useEffect } from 'react';
 import { Redirect } from 'react-router-dom';
-import { Footer } from '../../footer/Footer';
+import { footerExtensionPoint } from '../../footer/FooterExtensionPoints';
 import { NavigationBar } from '../../navigationBar/NavigationBar';
 import { GQLCreateProjectMutationData, GQLCreateProjectPayload, GQLErrorPayload } from './NewProjectView.types';
 import {
@@ -99,6 +99,7 @@ export const NewProjectView = () => {
   const { newProjectView, toast } = value as SchemaValue;
   const { name, nameMessage, nameIsInvalid, message, newProjectId } = context;
   const [createProject, { loading, data, error }] = useMutation<GQLCreateProjectMutationData>(createProjectMutation);
+  const { Component: Footer } = useComponent(footerExtensionPoint);
 
   const onNameChange = (event) => {
     const value = event.target.value;

packages/sirius-web/frontend/sirius-web-application/src/views/project-browser/ProjectBrowser.tsx

@@ -10,10 +10,11 @@
  * Contributors:
  *     Obeo - initial API and implementation
  *******************************************************************************/
+import { useComponent } from '@eclipse-sirius/sirius-components-core';
 import Container from '@material-ui/core/Container';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
-import { Footer } from '../../footer/Footer';
+import { footerExtensionPoint } from '../../footer/FooterExtensionPoints';
 import { NavigationBar } from '../../navigationBar/NavigationBar';
 import { CreateProjectArea } from './create-projects-area/CreateProjectArea';
 import { ListProjectsArea } from './list-projects-area/ListProjectsArea';
@@ -36,6 +37,8 @@ const useProjectsViewStyles = makeStyles((theme) => ({
 
 export const ProjectBrowser = () => {
   const classes = useProjectsViewStyles();
+  const { Component: Footer } = useComponent(footerExtensionPoint);
+
   return (
     <div className={classes.projectsView}>
       <NavigationBar />

packages/sirius-web/frontend/sirius-web-application/src/views/project-settings/ProjectSettingsView.tsx

@@ -10,10 +10,11 @@
  * Contributors:
  *     Obeo - initial API and implementation
  *******************************************************************************/
+import { useComponent } from '@eclipse-sirius/sirius-components-core';
 import Container from '@material-ui/core/Container';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
-import { Footer } from '../../footer/Footer';
+import { footerExtensionPoint } from '../../footer/FooterExtensionPoints';
 import { NavigationBar } from '../../navigationBar/NavigationBar';
 import { ProjectImagesSettings } from './images/ProjectImagesSettings';
 
@@ -32,7 +33,7 @@ const useProjectSettingsViewStyles = makeStyles((theme) => ({
 
 export const ProjectSettingsView = () => {
   const classes = useProjectSettingsViewStyles();
-
+  const { Component: Footer } = useComponent(footerExtensionPoint);
   return (
     <div className={classes.projectSettingsView}>
       <NavigationBar />