fix(cli): better support for external modules and toolGroups in templates (#3364)

* choe(modes, components): improved readability

This commit includes changes to improve performance in the basic-dev-mode and Thumbnail components.
Additionally, a change in the webpack configuration file was made to ignore ".min.js.map" files.
The defaultDataSourceName was also added to several configuration files, and whiteLabeling code was removed
from the local_orthanc configuration file.

* fix(cli): better path management and add dependencies

* better docs

* add default tool group to the templates

* add review comments

* apply review comments

* try to fix test

* fix thumbnail in tests

platform/cli/src/commands/linkPackage.js

@@ -41,9 +41,37 @@ async function linkPackage(packageDir, options, addToConfig, keyword) {
   results = await execa(`yarn`, ['link', packageName]);
   console.log(results.stdout);
 
+  // Add the node_modules of the linked package so that webpack
+  // can find the linked package externals if there are
+  const webpackPwaPath = path.join(
+    viewerDirectory,
+    '.webpack',
+    'webpack.pwa.js'
+  );
+
+  async function updateWebpackConfig(webpackConfigPath, packageDir) {
+    const packageNodeModules = path.join(packageDir, 'node_modules');
+    const fileContent = await fs.promises.readFile(webpackConfigPath, 'utf8');
+
+    const newLine = `path.resolve(__dirname, '${packageNodeModules}'),`;
+    const modifiedFileContent = fileContent.replace(
+      /(modules:\s*\[)([\s\S]*?)(\])/,
+      `$1$2  ${newLine}$3`
+    );
+
+    await fs.promises.writeFile(webpackConfigPath, modifiedFileContent);
+  }
+
+  await updateWebpackConfig(webpackPwaPath, packageDir);
+
   // change directory to viewer packages and add the config item
   process.chdir(viewerDirectory);
-  addToConfig(packageName, { version });
+  addToConfig(packageName, {
+    version,
+  });
+
+  // run prettier on the webpack config
+  results = await execa(`yarn`, ['prettier', '--write', webpackPwaPath]);
 }
 
 function linkExtension(packageDir, options) {

platform/cli/src/commands/unlinkPackage.js

@@ -1,4 +1,6 @@
 import { execa } from 'execa';
+import fs from 'fs';
+import path from 'path';
 import {
   validateYarn,
   removeExtensionFromConfig,
@@ -17,10 +19,51 @@ const linkPackage = async (packageName, options, removeFromConfig) => {
   const results = await execa(`yarn`, ['unlink', packageName]);
   console.log(results.stdout);
 
+  const webpackPwaPath = path.join(
+    viewerDirectory,
+    '.webpack',
+    'webpack.pwa.js'
+  );
+
+  await removePathFromWebpackConfig(webpackPwaPath, packageName);
+
   //update the plugin.json file
   removeFromConfig(packageName);
+
+  // run prettier on the webpack config
+  await execa(`yarn`, ['prettier', '--write', webpackPwaPath]);
 };
 
+async function removePathFromWebpackConfig(webpackConfigPath, packageName) {
+  const fileContent = await fs.promises.readFile(webpackConfigPath, 'utf8');
+
+  const packageNameSubstring = `${packageName}/node_modules`;
+  const pathResolveStart = 'path.resolve(';
+  const closingParenthesis = ')';
+
+  let startIndex = fileContent.indexOf(packageNameSubstring);
+
+  if (startIndex === -1) {
+    return;
+  }
+
+  // Find the start of the "path.resolve" line.
+  startIndex = fileContent.lastIndexOf(pathResolveStart, startIndex);
+
+  // Find the end of the line with the closing parenthesis.
+  let endIndex = fileContent.indexOf(closingParenthesis, startIndex) + 1;
+
+  // Check if there's a comma after the closing parenthesis and remove it as well.
+  if (fileContent[endIndex] === ',') {
+    endIndex++;
+  }
+
+  const modifiedFileContent =
+    fileContent.slice(0, startIndex) + fileContent.slice(endIndex);
+
+  await fs.promises.writeFile(webpackConfigPath, modifiedFileContent);
+}
+
 function unlinkExtension(extensionName, options) {
   linkPackage(extensionName, options, removeExtensionFromConfig);
 }

platform/cli/src/commands/utils/private/writePluginConfigFile.js

@@ -6,9 +6,9 @@ export default function writePluginConfigFile(pluginConfig) {
 
   fs.writeFileSync(
     `./pluginConfig.json`,
-    jsonStringOfFileContents,
+    jsonStringOfFileContents + '\n', // Add a newline character at the end
     { flag: 'w+' },
-    (err) => {
+    err => {
       if (err) {
         console.error(err);
         return;