Fix couchdbsearchfolder and allow clocky reports (#6770)

* Fix CouchDBSearchFolder plugin to have unique identifiers.
Allow ttt-reports to be viewed as web pages

* Remove ttt-report type from WebPage view provider. This is being moved to the viper-openmct repo instead

* Adds check for classList

* Add WebPage to the components list

* Remove uuid and use the folder name as the identifier instead

* Remove focused test

---------

Co-authored-by: John Hill <john.c.hill@nasa.gov>
Co-authored-by: Jamie V <jamie.j.vigliotta@nasa.gov>

src/plugins/CouchDBSearchFolder/plugin.js

@@ -1,21 +1,26 @@
 export default function (folderName, couchPlugin, searchFilter) {
+  const DEFAULT_NAME = 'CouchDB Documents';
+
   return function install(openmct) {
     const couchProvider = couchPlugin.couchProvider;
+    //replace any non-letter/non-number with a hyphen
+    const couchSearchId = (folderName || DEFAULT_NAME).replace(/[^a-zA-Z0-9]/g, '-');
+    const couchSearchName = `couch-search-${couchSearchId}`;
 
     openmct.objects.addRoot({
-      namespace: 'couch-search',
+      namespace: couchSearchName,
-      key: 'couch-search'
+      key: couchSearchName
     });
 
-    openmct.objects.addProvider('couch-search', {
+    openmct.objects.addProvider(couchSearchName, {
       get(identifier) {
-        if (identifier.key !== 'couch-search') {
+        if (identifier.key !== couchSearchName) {
           return undefined;
         } else {
           return Promise.resolve({
             identifier,
             type: 'folder',
-            name: folderName || 'CouchDB Documents',
+            name: folderName || DEFAULT_NAME,
             location: 'ROOT'
           });
         }
@@ -25,8 +30,8 @@ export default function (folderName, couchPlugin, searchFilter) {
     openmct.composition.addProvider({
       appliesTo(domainObject) {
         return (
-          domainObject.identifier.namespace === 'couch-search' &&
+          domainObject.identifier.namespace === couchSearchName &&
-          domainObject.identifier.key === 'couch-search'
+          domainObject.identifier.key === couchSearchName
         );
       },
       load() {

src/plugins/CouchDBSearchFolder/pluginSpec.js

@@ -25,8 +25,8 @@ import CouchDBSearchFolderPlugin from './plugin';
 
 describe('the plugin', function () {
   let identifier = {
-    namespace: 'couch-search',
+    namespace: 'couch-search-CouchDB-Documents',
-    key: 'couch-search'
+    key: 'couch-search-CouchDB-Documents'
   };
   let testPath = '/test/db';
   let openmct;

src/plugins/viewLargeAction/viewLargeAction.js

@@ -54,7 +54,7 @@ export default class ViewLargeAction {
 
     return (
       childElement &&
-      !childElement.classList.contains('js-main-container') &&
+      !childElement?.classList.contains('js-main-container') &&
       !this.openmct.router.isNavigatedObject(objectPath)
     );
   }

src/ui/components/components.js

@@ -23,9 +23,11 @@
 import ObjectView from './ObjectView.vue';
 import StackedPlot from '../../plugins/plot/stackedPlot/StackedPlot.vue';
 import Plot from '../../plugins/plot/Plot.vue';
+import WebPage from '../../plugins/webPage/components/WebPage.vue';
 
 export default {
   ObjectView,
   StackedPlot,
-  Plot
+  Plot,
+  WebPage
 };