feat(TCOMP-2059): upgrade talend-ui

.gitignore

@@ -45,8 +45,8 @@ coverage
 .env.production.local
 
 # generated from the filtered version
-component-starter-server/src/main/frontend/package.json
-component-tools-webapp/src/main/frontend/package.json
+# component-starter-server/src/main/frontend/package.json
+# component-tools-webapp/src/main/frontend/package.json
 documentation/src/main/frontend/package.json
 documentation/src/main/antora/site.yml
 documentation/src/main/antora/site-dev.yml

component-starter-server/pom.xml

@@ -29,8 +29,8 @@
 
   <properties>
     <!--TODO: bump node/npm when issue TCOMP-2059 Update talend/ui to 6.x will be done-->
-    <node.version>v12.13.0</node.version>
-    <npm.version>6.12.0</npm.version>
+    <node.version>v20.12.0</node.version>
+    <npm.version>10.5.0</npm.version>
     <talend.build.name>${talend.build.name.base}.starter</talend.build.name>
     <rat.numUnapprovedLicenses>10</rat.numUnapprovedLicenses>
   </properties>

component-starter-server/src/main/frontend/README.md

@@ -0,0 +1,9 @@
+mvn package
+cd target
+unzip component-starter-server-meecrowave-distribution.zip
+cd component-starter-server-distribution
+
+export JDK_JAVA_OPTIONS="-Dtalend.component.starter.security.csp=\"default-src 'self' data: unpkg.com; frame-ancestors 'none' ; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'\""
+export JAVA_HOME=/opt/homebrew/opt/openjdk@17
+
+./bin/meecrowave.sh run

component-starter-server/src/main/frontend/backend/index.js

@@ -12,7 +12,7 @@
  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
- */const configuration = require('./configuration.json');
+ */ const configuration = require('./configuration.json');
 const bodyParser = require('body-parser');
 const atob = require('atob');
 
@@ -33,7 +33,7 @@ function downloadZip(req, res) {
 	};
 
 	const fileName = 'example.zip';
-	res.sendFile(fileName, options, err => {
+	res.sendFile(fileName, options, (err) => {
 		if (err) {
 			res.status(500).send(err);
 		} else {
@@ -47,13 +47,41 @@ function createOnGithub(req, res) {
 	res.json({ success: true });
 }
 
-function setup(app) {
-	app.use(bodyParser.urlencoded({ extended: true }));
-	app.use(bodyParser.json());
-	app.get('/api/project/configuration', getConfiguration);
-	app.post('/api/project/zip/form', downloadZip);
-	app.post('/api/project/openapi/zip/form', downloadZip);
-	app.post('/api/project/github', createOnGithub);
+function setup(middlewares, devServer) {
+	if (!devServer) {
+		throw new Error('webpack-dev-server is not defined');
+	}
+
+	devServer.app.use(bodyParser.urlencoded({ extended: true }));
+	devServer.app.use(bodyParser.json());
+
+	// Use the `unshift` method if you want to run a middleware before all other middlewares
+	// or when you are migrating from the `onBeforeSetupMiddleware` option
+	middlewares.unshift({
+		name: 'project-configuration',
+		path: '/api/project/configuration',
+		middleware: getConfiguration,
+	});
+
+	middlewares.unshift({
+		name: 'project-zip',
+		path: '/api/project/zip/form',
+		middleware: downloadZip,
+	});
+
+	middlewares.unshift({
+		name: 'project-openapi-zip',
+		path: '/api/project/openapi/zip/form',
+		middleware: downloadZip,
+	});
+
+	middlewares.unshift({
+		name: 'project-github',
+		path: '/api/project/github',
+		middleware: createOnGithub,
+	});
+
+	return middlewares;
 }
 
 module.exports = setup;