[UI] Better logging in UI server (kubeflow#3197)

Author: Bobgy

frontend/server/handlers/artifacts.ts

@@ -192,7 +192,10 @@ function getGCSArtifactHandler(options: { key: string; bucket: string }) {
         res.send();
         return;
       }
-      console.log(`Found ${matchingFiles.length} matching files:`, matchingFiles);
+      console.log(
+        `Found ${matchingFiles.length} matching files: `,
+        matchingFiles.map(file => file.name).join(','),
+      );
       let contents = '';
       matchingFiles.forEach((f, i) => {
         const buffer: Buffer[] = [];

frontend/server/server.ts

@@ -14,5 +14,12 @@
 import { UIServer } from './app';
 import { loadConfigs } from './configs';
 
-const app = new UIServer(loadConfigs(process.argv, process.env));
+const configs = loadConfigs(process.argv, process.env);
+if (process.env.NODE_ENV !== 'test') {
+  console.log({
+    ...configs,
+    artifacts: 'Artifacts config contains credentials, so it is omitted',
+  });
+}
+const app = new UIServer(configs);
 app.start();

frontend/server/utils.ts

@@ -58,6 +58,8 @@ export function loadJSON<T>(filepath?: string, defaultValue?: T): T | undefined
   try {
     return JSON.parse(readFileSync(filepath, 'utf-8'));
   } catch (error) {
+    console.error(`Failed reading json data from '${filepath}':`);
+    console.error(error);
     return defaultValue;
   }
 }