fix: split parse5 type imports and fix stale .js imports

Node 24 native type stripping requires explicit `import type` for
type-only parse5 imports (Document, Node, Element, Attribute, etc.).
Without this, named imports fail at runtime because the types are
stripped from the module's exports.

Also fix remaining .js -> .ts import rewrites in multi-line from
clauses that were missed by previous sed runs.

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

Author: bennypowers

packages/dev-server-import-maps/src/importMapsPlugin.ts

@@ -6,7 +6,8 @@ import {
   resolve,
 } from '@import-maps/resolve';
 import { getHtmlPath } from '@web/dev-server-core';
-import { parse as parseHtml, serialize as serializeHtml, Element as ElementAst } from 'parse5';
+import { parse as parseHtml, serialize as serializeHtml } from 'parse5';
+import type { Element as ElementAst } from 'parse5';
 import path from 'path';
 
 import {

packages/dev-server-import-maps/src/utils.ts

@@ -1,6 +1,6 @@
 import picoMatch from 'picomatch';
 import { Context, getHtmlPath } from '@web/dev-server-core';
-import { Element as ElementAst } from 'parse5';
+import type { Element as ElementAst } from 'parse5';
 import { getAttribute } from '@web/parse5-utils';
 import { ParsedImportMap } from '@import-maps/resolve';
 

packages/dev-server-legacy/src/findJsScripts.ts

@@ -1,5 +1,5 @@
 import { isUri } from 'valid-url';
-import { Document as DocumentAst, Node as NodeAst } from 'parse5';
+import type { Document as DocumentAst, Node as NodeAst } from 'parse5';
 import { queryAll, predicates, getAttribute, hasAttribute } from '@web/dev-server-core/dist/dom5';
 
 function isDeferred(script: NodeAst) {

packages/dev-server-legacy/src/injectPolyfillsLoader.ts

@@ -1,6 +1,7 @@
 import { Context } from '@web/dev-server-core';
 import { getAttribute, getTextContent, remove } from '@web/dev-server-core/dist/dom5';
-import { parse, serialize, Document as DocumentAst, Node as NodeAst } from 'parse5';
+import { parse, serialize } from 'parse5';
+import type { Document as DocumentAst, Node as NodeAst } from 'parse5';
 import {
   injectPolyfillsLoader as originalInjectPolyfillsLoader,
   PolyfillsConfig,

packages/dev-server-rollup/src/rollupAdapter.ts

@@ -21,9 +21,9 @@ import { CustomPluginOptions, Plugin as RollupPlugin, TransformPluginContext } f
 import { InputOptions } from 'rollup';
 import { red, cyan } from 'nanocolors';
 
-import { toBrowserPath, isAbsoluteFilePath, isOutsideRootDir } from './utils.js';
-import { createRollupPluginContextAdapter } from './createRollupPluginContextAdapter.js';
-import { createRollupPluginContexts, RollupPluginContexts } from './createRollupPluginContexts.js';
+import { toBrowserPath, isAbsoluteFilePath, isOutsideRootDir } from './utils.ts';
+import { createRollupPluginContextAdapter } from './createRollupPluginContextAdapter.ts';
+import { createRollupPluginContexts, RollupPluginContexts } from './createRollupPluginContexts.ts';
 
 const NULL_BYTE_PARAM = 'web-dev-server-rollup-null-byte';
 const VIRTUAL_FILE_PREFIX = '/__web-dev-server__/rollup';

packages/polyfills-loader/src/injectPolyfillsLoader.ts

@@ -1,4 +1,5 @@
-import { Document, Node, ParentNode, parse, serialize } from 'parse5';
+import { parse, serialize } from 'parse5';
+import type { Document, Node, ParentNode } from 'parse5';
 import {
   findElements,
   getAttribute,

packages/polyfills-loader/src/types.ts

@@ -1,4 +1,4 @@
-import { Attribute } from 'parse5';
+import type { Attribute } from 'parse5';
 
 export interface PolyfillsLoaderConfig {
   // files to load on modern browsers. loaded when there are no

packages/polyfills-loader/src/utils.ts

@@ -1,4 +1,4 @@
-import { Element } from 'parse5';
+import type { Element } from 'parse5';
 import { getAttribute } from '@web/parse5-utils';
 import crypto from 'crypto';
 import { FileType, PolyfillsLoaderConfig } from './types.ts';

packages/rollup-plugin-html/src/assets/utils.ts

@@ -1,4 +1,4 @@
-import { Document, Element } from 'parse5';
+import type { Document, Element } from 'parse5';
 import path from 'path';
 import picomatch from 'picomatch';
 import { findElements, getTagName, getAttribute } from '@web/parse5-utils';

packages/rollup-plugin-html/src/input/extract/extractAssets.ts

@@ -1,4 +1,5 @@
-import { Document, serialize } from 'parse5';
+import { serialize } from 'parse5';
+import type { Document } from 'parse5';
 import fs from 'fs';
 import path from 'path';
 import { InputAsset } from '../InputData.ts';