fix: fix package.json exports, keep JSDoc packages as CJS

- Update all package.json exports to use "default" condition
- Remove "module" field from packages (ESM via "type": "module")
- Fix "main" field for packages with changed entry points
- Keep JSDoc packages (parse5-utils, config-loader, rollup-plugin-copy,
  rollup-plugin-import-meta-assets, storybook-utils) WITHOUT "type": "module"
  since their .js source uses require() -- converted to ESM in PR4
- Restore parse5-utils index.mjs ESM wrapper with createRequire
- Apply CJS interop fixes (import.meta.resolve, createRequire) for
  source files that used require.resolve/__dirname

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

Author: bennypowers

packages/browser-logs/src/browserScript.ts

@@ -4,10 +4,10 @@ import path from 'path';
 const REGEXP_SOURCE_MAP = /\/\/# sourceMappingURL=.*/;
 
 const serializeScript = fs
-  .readFileSync(path.resolve(__dirname, 'serialize.js'), 'utf-8')
+  .readFileSync(path.resolve(import.meta.dirname, 'serialize.js'), 'utf-8')
   .replace(REGEXP_SOURCE_MAP, '');
 const logUncaughtErrorsScript = fs
-  .readFileSync(path.resolve(__dirname, 'logUncaughtErrors.js'), 'utf-8')
+  .readFileSync(path.resolve(import.meta.dirname, 'logUncaughtErrors.js'), 'utf-8')
   .replace(REGEXP_SOURCE_MAP, '');
 
 /**

packages/config-loader/package.json

@@ -14,7 +14,6 @@
   "author": "modern-web",
   "homepage": "https://github.com/modernweb-dev/web/tree/master/packages/config-loader",
   "main": "src/index.js",
-  "type": "module",
   "engines": {
     "node": ">=24.0.0"
   },

packages/dev-server-core/package.json

@@ -17,21 +17,19 @@
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "import": "./index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
     "./dist/dom5": {
       "types": "./dist/dom5/index.d.ts",
-      "require": "./dist/dom5/index.js"
+      "default": "./dist/dom5/index.js"
     },
     "./test-helpers": {
       "types": "./test-helpers.d.ts",
-      "import": "./test-helpers.mjs",
-      "require": "./dist/test-helpers.js"
+      "default": "./dist/test-helpers.js"
     }
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=24.0.0"
   },
   "scripts": {
     "build": "tsc",
@@ -46,7 +44,6 @@
     ".self-signed-dev-server-ssl.cert",
     ".self-signed-dev-server-ssl.key",
     "*.d.ts",
-    "*.mjs",
     "dist",
     "src"
   ],
@@ -86,5 +83,6 @@
     "express": "^4.21.2",
     "nanoid": "^3.1.25",
     "portfinder": "^1.0.32"
-  }
+  },
+  "type": "module"
 }

packages/dev-server-core/src/server/createServer.ts

@@ -68,7 +68,7 @@ export function createServer(
 
   let server: Server;
   if (cfg.http2) {
-    const dir = path.join(__dirname, '..');
+    const dir = path.join(import.meta.dirname, '..');
     const options = {
       key: fs.readFileSync(
         cfg.sslKey

packages/dev-server-storybook/src/shared/mdx/transformMdxToCsf.ts

@@ -1,3 +1,4 @@
+import { fileURLToPath } from 'node:url';
 import mdx from '@mdx-js/mdx';
 import { transformAsync } from '@babel/core';
 // @ts-ignore
@@ -17,7 +18,7 @@ export async function transformMdxToCsf(body: string, filePath: string): Promise
   const babelResult = await transformAsync(jsx, {
     filename: filePath,
     sourceMaps: true,
-    plugins: [require.resolve('@babel/plugin-transform-react-jsx')],
+    plugins: [fileURLToPath(import.meta.resolve('@babel/plugin-transform-react-jsx'))],
   });
 
   if (!babelResult?.code) {

packages/dev-server/src/plugins/esbuildPlugin.ts

@@ -1,6 +1,10 @@
+import { createRequire } from 'node:module';
+
+const require = createRequire(import.meta.url);
+
 function requirePlugin() {
   try {
-    const path = require.resolve('@web/dev-server-esbuild', { paths: [__dirname, process.cwd()] });
+    const path = require.resolve('@web/dev-server-esbuild');
     return require(path);
   } catch (error) {
     if ((error as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {

packages/parse5-utils/index.mjs

@@ -0,0 +1,111 @@
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+const cjsEntrypoint = require('./src/index.js');
+
+const {
+  createDocument,
+  createDocumentFragment,
+  createElement,
+  createScript,
+  createCommentNode,
+  appendChild,
+  insertBefore,
+  setTemplateContent,
+  getTemplateContent,
+  setDocumentType,
+  setDocumentMode,
+  getDocumentMode,
+  detachNode,
+  insertText,
+  insertTextBefore,
+  adoptAttributes,
+  getFirstChild,
+  getChildNodes,
+  getParentNode,
+  getAttrList,
+  getTagName,
+  getNamespaceURI,
+  getTextNodeContent,
+  getCommentNodeContent,
+  getDocumentTypeNodeName,
+  getDocumentTypeNodePublicId,
+  getDocumentTypeNodeSystemId,
+  isTextNode,
+  isCommentNode,
+  isDocumentTypeNode,
+  isElementNode,
+  setNodeSourceCodeLocation,
+  getNodeSourceCodeLocation,
+  updateNodeSourceCodeLocation,
+  isHtmlFragment,
+  hasAttribute,
+  getAttribute,
+  getAttributes,
+  setAttribute,
+  setAttributes,
+  removeAttribute,
+  setTextContent,
+  getTextContent,
+  remove,
+  findNode,
+  findNodes,
+  findElement,
+  findElements,
+  prepend,
+  prependToDocument,
+  appendToDocument,
+} = cjsEntrypoint;
+
+export {
+  createDocument,
+  createDocumentFragment,
+  createElement,
+  createScript,
+  createCommentNode,
+  appendChild,
+  insertBefore,
+  setTemplateContent,
+  getTemplateContent,
+  setDocumentType,
+  setDocumentMode,
+  getDocumentMode,
+  detachNode,
+  insertText,
+  insertTextBefore,
+  adoptAttributes,
+  getFirstChild,
+  getChildNodes,
+  getParentNode,
+  getAttrList,
+  getTagName,
+  getNamespaceURI,
+  getTextNodeContent,
+  getCommentNodeContent,
+  getDocumentTypeNodeName,
+  getDocumentTypeNodePublicId,
+  getDocumentTypeNodeSystemId,
+  isTextNode,
+  isCommentNode,
+  isDocumentTypeNode,
+  isElementNode,
+  setNodeSourceCodeLocation,
+  getNodeSourceCodeLocation,
+  updateNodeSourceCodeLocation,
+  isHtmlFragment,
+  hasAttribute,
+  getAttribute,
+  getAttributes,
+  setAttribute,
+  setAttributes,
+  removeAttribute,
+  setTextContent,
+  getTextContent,
+  remove,
+  findNode,
+  findNodes,
+  findElement,
+  findElements,
+  prepend,
+  prependToDocument,
+  appendToDocument,
+};

packages/parse5-utils/package.json

@@ -16,8 +16,9 @@
   "main": "src/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "default": "./src/index.js"
     }
   },
   "engines": {
@@ -45,6 +46,5 @@
   },
   "devDependencies": {
     "@types/html-minifier-terser": "^7.0.0"
-  },
-  "type": "module"
+  }
 }

packages/rollup-plugin-copy/package.json

@@ -48,6 +48,5 @@
   "devDependencies": {
     "@types/glob": "^8.1.0"
   },
-  "types": "dist/copy.d.ts",
-  "type": "module"
+  "types": "dist/copy.d.ts"
 }

packages/rollup-plugin-import-meta-assets/package.json

@@ -46,6 +46,5 @@
     "globby": "^13.2.2",
     "magic-string": "^0.30.0"
   },
-  "types": "dist/index",
-  "type": "module"
+  "types": "dist/index"
 }