#1 Add the initial frontend part

This frontend is fully based on Sirius-Web without any customization Bug: #1 Signed-off-by: Laurent Fasani <[email protected]>
ObeoNetwork · Nov 21, 2024 · 362e7ca · 362e7ca
1 parent 09876aa
commit 362e7ca
Show file tree

Hide file tree

Showing 39 changed files with 13,860 additions and 0 deletions.
diff --git a/frontend/.npmrc b/frontend/.npmrc
@@ -0,0 +1,2 @@
+@eclipse-sirius:registry=https://npm.pkg.github.com/eclipse-sirius
+@ObeoNetwork:registry=https://npm.pkg.github.com/ObeoNetwork
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
@@ -0,0 +1,22 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "bracketSameLine": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "semi": true,
+  "overrides": [
+    {
+      "files": "*.js",
+      "options": {
+        "parser": "babel"
+      }
+    },
+    {
+      "files": "*.css",
+      "options": {
+        "parser": "css"
+      }
+    }
+  ]
+}
diff --git a/frontend/.project b/frontend/.project
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>frontend</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+	</buildSpec>
+	<natures>
+	</natures>
+</projectDescription>
diff --git a/frontend/deeplab-web/.env.development b/frontend/deeplab-web/.env.development
@@ -0,0 +1,2 @@
+VITE_HTTP_SERVER_PORT=8080
+VITE_WS_SERVER_PORT=8080
diff --git a/frontend/deeplab-web/.prettierrc b/frontend/deeplab-web/.prettierrc
@@ -0,0 +1,22 @@
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "bracketSameLine": true,
+  "useTabs": false,
+  "tabWidth": 2,
+  "semi": true,
+  "overrides": [
+    {
+      "files": "*.js",
+      "options": {
+        "parser": "babel"
+      }
+    },
+    {
+      "files": "*.css",
+      "options": {
+        "parser": "css"
+      }
+    }
+  ]
+}
diff --git a/frontend/deeplab-web/README.adoc b/frontend/deeplab-web/README.adoc
@@ -0,0 +1,4 @@
+= Deeplab Frontend
+
+This project contains the frontend of the deeplab appliation.
+This frontend relies on Sirius-Web frontend
diff --git a/frontend/deeplab-web/index.html b/frontend/deeplab-web/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web site created using create-react-app" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="/manifest.json" />
+    <!--
+      Notice the use of public in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "public/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Sirius Web</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/frontend/deeplab-web/package.json b/frontend/deeplab-web/package.json
@@ -0,0 +1,92 @@
+{
+  "name": "@ObeoNetwork/pepper",
+  "author": "CEA LIST",
+  "version": "2024.11.1",
+  "license": "EPL-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ObeoNetwork/pepper"
+  },
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com/"
+  },
+  "private": true,
+  "dependencies": {
+    "@ObeoNetwork/gantt-task-react": "0.6.1",
+    "@ObeoNetwork/react-trello": "2.4.11",
+    "@apollo/client": "3.10.4",
+    "@eclipse-sirius/sirius-components-charts": "2024.11.1",
+    "@eclipse-sirius/sirius-components-core": "2024.11.1",
+    "@eclipse-sirius/sirius-components-deck": "2024.11.1",
+    "@eclipse-sirius/sirius-components-diagrams": "2024.11.1",
+    "@eclipse-sirius/sirius-components-formdescriptioneditors": "2024.11.1",
+    "@eclipse-sirius/sirius-components-forms": "2024.11.1",
+    "@eclipse-sirius/sirius-components-gantt": "2024.11.1",
+    "@eclipse-sirius/sirius-components-omnibox": "2024.11.1",
+    "@eclipse-sirius/sirius-components-portals": "2024.11.1",
+    "@eclipse-sirius/sirius-components-selection": "2024.11.1",
+    "@eclipse-sirius/sirius-components-tables": "2024.11.1",
+    "@eclipse-sirius/sirius-components-trees": "2024.11.1",
+    "@eclipse-sirius/sirius-components-validation": "2024.11.1",
+    "@eclipse-sirius/sirius-components-widget-reference": "2024.11.1",
+    "@eclipse-sirius/sirius-web-application": "2024.11.1",
+    "@mui/icons-material": "5.15.19",
+    "@mui/material": "5.15.19",
+    "@xstate/react": "3.0.0",
+    "@xyflow/react": "12.2.1",
+    "d3": "7.0.0",
+    "elkjs": "0.8.2",
+    "export-to-csv": "1.3.0",
+    "fontsource-roboto": "4.0.0",
+    "graphql": "16.8.1",
+    "html-to-image": "1.11.11",
+    "material-react-table": "2.13.3",
+    "notistack": "3.0.1",
+    "pathfinding": "0.4.18",
+    "prop-types": "15.8.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-draggable": "4.4.6",
+    "react-router-dom": "6.26.0",
+    "reactflow": "11.10.1",
+    "subscriptions-transport-ws": "0.11.0",
+    "svg-path-parser": "1.1.0",
+    "tss-react": "4.9.7",
+    "xstate": "4.32.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "5.14.1",
+    "@testing-library/react": "12.1.2",
+    "@testing-library/user-event": "13.2.1",
+    "@types/d3": "7.0.0",
+    "@types/jest": "27.0.0",
+    "@types/node": "20.12.12",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@types/react-router-dom": "5.3.3",
+    "@vitejs/plugin-react": "4.3.0",
+    "jest-junit-reporter": "1.1.0",
+    "prettier": "2.7.1",
+    "typescript": "5.4.5",
+    "vite": "5.2.11",
+    "vitest": "1.6.0"
+  },
+  "overrides": {
+    "@types/react-router-dom": {
+      "@types/history": "4.7.11"
+    }
+  },
+  "scripts": {
+    "start": "tsc && vite --host",
+    "build": "vite build && tsc",
+    "test": "vitest --run --config vite.config.js",
+    "format": "prettier --write \"src/**/*.{js,ts,tsx,css}\"",
+    "format-lint": "prettier --list-different \"src/**/*.{js,ts,tsx,css}\""
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/frontend/deeplab-web/public/favicon.ico b/frontend/deeplab-web/public/favicon.ico
diff --git a/frontend/deeplab-web/public/manifest.json b/frontend/deeplab-web/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "Sirius Web",
+  "name": "Sirius Web Frontend",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/frontend/deeplab-web/src/ReactFlow.css b/frontend/deeplab-web/src/ReactFlow.css
@@ -0,0 +1,17 @@
+/*******************************************************************************
+ * Copyright (c) 2024 CEA LIST.
+ * 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
+ *******************************************************************************/
+
+/* The circle used to reconnect an edge */
+.react-flow__edgeupdater {
+  stroke-width: 15;
+}
diff --git a/frontend/deeplab-web/src/core/URL.ts b/frontend/deeplab-web/src/core/URL.ts
@@ -0,0 +1,34 @@
+/*******************************************************************************
+ * Copyright (c) 2024 CEA LIST.
+ * 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
+ *******************************************************************************/
+
+const { VITE_HTTP_SERVER_PORT, VITE_WS_SERVER_PORT } = import.meta.env;
+
+let httpURL = '';
+if (!VITE_HTTP_SERVER_PORT || VITE_HTTP_SERVER_PORT.length === 0) {
+  httpURL = `${window.location.protocol}//${window.location.host}`;
+} else {
+  httpURL = `${window.location.protocol}//${window.location.hostname}:${VITE_HTTP_SERVER_PORT}`;
+}
+export const httpOrigin = httpURL;
+
+let wsURL = '';
+if (!VITE_WS_SERVER_PORT || VITE_WS_SERVER_PORT.length === 0) {
+  let wsProtocol = 'ws:';
+  if ('https:' === window.location.protocol) {
+    wsProtocol = 'wss:';
+  }
+  wsURL = `${wsProtocol}//${window.location.host}`;
+} else {
+  wsURL = `ws://${window.location.hostname}:${VITE_WS_SERVER_PORT}`;
+}
+export const wsOrigin = wsURL;
diff --git a/frontend/deeplab-web/src/fonts.css b/frontend/deeplab-web/src/fonts.css
@@ -0,0 +1,81 @@
+/*******************************************************************************
+ * Copyright (c) 2024 CEA LIST.
+ * 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
+ *******************************************************************************/
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 100;
+  src: url(./fonts/Lato/Lato-Thin.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 100;
+  src: url(./fonts/Lato/Lato-ThinItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 300;
+  src: url(./fonts/Lato/Lato-Light.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 300;
+  src: url(./fonts/Lato/Lato-LightItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url(./fonts/Lato/Lato-Regular.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: url(./fonts/Lato/Lato-Italic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: url(./fonts/Lato/Lato-Bold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: url(./fonts/Lato/Lato-BoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 900;
+  src: url(./fonts/Lato/Lato-Black.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 900;
+  src: url(./fonts/Lato/Lato-BlackItalic.ttf) format('truetype');
+}
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Black.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Black.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-BlackItalic.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-BlackItalic.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Bold.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Bold.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-BoldItalic.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-BoldItalic.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Italic.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Italic.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Light.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Light.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-LightItalic.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-LightItalic.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Regular.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Regular.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-Thin.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-Thin.ttf
diff --git a/frontend/deeplab-web/src/fonts/Lato/Lato-ThinItalic.ttf b/frontend/deeplab-web/src/fonts/Lato/Lato-ThinItalic.ttf
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@eclipse-sirius:registry=https://npm.pkg.github.com/eclipse-sirius
		@ObeoNetwork:registry=https://npm.pkg.github.com/ObeoNetwork
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		VITE_HTTP_SERVER_PORT=8080
		VITE_WS_SERVER_PORT=8080