rudimentary expression editor

src/plugins/comps/CompsManager.js

@@ -24,6 +24,14 @@ export default class CompsManager extends EventEmitter {
     this.#telemetryLoadedPromises = [];
   }
 
+  persist() {
+    this.#openmct.objects.mutate(
+      this.#domainObject,
+      'configuration.comps',
+      this.#domainObject.configuration.comps
+    );
+  }
+
   getTelemetryObjects() {
     return this.#telemetryObjects;
   }
@@ -132,7 +140,7 @@ export default class CompsManager extends EventEmitter {
   }
 
   getExpression() {
-    return 'a + b ';
+    return this.#domainObject.configuration.expression;
   }
 
   #waitForDebounce() {

src/plugins/comps/CompsTelemetryProvider.js

@@ -68,6 +68,7 @@ export default class CompsTelemetryProvider {
           '🏟️ 2 Telemetry for comps:',
           specificCompsManager.requestUnderlyingTelemetry()
         );
+        console.debug('🏟️ expression:', expression);
         this.#requestPromises[callbackID] = { resolve, reject };
         this.#sharedWorker.port.postMessage({
           type: 'calculateRequest',

src/plugins/comps/components/CompsView.vue

@@ -65,7 +65,17 @@
       <div class="c-cs__header c-section__header">
         <div class="c-cs__header-label c-section__label">Expression</div>
       </div>
-      <div class="c-cs__content"></div>
+      <div class="c-cs__content">
+        <div v-if="!isEditing">{{ domainObject.configuration.expression }}</div>
+        <div v-else>
+          <textarea
+            v-model="domainObject.configuration.expression"
+            class="c-cs__expression__input"
+            placeholder="Enter an expression"
+            @change="compsManager.persist"
+          ></textarea>
+        </div>
+      </div>
     </section>
   </div>
 </template>

src/plugins/comps/plugin.js

@@ -35,7 +35,12 @@ export default function CompsPlugin() {
       creatable: true,
       cssClass: 'icon-telemetry',
       initialize: function (domainObject) {
-        domainObject.configuration = {};
+        domainObject.configuration = {
+          comps: {
+            expression: '',
+            parameters: []
+          }
+        };
         domainObject.composition = [];
         domainObject.telemetry = {};
       }