handled error case if no devfile registry available

Signed-off-by: msivasubramaniaan <msivasub@redhat.com>

Author: msivasubramaniaan

src/registriesView.ts

@@ -73,13 +73,16 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
         return {
             label: element.name,
             contextValue: ContextType.DEVFILE_REGISTRY,
-            tooltip: `Devfile Registry\nName: ${element.name}\nURL: ${element.name}`,
+            tooltip: `Devfile Registry\nName: ${element.name}\nURL: ${element.url}`,
             collapsibleState: TreeItemCollapsibleState.None,
             iconPath: new vscode.ThemeIcon('note')
         };
     }
 
     addRegistry(newRegistry: Registry): void {
+        if(!this.registries){
+            this.registries = [];
+        }
         this.registries.push(newRegistry);
         this.refresh(false);
         this.reveal(newRegistry);
@@ -243,7 +246,7 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
                 if (!validator.matches(trimmedValue, '^[a-zA-Z0-9]+$')) {
                     return 'Registry name can have only alphabet characters and numbers';
                 }
-                if (registries.find((registry) => registry.name !== registryContext?.name && registry.name === value)) {
+                if (registries?.find((registry) => registry.name !== registryContext?.name && registry.name === value)) {
                     return `Registry name '${value}' is already used`;
                 }
             },
@@ -261,7 +264,7 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
                 if (!validator.isURL(trimmedValue)) {
                     return 'Entered URL is invalid';
                 }
-                if (registries.find((registry) => registry.name !== registryContext?.name && registry.url === value)) {
+                if (registries?.find((registry) => registry.name !== registryContext?.name && registry.url === value)) {
                     return `Registry with entered URL '${value}' already exists`;
                 }
             },
@@ -289,7 +292,7 @@ export class ComponentTypesView implements TreeDataProvider<ComponentType> {
          */
 
         if (registryContext) {
-            const notChangedRegisty = registries.find((registry) => registry.name === regName && registry.url === regURL && registry.secure === (secure === 'Yes'));
+            const notChangedRegisty = registries?.find((registry) => registry.name === regName && registry.url === regURL && registry.secure === (secure === 'Yes'));
             if (notChangedRegisty) {
                 return null;
             }

src/webview/devfile-registry/registryViewLoader.ts

@@ -132,18 +132,27 @@ export default class RegistryViewLoader {
 
 function getAllComponents(eventActionName: string, url?: string, error?: string) {
     let registries = ComponentTypesView.instance.getListOfRegistries();
-    if (url && url.length > 0) {
-        registries = registries.filter((registry: Registry) => registry.url === url);
-    }
-    const componentDescriptions = ComponentTypesView.instance.getCompDescriptions();
-    panel?.webview.postMessage(
-        {
-            action: eventActionName,
-            compDescriptions: Array.from(componentDescriptions),
-            registries: registries,
-            errorMessage: error
+    if (!registries) {
+        panel?.webview.postMessage(
+            {
+                action: eventActionName,
+                errorMessage: 'No Devfile registries configured'
+            }
+        );
+    } else {
+        if (url && url.length > 0) {
+            registries = registries.filter((registry: Registry) => registry.url === url);
         }
-    );
+        const componentDescriptions = ComponentTypesView.instance.getCompDescriptions();
+        panel?.webview.postMessage(
+            {
+                action: eventActionName,
+                compDescriptions: Array.from(componentDescriptions),
+                registries: registries,
+                errorMessage: error
+            }
+        );
+    }
 }
 
 ComponentTypesView.instance.subject.subscribe((value: string) => {