refactor: migrate to ESM (#7331)

* refactor: move package.json to type: module

this is where the fun begins

* chore: move webpack common and prod to esm

* chore: move webpack to esm, eslint to explicit cjs

* refactor: migrate all files to esm

* style: lint

* refactor: begin moving karma to cjs, use dynamic esm import

* refactor: move index-test to cjs

* refactor: begin moving e2e to ESM

this was manual. I'm committing this because I'm about to try the `cjstoesm` tool

* refactor: move all to esm

* fix: make all e2e tests use .js imports

* refactor: begin moving exports to esm

* refactor: use URL transforms instead of __dirname

* fix: use libraryExport: default to properly handle openmct

* fix: export all playwright configs as modules

* refactor: move all instances of __dirname to import.meta.url

* refactor: lint, drop unnecessary URL call

* fix: use correct URL path on helper/addNoneditableObject.js

* fix: more incorrect URL resolve issues

* fix: parse json after reading it

e2e/tests/framework/appActions.e2e.spec.js

@@ -20,12 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-const { test, expect } = require('../../pluginFixtures.js');
-const {
+import {
   createDomainObjectWithDefaults,
   createNotification,
   expandEntireTree
-} = require('../../appActions.js');
+} from '../../appActions.js';
+import { expect, test } from '../../pluginFixtures.js';
 
 test.describe('AppActions', () => {
   test('createDomainObjectsWithDefaults', async ({ page }) => {

e2e/tests/framework/baseFixtures.e2e.spec.js

@@ -26,7 +26,7 @@ relates to how we've extended it (i.e. ./e2e/baseFixtures.js) and assumptions ma
 (`npm start` and ./e2e/webpack-dev-middleware.js)
 */
 
-const { test } = require('../../baseFixtures.js');
+import { test } from '../../baseFixtures.js';
 
 test.describe('baseFixtures tests', () => {
   //Skip this test for now https://github.com/nasa/openmct/issues/6785

e2e/tests/framework/exampleTemplate.e2e.spec.js

@@ -45,8 +45,8 @@
  */
 
 // Structure: Some standard Imports. Please update the required pathing.
-const { test, expect } = require('../../pluginFixtures');
-const { createDomainObjectWithDefaults } = require('../../appActions');
+import { createDomainObjectWithDefaults } from '../../appActions.js';
+import { expect, test } from '../../pluginFixtures.js';
 
 /**
  * Structure:

e2e/tests/framework/generateLocalStorageData.e2e.spec.js

@@ -19,7 +19,6 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* global __dirname */
 /**
  * This test suite is dedicated to generating LocalStorage via Session Storage to be used
  * in some visual test suites like controlledClock.visual.spec.js. This suite should run to completion
@@ -32,13 +31,11 @@
  * and is additionally verified in the validation test suites below.
  */
 
-const { test, expect } = require('../../pluginFixtures.js');
-const {
-  createDomainObjectWithDefaults,
-  createExampleTelemetryObject
-} = require('../../appActions.js');
-const { MISSION_TIME } = require('../../constants.js');
-const path = require('path');
+import { fileURLToPath } from 'url';
+
+import { createDomainObjectWithDefaults, createExampleTelemetryObject } from '../../appActions.js';
+import { MISSION_TIME } from '../../constants.js';
+import { expect, test } from '../../pluginFixtures.js';
 
 const overlayPlotName = 'Overlay Plot with Telemetry Object';
 
@@ -87,7 +84,9 @@ test.describe('Generate Visual Test Data @localStorage @generatedata', () => {
 
     //Save localStorage for future test execution
     await context.storageState({
-      path: path.join(__dirname, '../../../e2e/test-data/display_layout_with_child_layouts.json')
+      path: fileURLToPath(
+        new URL('../../../e2e/test-data/display_layout_with_child_layouts.json', import.meta.url)
+      )
     });
   });
 
@@ -112,7 +111,9 @@ test.describe('Generate Visual Test Data @localStorage @generatedata', () => {
 
     //Save localStorage for future test execution
     await context.storageState({
-      path: path.join(__dirname, '../../../e2e/test-data/flexible_layout_with_child_layouts.json')
+      path: fileURLToPath(
+        new URL('../../../e2e/test-data/flexible_layout_with_child_layouts.json', import.meta.url)
+      )
     });
   });
 
@@ -189,7 +190,9 @@ test.describe('Generate Visual Test Data @localStorage @generatedata', () => {
 
     // Save localStorage for future test execution
     await context.storageState({
-      path: path.join(__dirname, '../../../e2e/test-data/overlay_plot_storage.json')
+      path: fileURLToPath(
+        new URL('../../../e2e/test-data/overlay_plot_storage.json', import.meta.url)
+      )
     });
   });
   // TODO: Merge this with previous test. Edit object created in previous test.
@@ -226,14 +229,18 @@ test.describe('Generate Visual Test Data @localStorage @generatedata', () => {
     await page.getByRole('button', { name: 'OK' }).click();
     //Save localStorage for future test execution
     await context.storageState({
-      path: path.join(__dirname, '../../../e2e/test-data/overlay_plot_with_delay_storage.json')
+      path: fileURLToPath(
+        new URL('../../../e2e/test-data/overlay_plot_with_delay_storage.json', import.meta.url)
+      )
     });
   });
 });
 
 test.describe('Validate Overlay Plot with Telemetry Object @localStorage @generatedata', () => {
   test.use({
-    storageState: path.join(__dirname, '../../../e2e/test-data/overlay_plot_storage.json')
+    storageState: fileURLToPath(
+      new URL('../../../e2e/test-data/overlay_plot_storage.json', import.meta.url)
+    )
   });
   test('Validate Overlay Plot with Telemetry Object', async ({ page }) => {
     await page.goto('./', { waitUntil: 'domcontentloaded' });
@@ -275,9 +282,8 @@ test.describe('Validate Overlay Plot with Telemetry Object @localStorage @genera
 
 test.describe('Validate Overlay Plot with 5s Delay Telemetry Object @localStorage @generatedata', () => {
   test.use({
-    storageState: path.join(
-      __dirname,
-      '../../../e2e/test-data/overlay_plot_with_delay_storage.json'
+    storageState: fileURLToPath(
+      new URL('../../../e2e/test-data/overlay_plot_with_delay_storage.json', import.meta.url)
     )
   });
   test('Validate Overlay Plot with Telemetry Object', async ({ page }) => {

e2e/tests/framework/pluginFixtures.e2e.spec.js

@@ -25,7 +25,7 @@ This test suite is dedicated to testing our use of our custom fixtures to verify
 that they are working as expected.
 */
 
-const { test } = require('../../pluginFixtures.js');
+import { test } from '../../pluginFixtures.js';
 
 // eslint-disable-next-line playwright/no-skipped-test
 test.describe.skip('pluginFixtures tests', () => {