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/helper/faultUtils.js

@@ -19,14 +19,15 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* global __dirname */
-const path = require('path');
+import { fileURLToPath } from 'url';
 
 /**
  * @param {import('@playwright/test').Page} page
  */
 async function navigateToFaultManagementWithExample(page) {
-  await page.addInitScript({ path: path.join(__dirname, './', 'addInitExampleFaultProvider.js') });
+  await page.addInitScript({
+    path: fileURLToPath(new URL('./addInitExampleFaultProvider.js', import.meta.url))
+  });
 
   await navigateToFaultItemInTree(page);
 }
@@ -36,7 +37,7 @@ async function navigateToFaultManagementWithExample(page) {
  */
 async function navigateToFaultManagementWithStaticExample(page) {
   await page.addInitScript({
-    path: path.join(__dirname, './', 'addInitExampleFaultProviderStatic.js')
+    path: fileURLToPath(new URL('./addInitExampleFaultProviderStatic.js', import.meta.url))
   });
 
   await navigateToFaultItemInTree(page);
@@ -46,7 +47,9 @@ async function navigateToFaultManagementWithStaticExample(page) {
  * @param {import('@playwright/test').Page} page
  */
 async function navigateToFaultManagementWithoutExample(page) {
-  await page.addInitScript({ path: path.join(__dirname, './', 'addInitFaultManagementPlugin.js') });
+  await page.addInitScript({
+    path: fileURLToPath(new URL('./addInitFaultManagementPlugin.js', import.meta.url))
+  });
 
   await navigateToFaultItemInTree(page);
 }
@@ -265,29 +268,28 @@ async function openFaultRowMenu(page, rowNumber) {
     .click();
 }
 
-// eslint-disable-next-line no-undef
-module.exports = {
-  navigateToFaultManagementWithExample,
-  navigateToFaultManagementWithStaticExample,
-  navigateToFaultManagementWithoutExample,
-  navigateToFaultItemInTree,
+export {
   acknowledgeFault,
-  shelveMultipleFaults,
   acknowledgeMultipleFaults,
-  shelveFault,
   changeViewTo,
-  sortFaultsBy,
-  enterSearchTerm,
   clearSearch,
-  selectFaultItem,
-  getHighestSeverity,
-  getLowestSeverity,
-  getFaultResultCount,
+  enterSearchTerm,
   getFault,
   getFaultByName,
   getFaultName,
-  getFaultSeverity,
   getFaultNamespace,
+  getFaultResultCount,
+  getFaultSeverity,
   getFaultTriggerTime,
-  openFaultRowMenu
+  getHighestSeverity,
+  getLowestSeverity,
+  navigateToFaultItemInTree,
+  navigateToFaultManagementWithExample,
+  navigateToFaultManagementWithoutExample,
+  navigateToFaultManagementWithStaticExample,
+  openFaultRowMenu,
+  selectFaultItem,
+  shelveFault,
+  shelveMultipleFaults,
+  sortFaultsBy
 };

e2e/helper/notebookUtils.js

@@ -20,11 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-const { createDomainObjectWithDefaults } = require('../appActions');
+import { createDomainObjectWithDefaults } from '../appActions.js';
 
 const NOTEBOOK_DROP_AREA = '.c-notebook__drag-area';
 const CUSTOM_NAME = 'CUSTOM_NAME';
-const path = require('path');
+import { fileURLToPath } from 'url';
 
 /**
  * @param {import('@playwright/test').Page} page
@@ -69,7 +69,9 @@ async function commitEntry(page) {
  */
 async function startAndAddRestrictedNotebookObject(page) {
   // eslint-disable-next-line no-undef
-  await page.addInitScript({ path: path.join(__dirname, 'addInitRestrictedNotebook.js') });
+  await page.addInitScript({
+    path: fileURLToPath(new URL('./addInitRestrictedNotebook.js', import.meta.url))
+  });
   await page.goto('./', { waitUntil: 'domcontentloaded' });
 
   return createDomainObjectWithDefaults(page, {
@@ -138,12 +140,11 @@ async function createNotebookEntryAndTags(page, iterations = 1) {
   return notebook;
 }
 
-// eslint-disable-next-line no-undef
-module.exports = {
-  enterTextEntry,
-  dragAndDropEmbed,
-  startAndAddRestrictedNotebookObject,
-  lockPage,
+export {
+  createNotebookAndEntry,
   createNotebookEntryAndTags,
-  createNotebookAndEntry
+  dragAndDropEmbed,
+  enterTextEntry,
+  lockPage,
+  startAndAddRestrictedNotebookObject
 };

e2e/helper/planningUtils.js

@@ -20,7 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { expect } from '../pluginFixtures';
+import { expect } from '../pluginFixtures.js';
 
 /**
  * Asserts that the number of activities in the plan view matches the number of

e2e/helper/plotTagsUtils.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { expect } from '../pluginFixtures';
-const { waitForPlotsToRender } = require('../appActions');
+import { waitForPlotsToRender } from '../appActions.js';
+import { expect } from '../pluginFixtures.js';
 
 /**
  * Given a canvas and a set of points, tags the points on the canvas.