fix: resolve remaining TS 5.9 + nodenext compilation issues

- Restore JSDoc packages (config-loader, parse5-utils, rollup-plugin-copy,
  rollup-plugin-import-meta-assets, storybook-utils) to master .js sources
  (JSDoc→TS conversion belongs in PR4)
- Restore parse5 v6 type imports (parse5 v8 migration belongs in PR4)
- Restore ws v7 API in WebSocketsManager (ws v8 belongs in PR4)
- Fix Token → Attribute import for parse5 v6 compat in rollup-plugin-html
- Fix Object.values(bundle) unknown type with explicit cast
- Add CJS interop for saucelabs and internal-ip (needed for nodenext)
- Add CJS interop for rollup plugins in storybook-builder (needed for nodenext)
- Restore master test scripts (test migration belongs in PR2)

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bennypowers

packages/browser-logs/package.json

@@ -26,8 +26,8 @@
   },
   "scripts": {
     "build": "tsc",
-    "test:node": "node --test test/**/*.test.ts",
-    "test:watch": "node --test --watch test/**/*.test.ts"
+    "test:node": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --reporter dot",
+    "test:watch": "mocha \"test/**/*.test.{ts,js,mjs,cjs}\" --require ts-node/register --watch --watch-files src,test"
   },
   "files": [
     "*.d.ts",

packages/browser-logs/src/browserScript.ts

@@ -4,15 +4,17 @@ import path from 'path';
 const REGEXP_SOURCE_MAP = /\/\/# sourceMappingURL=.*/;
 
 const serializeScript = fs
-  .readFileSync(path.resolve(import.meta.dirname, 'serialize.js'), 'utf-8')
+  .readFileSync(path.resolve(__dirname, 'serialize.js'), 'utf-8')
   .replace(REGEXP_SOURCE_MAP, '');
 const logUncaughtErrorsScript = fs
-  .readFileSync(path.resolve(import.meta.dirname, 'logUncaughtErrors.js'), 'utf-8')
+  .readFileSync(path.resolve(__dirname, 'logUncaughtErrors.js'), 'utf-8')
   .replace(REGEXP_SOURCE_MAP, '');
 
 /**
- * Create the browser script as an IIFE wrapper.
- * It can't be ESM because it should work on older browsers as well.
+ * Create the browser script. This project is compiled as CJS because it also needs to run in node, so
+ * we create a small wrapper.
+ *
+ * It can't be ESM anyway, because it should work on older browsers as well.
  */
 export const browserScript =
   '(function () { var module={};var exports={};\n' +

packages/config-loader/package.json

@@ -20,8 +20,8 @@
   },
   "scripts": {
     "build": "tsc",
-    "test:node": "node --test 'test/**/*.test.mjs'",
-    "test:watch": "node --test --watch 'test/**/*.test.mjs'"
+    "test:node": "mocha test/**/*.test.js --reporter dot",
+    "test:watch": "mocha test/**/*.test.js --watch --watch-files .,src,test --reporter dot"
   },
   "files": [
     "*.d.ts",

packages/config-loader/src/ConfigLoaderError.js

@@ -0,0 +1 @@
+module.exports = class ConfigLoaderError extends Error {};

packages/config-loader/src/ConfigLoaderError.ts

@@ -1,12 +1,14 @@
-import fs from 'fs/promises';
-import path from 'path';
-import { fileExists } from './utils.ts';
+const fs = require('fs').promises;
+const path = require('path');
+const { fileExists } = require('./utils');
 
 /**
  * Gets the package type for a given directory. Walks up the file system, looking
  * for a package.json file and returns the package type.
+ * @param {string} basedir
+ * @returns {Promise<string>}
  */
-async function getPackageType(basedir: string): Promise<string> {
+async function getPackageType(basedir) {
   let currentPath = basedir;
   try {
     while (await fileExists(currentPath)) {
@@ -26,4 +28,4 @@ async function getPackageType(basedir: string): Promise<string> {
   return 'commonjs';
 }
 
-export default getPackageType;
+module.exports = getPackageType;

…ages/config-loader/src/getPackageType.ts …ages/config-loader/src/getPackageType.jspackages/config-loader/src/getPackageType.ts renamed to packages/config-loader/src/getPackageType.js packages/config-loader/src/getPackageType.ts renamed to packages/config-loader/src/getPackageType.js

@@ -1,5 +1,5 @@
-import { pathToFileURL } from 'url';
-import ConfigLoaderError from './ConfigLoaderError.ts';
+const { pathToFileURL } = require('url');
+const ConfigLoaderError = require('./ConfigLoaderError');
 
 // These strings may be node-version dependent and need updating over time
 // They're just to display a helpful error message
@@ -9,7 +9,10 @@ const CJS_ERRORS = [
   'ReferenceError: exports is not defined',
 ];
 
-async function importConfig(path: string): Promise<object> {
+/**
+ * @param {string} path
+ */
+async function importConfig(path) {
   try {
     const config = await import(pathToFileURL(path).href);
 
@@ -21,7 +24,7 @@ async function importConfig(path: string): Promise<object> {
 
     return config.default;
   } catch (e) {
-    if (CJS_ERRORS.some(msg => (e as Error).stack?.includes(msg))) {
+    if (CJS_ERRORS.some(msg => /** @type {Error} */(e).stack?.includes(msg))) {
       throw new ConfigLoaderError(
         'You are using CommonJS syntax such as "require" or "module.exports" in a config loaded as es module. ' +
           'Use import/export syntax, or load the file as a CommonJS module by ' +
@@ -32,4 +35,4 @@ async function importConfig(path: string): Promise<object> {
   }
 }
 
-export default importConfig;
+module.exports = importConfig;

…ckages/config-loader/src/importConfig.ts …ckages/config-loader/src/importConfig.jspackages/config-loader/src/importConfig.ts renamed to packages/config-loader/src/importConfig.js packages/config-loader/src/importConfig.ts renamed to packages/config-loader/src/importConfig.js

@@ -0,0 +1,33 @@
+const getPackageType = require('./getPackageType');
+const path = require('path');
+const requireConfig = require('./requireConfig');
+
+/**
+ * @param {string} configPath
+ */
+function importConfig(configPath) {
+  // Conditionally requires importConfig function to avoid logging a warning on node v12
+  // when not using an es modules
+  const importConfigFunction = require('./importConfig');
+  return importConfigFunction(configPath);
+}
+
+/**
+ * @param {string} configPath
+ * @param {string} basedir
+ */
+async function importOrRequireConfig(configPath, basedir) {
+  const ext = path.extname(configPath);
+
+  switch (ext) {
+    case '.mjs':
+      return importConfig(configPath);
+    case '.cjs':
+      return requireConfig(configPath);
+    default:
+      const packageType = await getPackageType(basedir);
+      return packageType === 'module' ? importConfig(configPath) : requireConfig(configPath);
+  }
+}
+
+module.exports = importOrRequireConfig;

packages/config-loader/src/importOrRequireConfig.js

@@ -1,11 +1,16 @@
-import path from 'path';
-import { fileExists } from './utils.ts';
-import ConfigLoaderError from './ConfigLoaderError.ts';
-import importOrRequireConfig from './importOrRequireConfig.ts';
+const path = require('path');
+const { fileExists } = require('./utils');
+const ConfigLoaderError = require('./ConfigLoaderError.js');
+const importOrRequireConfig = require('./importOrRequireConfig');
 
 const EXTENSIONS = ['.mjs', '.cjs', '.js'];
 
-async function readConfig(name: string, customPath?: string, basedir: string = process.cwd()): Promise<any> {
+/**
+ * @param {string} name
+ * @param {string} [customPath]
+ * @param {string} [basedir]
+ */
+async function readConfig(name, customPath, basedir = process.cwd()) {
   const resolvedCustomPath = customPath ? path.resolve(basedir, customPath) : undefined;
   if (resolvedCustomPath && !(await fileExists(resolvedCustomPath))) {
     throw new ConfigLoaderError(`Could not find a config file at ${resolvedCustomPath}`);
@@ -27,4 +32,4 @@ async function readConfig(name: string, customPath?: string, basedir: string = p
   return null;
 }
 
-export { readConfig, ConfigLoaderError };
+module.exports = { readConfig, ConfigLoaderError };