feat: AMD -> ES6 (#7029)

* feat: full amd -> es6 conversion

* fix: move MCT to ES6 class

* fix: default drop, correct imports

* fix: correct all imports

* fix: property typo

* fix: avoid anonymous functions

* fix: correct typo

scarily small - can see why this e2e coverage issue is high priority

* fix: use proper uuid format

* style: fmt

* fix: import vue correctly, get correct layout

* fix: createApp without JSON

fixes template issues

* fix: don't use default on InspectorDataVisualization

* fix: remove more .default calls

* Update src/api/api.js

Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>

* Update src/plugins/plugins.js

Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>

* Update src/plugins/plugins.js

Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>

* fix: suggestions

* fix: drop unnecessary this.annotation initialization

* fix: move all initialization calls to constructor

* refactor: move vue dist import to webpack alias

---------

Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>

example/generator/WorkerInterface.js

@@ -20,88 +20,86 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-define(['uuid'], function ({ v4: uuid }) {
-  function WorkerInterface(openmct, StalenessProvider) {
-    // eslint-disable-next-line no-undef
-    const workerUrl = `${openmct.getAssetPath()}${__OPENMCT_ROOT_RELATIVE__}generatorWorker.js`;
-    this.StalenessProvider = StalenessProvider;
-    this.worker = new Worker(workerUrl);
-    this.worker.onmessage = this.onMessage.bind(this);
-    this.callbacks = {};
-    this.staleTelemetryIds = {};
+import { v4 as uuid } from 'uuid';
 
-    this.watchStaleness();
+export default function WorkerInterface(openmct, StalenessProvider) {
+  // eslint-disable-next-line no-undef
+  const workerUrl = `${openmct.getAssetPath()}${__OPENMCT_ROOT_RELATIVE__}generatorWorker.js`;
+  this.StalenessProvider = StalenessProvider;
+  this.worker = new Worker(workerUrl);
+  this.worker.onmessage = this.onMessage.bind(this);
+  this.callbacks = {};
+  this.staleTelemetryIds = {};
+
+  this.watchStaleness();
+}
+
+WorkerInterface.prototype.watchStaleness = function () {
+  this.StalenessProvider.on('stalenessEvent', ({ id, isStale }) => {
+    this.staleTelemetryIds[id] = isStale;
+  });
+};
+
+WorkerInterface.prototype.onMessage = function (message) {
+  message = message.data;
+  var callback = this.callbacks[message.id];
+  if (callback) {
+    callback(message);
+  }
+};
+
+WorkerInterface.prototype.dispatch = function (request, data, callback) {
+  var message = {
+    request: request,
+    data: data,
+    id: uuid()
+  };
+
+  if (callback) {
+    this.callbacks[message.id] = callback;
   }
 
-  WorkerInterface.prototype.watchStaleness = function () {
-    this.StalenessProvider.on('stalenessEvent', ({ id, isStale }) => {
-      this.staleTelemetryIds[id] = isStale;
-    });
-  };
+  this.worker.postMessage(message);
 
-  WorkerInterface.prototype.onMessage = function (message) {
-    message = message.data;
-    var callback = this.callbacks[message.id];
-    if (callback) {
-      callback(message);
-    }
-  };
+  return message.id;
+};
 
-  WorkerInterface.prototype.dispatch = function (request, data, callback) {
-    var message = {
-      request: request,
-      data: data,
-      id: uuid()
-    };
+WorkerInterface.prototype.request = function (request) {
+  var deferred = {};
+  var promise = new Promise(function (resolve, reject) {
+    deferred.resolve = resolve;
+    deferred.reject = reject;
+  });
+  var messageId;
 
-    if (callback) {
-      this.callbacks[message.id] = callback;
+  let self = this;
+  function callback(message) {
+    if (message.error) {
+      deferred.reject(message.error);
+    } else {
+      deferred.resolve(message.data);
     }
 
-    this.worker.postMessage(message);
+    delete self.callbacks[messageId];
+  }
 
-    return message.id;
-  };
+  messageId = this.dispatch('request', request, callback.bind(this));
 
-  WorkerInterface.prototype.request = function (request) {
-    var deferred = {};
-    var promise = new Promise(function (resolve, reject) {
-      deferred.resolve = resolve;
-      deferred.reject = reject;
-    });
-    var messageId;
+  return promise;
+};
 
-    let self = this;
-    function callback(message) {
-      if (message.error) {
-        deferred.reject(message.error);
-      } else {
-        deferred.resolve(message.data);
-      }
-
-      delete self.callbacks[messageId];
+WorkerInterface.prototype.subscribe = function (request, cb) {
+  const { id, loadDelay } = request;
+  const messageId = this.dispatch('subscribe', request, (message) => {
+    if (!this.staleTelemetryIds[id]) {
+      setTimeout(() => cb(message.data), Math.max(loadDelay, 0));
     }
+  });
 
-    messageId = this.dispatch('request', request, callback.bind(this));
-
-    return promise;
-  };
-
-  WorkerInterface.prototype.subscribe = function (request, cb) {
-    const { id, loadDelay } = request;
-    const messageId = this.dispatch('subscribe', request, (message) => {
-      if (!this.staleTelemetryIds[id]) {
-        setTimeout(() => cb(message.data), Math.max(loadDelay, 0));
-      }
+  return function () {
+    this.dispatch('unsubscribe', {
+      id: messageId
     });
-
-    return function () {
-      this.dispatch('unsubscribe', {
-        id: messageId
-      });
-      delete this.callbacks[messageId];
-    }.bind(this);
-  };
-
-  return WorkerInterface;
-});
+    delete this.callbacks[messageId];
+  }.bind(this);
+};